@juspay/svelte-ui-components 4.49.0 → 4.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/Chat/Chat.svelte +2 -0
  2. package/dist/Chat/properties.d.ts +1 -0
  3. package/dist/Scroller/Scroller.svelte +11 -0
  4. package/dist-wc/index.js +137 -123
  5. package/package.json +1 -1
package/dist/Chat/Chat.svelte CHANGED
@@ -20,6 +20,7 @@
20
20
  autoscroll = true,
21
21
  scrollPolicy = 'near-bottom',
22
22
  pinHold = false,
23
+ hideScrollbar = false,
23
24
  jump = true,
24
25
  jumpLabel = 'Jump to latest',
25
26
  jumpIcon,
@@ -100,6 +101,7 @@
100
101
  {autoscroll}
101
102
  {scrollPolicy}
102
103
  {pinHold}
104
+ {hideScrollbar}
103
105
  {jump}
104
106
  {jumpLabel}
105
107
  {jumpIcon}
package/dist/Chat/properties.d.ts CHANGED
@@ -20,6 +20,7 @@ export type OptionalChatProperties = {
20
20
  autoscroll?: boolean;
21
21
  scrollPolicy?: ChatMessageListProperties['scrollPolicy'];
22
22
  pinHold?: ChatMessageListProperties['pinHold'];
23
+ hideScrollbar?: ChatMessageListProperties['hideScrollbar'];
23
24
  jump?: ChatMessageListProperties['jump'];
24
25
  jumpLabel?: ChatMessageListProperties['jumpLabel'];
25
26
  jumpIcon?: ChatMessageListProperties['jumpIcon'];
package/dist/Scroller/Scroller.svelte CHANGED
@@ -333,6 +333,17 @@
333
333
  }
334
334
  }
335
335
 
336
+ /* Main-axis alignment token. Unset it must change nothing, so it takes the same route as the
337
+ scrollbar pair: its own anonymous layer and a revert-layer fallback. A plain
338
+ `justify-content: var(--scroller-justify-content, normal)` would outrank an app's
339
+ `.scroll-container { justify-content: center }` and any rule in an earlier layer, both of
340
+ which win today because the library declares nothing here. */
341
+ @layer {
342
+ :where(.scroll-container) {
343
+ justify-content: var(--scroller-justify-content, revert-layer);
344
+ }
345
+ }
346
+
336
347
  .scroll-container.dragging {
337
348
  cursor: grabbing;
338
349
  }
