index-scrollbar - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/cjs/index-scrollbar.cjs.entry.js

@@ -36,9 +36,11 @@ 'use strict';
     this.el.shadowRoot.querySelector('.container').addEventListener('click', this.click.bind(this));
+    // I hate this
     setTimeout(() => {
-      let int = setInterval(() => {
+      this.interval = setInterval(() => {
         var _a;
-        if ((_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight) {
+        let height = (_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (height && height !== this.height) {
+          this.height = height;
           this.onResize();
           this.rendering = false;
-          clearInterval(int);
         }
@@ -57,2 +59,3 @@ }, 100);
     window.removeEventListener('resize', this.onResize.bind(this));
+    clearInterval(this.interval);
   }
@@ -59,0 +62,0 @@ onResize() {

dist/collection/components/index-scrollbar/index-scrollbar.js

@@ -26,9 +26,11 @@ import { Component, Host, h, Prop, Event, Element, State } from '@stencil/core';
     this.el.shadowRoot.querySelector('.container').addEventListener('click', this.click.bind(this));
+    // I hate this
     setTimeout(() => {
-      let int = setInterval(() => {
+      this.interval = setInterval(() => {
         var _a;
-        if ((_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight) {
+        let height = (_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (height && height !== this.height) {
+          this.height = height;
           this.onResize();
           this.rendering = false;
-          clearInterval(int);
         }
@@ -47,2 +49,3 @@ }, 100);
     window.removeEventListener('resize', this.onResize.bind(this));
+    clearInterval(this.interval);
   }
@@ -49,0 +52,0 @@ onResize() {

dist/components/index-scrollbar.js

@@ -34,9 +34,11 @@ import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
     this.el.shadowRoot.querySelector('.container').addEventListener('click', this.click.bind(this));
+    // I hate this
     setTimeout(() => {
-      let int = setInterval(() => {
+      this.interval = setInterval(() => {
         var _a;
-        if ((_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight) {
+        let height = (_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (height && height !== this.height) {
+          this.height = height;
           this.onResize();
           this.rendering = false;
-          clearInterval(int);
         }
@@ -55,2 +57,3 @@ }, 100);
     window.removeEventListener('resize', this.onResize.bind(this));
+    clearInterval(this.interval);
   }
@@ -57,0 +60,0 @@ onResize() {

dist/esm/index-scrollbar.entry.js

@@ -32,9 +32,11 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b388e836.js';
     this.el.shadowRoot.querySelector('.container').addEventListener('click', this.click.bind(this));
+    // I hate this
     setTimeout(() => {
-      let int = setInterval(() => {
+      this.interval = setInterval(() => {
         var _a;
-        if ((_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight) {
+        let height = (_a = this.el.shadowRoot.querySelector('.container')) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (height && height !== this.height) {
+          this.height = height;
           this.onResize();
           this.rendering = false;
-          clearInterval(int);
         }
@@ -53,2 +55,3 @@ }, 100);
     window.removeEventListener('resize', this.onResize.bind(this));
+    clearInterval(this.interval);
   }
@@ -55,0 +58,0 @@ onResize() {

dist/index-scrollbar/index-scrollbar.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-57af5440.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-213ef5a8",[[1,"index-scrollbar",{letterMagnification:[4,"letter-magnification"],exactX:[4,"exact-x"],fontSize:[2,"font-size"],magnificationSize:[2,"magnification-size"],alphabet:[16],validLetters:[16],navigateOnHover:[4,"navigate-on-hover"],visibleLetters:[32],letterIndex:[32],active:[32],rendering:[32]}]]]],e)));
+import{p as e,b as i}from"./p-57af5440.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-b6fa2fa4",[[1,"index-scrollbar",{letterMagnification:[4,"letter-magnification"],exactX:[4,"exact-x"],fontSize:[2,"font-size"],magnificationSize:[2,"magnification-size"],alphabet:[16],validLetters:[16],navigateOnHover:[4,"navigate-on-hover"],visibleLetters:[32],letterIndex:[32],active:[32],rendering:[32]}]]]],e)));

dist/types/components/index-scrollbar/index-scrollbar.d.ts

@@ -18,2 +18,4 @@ import { EventEmitter } from '../../stencil-public-runtime';
   private lastLetterIndex;
+  interval: any;
+  height: number;
   constructor();
@@ -20,0 +22,0 @@ connectedCallback(): void;

package.json

 {
   "name": "index-scrollbar",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

358141

increased by0.16%

Lines of code

5852

increased by0.24%

No dependency changes