skateui - npm Package Compare versions

Comparing version 0.1.139 to 0.1.140

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"maxWidth":[32],"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
   });
@@ -20,0 +20,0 @@ };

dist/cjs/skateui.cjs.js

@@ -18,3 +18,3 @@ 'use strict';
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"maxWidth":[32],"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
 });

dist/cjs/sui-button_8.cjs.entry.js

@@ -1322,3 +1322,3 @@ 'use strict';
 
-const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{position:relative;text-align:left}:host>.sui-tooltip>.sui-tip{position:relative;max-width:var(--tip-max-width)}:host>.sui-tooltip:hover>.sui-tip{display:block}:host>.sui-tooltip.bottom>.sui-tip{top:calc(100% + 8px);bottom:unset}:host>.sui-tooltip.bottom>.sui-tip::after{border-bottom:solid 8px var(--tip-background-color);border-top:0;bottom:unset;top:-8px}:host>.sui-tooltip.left>.sui-tip{left:unset;right:2px}:host>.sui-tooltip.left>.sui-tip::after{left:calc(100% - 1em + 2px);border-right:8px solid transparent;border-left:0}:host>.sui-tooltip>.sui-tip{font-size:1em;font-weight:normal;line-height:1;display:none;z-index:9999;position:absolute;bottom:calc(100% + 8px);left:2px}:host>.sui-tooltip>.sui-tip::after{content:\"\";position:absolute;bottom:-8px;left:calc(0.5em - 2px);width:0;height:0;border:8px solid transparent;border-top-color:var(--tip-background-color);border-bottom:0;border-right:0}";
+const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}";
 
@@ -1329,3 +1329,3 @@ const SuiTooltip = class {
     this.maxWidth = '100vw';
-    this.classNames = 'sui-tooltip';
+    this.classNames = '';
     this.tipBackgroundColor = 'transparent';
@@ -1338,24 +1338,24 @@ }
     let isLeft = e.clientX > x;
-    this.classNames = 'sui-tooltip';
+    this.classNames = '';
     if (isBottom) {
       this.classNames += ' bottom';
     }
+    else {
+      this.classNames += ' top';
+    }
     if (isLeft) {
       this.classNames += ' left';
-      this.maxWidth = `${e.clientX}px`;
+      this.maxWidth = `${e.clientX - 16}px`;
     }
     else {
-      this.maxWidth = `${window.innerWidth - e.clientX}px`;
+      this.classNames += ' right';
+      this.maxWidth = `${window.innerWidth - e.clientX - 16}px`;
     }
-    let tip = e.target.querySelectorAll('[slot="tip"]');
-    if (isBottom) {
-      this.tipBackgroundColor = window.getComputedStyle(tip[0]).getPropertyValue('background-color');
-    }
-    else {
-      this.tipBackgroundColor = window.getComputedStyle(tip[tip.length - 1]).getPropertyValue('background-color');
-    }
+    let tip = this.host.querySelectorAll('[slot="tip"]');
+    this.tipBackgroundColor = window.getComputedStyle(tip[0]).getPropertyValue('background-color');
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: this.classNames }, index.h("div", { class: 'sui-tool' }, index.h("slot", { name: 'tool' })), index.h("div", { class: 'sui-tip', style: { '--tip-max-width': this.maxWidth, '--tip-background-color': this.tipBackgroundColor } }, index.h("slot", { name: 'tip' })))));
+    return (index.h(index.Host, null, index.h("div", { class: 'sui-tooltip' + this.classNames }, index.h("div", { class: 'sui-tool' }, index.h("slot", { name: 'tool' }), index.h("div", { class: 'sui-tip', style: { '--tip-max-width': this.maxWidth, '--tip-background-color': this.tipBackgroundColor } }, index.h("slot", { name: 'tip' })), index.h("div", { class: 'tip-arrow' + this.classNames, style: { '--tip-background-color': this.tipBackgroundColor } })))));
   }
+  get host() { return index.getElement(this); }
 };
@@ -1362,0 +1362,0 @@ SuiTooltip.style = suiTooltipCss;

dist/collection/components/sui-tooltip/sui-tooltip.js

@@ -5,3 +5,3 @@ import { Host, h } from '@stencil/core';
     this.maxWidth = '100vw';
-    this.classNames = 'sui-tooltip';
+    this.classNames = '';
     this.tipBackgroundColor = 'transparent';
@@ -14,24 +14,22 @@ }
     let isLeft = e.clientX > x;
-    this.classNames = 'sui-tooltip';
+    this.classNames = '';
     if (isBottom) {
       this.classNames += ' bottom';
     }
