@haiilo/catalyst 0.5.13 → 0.7.0

package/dist/components/cat-scrollable.js

@@ -1233,20 +1233,20 @@ const CatScrollable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.scrolledBottom = createEvent(this, "scrolledBottom", 7);
     this.init = new Subject();
     this.destroyed = new Subject();
-    /** Flags to enable/disable scroll shadowX. */
-    this.shadowX = true;
-    /** Flags to enable/disable scroll shadowY. */
-    this.shadowY = true;
-    /** Flags to enable/disable overflowX. */
-    this.overflowX = true;
-    /** Flags to enable/disable overflowY. */
-    this.overflowY = true;
-    /** Flag to enable/disable overscroll behavior. */
-    this.overscroll = true;
+    /** Flags to disable/enable scroll shadowX. */
+    this.noShadowX = false;
+    /** Flags to disable/enable scroll shadowY. */
+    this.noShadowY = false;
+    /** Flags to disable/enable overflowX. */
+    this.noOverflowX = false;
+    /** Flags to disable/enable overflowY. */
+    this.noOverflowY = false;
+    /** Flag to disable/enable overscroll behavior. */
+    this.noOverscroll = false;
     /**
-     * Flag to fire an initial event after content initialization.
+     * Flag to not fire an initial event after content initialization.
      */
-    this.scrolledInit = true;
+    this.noScrolledInit = false;
     /**
      * Buffer to be used to calculate the scroll distance.
      */
@@ -1275,7 +1275,7 @@ const CatScrollable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     });
   }
   componentDidLoad() {
-    if (this.scrolledInit) {
+    if (!this.noScrolledInit) {
       this.init.next();
     }
   }
@@ -1286,12 +1286,12 @@ const CatScrollable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   render() {
     return [
-      h("div", { class: "scrollable-wrapper", ref: el => (this.scrollWrapperElement = el) }, this.shadowY && h("div", { class: "shadow-top" }), this.shadowX && h("div", { class: "shadow-left" }), this.shadowX && h("div", { class: "shadow-right" }), this.shadowY && h("div", { class: "shadow-bottom" })),
+      h("div", { class: "scrollable-wrapper", ref: el => (this.scrollWrapperElement = el) }, !this.noShadowY && h("div", { class: "shadow-top" }), !this.noShadowX && h("div", { class: "shadow-left" }), !this.noShadowX && h("div", { class: "shadow-right" }), !this.noShadowY && h("div", { class: "shadow-bottom" })),
       h("div", { ref: el => (this.scrollElement = el), class: {
           'scrollable-content': true,
-          'scroll-x': this.overflowX,
-          'scroll-y': this.overflowY,
-          'no-overscroll': !this.overscroll
+          'scroll-x': !this.noOverflowX,
+          'scroll-y': !this.noOverflowY,
+          'no-overscroll': this.noOverscroll
         } }, h("slot", null))
     ];
   }
@@ -1332,12 +1332,12 @@ const CatScrollable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   static get style() { return catScrollableCss; }
 }, [1, "cat-scrollable", {
-    "shadowX": [4, "shadow-x"],
-    "shadowY": [4, "shadow-y"],
-    "overflowX": [4, "overflow-x"],
-    "overflowY": [4, "overflow-y"],
-    "overscroll": [4],
-    "scrolledInit": [4, "scrolled-init"],
+    "noShadowX": [4, "no-shadow-x"],
+    "noShadowY": [4, "no-shadow-y"],
+    "noOverflowX": [4, "no-overflow-x"],
+    "noOverflowY": [4, "no-overflow-y"],
+    "noOverscroll": [4, "no-overscroll"],
+    "noScrolledInit": [4, "no-scrolled-init"],
     "scrolledBuffer": [2, "scrolled-buffer"]
   }]);
 function defineCustomElement$1() {