@haiilo/catalyst 10.32.2 → 10.33.2

package/dist/cjs/cat-alert_30.cjs.entry.js

@@ -10976,11 +10976,12 @@ const CatScrollable = class {
         this.attachEmitter('top', this.scrolledTop);
         merge(this.init, this.scrolled, this.resizedEntries)
             .pipe(auditTime(CatScrollable.THROTTLE), map(() => ({
-            top: this.getScrollOffset('top') > 0,
-            left: this.getScrollOffset('left') > 0,
-            right: this.getScrollOffset('right') > 0,
-            bottom: this.getScrollOffset('bottom') > 0
-        })), distinctUntilChanged(), takeUntil(this.destroyed))
+            // 5px used to avoid shadow bug on Windows
+            top: this.getScrollOffset('top') > 5,
+            left: this.getScrollOffset('left') > 5,
+            right: this.getScrollOffset('right') > 5,
+            bottom: this.getScrollOffset('bottom') > 5
+        })), takeUntil(this.destroyed))
             .subscribe(({ top, left, right, bottom }) => {
             this.toggleClass('cat-scrollable-top', top);
             this.toggleClass('cat-scrollable-left', left);
@@ -11001,18 +11002,29 @@ const CatScrollable = class {
     }
     render() {
         return [
-            index.h("div", { key: 'd2c0966e736fe4da66b4ff4c17ce51b914bc4b8d', class: "scrollable-wrapper", ref: el => (this.scrollWrapperElement = el) }, !this.noShadowY && index.h("div", { key: 'a0b25b995b5f75d1c09d4dc982ceebe9a8c904b8', class: "shadow-top" }), !this.noShadowX && index.h("div", { key: '02e550e37511bff64e9c8c2bd09c41858fdd3930', class: "shadow-left" }), !this.noShadowX && index.h("div", { key: 'debb835bfcf815837e14b1378190e90a243a1af5', class: "shadow-right" }), !this.noShadowY && index.h("div", { key: 'd646f92372ab80246f0164c672812854d6c1c946', class: "shadow-bottom" })),
-            index.h("div", { key: 'e24d26d9c11070b8b0d5a66da3bcaeb12bf3532c', ref: el => (this.scrollElement = el), class: {
+            index.h("div", { key: '8153419d11ba30f6360acb82b87ac62727248599', class: "scrollable-wrapper", ref: el => (this.scrollWrapperElement = el) }, !this.noShadowY && index.h("div", { key: '3374f51499e735a692ccd8e0f9bea23c0132b47d', class: "shadow-top" }), !this.noShadowX && index.h("div", { key: 'd208685280ae658baf5672003141ab9349d0feef', class: "shadow-left" }), !this.noShadowX && index.h("div", { key: '0404d0cd8afbaac6ac9d89947ce9fbd91c7929f6', class: "shadow-right" }), !this.noShadowY && index.h("div", { key: '539c15c633403f03e4fc36c1fb1d86e498c8d9cc', class: "shadow-bottom" })),
+            index.h("div", { key: '0ea3a47900df0689a73a5c440a8774ca04edf4ad', ref: el => (this.scrollElement = el), class: {
                     'scrollable-content': true,
                     'scroll-x': !this.noOverflowX,
                     'scroll-y': !this.noOverflowY,
                     'no-overscroll': this.noOverscroll
-                } }, index.h("slot", { key: '6923a1a06201e1997c80af316d57d0654312dca4' }))
+                } }, index.h("slot", { key: '9c10382fc5f4773242738be4070af6bd5ce2e2d3' }))
         ];
     }
     attachEmitter(from, emitter) {
         merge(this.init, this.scrolled, this.resizedEntries)
-            .pipe(auditTime(CatScrollable.THROTTLE), map(() => this.getScrollOffset(from)), map(offset => offset <= this.scrolledBuffer), distinctUntilChanged(), filter(isLower => isLower), takeUntil(this.destroyed))
+            .pipe(auditTime(CatScrollable.THROTTLE), map(() => this.getScrollOffset(from)), map(offset => offset <= this.scrolledBuffer), filter(isLower => isLower), map(() => {
+            switch (from) {
+                case 'top':
+                    return this.getScrollOffset('bottom');
+                case 'left':
+                    return this.getScrollOffset('right');
+                case 'right':
+                    return this.getScrollOffset('left');
+                case 'bottom':
+                    return this.getScrollOffset('top');
+            }
+        }), distinctUntilChanged(), takeUntil(this.destroyed))
             .subscribe(() => emitter.emit());
     }
     getScrollOffset(from) {