@seamly/web-ui 19.1.3 → 19.1.4

package/build/dist/lib/index.js

@@ -20916,7 +20916,7 @@ function slide_defineProperty(obj, key, value) { if (key in obj) { Object.define
 function CarouselMessageSlide({
   item: slide,
   items,
-  currentIndex,
+  index,
   isActive
 }) {
   const {
@@ -20927,7 +20927,7 @@ function CarouselMessageSlide({
     role: "group",
     "aria-roledescription": "slide",
     "aria-label": t('carousel.slide.label', {
-      index: currentIndex + 1,
+      index: index + 1,
       total: items.length
     }),
     children: (0,jsx_runtime_namespaceObject.jsx)(card_component, slide_objectSpread(slide_objectSpread({}, slide), {}, {
@@ -20951,6 +20951,12 @@ const defaultGetItemKey = (item, idx, prefix) => `${prefix}${idx}`;
 
 const defaultGetItemLabel = item => item.label;
 
+const preventScroll = ({
+  target
+}) => {
+  target.scrollLeft = 0;
+};
+
 function CarouselComponent({
   currentIndex: originalIndex,
   onChange,
@@ -20987,6 +20993,7 @@ function CarouselComponent({
     "aria-roledescription": "carousel",
     children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
       className: css_className('carousel__slides-wrapper'),
+      onScroll: preventScroll,
       children: (0,jsx_runtime_namespaceObject.jsx)("div", {
         id: carouselItemsId,
         className: css_className('carousel__slides'),
@@ -21006,6 +21013,7 @@ function CarouselComponent({
               item: item,
               items: items,
               currentIndex: currentIndex,
+              index: idx,
               isActive: isActive
             })
           }, getItemKey(item, idx, 'item-'));
@@ -21038,6 +21046,7 @@ function CarouselComponent({
 
 
 
+
 const getItemKey = (item, idx, prefix = '') => `${prefix}${item.title}:${idx}`;
 
 const getItemLabel = item => item.title;
@@ -21045,7 +21054,8 @@ const getItemLabel = item => item.title;
 const CarouselMessage = ({
   event
 }) => {
-  const slides = event.payload.body.cards;
+  const [body] = useTranslatedEventData(event);
+  const slides = body.cards;
   return (0,jsx_runtime_namespaceObject.jsx)(message_container, {
     event: event,
     modifiers: 'type-carousel',
@@ -24544,11 +24554,12 @@ var Socket = class {
   }
 
   onConnClose(event) {
+    let closeCode = event && event.code;
     if (this.hasLogger()) this.log("transport", "close", event);
     this.triggerChanError();
     clearTimeout(this.heartbeatTimer);
 
-    if (!this.closeWasClean) {
+    if (!this.closeWasClean && closeCode !== 1e3) {
       this.reconnectTimer.scheduleTimeout();
     }
 
@@ -25860,8 +25871,11 @@ class ExternalApi {
       return this.appConfig(userConfig);
     }
 
+    const defaults = external_api_objectSpread(external_api_objectSpread({}, this.appConfig.defaults), userConfig.defaults);
+
     return external_api_objectSpread(external_api_objectSpread(external_api_objectSpread({}, this.appConfig), userConfig), {}, {
-      api: external_api_objectSpread(external_api_objectSpread({}, this.appConfig.api), userConfig.api)
+      api: external_api_objectSpread(external_api_objectSpread({}, this.appConfig.api), userConfig.api),
+      defaults: Object.keys(defaults).length ? defaults : undefined
     });
   }