skateui - npm Package Compare versions

Comparing version 0.1.128 to 0.1.129

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-001f871a.js');
+const index = require('./index-bc67c0ec.js');
 
@@ -18,3 +18,3 @@ /*
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"reflect":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
   });
@@ -21,0 +21,0 @@ };

dist/cjs/skateui.cjs.js

 'use strict';
 
-const index = require('./index-001f871a.js');
+const index = require('./index-bc67c0ec.js');
 
@@ -18,3 +18,3 @@ /*
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"reflect":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return index.bootstrapLazy([["sui-button_8.cjs",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
 });

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

@@ -5,3 +5,3 @@ 'use strict';
 
-const index = require('./index-001f871a.js');
+const index = require('./index-bc67c0ec.js');
 
@@ -1131,2 +1131,7 @@ const eventList = [
   }
+  componentWillRender() {
+    if (this.el && this.el.parentElement === null) {
+      this.host.prepend(this.el);
+    }
+  }
   componentDidLoad() {
@@ -1207,15 +1212,5 @@ dummyHandler.bind(this)({
     this.value = '';
-    this.reflect = '';
+    this.textValue = '';
     this.el = (() => {
-      var _a;
       let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';
-      this.reflect = value;
-      const previousInput = (_a = this.host.getElementsByTagName('textarea')) === null || _a === void 0 ? void 0 : _a[0];
-      if (previousInput && previousInput.hasAttribute('slot')) {
-        // if element already exists, return
-        // element can already exist when working on hot reloads
-        // setup new slot name
-        previousInput.setAttribute('slot', this.slotName);
-        return previousInput;
-      }
       // create new element
@@ -1229,3 +1224,2 @@ const textarea = document.createElement('textarea');
         this.value = e.target.value;
-        this.reflect = this.value;
       });
@@ -1250,5 +1244,10 @@ for (let key of [
       this.el.value = val;
-      this.reflect = val;
+      this.textValue = val;
     }
   }
+  componentWillRender() {
+    if (this.el && this.el.parentElement === null) {
+      this.host.prepend(this.el);
+    }
+  }
   componentWillLoad() {
@@ -1265,3 +1264,3 @@ let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';
     }
-    this.reflect = this.value;
+    this.textValue = this.value;
     dummyHandler.bind(this)({
@@ -1285,3 +1284,3 @@ computedStyle: window.getComputedStyle(this.host),
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: 'shell' }, index.h("slot", { name: this.slotName }), index.h("div", { class: 'text-value', "text-value": this.reflect + ' ' }, index.h("div", null, index.h("slot", null))))));
+    return (index.h(index.Host, null, index.h("div", { class: 'shell' }, index.h("slot", { name: this.slotName }), index.h("div", { class: 'text-value', "text-value": this.textValue + ' ' }, index.h("div", null, index.h("slot", null))))));
   }
@@ -1288,0 +1287,0 @@ get host() { return index.getElement(this); }

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

@@ -61,2 +61,7 @@ import { Host, h } from '@stencil/core';
   }
+  componentWillRender() {
+    if (this.el && this.el.parentElement === null) {
+      this.host.prepend(this.el);
+    }
+  }
   componentDidLoad() {
@@ -63,0 +68,0 @@ dummyHandler.bind(this)({

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

@@ -7,15 +7,5 @@ import { Host, h } from '@stencil/core';
     this.value = '';
-    this.reflect = '';
+    this.textValue = '';
     this.el = (() => {
-      var _a;
       let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';
-      this.reflect = value;
-      const previousInput = (_a = this.host.getElementsByTagName('textarea')) === null || _a === void 0 ? void 0 : _a[0];
-      if (previousInput && previousInput.hasAttribute('slot')) {
-        // if element already exists, return
-        // element can already exist when working on hot reloads
-        // setup new slot name
-        previousInput.setAttribute('slot', this.slotName);
-        return previousInput;
-      }
       // create new element
@@ -29,3 +19,2 @@ const textarea = document.createElement('textarea');
         this.value = e.target.value;
-        this.reflect = this.value;
       });
@@ -50,5 +39,10 @@ for (let key of [
       this.el.value = val;
-      this.reflect = val;
+      this.textValue = val;
     }
   }
+  componentWillRender() {
+    if (this.el && this.el.parentElement === null) {
+      this.host.prepend(this.el);
+    }
+  }
   componentWillLoad() {
@@ -65,3 +59,3 @@ let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';
     }
-    this.reflect = this.value;
+    this.textValue = this.value;
     dummyHandler.bind(this)({
@@ -85,3 +79,3 @@ computedStyle: window.getComputedStyle(this.host),
   render() {
-    return (h(Host, null, h("div", { class: 'shell' }, h("slot", { name: this.slotName }), h("div", { class: 'text-value', "text-value": this.reflect + ' ' }, h("div", null, h("slot", null))))));
+    return (h(Host, null, h("div", { class: 'shell' }, h("slot", { name: this.slotName }), h("div", { class: 'text-value', "text-value": this.textValue + ' ' }, h("div", null, h("slot", null))))));
   }
@@ -138,3 +132,3 @@ static get is() { return "sui-textarea"; }
         },
-        "defaultValue": "(() => {\n    let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';\n    this.reflect = value;\n\n    const previousInput = this.host.getElementsByTagName('textarea')?.[0];\n    if (previousInput && previousInput.hasAttribute('slot')) {\n      // if element already exists, return\n      // element can already exist when working on hot reloads\n\n      // setup new slot name\n      previousInput.setAttribute('slot', this.slotName);\n      return previousInput;\n    }\n\n    // create new element\n    const textarea = document.createElement('textarea');\n    if (value) {\n      textarea.value = value;\n    }\n\n    textarea.setAttribute('slot', this.slotName);\n    textarea.addEventListener('input', e => {\n      this.value = (e.target as HTMLTextAreaElement).value;\n      this.reflect = this.value;\n    });\n\n    for (let key of [\n      'font-size',\n      'line-height',\n      'font-family',\n      'font-weight',\n      'white-space',\n      'word-break'\n    ]) {\n      textarea.style.setProperty(key, 'inherit', 'important');\n    }\n\n    this.host.prepend(textarea);\n    return textarea;\n  })()"
+        "defaultValue": "(() => {\n    let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';\n\n    // create new element\n    const textarea = document.createElement('textarea');\n    if (value) {\n      textarea.value = value;\n    }\n\n    textarea.setAttribute('slot', this.slotName);\n    textarea.addEventListener('input', e => {\n      this.value = (e.target as HTMLTextAreaElement).value;\n    });\n\n    for (let key of [\n      'font-size',\n      'line-height',\n      'font-family',\n      'font-weight',\n      'white-space',\n      'word-break'\n    ]) {\n      textarea.style.setProperty(key, 'inherit', 'important');\n    }\n\n    this.host.prepend(textarea);\n    return textarea;\n  })()"
       }
@@ -145,3 +139,3 @@ };
     return {
-      "reflect": {}
+      "textValue": {}
     };
@@ -148,0 +142,0 @@ }

dist/esm/loader.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-d4102470.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-4e2c2395.js';
 
@@ -13,3 +13,3 @@ /*
   return patchEsm().then(() => {
-  return bootstrapLazy([["sui-button_8",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"reflect":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return bootstrapLazy([["sui-button_8",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
   });
@@ -16,0 +16,0 @@ };

dist/esm/skateui.js

@@ -1,2 +0,2 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-d4102470.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-4e2c2395.js';
 
@@ -16,3 +16,3 @@ /*
 patchBrowser().then(options => {
-  return bootstrapLazy([["sui-button_8",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"reflect":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
+  return bootstrapLazy([["sui-button_8",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{"minSize":[1026,"min-size"],"maxSize":[1026,"max-size"]}],[1,"sui-input",{"value":[1032],"checked":[1032],"el":[16]}],[1,"sui-nav",{"autoHide":[2,"auto-hide"]}],[1,"sui-overlay",{"position":[1],"transitionTime":[1,"transition-time"],"close":[64],"open":[64]}],[1,"sui-select",{"value":[8],"el":[16],"leftPadding":[32],"rightPadding":[32],"topPadding":[32],"valueDisplay":[32]}],[1,"sui-textarea",{"value":[1025],"el":[16],"textValue":[32]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
 });

dist/esm/sui-button_8.entry.js

@@ -1,2 +0,2 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-d4102470.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-4e2c2395.js';
 
@@ -1126,2 +1126,7 @@ const eventList = [
   }
+  componentWillRender() {
+    if (this.el && this.el.parentElement === null) {
+      this.host.prepend(this.el);
+    }
+  }
   componentDidLoad() {
@@ -1202,15 +1207,5 @@ dummyHandler.bind(this)({
     this.value = '';
-    this.reflect = '';
+    this.textValue = '';
     this.el = (() => {
-      var _a;
       let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';
-      this.reflect = value;
-      const previousInput = (_a = this.host.getElementsByTagName('textarea')) === null || _a === void 0 ? void 0 : _a[0];
-      if (previousInput && previousInput.hasAttribute('slot')) {
-        // if element already exists, return
-        // element can already exist when working on hot reloads
-        // setup new slot name
-        previousInput.setAttribute('slot', this.slotName);
-        return previousInput;
-      }
       // create new element
@@ -1224,3 +1219,2 @@ const textarea = document.createElement('textarea');
         this.value = e.target.value;
-        this.reflect = this.value;
       });
@@ -1245,5 +1239,10 @@ for (let key of [
       this.el.value = val;
-      this.reflect = val;
+      this.textValue = val;
     }
   }
+  componentWillRender() {
+    if (this.el && this.el.parentElement === null) {
+      this.host.prepend(this.el);
+    }
+  }
   componentWillLoad() {
@@ -1260,3 +1259,3 @@ let value = this.value !== null && this.value !== undefined ? this.value.toString() : '';
     }
-    this.reflect = this.value;
+    this.textValue = this.value;
     dummyHandler.bind(this)({
@@ -1280,3 +1279,3 @@ computedStyle: window.getComputedStyle(this.host),
   render() {
-    return (h(Host, null, h("div", { class: 'shell' }, h("slot", { name: this.slotName }), h("div", { class: 'text-value', "text-value": this.reflect + ' ' }, h("div", null, h("slot", null))))));
+    return (h(Host, null, h("div", { class: 'shell' }, h("slot", { name: this.slotName }), h("div", { class: 'text-value', "text-value": this.textValue + ' ' }, h("div", null, h("slot", null))))));
   }
@@ -1283,0 +1282,0 @@ get host() { return getElement(this); }

dist/skateui/skateui.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as i}from"./p-453d08b3.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-05548556",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[1032],checked:[1032],el:[16]}],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[8],el:[16],leftPadding:[32],rightPadding:[32],topPadding:[32],valueDisplay:[32]}],[1,"sui-textarea",{value:[1025],el:[16],reflect:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));
+import{p as e,b as i}from"./p-92ec6d6b.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i([["p-aa5f7db8",[[1,"sui-button",null,[[0,"click","clickEventHandler"],[0,"keyup","keyEventHandler"]]],[1,"sui-flextext",{minSize:[1026,"min-size"],maxSize:[1026,"max-size"]}],[1,"sui-input",{value:[1032],checked:[1032],el:[16]}],[1,"sui-nav",{autoHide:[2,"auto-hide"]}],[1,"sui-overlay",{position:[1],transitionTime:[1,"transition-time"],close:[64],open:[64]}],[1,"sui-select",{value:[8],el:[16],leftPadding:[32],rightPadding:[32],topPadding:[32],valueDisplay:[32]}],[1,"sui-textarea",{value:[1025],el:[16],textValue:[32]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));

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

@@ -12,2 +12,3 @@ export declare class SuiSelect {
   el: HTMLSelectElement;
+  componentWillRender(): void;
   componentDidLoad(): void;
@@ -14,0 +15,0 @@ disconnectedCallback(): void;

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

@@ -7,4 +7,5 @@ export declare class SuiTextarea {
   slotName: string;
-  reflect: string;
+  textValue: string;
   el: HTMLTextAreaElement;
+  componentWillRender(): void;
   componentWillLoad(): void;
@@ -11,0 +12,0 @@ disconnectedCallback(): void;

package.json

 {
   "name": "skateui",
-  "version": "0.1.128",
+  "version": "0.1.129",
   "description": "Stencil Component Starter",
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js",

Fixed 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

Lines of code

10162

increased by0.04%

Number of low supply chain risk alerts

12

decreased by-7.69%

Worsened metrics

Total package byte prevSize

525680

decreased by-0.17%

No dependency changes