index-scrollbar - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

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

@@ -7,3 +7,3 @@ 'use strict';
 
-const indexScrollbarCss = ":host{opacity:1;transition:opacity 0.2s ease-in-out;font-size:min(20px, max(12px, 1vh));padding:calc(2 * min(20px, max(12px, 1vh))) 0}:host.hidden{opacity:0}:host .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}:host .container.cursor-pointer{cursor:pointer}:host .container .letter{padding:0 20px;position:relative;pointer-events:none;transition:transform 0.2s ease-in-out;transform-origin:60%}:host .container .letter label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .container .letter.letter-disabled{opacity:0.3}:host .container .letter.letter-is-hidden-value{transform-origin:center;transform:scale(2)}";
+const indexScrollbarCss = ":host{transition:opacity 0.2s ease-in-out;font-size:min(20px, max(12px, 1vh));padding:calc(2 * min(20px, max(12px, 1vh))) 0}:host .visible{opacity:1 !important}:host .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}:host .container.cursor-pointer{cursor:pointer}:host .container .letter{padding:0 20px;position:relative;pointer-events:none;transition:transform 0.2s ease-in-out;transform-origin:60%}:host .container .letter label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .container .letter.letter-disabled{opacity:0.3}:host .container .letter.letter-is-hidden-value{transform-origin:center;transform:scale(2)}";
 
@@ -282,6 +282,5 @@ let IndexScrollbar = class {
     var _a;
-    return (index.h(index.Host, { class: {
-        hidden: this.rendering,
-      } }, index.h("div", { class: {
+    return (index.h(index.Host, null, index.h("div", { class: {
         container: true,
+        visible: !this.rendering,
       } }, (_a = this.visibleLetters) === null || _a === void 0 ? void 0 : _a.map((letter, i) => {
@@ -288,0 +287,0 @@ return (index.h("div", { key: `${letter}-${i}`, class: {

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

@@ -271,7 +271,6 @@ import { Component, Host, h, Prop, Event, Element, State, Watch } from '@stencil/core';
     var _a;
-    return (h(Host, { class: {
-        hidden: this.rendering,
-      } },
+    return (h(Host, null,
       h("div", { class: {
           container: true,
+          visible: !this.rendering,
         } }, (_a = this.visibleLetters) === null || _a === void 0 ? void 0 : _a.map((letter, i) => {
@@ -278,0 +277,0 @@ return (h("div", { key: `${letter}-${i}`, class: {

dist/components/index-scrollbar.js

 import { HTMLElement, createEvent, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
 
-const indexScrollbarCss = ":host{opacity:1;transition:opacity 0.2s ease-in-out;font-size:min(20px, max(12px, 1vh));padding:calc(2 * min(20px, max(12px, 1vh))) 0}:host.hidden{opacity:0}:host .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}:host .container.cursor-pointer{cursor:pointer}:host .container .letter{padding:0 20px;position:relative;pointer-events:none;transition:transform 0.2s ease-in-out;transform-origin:60%}:host .container .letter label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .container .letter.letter-disabled{opacity:0.3}:host .container .letter.letter-is-hidden-value{transform-origin:center;transform:scale(2)}";
+const indexScrollbarCss = ":host{transition:opacity 0.2s ease-in-out;font-size:min(20px, max(12px, 1vh));padding:calc(2 * min(20px, max(12px, 1vh))) 0}:host .visible{opacity:1 !important}:host .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}:host .container.cursor-pointer{cursor:pointer}:host .container .letter{padding:0 20px;position:relative;pointer-events:none;transition:transform 0.2s ease-in-out;transform-origin:60%}:host .container .letter label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .container .letter.letter-disabled{opacity:0.3}:host .container .letter.letter-is-hidden-value{transform-origin:center;transform:scale(2)}";
 
@@ -279,6 +279,5 @@ let IndexScrollbar$1 = class extends HTMLElement {
     var _a;
-    return (h(Host, { class: {
-        hidden: this.rendering,
-      } }, h("div", { class: {
+    return (h(Host, null, h("div", { class: {
         container: true,
+        visible: !this.rendering,
       } }, (_a = this.visibleLetters) === null || _a === void 0 ? void 0 : _a.map((letter, i) => {
@@ -285,0 +284,0 @@ return (h("div", { key: `${letter}-${i}`, class: {

dist/esm/index-scrollbar.entry.js

 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5f889f85.js';
 
-const indexScrollbarCss = ":host{opacity:1;transition:opacity 0.2s ease-in-out;font-size:min(20px, max(12px, 1vh));padding:calc(2 * min(20px, max(12px, 1vh))) 0}:host.hidden{opacity:0}:host .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}:host .container.cursor-pointer{cursor:pointer}:host .container .letter{padding:0 20px;position:relative;pointer-events:none;transition:transform 0.2s ease-in-out;transform-origin:60%}:host .container .letter label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .container .letter.letter-disabled{opacity:0.3}:host .container .letter.letter-is-hidden-value{transform-origin:center;transform:scale(2)}";
+const indexScrollbarCss = ":host{transition:opacity 0.2s ease-in-out;font-size:min(20px, max(12px, 1vh));padding:calc(2 * min(20px, max(12px, 1vh))) 0}:host .visible{opacity:1 !important}:host .container{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}:host .container.cursor-pointer{cursor:pointer}:host .container .letter{padding:0 20px;position:relative;pointer-events:none;transition:transform 0.2s ease-in-out;transform-origin:60%}:host .container .letter label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}:host .container .letter.letter-disabled{opacity:0.3}:host .container .letter.letter-is-hidden-value{transform-origin:center;transform:scale(2)}";
 
@@ -277,6 +277,5 @@ let IndexScrollbar = class {
     var _a;
-    return (h(Host, { class: {
-        hidden: this.rendering,
-      } }, h("div", { class: {
+    return (h(Host, null, h("div", { class: {
         container: true,
+        visible: !this.rendering,
       } }, (_a = this.visibleLetters) === null || _a === void 0 ? void 0 : _a.map((letter, i) => {
@@ -283,0 +282,0 @@ return (h("div", { key: `${letter}-${i}`, class: {

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

@@ -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-9706b4c3",[[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-af780928",[[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)));

package.json

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

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

400931

-0.01%

Lines of code

6385

-0.08%

No dependency changes