package/dist-wc/index.js CHANGED
@@ -20906,7 +20906,7 @@ customElements.define("sui-phone", create_custom_element(Phone_wc, {
20906
20906
  //#region src/lib/Scroller/Scroller.svelte
20907
20907
  var root$50 = /* @__PURE__ */ from_html("<span class=\"arrow-icon svelte-1safnmk\"></span>"), root_1$46 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-prev svelte-1safnmk\"><!></div>"), root_2$36 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-start svelte-1safnmk\"></div>"), root_3$34 = /* @__PURE__ */ from_html("<div class=\"gradient gradient-end svelte-1safnmk\"></div>"), root_4$30 = /* @__PURE__ */ from_html("<div class=\"arrow arrow-next svelte-1safnmk\"><!></div>"), root_5$27 = /* @__PURE__ */ from_html("<div><!> <!> <div role=\"region\" tabindex=\"-1\"><!></div> <!> <!></div>"), $$css$97 = {
20908
20908
  hash: "svelte-1safnmk",
20909
- code: ".scroller.svelte-1safnmk {position:relative;display:flex;width:var(--scroller-width, 100%);height:var(--scroller-height, fit-content);}.scroller.horizontal.svelte-1safnmk {flex-direction:row;align-items:center;}.scroller.vertical.svelte-1safnmk {flex-direction:column;align-items:stretch;}.scroll-container.svelte-1safnmk {flex:1;display:flex;overflow:auto;gap:var(--scroller-gap, 0px);padding:var(--scroller-padding, 0px);}.scroller.horizontal.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}\n\n /* The stylesheet half, for scrolls this component does not initiate -- a wheel,\n a dragged scrollbar, an anchor jump. The script half above covers the three it\n does initiate, and cannot be replaced by this: an inline style write and a\n ScrollToOptions value both outrank or bypass every rule here. */\n @media (prefers-reduced-motion: reduce) {.scroller.horizontal.svelte-1safnmk .scroll-container:where(.svelte-1safnmk),\n .scroller.vertical.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {scroll-behavior:auto;}\n }.scroller.vertical.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}.scroll-container.snap.svelte-1safnmk {scroll-snap-type:var(--scroller-snap-type, x mandatory);}.scroller.vertical.svelte-1safnmk .scroll-container.snap:where(.svelte-1safnmk) {scroll-snap-type:var(--scroller-snap-type, y mandatory);}.scroll-container.hide-scrollbar.svelte-1safnmk {-ms-overflow-style:none;scrollbar-width:none;}.scroll-container.hide-scrollbar.svelte-1safnmk::-webkit-scrollbar {display:none;}\n\n /* Scrollbar tokens, only while a scrollbar is shown. Unset, they must change nothing, and\n a plain declaration cannot manage that: one that resolves to nothing still computes as\n unset, which wipes an inherited scrollbar-color and replaces an earlier rule of zero\n specificity such as `* { scrollbar-width: thin }`. So the pair sits in an anonymous\n layer, where any unlayered rule of the app beats it whatever its specificity, and the\n fallback is revert-layer, which hands the property back to whatever the layers before\n this one (an app's own `@layer base`, then the browser) would have given it. The\n keywords initial and inherit, tried first, restore the browser default but still\n displace that earlier layer. The selector is inside :where() so it adds no specificity.\n Chromium stops applying ::-webkit-scrollbar rules once either property is not auto, so\n setting a token replaces an app's webkit scrollbar styling instead of adding to it. */\n @layer {:where(.scroll-container.svelte-1safnmk:not(.hide-scrollbar)) {scrollbar-width:var(--scroller-scrollbar-width, revert-layer);scrollbar-color:var(--scroller-scrollbar-color, revert-layer);}\n }.scroll-container.dragging.svelte-1safnmk {cursor:grabbing;}.arrow.svelte-1safnmk {display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;margin:var(--scroller-arrow-margin, 0px);--button-width: var(--scroller-arrow-size, 32px);--button-height: var(--scroller-arrow-size, 32px);--button-border-radius: var(--scroller-arrow-border-radius, 50%);--button-color: var(--scroller-arrow-background, #ffffff);--button-border: var(--scroller-arrow-border, 1px solid #e0e0e0);--button-text-color: var(--scroller-arrow-color, #333333);--button-padding: var(--scroller-arrow-padding, 4px);--button-box-shadow: var(--scroller-arrow-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12));--button-hover-color: var(--scroller-arrow-hover-background, #f5f5f5);--button-hover-text-color: var(\n --scroller-arrow-hover-color,\n var(--scroller-arrow-color, #333333)\n );}.arrow-icon.svelte-1safnmk {display:flex;align-items:center;justify-content:center;line-height:0;}.arrow-icon.svelte-1safnmk svg {width:var(--scroller-arrow-icon-size, 16px);height:var(--scroller-arrow-icon-size, 16px);}.gradient.svelte-1safnmk {position:absolute;z-index:1;pointer-events:none;}.scroller.horizontal.svelte-1safnmk .gradient:where(.svelte-1safnmk) {top:0;bottom:0;width:var(--scroller-gradient-size, 80px);}.scroller.horizontal.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {left:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to right,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.horizontal.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {right:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to left,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient:where(.svelte-1safnmk) {left:0;right:0;height:var(--scroller-gradient-size, 80px);}.scroller.vertical.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {top:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to bottom,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {bottom:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to top,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}"
20909
+ code: ".scroller.svelte-1safnmk {position:relative;display:flex;width:var(--scroller-width, 100%);height:var(--scroller-height, fit-content);}.scroller.horizontal.svelte-1safnmk {flex-direction:row;align-items:center;}.scroller.vertical.svelte-1safnmk {flex-direction:column;align-items:stretch;}.scroll-container.svelte-1safnmk {flex:1;display:flex;overflow:auto;gap:var(--scroller-gap, 0px);padding:var(--scroller-padding, 0px);}.scroller.horizontal.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}\n\n /* The stylesheet half, for scrolls this component does not initiate -- a wheel,\n a dragged scrollbar, an anchor jump. The script half above covers the three it\n does initiate, and cannot be replaced by this: an inline style write and a\n ScrollToOptions value both outrank or bypass every rule here. */\n @media (prefers-reduced-motion: reduce) {.scroller.horizontal.svelte-1safnmk .scroll-container:where(.svelte-1safnmk),\n .scroller.vertical.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {scroll-behavior:auto;}\n }.scroller.vertical.svelte-1safnmk .scroll-container:where(.svelte-1safnmk) {flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:var(--scroller-scroll-behavior, smooth);}.scroll-container.snap.svelte-1safnmk {scroll-snap-type:var(--scroller-snap-type, x mandatory);}.scroller.vertical.svelte-1safnmk .scroll-container.snap:where(.svelte-1safnmk) {scroll-snap-type:var(--scroller-snap-type, y mandatory);}.scroll-container.hide-scrollbar.svelte-1safnmk {-ms-overflow-style:none;scrollbar-width:none;}.scroll-container.hide-scrollbar.svelte-1safnmk::-webkit-scrollbar {display:none;}\n\n /* Scrollbar tokens, only while a scrollbar is shown. Unset, they must change nothing, and\n a plain declaration cannot manage that: one that resolves to nothing still computes as\n unset, which wipes an inherited scrollbar-color and replaces an earlier rule of zero\n specificity such as `* { scrollbar-width: thin }`. So the pair sits in an anonymous\n layer, where any unlayered rule of the app beats it whatever its specificity, and the\n fallback is revert-layer, which hands the property back to whatever the layers before\n this one (an app's own `@layer base`, then the browser) would have given it. The\n keywords initial and inherit, tried first, restore the browser default but still\n displace that earlier layer. The selector is inside :where() so it adds no specificity.\n Chromium stops applying ::-webkit-scrollbar rules once either property is not auto, so\n setting a token replaces an app's webkit scrollbar styling instead of adding to it. */\n @layer {:where(.scroll-container.svelte-1safnmk:not(.hide-scrollbar)) {scrollbar-width:var(--scroller-scrollbar-width, revert-layer);scrollbar-color:var(--scroller-scrollbar-color, revert-layer);}\n }\n\n /* Main-axis alignment token. Unset it must change nothing, so it takes the same route as the\n scrollbar pair: its own anonymous layer and a revert-layer fallback. A plain\n `justify-content: var(--scroller-justify-content, normal)` would outrank an app's\n `.scroll-container { justify-content: center }` and any rule in an earlier layer, both of\n which win today because the library declares nothing here. */\n @layer {:where(.scroll-container.svelte-1safnmk) {justify-content:var(--scroller-justify-content, revert-layer);}\n }.scroll-container.dragging.svelte-1safnmk {cursor:grabbing;}.arrow.svelte-1safnmk {display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1;margin:var(--scroller-arrow-margin, 0px);--button-width: var(--scroller-arrow-size, 32px);--button-height: var(--scroller-arrow-size, 32px);--button-border-radius: var(--scroller-arrow-border-radius, 50%);--button-color: var(--scroller-arrow-background, #ffffff);--button-border: var(--scroller-arrow-border, 1px solid #e0e0e0);--button-text-color: var(--scroller-arrow-color, #333333);--button-padding: var(--scroller-arrow-padding, 4px);--button-box-shadow: var(--scroller-arrow-box-shadow, 0 1px 3px rgba(0, 0, 0, 0.12));--button-hover-color: var(--scroller-arrow-hover-background, #f5f5f5);--button-hover-text-color: var(\n --scroller-arrow-hover-color,\n var(--scroller-arrow-color, #333333)\n );}.arrow-icon.svelte-1safnmk {display:flex;align-items:center;justify-content:center;line-height:0;}.arrow-icon.svelte-1safnmk svg {width:var(--scroller-arrow-icon-size, 16px);height:var(--scroller-arrow-icon-size, 16px);}.gradient.svelte-1safnmk {position:absolute;z-index:1;pointer-events:none;}.scroller.horizontal.svelte-1safnmk .gradient:where(.svelte-1safnmk) {top:0;bottom:0;width:var(--scroller-gradient-size, 80px);}.scroller.horizontal.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {left:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to right,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.horizontal.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {right:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to left,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient:where(.svelte-1safnmk) {left:0;right:0;height:var(--scroller-gradient-size, 80px);}.scroller.vertical.svelte-1safnmk .gradient-start:where(.svelte-1safnmk) {top:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-start,\n linear-gradient(\n to bottom,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}.scroller.vertical.svelte-1safnmk .gradient-end:where(.svelte-1safnmk) {bottom:var(--scroller-arrow-size, 32px);background:var(\n --scroller-gradient-end,\n linear-gradient(\n to top,\n rgba(255, 255, 255, 1) 0%,\n rgba(255, 255, 255, 0.5) 40%,\n rgba(255, 255, 255, 0) 100%\n )\n );}"
20910
20910
  };
20911
20911
  function Scroller(e, t) {
20912
20912
  push(t, !0), append_styles$1(e, $$css$97);
@@ -54509,15 +54509,15 @@ var root$9 = /* @__PURE__ */ from_html("<div class=\"tool-status svelte-2jkbfk\"
54509
54509
  };
54510
54510
  function Chat(e, t) {
54511
54511
  push(t, !0), append_styles$1(e, $$css$29);
54512
- let n = prop(t, "messages", 7), i = prop(t, "value", 15, ""), a = prop(t, "title", 7, ""), o = prop(t, "subtitle", 7, ""), s = prop(t, "image", 7), c = prop(t, "imageAlt", 7, ""), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), f = prop(t, "streaming", 7, !1), p = prop(t, "recording", 7, !1), h = prop(t, "autoscroll", 7, !0), S = prop(t, "scrollPolicy", 7, "near-bottom"), C = prop(t, "pinHold", 7, !1), k = prop(t, "jump", 7, !0), R = prop(t, "jumpLabel", 7, "Jump to latest"), te = prop(t, "jumpIcon", 7), ne = prop(t, "toolStatus", 7, null), G = prop(t, "suggestions", 23, () => []), re = prop(t, "attachments", 31, () => proxy([])), be = prop(t, "accept", 7, ""), Me = prop(t, "multiple", 7, !1), Re = prop(t, "allowCopy", 7, !1), Ue = prop(t, "closeLabel", 7, "Close"), it = prop(t, "showClose", 7), at = prop(t, "headerAvatar", 7), ot = prop(t, "headerActions", 7), ct = prop(t, "headerContent", 7), lt = prop(t, "message", 7), ut = prop(t, "messageBody", 7), dt = prop(t, "messageAttachments", 7), ft = prop(t, "empty", 7), pt = prop(t, "composerLeading", 7), mt = prop(t, "sendIcon", 7), ht = prop(t, "stopIcon", 7), gt = prop(t, "voiceIcon", 7), _t = prop(t, "attachIcon", 7), vt = prop(t, "onsend", 7), yt = prop(t, "onsuggestion", 7), bt = prop(t, "onclose", 7), xt = prop(t, "onstop", 7), St = prop(t, "onvoice", 7), Ct = prop(t, "onattach", 7), wt = prop(t, "onretry", 7), Tt = prop(t, "onfeedback", 7), Et = prop(t, "onscrollstate", 7), Dt = prop(t, "testId", 7), Ot = prop(t, "classes", 7), kt = /* @__PURE__ */ user_derived(() => a().length > 0 || o().length > 0 || typeof s() == "string" && s().length > 0 || typeof bt() == "function" || typeof at() == "function" || typeof ot() == "function"), At = /* @__PURE__ */ user_derived(() => G().length > 0 && n().length === 0);
54513
- function jt(e, t) {
54514
- if (typeof yt() == "function") {
54515
- yt()(e, t);
54512
+ let n = prop(t, "messages", 7), i = prop(t, "value", 15, ""), a = prop(t, "title", 7, ""), o = prop(t, "subtitle", 7, ""), s = prop(t, "image", 7), c = prop(t, "imageAlt", 7, ""), l = prop(t, "placeholder", 7, ""), u = prop(t, "disabled", 7, !1), f = prop(t, "streaming", 7, !1), p = prop(t, "recording", 7, !1), h = prop(t, "autoscroll", 7, !0), S = prop(t, "scrollPolicy", 7, "near-bottom"), C = prop(t, "pinHold", 7, !1), k = prop(t, "hideScrollbar", 7, !1), R = prop(t, "jump", 7, !0), te = prop(t, "jumpLabel", 7, "Jump to latest"), ne = prop(t, "jumpIcon", 7), G = prop(t, "toolStatus", 7, null), re = prop(t, "suggestions", 23, () => []), be = prop(t, "attachments", 31, () => proxy([])), Me = prop(t, "accept", 7, ""), Re = prop(t, "multiple", 7, !1), Ue = prop(t, "allowCopy", 7, !1), it = prop(t, "closeLabel", 7, "Close"), at = prop(t, "showClose", 7), ot = prop(t, "headerAvatar", 7), ct = prop(t, "headerActions", 7), lt = prop(t, "headerContent", 7), ut = prop(t, "message", 7), dt = prop(t, "messageBody", 7), ft = prop(t, "messageAttachments", 7), pt = prop(t, "empty", 7), mt = prop(t, "composerLeading", 7), ht = prop(t, "sendIcon", 7), gt = prop(t, "stopIcon", 7), _t = prop(t, "voiceIcon", 7), vt = prop(t, "attachIcon", 7), yt = prop(t, "onsend", 7), bt = prop(t, "onsuggestion", 7), xt = prop(t, "onclose", 7), St = prop(t, "onstop", 7), Ct = prop(t, "onvoice", 7), wt = prop(t, "onattach", 7), Tt = prop(t, "onretry", 7), Et = prop(t, "onfeedback", 7), Dt = prop(t, "onscrollstate", 7), Ot = prop(t, "testId", 7), kt = prop(t, "classes", 7), At = /* @__PURE__ */ user_derived(() => a().length > 0 || o().length > 0 || typeof s() == "string" && s().length > 0 || typeof xt() == "function" || typeof ot() == "function" || typeof ct() == "function"), jt = /* @__PURE__ */ user_derived(() => re().length > 0 && n().length === 0);
54513
+ function Mt(e, t) {
54514
+ if (typeof bt() == "function") {
54515
+ bt()(e, t);
54516
54516
  return;
54517
54517
  }
54518
- vt()?.(e, []);
54518
+ yt()?.(e, []);
54519
54519
  }
54520
- var Mt = {
54520
+ var Nt = {
54521
54521
  get messages() {
54522
54522
  return n();
54523
54523
  },
@@ -54596,211 +54596,217 @@ function Chat(e, t) {
54596
54596
  set pinHold(e = !1) {
54597
54597
  C(e), flushSync();
54598
54598
  },
54599
- get jump() {
54599
+ get hideScrollbar() {
54600
54600
  return k();
54601
54601
  },
54602
- set jump(e = !0) {
54602
+ set hideScrollbar(e = !1) {
54603
54603
  k(e), flushSync();
54604
54604
  },
54605
- get jumpLabel() {
54605
+ get jump() {
54606
54606
  return R();
54607
54607
  },
54608
- set jumpLabel(e = "Jump to latest") {
54608
+ set jump(e = !0) {
54609
54609
  R(e), flushSync();
54610
54610
  },
54611
- get jumpIcon() {
54611
+ get jumpLabel() {
54612
54612
  return te();
54613
54613
  },
54614
- set jumpIcon(e) {
54614
+ set jumpLabel(e = "Jump to latest") {
54615
54615
  te(e), flushSync();
54616
54616
  },
54617
- get toolStatus() {
54617
+ get jumpIcon() {
54618
54618
  return ne();
54619
54619
  },
54620
- set toolStatus(e = null) {
54620
+ set jumpIcon(e) {
54621
54621
  ne(e), flushSync();
54622
54622
  },
54623
- get suggestions() {
54623
+ get toolStatus() {
54624
54624
  return G();
54625
54625
  },
54626
- set suggestions(e = []) {
54626
+ set toolStatus(e = null) {
54627
54627
  G(e), flushSync();
54628
54628
  },
54629
- get attachments() {
54629
+ get suggestions() {
54630
54630
  return re();
54631
54631
  },
54632
- set attachments(e = []) {
54632
+ set suggestions(e = []) {
54633
54633
  re(e), flushSync();
54634
54634
  },
54635
- get accept() {
54635
+ get attachments() {
54636
54636
  return be();
54637
54637
  },
54638
- set accept(e = "") {
54638
+ set attachments(e = []) {
54639
54639
  be(e), flushSync();
54640
54640
  },
54641
- get multiple() {
54641
+ get accept() {
54642
54642
  return Me();
54643
54643
  },
54644
- set multiple(e = !1) {
54644
+ set accept(e = "") {
54645
54645
  Me(e), flushSync();
54646
54646
  },
54647
- get allowCopy() {
54647
+ get multiple() {
54648
54648
  return Re();
54649
54649
  },
54650
- set allowCopy(e = !1) {
54650
+ set multiple(e = !1) {
54651
54651
  Re(e), flushSync();
54652
54652
  },
54653
- get closeLabel() {
54653
+ get allowCopy() {
54654
54654
  return Ue();
54655
54655
  },
54656
- set closeLabel(e = "Close") {
54656
+ set allowCopy(e = !1) {
54657
54657
  Ue(e), flushSync();
54658
54658
  },
54659
- get showClose() {
54659
+ get closeLabel() {
54660
54660
  return it();
54661
54661
  },
54662
- set showClose(e) {
54662
+ set closeLabel(e = "Close") {
54663
54663
  it(e), flushSync();
54664
54664
  },
54665
- get headerAvatar() {
54665
+ get showClose() {
54666
54666
  return at();
54667
54667
  },
54668
- set headerAvatar(e) {
54668
+ set showClose(e) {
54669
54669
  at(e), flushSync();
54670
54670
  },
54671
- get headerActions() {
54671
+ get headerAvatar() {
54672
54672
  return ot();
54673
54673
  },
54674
- set headerActions(e) {
54674
+ set headerAvatar(e) {
54675
54675
  ot(e), flushSync();
54676
54676
  },
54677
- get headerContent() {
54677
+ get headerActions() {
54678
54678
  return ct();
54679
54679
  },
54680
- set headerContent(e) {
54680
+ set headerActions(e) {
54681
54681
  ct(e), flushSync();
54682
54682
  },
54683
- get message() {
54683
+ get headerContent() {
54684
54684
  return lt();
54685
54685
  },
54686
- set message(e) {
54686
+ set headerContent(e) {
54687
54687
  lt(e), flushSync();
54688
54688
  },
54689
- get messageBody() {
54689
+ get message() {
54690
54690
  return ut();
54691
54691
  },
54692
- set messageBody(e) {
54692
+ set message(e) {
54693
54693
  ut(e), flushSync();
54694
54694
  },
54695
- get messageAttachments() {
54695
+ get messageBody() {
54696
54696
  return dt();
54697
54697
  },
54698
- set messageAttachments(e) {
54698
+ set messageBody(e) {
54699
54699
  dt(e), flushSync();
54700
54700
  },
54701
- get empty() {
54701
+ get messageAttachments() {
54702
54702
  return ft();
54703
54703
  },
54704
- set empty(e) {
54704
+ set messageAttachments(e) {
54705
54705
  ft(e), flushSync();
54706
54706
  },
54707
- get composerLeading() {
54707
+ get empty() {
54708
54708
  return pt();
54709
54709
  },
54710
- set composerLeading(e) {
54710
+ set empty(e) {
54711
54711
  pt(e), flushSync();
54712
54712
  },
54713
- get sendIcon() {
54713
+ get composerLeading() {
54714
54714
  return mt();
54715
54715
  },
54716
- set sendIcon(e) {
54716
+ set composerLeading(e) {
54717
54717
  mt(e), flushSync();
54718
54718
  },
54719
- get stopIcon() {
54719
+ get sendIcon() {
54720
54720
  return ht();
54721
54721
  },
54722
- set stopIcon(e) {
54722
+ set sendIcon(e) {
54723
54723
  ht(e), flushSync();
54724
54724
  },
54725
- get voiceIcon() {
54725
+ get stopIcon() {
54726
54726
  return gt();
54727
54727
  },
54728
- set voiceIcon(e) {
54728
+ set stopIcon(e) {
54729
54729
  gt(e), flushSync();
54730
54730
  },
54731
- get attachIcon() {
54731
+ get voiceIcon() {
54732
54732
  return _t();
54733
54733
  },
54734
- set attachIcon(e) {
54734
+ set voiceIcon(e) {
54735
54735
  _t(e), flushSync();
54736
54736
  },
54737
- get onsend() {
54737
+ get attachIcon() {
54738
54738
  return vt();
54739
54739
  },
54740
- set onsend(e) {
54740
+ set attachIcon(e) {
54741
54741
  vt(e), flushSync();
54742
54742
  },
54743
- get onsuggestion() {
54743
+ get onsend() {
54744
54744
  return yt();
54745
54745
  },
54746
- set onsuggestion(e) {
54746
+ set onsend(e) {
54747
54747
  yt(e), flushSync();
54748
54748
  },
54749
- get onclose() {
54749
+ get onsuggestion() {
54750
54750
  return bt();
54751
54751
  },
54752
- set onclose(e) {
54752
+ set onsuggestion(e) {
54753
54753
  bt(e), flushSync();
54754
54754
  },
54755
- get onstop() {
54755
+ get onclose() {
54756
54756
  return xt();
54757
54757
  },
54758
- set onstop(e) {
54758
+ set onclose(e) {
54759
54759
  xt(e), flushSync();
54760
54760
  },
54761
- get onvoice() {
54761
+ get onstop() {
54762
54762
  return St();
54763
54763
  },
54764
- set onvoice(e) {
54764
+ set onstop(e) {
54765
54765
  St(e), flushSync();
54766
54766
  },
54767
- get onattach() {
54767
+ get onvoice() {
54768
54768
  return Ct();
54769
54769
  },
54770
- set onattach(e) {
54770
+ set onvoice(e) {
54771
54771
  Ct(e), flushSync();
54772
54772
  },
54773
- get onretry() {
54773
+ get onattach() {
54774
54774
  return wt();
54775
54775
  },
54776
- set onretry(e) {
54776
+ set onattach(e) {
54777
54777
  wt(e), flushSync();
54778
54778
  },
54779
- get onfeedback() {
54779
+ get onretry() {
54780
54780
  return Tt();
54781
54781
  },
54782
- set onfeedback(e) {
54782
+ set onretry(e) {
54783
54783
  Tt(e), flushSync();
54784
54784
  },
54785
- get onscrollstate() {
54785
+ get onfeedback() {
54786
54786
  return Et();
54787
54787
  },
54788
- set onscrollstate(e) {
54788
+ set onfeedback(e) {
54789
54789
  Et(e), flushSync();
54790
54790
  },
54791
- get testId() {
54791
+ get onscrollstate() {
54792
54792
  return Dt();
54793
54793
  },
54794
- set testId(e) {
54794
+ set onscrollstate(e) {
54795
54795
  Dt(e), flushSync();
54796
54796
  },
54797
- get classes() {
54797
+ get testId() {
54798
54798
  return Ot();
54799
54799
  },
54800
- set classes(e) {
54800
+ set testId(e) {
54801
54801
  Ot(e), flushSync();
54802
+ },
54803
+ get classes() {
54804
+ return kt();
54805
+ },
54806
+ set classes(e) {
54807
+ kt(e), flushSync();
54802
54808
  }
54803
- }, Nt = root_1$8(), Pt = child(Nt), It = (e) => {
54809
+ }, Pt = root_1$8(), It = child(Pt), Lt = (e) => {
54804
54810
  ChatHeader(e, {
54805
54811
  get title() {
54806
54812
  return a();
@@ -54815,30 +54821,30 @@ function Chat(e, t) {
54815
54821
  return c();
54816
54822
  },
54817
54823
  get closeLabel() {
54818
- return Ue();
54824
+ return it();
54819
54825
  },
54820
54826
  get showClose() {
54821
- return it();
54827
+ return at();
54822
54828
  },
54823
54829
  get onclose() {
54824
- return bt();
54830
+ return xt();
54825
54831
  },
54826
54832
  get avatar() {
54827
- return at();
54833
+ return ot();
54828
54834
  },
54829
54835
  get actions() {
54830
- return ot();
54836
+ return ct();
54831
54837
  },
54832
54838
  get children() {
54833
- return ct();
54839
+ return lt();
54834
54840
  }
54835
54841
  });
54836
54842
  };
54837
- if_block(Pt, (e) => {
54838
- get(kt) && e(It);
54843
+ if_block(It, (e) => {
54844
+ get(At) && e(Lt);
54839
54845
  });
54840
- var Lt = sibling(Pt, 2);
54841
- ChatMessageList(Lt, {
54846
+ var Rt = sibling(It, 2);
54847
+ ChatMessageList(Rt, {
54842
54848
  get messages() {
54843
54849
  return n();
54844
54850
  },
@@ -54851,66 +54857,69 @@ function Chat(e, t) {
54851
54857
  get pinHold() {
54852
54858
  return C();
54853
54859
  },
54854
- get jump() {
54860
+ get hideScrollbar() {
54855
54861
  return k();
54856
54862
  },
54857
- get jumpLabel() {
54863
+ get jump() {
54858
54864
  return R();
54859
54865
  },
54860
- get jumpIcon() {
54866
+ get jumpLabel() {
54861
54867
  return te();
54862
54868
  },
54869
+ get jumpIcon() {
54870
+ return ne();
54871
+ },
54863
54872
  get message() {
54864
- return lt();
54873
+ return ut();
54865
54874
  },
54866
54875
  get messageBody() {
54867
- return ut();
54876
+ return dt();
54868
54877
  },
54869
54878
  get messageAttachments() {
54870
- return dt();
54879
+ return ft();
54871
54880
  },
54872
54881
  get empty() {
54873
- return ft();
54882
+ return pt();
54874
54883
  },
54875
54884
  get allowCopy() {
54876
- return Re();
54885
+ return Ue();
54877
54886
  },
54878
54887
  get onretry() {
54879
- return wt();
54888
+ return Tt();
54880
54889
  },
54881
54890
  get onfeedback() {
54882
- return Tt();
54891
+ return Et();
54883
54892
  },
54884
54893
  get onscrollstate() {
54885
- return Et();
54894
+ return Dt();
54886
54895
  }
54887
54896
  });
54888
- var Rt = sibling(Lt, 2), zt = child(Rt), Bt = (e) => {
54897
+ var zt = sibling(Rt, 2), Bt = child(zt), Ht = (e) => {
54889
54898
  ChatSuggestions(e, {
54890
54899
  get items() {
54891
- return G();
54900
+ return re();
54892
54901
  },
54893
54902
  get disabled() {
54894
54903
  return u();
54895
54904
  },
54896
- onselect: jt
54905
+ onselect: Mt
54897
54906
  });
54898
54907
  };
54899
- if_block(zt, (e) => {
54900
- get(At) && e(Bt);
54908
+ if_block(Bt, (e) => {
54909
+ get(jt) && e(Ht);
54901
54910
  });
54902
- var Ht = sibling(zt, 2), Gt = (e) => {
54911
+ var Gt = sibling(Bt, 2), qt = (e) => {
54903
54912
  var t = root$9();
54904
54913
  ThinkingIndicator(child(t), {
54905
54914
  get label() {
54906
- return ne().label;
54915
+ return G().label;
54907
54916
  },
54908
54917
  variant: "chip"
54909
54918
  }), reset(t), append(e, t);
54910
54919
  };
54911
- return if_block(Ht, (e) => {
54912
- ne() !== null && e(Gt);
54913
- }), ChatComposer(sibling(Ht, 2), {
54920
+ return if_block(Gt, (e) => {
54921
+ G() !== null && e(qt);
54922
+ }), ChatComposer(sibling(Gt, 2), {
54914
54923
  get placeholder() {
54915
54924
  return l();
54916
54925
  },
@@ -54924,37 +54933,37 @@ function Chat(e, t) {
54924
54933
  return p();
54925
54934
  },
54926
54935
  get accept() {
54927
- return be();
54936
+ return Me();
54928
54937
  },
54929
54938
  get multiple() {
54930
- return Me();
54939
+ return Re();
54931
54940
  },
54932
54941
  get onsubmit() {
54933
- return vt();
54942
+ return yt();
54934
54943
  },
54935
54944
  get onstop() {
54936
- return xt();
54945
+ return St();
54937
54946
  },
54938
54947
  get onvoice() {
54939
- return St();
54948
+ return Ct();
54940
54949
  },
54941
54950
  get onattach() {
54942
- return Ct();
54951
+ return wt();
54943
54952
  },
54944
54953
  get leading() {
54945
- return pt();
54954
+ return mt();
54946
54955
  },
54947
54956
  get sendIcon() {
54948
- return mt();
54957
+ return ht();
54949
54958
  },
54950
54959
  get stopIcon() {
54951
- return ht();
54960
+ return gt();
54952
54961
  },
54953
54962
  get voiceIcon() {
54954
- return gt();
54963
+ return _t();
54955
54964
  },
54956
54965
  get attachIcon() {
54957
- return _t();
54966
+ return vt();
54958
54967
  },
54959
54968
  get value() {
54960
54969
  return i();
@@ -54963,14 +54972,14 @@ function Chat(e, t) {
54963
54972
  i(e);
54964
54973
  },
54965
54974
  get attachments() {
54966
- return re();
54975
+ return be();
54967
54976
  },
54968
54977
  set attachments(e) {
54969
- re(e);
54978
+ be(e);
54970
54979
  }
54971
- }), reset(Rt), reset(Nt), template_effect(() => {
54972
- set_class(Nt, 1, `chat ${Ot() ?? "" ?? ""}`, "svelte-2jkbfk"), set_attribute(Nt, "data-pw", typeof Dt() == "string" ? Dt() : null), set_attribute(Nt, "testid", typeof Dt() == "string" ? Dt() : null);
54973
- }), append(e, Nt), pop(Mt);
54980
+ }), reset(zt), reset(Pt), template_effect(() => {
54981
+ set_class(Pt, 1, `chat ${kt() ?? "" ?? ""}`, "svelte-2jkbfk"), set_attribute(Pt, "data-pw", typeof Ot() == "string" ? Ot() : null), set_attribute(Pt, "testid", typeof Ot() == "string" ? Ot() : null);
54982
+ }), append(e, Pt), pop(Nt);
54974
54983
  }
54975
54984
  create_custom_element(Chat, {
54976
54985
  messages: {},
@@ -54986,6 +54995,7 @@ create_custom_element(Chat, {
54986
54995
  autoscroll: {},
54987
54996
  scrollPolicy: {},
54988
54997
  pinHold: {},
54998
+ hideScrollbar: {},
54989
54999
  jump: {},
54990
55000
  jumpLabel: {},
54991
55001
  jumpIcon: {},
@@ -55237,6 +55247,10 @@ customElements.define("sui-chat", create_custom_element(Chat_wc, {
55237
55247
  attribute: "pin-hold",
55238
55248
  type: "Boolean"
55239
55249
  },
55250
+ hideScrollbar: {
55251
+ attribute: "hide-scrollbar",
55252
+ type: "Boolean"
55253
+ },
55240
55254
  jump: {
55241
55255
  reflect: !0,
55242
55256
  type: "Boolean"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juspay/svelte-ui-components",
3
- "version": "4.49.0",
3
+ "version": "4.51.0",
4
4
  "description": "A themeable Svelte 5 UI component library with CSS custom property driven styling",
5
5
  "keywords": [
6
6
  "svelte",