skateui - npm Package Compare versions

Comparing version 0.1.112 to 0.1.113

dist/cjs/loader.cjs.js

@@ -17,3 +17,3 @@ 'use strict';
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["sui-button_7.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":[8],"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-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":[8],"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":[8],"el":[16]}],[1,"sui-tooltip",{"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_7.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":[8],"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-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":[8],"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":[8],"el":[16]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
 });

dist/collection/collection-manifest.json

@@ -9,2 +9,3 @@ {
     "./components/sui-select/sui-select.js",
+    "./components/sui-textarea/sui-textarea.js",
     "./components/sui-tooltip/sui-tooltip.js"
@@ -11,0 +12,0 @@ ],

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

@@ -58,3 +58,3 @@ import { Host, h } from '@stencil/core'; //Method,
       if (value) {
-        input.setAttribute('value', value);
+        input.setAttribute('value', value.toString());
       }
@@ -172,3 +172,3 @@ // if (this.value) {
   valueHandler(n, o) {
-    if (n !== o) {
+    if (n !== o && this.el) {
       this.el.value = n.toString();
@@ -229,3 +229,3 @@ }
   render() {
-    return (h(Host, null, h("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "-2 -4 28 28" }, h("path", { d: "M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" })), h("slot", { name: this.slotName }), h("slot", { name: 'value' })));
+    return (h(Host, null, h("svg", { version: "1.1", x: "0px", y: "0px", viewBox: "0 0 24 24", fill: "currentColor" }, h("path", { d: "M9.31,18.6L3,12.29l1.54-1.51l4.77,4.77L19.46,5.4L21,6.91L9.31,18.6z" })), h("slot", { name: this.slotName }), h("slot", { name: 'value' })));
   }
@@ -277,3 +277,3 @@ static get is() { return "sui-input"; }
         },
-        "defaultValue": "(() => {\n    // add input element manually because shadow dom input is not recognized by forms\n    let inputType = this.host.getAttribute('type'); // always use getAttribute() for proper casing\n    // let value = this.host.getAttribute('value');\n    let value = this.value;\n    if (!inputType || !this.availableTypes.includes(inputType)) {\n      this.host.setAttribute('type', 'text');\n      inputType = 'text';\n    }\n\n    this.isButton = inputType === 'reset' || inputType === 'submit';\n    this.isChecker = inputType === 'checkbox' || inputType === 'radio';\n\n    const previousInput = this.host.getElementsByTagName('input')?.[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\n      // button input use additional span to display text\n      const previousSpan = this.host.getElementsByTagName('span')?.[0];\n      if (previousSpan) {\n        if (previousSpan && previousSpan.hasAttribute('slot') && previousSpan.getAttribute('slot') === 'value' && this.isButton) {\n          previousSpan.innerHTML = value || (inputType === 'submit' ? 'Submit' : 'Reset');\n        }\n        else {\n          previousSpan.remove();\n        }\n      }\n      return previousInput;\n    }\n\n    // create new element\n    const input = document.createElement('input');\n    if (value) {\n      input.setAttribute('value', value);\n    }\n    // if (this.value) {\n    //   input.setAttribute('value', this.value);\n    // }\n\n    // setup new slot name\n    // slot name is to prevent users adding custom elements\n    input.setAttribute('slot', this.slotName);\n\n    if (!this.availableTypes.includes(inputType)) {\n      // type not available (yet)\n      this.host.prepend(input);\n      return input;\n    }\n\n    // add eventlistener manually if type is checkbox | radio | reset | submit\n    const clicker = () => {\n      if (this.host.attributes.getNamedItem('disabled')) {\n        // does not trigger dummy when disabled\n        return;\n      }\n      this.el.click();\n    };\n\n    if (this.isButton) {\n      // hidden\n      input.setAttribute('hidden', '');\n\n      // tab index is on host\n      if (!this.host.hasAttribute('disabled')) {\n        this.host.setAttribute('tabindex', '0');\n      }\n\n      this.host.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter') {\n          // checkbox, radio should be able to trigger click on enter key\n          clicker();\n        }\n      });\n      this.host.addEventListener('click', clicker);\n\n      // add button text\n      let span = document.createElement('span');\n      // span.innerHTML = this.value || (inputType === 'submit' ? 'Submit' : 'Reset');\n      span.innerHTML = value || (inputType === 'submit' ? 'Submit' : 'Reset');\n      span.setAttribute('slot', 'value');\n      this.host.prepend(span);\n    }\n\n    else if (this.isChecker) {\n      // hidden\n      input.setAttribute('hidden', '');\n\n      // tab index is on host\n      if (!this.host.hasAttribute('disabled')) {\n        this.host.setAttribute('tabindex', '0');\n      }\n\n      // add eventlistener manually if type is checkbox | radio\n      const clicker = () => {\n        if (this.host.attributes.getNamedItem('disabled')) {\n          // does not trigger dummy when disabled\n          return;\n        }\n        this.el.click();\n      };\n\n      this.host.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter') {\n          // checkbox, radio should be able to trigger click on enter | space key\n          clicker();\n        }\n      }, true);\n\n      this.host.addEventListener('click', clicker);\n\n      input.addEventListener('change', () => {\n        // keep track of checked, update dom\n        if (inputType === 'checkbox') {\n          if (input.checked) {\n            this.host.setAttribute('checked', '');\n          }\n          else {\n            this.host.removeAttribute('checked');\n          }\n        }\n\n        if (inputType === 'radio') {\n          // triggers only on checked, since radio button can't uncheck from user input\n          let radios = document.getElementsByName(input.name);\n          for (let i = 0; i < radios.length; i++) {\n            if (\n              (radios[i] instanceof HTMLInputElement) &&\n              radios[i].getAttribute('type') === 'radio' &&\n              radios[i] !== input\n            ) {\n              radios[i].parentElement.removeAttribute('checked'); // remove checked attribute from it's host\n            }\n          }\n          this.host.setAttribute('checked', '');\n        }\n      });\n    }\n\n    else {\n      // tab index is on input element\n\n      for (const [key, value] of Object.entries({\n        // set important styles\n        // these value should not be editable\n        'box-sizing': 'border-box',\n        display: 'block',\n        'font-size': 'inherit',\n        'line-height': '1.2'\n      })) {\n        input.style.setProperty(key, value, 'important');\n      }\n      // for (const [key, value] of Object.entries({\n      //   'background-color': 'transparent',\n      //   color: 'inherit',\n      //   border: 'none',\n      // })) {\n      //   input.style.setProperty(key, value);\n      // }\n    }\n\n    this.host.prepend(input);\n    return input;\n  })()"
+        "defaultValue": "(() => {\n    // add input element manually because shadow dom input is not recognized by forms\n    let inputType = this.host.getAttribute('type'); // always use getAttribute() for proper casing\n    // let value = this.host.getAttribute('value');\n    let value = this.value;\n    if (!inputType || !this.availableTypes.includes(inputType)) {\n      this.host.setAttribute('type', 'text');\n      inputType = 'text';\n    }\n\n    this.isButton = inputType === 'reset' || inputType === 'submit';\n    this.isChecker = inputType === 'checkbox' || inputType === 'radio';\n\n    const previousInput = this.host.getElementsByTagName('input')?.[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\n      // button input use additional span to display text\n      const previousSpan = this.host.getElementsByTagName('span')?.[0];\n      if (previousSpan) {\n        if (previousSpan && previousSpan.hasAttribute('slot') && previousSpan.getAttribute('slot') === 'value' && this.isButton) {\n          previousSpan.innerHTML = value || (inputType === 'submit' ? 'Submit' : 'Reset');\n        }\n        else {\n          previousSpan.remove();\n        }\n      }\n      return previousInput;\n    }\n\n    // create new element\n    const input = document.createElement('input');\n    if (value) {\n      input.setAttribute('value', value.toString());\n    }\n    // if (this.value) {\n    //   input.setAttribute('value', this.value);\n    // }\n\n    // setup new slot name\n    // slot name is to prevent users adding custom elements\n    input.setAttribute('slot', this.slotName);\n\n    if (!this.availableTypes.includes(inputType)) {\n      // type not available (yet)\n      this.host.prepend(input);\n      return input;\n    }\n\n    // add eventlistener manually if type is checkbox | radio | reset | submit\n    const clicker = () => {\n      if (this.host.attributes.getNamedItem('disabled')) {\n        // does not trigger dummy when disabled\n        return;\n      }\n      this.el.click();\n    };\n\n    if (this.isButton) {\n      // hidden\n      input.setAttribute('hidden', '');\n\n      // tab index is on host\n      if (!this.host.hasAttribute('disabled')) {\n        this.host.setAttribute('tabindex', '0');\n      }\n\n      this.host.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter') {\n          // checkbox, radio should be able to trigger click on enter key\n          clicker();\n        }\n      });\n      this.host.addEventListener('click', clicker);\n\n      // add button text\n      let span = document.createElement('span');\n      // span.innerHTML = this.value || (inputType === 'submit' ? 'Submit' : 'Reset');\n      span.innerHTML = value || (inputType === 'submit' ? 'Submit' : 'Reset');\n      span.setAttribute('slot', 'value');\n      this.host.prepend(span);\n    }\n\n    else if (this.isChecker) {\n      // hidden\n      input.setAttribute('hidden', '');\n\n      // tab index is on host\n      if (!this.host.hasAttribute('disabled')) {\n        this.host.setAttribute('tabindex', '0');\n      }\n\n      // add eventlistener manually if type is checkbox | radio\n      const clicker = () => {\n        if (this.host.attributes.getNamedItem('disabled')) {\n          // does not trigger dummy when disabled\n          return;\n        }\n        this.el.click();\n      };\n\n      this.host.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter') {\n          // checkbox, radio should be able to trigger click on enter | space key\n          clicker();\n        }\n      }, true);\n\n      this.host.addEventListener('click', clicker);\n\n      input.addEventListener('change', () => {\n        // keep track of checked, update dom\n        if (inputType === 'checkbox') {\n          if (input.checked) {\n            this.host.setAttribute('checked', '');\n          }\n          else {\n            this.host.removeAttribute('checked');\n          }\n        }\n\n        if (inputType === 'radio') {\n          // triggers only on checked, since radio button can't uncheck from user input\n          let radios = document.getElementsByName(input.name);\n          for (let i = 0; i < radios.length; i++) {\n            if (\n              (radios[i] instanceof HTMLInputElement) &&\n              radios[i].getAttribute('type') === 'radio' &&\n              radios[i] !== input\n            ) {\n              radios[i].parentElement.removeAttribute('checked'); // remove checked attribute from it's host\n            }\n          }\n          this.host.setAttribute('checked', '');\n        }\n      });\n    }\n\n    else {\n      // tab index is on input element\n\n      for (const [key, value] of Object.entries({\n        // set important styles\n        // these value should not be editable\n        'box-sizing': 'border-box',\n        display: 'block',\n        'font-size': 'inherit',\n        'line-height': '1.2'\n      })) {\n        input.style.setProperty(key, value, 'important');\n      }\n      // for (const [key, value] of Object.entries({\n      //   'background-color': 'transparent',\n      //   color: 'inherit',\n      //   border: 'none',\n      // })) {\n      //   input.style.setProperty(key, value);\n      // }\n    }\n\n    this.host.prepend(input);\n    return input;\n  })()"
       }
@@ -280,0 +280,0 @@ };

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

@@ -23,3 +23,3 @@ import { Host, h } from '@stencil/core';
       if (this.value) {
-        select.value = this.value;
+        select.value = this.value.toString();
       }
@@ -57,3 +57,3 @@ this.valueDisplay = ((_a = select.getElementsByTagName('option')[select.selectedIndex || 0]) === null || _a === void 0 ? void 0 : _a.textContent) || select.value || '';
     var _a;
-    if (n !== o) {
+    if (n !== o && this.el) {
       this.el.value = n.toString();
@@ -169,3 +169,3 @@ this.valueDisplay = ((_a = this.el.getElementsByTagName('option')[this.el.selectedIndex || 0]) === null || _a === void 0 ? void 0 : _a.textContent) || this.el.value || '';
         },
-        "defaultValue": "(() => {\n    const select = document.createElement('select');\n\n    if (this.host.children.length) {\n      let len = this.host.children.length;\n      while (len--) {\n        select.prepend(this.host.children[len]);\n      }\n    }\n\n    if (this.value) {\n      select.value = this.value;\n    }\n\n    this.valueDisplay = select.getElementsByTagName('option')[select.selectedIndex || 0]?.textContent || select.value || '';\n    select.addEventListener('change', () => {\n      if (select.value !== this.value) {\n        this.value = select.value || '';\n      }\n    });\n\n    for (const [key, value] of Object.entries({\n      // set important styles\n      // these value should not be editable\n      background: 'transparent',\n      'box-sizing': 'border-box',\n      border: 'none',\n      display: 'block',\n      'font-size': 'inherit',\n      'line-height': '1.2',\n      '-webkit-appearance': 'none',\n      '-moz-appearance': 'none',\n      'appearance': 'none',\n      'cursor': this.isMultiple ? 'default' : 'pointer'\n    })) {\n      select.style.setProperty(key, value, 'important');\n    }\n\n    if (!this.isMultiple) {\n      // select.style.setProperty('color', 'rgba(0 0 0 / 0%)');\n    }\n\n    this.host.append(select);\n    return select;\n  })()"
+        "defaultValue": "(() => {\n    const select = document.createElement('select');\n\n    if (this.host.children.length) {\n      let len = this.host.children.length;\n      while (len--) {\n        select.prepend(this.host.children[len]);\n      }\n    }\n\n    if (this.value) {\n      select.value = this.value.toString();\n    }\n\n    this.valueDisplay = select.getElementsByTagName('option')[select.selectedIndex || 0]?.textContent || select.value || '';\n    select.addEventListener('change', () => {\n      if (select.value !== this.value) {\n        this.value = select.value || '';\n      }\n    });\n\n    for (const [key, value] of Object.entries({\n      // set important styles\n      // these value should not be editable\n      background: 'transparent',\n      'box-sizing': 'border-box',\n      border: 'none',\n      display: 'block',\n      'font-size': 'inherit',\n      'line-height': '1.2',\n      '-webkit-appearance': 'none',\n      '-moz-appearance': 'none',\n      'appearance': 'none',\n      'cursor': this.isMultiple ? 'default' : 'pointer'\n    })) {\n      select.style.setProperty(key, value, 'important');\n    }\n\n    if (!this.isMultiple) {\n      // select.style.setProperty('color', 'rgba(0 0 0 / 0%)');\n    }\n\n    this.host.append(select);\n    return select;\n  })()"
       }
@@ -172,0 +172,0 @@ };

dist/esm/loader.js

@@ -13,3 +13,3 @@ import { p as promiseResolve, b as bootstrapLazy } from './index-d4102470.js';
   return patchEsm().then(() => {
-  return bootstrapLazy([["sui-button_7",[[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":[8],"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-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":[8],"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":[8],"el":[16]}],[1,"sui-tooltip",{"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-d4102470.js';
 patchBrowser().then(options => {
-  return bootstrapLazy([["sui-button_7",[[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":[8],"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-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":[8],"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":[8],"el":[16]}],[1,"sui-tooltip",{"classNames":[32],"tipBackgroundColor":[32]},[[1,"mouseenter","setPosition"]]]]]], options);
 });

dist/skateui/skateui.esm.js

@@ -1,1 +0,1 @@
-import{p as i,b as e}from"./p-453d08b3.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),i(t)})().then((i=>e([["p-4fc15a66",[[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:[8],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-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],i)));
+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-869cf6ed",[[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:[8],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:[8],el:[16]}],[1,"sui-tooltip",{classNames:[32],tipBackgroundColor:[32]},[[1,"mouseenter","setPosition"]]]]]],e)));

dist/types/components.d.ts

@@ -32,2 +32,6 @@ /* eslint-disable */
     }
+    interface SuiTextarea {
+        "el": HTMLTextAreaElement;
+        "value": any;
+    }
     interface SuiTooltip {
@@ -73,2 +77,8 @@ }
     };
+    interface HTMLSuiTextareaElement extends Components.SuiTextarea, HTMLStencilElement {
+    }
+    var HTMLSuiTextareaElement: {
+        prototype: HTMLSuiTextareaElement;
+        new (): HTMLSuiTextareaElement;
+    };
     interface HTMLSuiTooltipElement extends Components.SuiTooltip, HTMLStencilElement {
@@ -87,2 +97,3 @@ }
         "sui-select": HTMLSuiSelectElement;
+        "sui-textarea": HTMLSuiTextareaElement;
         "sui-tooltip": HTMLSuiTooltipElement;
@@ -113,2 +124,6 @@ }
     }
+    interface SuiTextarea {
+        "el"?: HTMLTextAreaElement;
+        "value"?: any;
+    }
     interface SuiTooltip {
@@ -123,2 +138,3 @@ }
         "sui-select": SuiSelect;
+        "sui-textarea": SuiTextarea;
         "sui-tooltip": SuiTooltip;
@@ -137,2 +153,3 @@ }
             "sui-select": LocalJSX.SuiSelect & JSXBase.HTMLAttributes<HTMLSuiSelectElement>;
+            "sui-textarea": LocalJSX.SuiTextarea & JSXBase.HTMLAttributes<HTMLSuiTextareaElement>;
             "sui-tooltip": LocalJSX.SuiTooltip & JSXBase.HTMLAttributes<HTMLSuiTooltipElement>;
@@ -139,0 +156,0 @@ }

package.json

 {
   "name": "skateui",
-  "version": "0.1.112",
+  "version": "0.1.113",
   "description": "Stencil Component Starter",
@@ -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

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

Total package byte prevSize

526287

increased by3.54%

Number of package files

61

increased by5.17%

Lines of code

9920

increased by4.4%

No dependency changes