-    ;
+    else {
+      this.classNames += ' top';
+    }
     if (isLeft) {
       this.classNames += ' left';
-      this.maxWidth = `${e.clientX}px`;
+      this.maxWidth = `${e.clientX - 16}px`;
     }
     else {
-      this.maxWidth = `${window.innerWidth - e.clientX}px`;
+      this.classNames += ' right';
+      this.maxWidth = `${window.innerWidth - e.clientX - 16}px`;
     }
-    let tip = e.target.querySelectorAll('[slot="tip"]');
-    if (isBottom) {
-      this.tipBackgroundColor = window.getComputedStyle(tip[0]).getPropertyValue('background-color');
-    }
-    else {
-      this.tipBackgroundColor = window.getComputedStyle(tip[tip.length - 1]).getPropertyValue('background-color');
-    }
+    let tip = this.host.querySelectorAll('[slot="tip"]');
+    this.tipBackgroundColor = window.getComputedStyle(tip[0]).getPropertyValue('background-color');
   }
   render() {
-    return (h(Host, null, h("div", { class: this.classNames }, h("div", { class: 'sui-tool' }, h("slot", { name: 'tool' })), h("div", { class: 'sui-tip', style: { '--tip-max-width': this.maxWidth, '--tip-background-color': this.tipBackgroundColor } }, h("slot", { name: 'tip' })))));
+    return (h(Host, null, h("div", { class: 'sui-tooltip' + this.classNames }, h("div", { class: 'sui-tool' }, h("slot", { name: 'tool' }), h("div", { class: 'sui-tip', style: { '--tip-max-width': this.maxWidth, '--tip-background-color': this.tipBackgroundColor } }, h("slot", { name: 'tip' })), h("div", { class: 'tip-arrow' + this.classNames, style: { '--tip-background-color': this.tipBackgroundColor } })))));
   }
@@ -52,2 +50,3 @@ static get is() { return "sui-tooltip"; }
     return {
+      "maxWidth": {},
       "classNames": {},
@@ -57,2 +56,3 @@ "tipBackgroundColor": {}
   }
