Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

index-scrollbar

Package Overview
Dependencies
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

index-scrollbar - npm Package Compare versions

Comparing version 1.0.17 to 1.0.18

dist/index-scrollbar/p-0bdc62f0.entry.js

18

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

@@ -100,3 +100,3 @@ 'use strict';

this.alphabetContainer.addEventListener('mouseleave', () => this.focusEnd(), { passive: true });
this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
// this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
setTimeout(() => {

@@ -129,3 +129,3 @@ let interval = setInterval(() => {

this.alphabetContainer.removeEventListener('mouseleave', () => this.focusEnd());
this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
// this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
window.removeEventListener('resize', this.checkVisibleLetters.bind(this));

@@ -214,9 +214,13 @@ clearInterval(this._offsetSizeCheckIntervalTimer);

var _a, _b, _c, _d;
if (type === 'click')
if (!this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = true));
}
if (type === 'click') {
if (this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = false));
}
this._isComponentActive = false;
else if (!this._isComponentActive) {
if (this._lastEmittedActive)
this.isActive.emit((this._lastEmittedActive = true));
}
else if (!this._isComponentActive)
this._isComponentActive = true;
}
this.setLetterFromCoordinates((_b = (_a = event.touches) === null || _a === void 0 ? void 0 : _a[0].clientX) !== null && _b !== void 0 ? _b : event.clientX, (_d = (_c = event.touches) === null || _c === void 0 ? void 0 : _c[0].clientY) !== null && _d !== void 0 ? _d : event.clientY);

