index-scrollbar
Advanced tools
Comparing version 1.0.17 to 1.0.18
@@ -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", |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
403955
6449