+  static get elementRef() { return "host"; }
   static get listeners() {
@@ -59,0 +59,0 @@ return [{

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-6d8c7c32.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["sui-button_8",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return bootstrapLazy([["sui-button_8",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"maxWidth":[32],"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/skateui.js

@@ -16,3 +16,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-6d8c7c32.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["sui-button_8",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return bootstrapLazy([["sui-button_8",[[1,"sui-button",{"disabled":[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[8],"disabled":[4],"checked":[1028],"required":[4],"type":[1],"checkedDefault":[4,"checked-default"],"el":[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[1032],"disabled":[4],"required":[4],"multiple":[4],"el":[16],"displayedValue":[32]}],[1,"sui-textarea",{"value":[1025],"disabled":[4],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"maxWidth":[32],"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
 });

dist/esm/sui-button_8.entry.js

@@ -1318,3 +1318,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-6d8c7c32.js';
 
-const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{position:relative;text-align:left}:host>.sui-tooltip>.sui-tip{position:relative;max-width:var(--tip-max-width)}:host>.sui-tooltip:hover>.sui-tip{display:block}:host>.sui-tooltip.bottom>.sui-tip{top:calc(100% + 8px);bottom:unset}:host>.sui-tooltip.bottom>.sui-tip::after{border-bottom:solid 8px var(--tip-background-color);border-top:0;bottom:unset;top:-8px}:host>.sui-tooltip.left>.sui-tip{left:unset;right:2px}:host>.sui-tooltip.left>.sui-tip::after{left:calc(100% - 1em + 2px);border-right:8px solid transparent;border-left:0}:host>.sui-tooltip>.sui-tip{font-size:1em;font-weight:normal;line-height:1;display:none;z-index:9999;position:absolute;bottom:calc(100% + 8px);left:2px}:host>.sui-tooltip>.sui-tip::after{content:\"\";position:absolute;bottom:-8px;left:calc(0.5em - 2px);width:0;height:0;border:8px solid transparent;border-top-color:var(--tip-background-color);border-bottom:0;border-right:0}";
+const suiTooltipCss = ":host{display:inline-block}:host>.sui-tooltip{display:block;position:relative !important}:host>.sui-tooltip>.sui-tool{text-align:inherit}:host>.sui-tooltip .sui-tip{display:none;position:absolute;max-width:var(--tip-max-width);box-sizing:border-box;bottom:calc(100% + .66em);top:unset;left:0;right:unset}:host>.sui-tooltip.bottom .sui-tip{top:calc(100% + .66em);bottom:unset}:host>.sui-tooltip.left .sui-tip{left:unset;right:0}:host>.sui-tooltip:hover .sui-tip{display:block}:host>.sui-tooltip:hover .tip-arrow{display:block}.tip-arrow{display:none;position:absolute;width:0;height:0;left:50%;transform:translateX(-50%)}.tip-arrow.bottom{z-index:1;top:calc(100% + 2px);bottom:unset;border:0.5em solid transparent;border-top-width:0;border-bottom-width:.66em;border-bottom-color:var(--tip-background-color)}.tip-arrow.top{top:unset;bottom:calc(100% + 2px);border:0.5em solid transparent;border-bottom-width:0;border-top-width:.66em;border-top-color:var(--tip-background-color)}::slotted([slot='tip']){white-space:pre;overflow:hidden}";
 
@@ -1325,3 +1325,3 @@ const SuiTooltip = class {
     this.maxWidth = '100vw';
-    this.classNames = 'sui-tooltip';
+    this.classNames = '';
     this.tipBackgroundColor = 'transparent';
@@ -1334,24 +1334,24 @@ }
     let isLeft = e.clientX > x;
-    this.classNames = 'sui-tooltip';
+    this.classNames = '';
     if (isBottom) {
       this.classNames += ' bottom';
     }
+    else {
+      this.classNames += ' top';
+    }
     if (isLeft) {
       this.classNames += ' left';
-      this.maxWidth = `${e.clientX}px`;
+      this.maxWidth = `${e.clientX - 16}px`;
     }
     else {
-      this.maxWidth = `${window.innerWidth - e.clientX}px`;
+      this.classNames += ' right';
+      this.maxWidth = `${window.innerWidth - e.clientX - 16}px`;
     }
-    let tip = e.target.querySelectorAll('[slot="tip"]');
-    if (isBottom) {
-      this.tipBackgroundColor = window.getComputedStyle(tip[0]).getPropertyValue('background-color');
-    }
-    else {
-      this.tipBackgroundColor = window.getComputedStyle(tip[tip.length - 1]).getPropertyValue('background-color');
-    }
+    let tip = this.host.querySelectorAll('[slot="tip"]');
+    this.tipBackgroundColor = window.getComputedStyle(tip[0]).getPropertyValue('background-color');
   }
   render() {
-    return (h(Host, null, h("div", { class: this.classNames }, h("div", { class: 'sui-tool' }, h("slot", { name: 'tool' })), h("div", { class: 'sui-tip', style: { '--tip-max-width': this.maxWidth, '--tip-background-color': this.tipBackgroundColor } }, h("slot", { name: 'tip' })))));
+    return (h(Host, null, h("div", { class: 'sui-tooltip' + this.classNames }, h("div", { class: 'sui-tool' }, h("slot", { name: 'tool' }), h("div", { class: 'sui-tip', style: { '--tip-max-width': this.maxWidth, '--tip-background-color': this.tipBackgroundColor } }, h("slot", { name: 'tip' })), h("div", { class: 'tip-arrow' + this.classNames, style: { '--tip-background-color': this.tipBackgroundColor } })))));
   }
+  get host() { return getElement(this); }
 };
@@ -1358,0 +1358,0 @@ SuiTooltip.style = suiTooltipCss;

dist/skateui/skateui.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-ba9fb985.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-8d4b210e",[[1,"sui-button",{disabled:[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],disabled:[4],checked:[1028],required:[4],type:[1],checkedDefault:[4,"checked-default"],el:[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[1032],disabled:[4],required:[4],multiple:[4],el:[16],displayedValue:[32]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));
+import{p as e,b as i}from"./p-ba9fb985.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-fc80be09",[[1,"sui-button",{disabled:[4]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[8],disabled:[4],checked:[1028],required:[4],type:[1],checkedDefault:[4,"checked-default"],el:[16]},[[0,"click","clickEventHandler"],[0,"keypress","keyEventHandler"]]],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[1032],disabled:[4],required:[4],multiple:[4],el:[16],displayedValue:[32]}],[1,"sui-textarea",{value:[1025],disabled:[4],el:[16],textValue:[32]}],[1,"sui-tooltip",{maxWidth:[32],classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));

dist/types/components/sui-tooltip/sui-tooltip.d.ts

 export declare class SuiTooltip {
+  host: HTMLElement;
   maxWidth: string;
   classNames: string;
   tipBackgroundColor: string;
-  setPosition(e: any): void;
+  setPosition(e: MouseEvent): void;
   render(): any;
 }

package.json

 {
   "name": "skateui",
-  "version": "0.1.139",
+  "version": "0.1.140",
   "description": "Vanilla HTML compatible custom UI components",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

548423

increased by0.14%

Lines of code

10685

increased by0.14%

Worsened metrics

Number of low supply chain risk alerts

17

increased by21.43%

No dependency changes