@@ -223,0 +227,0 @@ if (this._lastEmittedLetter !== this.letterSelected && (this.navigateOnHover || !type.includes('mouse'))) {

@@ -90,3 +90,3 @@ import { Component, Host, h, Prop, Event, Element, State, Watch } from '@stencil/core';

this.alphabetContainer.addEventListener('mouseleave', () => this.focusEnd(), { passive: true });
this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
// this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
setTimeout(() => {

@@ -119,3 +119,3 @@ let interval = setInterval(() => {

this.alphabetContainer.removeEventListener('mouseleave', () => this.focusEnd());
this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
// this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
window.removeEventListener('resize', this.checkVisibleLetters.bind(this));

@@ -204,9 +204,13 @@ clearInterval(this._offsetSizeCheckIntervalTimer);

var _a, _b, _c, _d;
if (type === 'click')
if (!this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = true));
}
if (type === 'click') {
if (this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = false));
}
this._isComponentActive = false;
else if (!this._isComponentActive) {
if (this._lastEmittedActive)
this.isActive.emit((this._lastEmittedActive = true));
}
else if (!this._isComponentActive)
this._isComponentActive = true;
}
this.setLetterFromCoordinates((_b = (_a = event.touches) === null || _a === void 0 ? void 0 : _a[0].clientX) !== null && _b !== void 0 ? _b : event.clientX, (_d = (_c = event.touches) === null || _c === void 0 ? void 0 : _c[0].clientY) !== null && _d !== void 0 ? _d : event.clientY);

@@ -213,0 +217,0 @@ if (this._lastEmittedLetter !== this.letterSelected && (this.navigateOnHover || !type.includes('mouse'))) {

@@ -98,3 +98,3 @@ import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';

this.alphabetContainer.addEventListener('mouseleave', () => this.focusEnd(), { passive: true });
this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
// this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
setTimeout(() => {

@@ -127,3 +127,3 @@ let interval = setInterval(() => {

this.alphabetContainer.removeEventListener('mouseleave', () => this.focusEnd());
this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
// this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
window.removeEventListener('resize', this.checkVisibleLetters.bind(this));

@@ -212,9 +212,13 @@ clearInterval(this._offsetSizeCheckIntervalTimer);

var _a, _b, _c, _d;
if (type === 'click')
if (!this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = true));
}
if (type === 'click') {
if (this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = false));
}
this._isComponentActive = false;
else if (!this._isComponentActive) {
if (this._lastEmittedActive)
this.isActive.emit((this._lastEmittedActive = true));
}
else if (!this._isComponentActive)
this._isComponentActive = true;
}
this.setLetterFromCoordinates((_b = (_a = event.touches) === null || _a === void 0 ? void 0 : _a[0].clientX) !== null && _b !== void 0 ? _b : event.clientX, (_d = (_c = event.touches) === null || _c === void 0 ? void 0 : _c[0].clientY) !== null && _d !== void 0 ? _d : event.clientY);

@@ -221,0 +225,0 @@ if (this._lastEmittedLetter !== this.letterSelected && (this.navigateOnHover || !type.includes('mouse'))) {

@@ -96,3 +96,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5f889f85.js';

this.alphabetContainer.addEventListener('mouseleave', () => this.focusEnd(), { passive: true });
this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
// this.alphabetContainer.addEventListener('click', ev => this.focusEvent(ev, 'click'), { passive: true });
setTimeout(() => {

@@ -125,3 +125,3 @@ let interval = setInterval(() => {

this.alphabetContainer.removeEventListener('mouseleave', () => this.focusEnd());
this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
// this.alphabetContainer.removeEventListener('click', ev => this.focusEvent(ev, 'click'));
window.removeEventListener('resize', this.checkVisibleLetters.bind(this));

@@ -210,9 +210,13 @@ clearInterval(this._offsetSizeCheckIntervalTimer);

var _a, _b, _c, _d;
if (type === 'click')
if (!this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = true));
}
if (type === 'click') {
if (this._lastEmittedActive) {
this.isActive.emit((this._lastEmittedActive = false));
}
this._isComponentActive = false;
else if (!this._isComponentActive) {
if (this._lastEmittedActive)
this.isActive.emit((this._lastEmittedActive = true));
}
else if (!this._isComponentActive)
this._isComponentActive = true;
}
this.setLetterFromCoordinates((_b = (_a = event.touches) === null || _a === void 0 ? void 0 : _a[0].clientX) !== null && _b !== void 0 ? _b : event.clientX, (_d = (_c = event.touches) === null || _c === void 0 ? void 0 : _c[0].clientY) !== null && _d !== void 0 ? _d : event.clientY);

@@ -219,0 +223,0 @@ if (this._lastEmittedLetter !== this.letterSelected && (this.navigateOnHover || !type.includes('mouse'))) {

@@ -1,1 +0,1 @@

import{p as e,b as i}from"./p-d4d31fe4.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-0080e9cf",[[1,"index-scrollbar",{alphabet:[16],overflowDivider:[1,"overflow-divider"],validLetters:[16],disableInvalidLetters:[4,"disable-invalid-letters"],prioritizeHidingInvalidLetters:[4,"prioritize-hiding-invalid-letters"],letterMagnification:[4,"letter-magnification"],magnifyDividers:[4,"magnify-dividers"],magnificationMultiplier:[2,"magnification-multiplier"],magnificationCurve:[16],exactX:[4,"exact-x"],navigateOnHover:[4,"navigate-on-hover"],letterSpacing:[8,"letter-spacing"],offsetSizeCheckInterval:[2,"offset-size-check-interval"],_isComponentActive:[32],visibleLetters:[32],rendering:[32],_lastEmittedLetter:[32],magIndex:[32],_isInBounds:[32],visualLetterIndex:[32],letterSelected:[32]}]]]],e)));
import{p as e,b as i}from"./p-d4d31fe4.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-0bdc62f0",[[1,"index-scrollbar",{alphabet:[16],overflowDivider:[1,"overflow-divider"],validLetters:[16],disableInvalidLetters:[4,"disable-invalid-letters"],prioritizeHidingInvalidLetters:[4,"prioritize-hiding-invalid-letters"],letterMagnification:[4,"letter-magnification"],magnifyDividers:[4,"magnify-dividers"],magnificationMultiplier:[2,"magnification-multiplier"],magnificationCurve:[16],exactX:[4,"exact-x"],navigateOnHover:[4,"navigate-on-hover"],letterSpacing:[8,"letter-spacing"],offsetSizeCheckInterval:[2,"offset-size-check-interval"],_isComponentActive:[32],visibleLetters:[32],rendering:[32],_lastEmittedLetter:[32],magIndex:[32],_isInBounds:[32],visualLetterIndex:[32],letterSelected:[32]}]]]],e)));
{
"name": "index-scrollbar",
"version": "1.0.17",
"version": "1.0.18",
"description": "Stencil Component Starter",

@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc