eds-textfield - npm Package Compare versions

Comparing version 1.1.4 to 1.1.6

dist/cjs/eds-textfield.cjs.entry.js

@@ -13,2 +13,4 @@ 'use strict';
         this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.blur = index.createEvent(this, "blur", 7);
+        this.focus = index.createEvent(this, "focus", 7);
         this.label = "";
@@ -24,2 +26,9 @@ this.meta = "";
     }
+    focusBlur(value) {
+        const inputEl = this.el.querySelector("input");
+        if (value === true)
+            this.focus.emit(inputEl);
+        else
+            this.blur.emit(inputEl);
+    }
     valueChanged() {
@@ -37,6 +46,7 @@ const inputEl = this.el.querySelector("input");
     render() {
-        return (index.h(index.Host, null, index.h("div", { class: `textfield ${this.variant}` }, index.h("label", null, index.h("p", null, this.label), index.h("p", null, this.meta)), index.h("div", { class: "input-wrapper" }, this.multiline ? (index.h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: () => (this.focus = true), onBlur: () => (this.focus = false), onInput: this.inputChanged.bind(this) })) : (index.h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: () => (this.focus = true), onBlur: () => (this.focus = false), value: this.value, onInput: this.inputChanged.bind(this) }))), index.h("div", { class: this.focus ? "helper focus" : "helper" }, this.helpericon && index.h("div", { class: "svg", innerHTML: this.helpericon }), index.h("p", { class: `helper-text${this.disabled ? " disabled" : ""}` }, this.helpertext)))));
+        return (index.h(index.Host, null, index.h("div", { class: `textfield ${this.variant}` }, index.h("label", null, index.h("p", null, this.label), index.h("p", null, this.meta)), index.h("div", { class: "input-wrapper" }, this.multiline ? (index.h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: () => (this.focusState = true), onBlur: () => (this.focusState = false), onInput: this.inputChanged.bind(this) })) : (index.h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: () => (this.focusState = true), onBlur: () => (this.focusState = false), value: this.value, onInput: this.inputChanged.bind(this) }))), index.h("div", { class: this.focus ? "helper focus" : "helper" }, this.helpericon && index.h("div", { class: "svg", innerHTML: this.helpericon }), index.h("p", { class: `helper-text${this.disabled ? " disabled" : ""}` }, this.helpertext)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
+        "focusState": ["focusBlur"],
         "value": ["valueChanged"]
@@ -43,0 +53,0 @@ }; }

dist/cjs/eds-textfield.cjs.js

@@ -7,3 +7,3 @@ 'use strict';
 patch.patchBrowser().then(options => {
-  return index.bootstrapLazy([["eds-textfield.cjs",[[0,"eds-textfield",{"label":[1],"meta":[1],"placeholder":[1],"helpertext":[1],"variant":[1],"type":[1],"multiline":[4],"disabled":[516],"helpericon":[1],"value":[1025],"focus":[32]}]]]], options);
+  return index.bootstrapLazy([["eds-textfield.cjs",[[0,"eds-textfield",{"label":[1],"meta":[1],"placeholder":[1],"helpertext":[1],"variant":[1],"type":[1],"multiline":[4],"disabled":[516],"helpericon":[1],"value":[1025],"focusState":[32]}]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -11,3 +11,3 @@ 'use strict';
   return patch.patchEsm().then(() => {
-  return index.bootstrapLazy([["eds-textfield.cjs",[[0,"eds-textfield",{"label":[1],"meta":[1],"placeholder":[1],"helpertext":[1],"variant":[1],"type":[1],"multiline":[4],"disabled":[516],"helpericon":[1],"value":[1025],"focus":[32]}]]]], options);
+  return index.bootstrapLazy([["eds-textfield.cjs",[[0,"eds-textfield",{"label":[1],"meta":[1],"placeholder":[1],"helpertext":[1],"variant":[1],"type":[1],"multiline":[4],"disabled":[516],"helpericon":[1],"value":[1025],"focusState":[32]}]]]], options);
   });
@@ -14,0 +14,0 @@ };

dist/collection/components/eds-textfield/eds-textfield.js

@@ -14,2 +14,9 @@ import { Component, State, Prop, h, Event, Watch, Element, Host, } from "@stencil/core";
     }
+    focusBlur(value) {
+        const inputEl = this.el.querySelector("input");
+        if (value === true)
+            this.focus.emit(inputEl);
+        else
+            this.blur.emit(inputEl);
+    }
     valueChanged() {
@@ -32,3 +39,3 @@ const inputEl = this.el.querySelector("input");
                     h("p", null, this.meta)),
-                h("div", { class: "input-wrapper" }, this.multiline ? (h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: () => (this.focus = true), onBlur: () => (this.focus = false), onInput: this.inputChanged.bind(this) })) : (h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: () => (this.focus = true), onBlur: () => (this.focus = false), value: this.value, onInput: this.inputChanged.bind(this) }))),
+                h("div", { class: "input-wrapper" }, this.multiline ? (h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: () => (this.focusState = true), onBlur: () => (this.focusState = false), onInput: this.inputChanged.bind(this) })) : (h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: () => (this.focusState = true), onBlur: () => (this.focusState = false), value: this.value, onInput: this.inputChanged.bind(this) }))),
                 h("div", { class: this.focus ? "helper focus" : "helper" },
@@ -227,3 +234,3 @@ this.helpericon && h("div", { class: "svg", innerHTML: this.helpericon }),
     static get states() { return {
-        "focus": {}
+        "focusState": {}
     }; }
@@ -245,5 +252,38 @@ static get events() { return [{
             }
+        }, {
+            "method": "blur",
+            "name": "blur",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Blur"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
+        }, {
+            "method": "focus",
+            "name": "focus",
+            "bubbles": true,
+            "cancelable": true,
+            "composed": true,
+            "docs": {
+                "tags": [],
+                "text": "Focus"
+            },
+            "complexType": {
+                "original": "any",
+                "resolved": "any",
+                "references": {}
+            }
         }]; }
     static get elementRef() { return "el"; }
     static get watchers() { return [{
+            "propName": "focusState",
+            "methodName": "focusBlur"
+        }, {
             "propName": "value",
@@ -250,0 +290,0 @@ "methodName": "valueChanged"

dist/eds-textfield/eds-textfield.esm.js

@@ -1,1 +0,1 @@
-import{b as e}from"./p-e985a6cd.js";import{p as a}from"./p-4e029de5.js";a().then(a=>e([["p-dc8fad3d",[[0,"eds-textfield",{label:[1],meta:[1],placeholder:[1],helpertext:[1],variant:[1],type:[1],multiline:[4],disabled:[516],helpericon:[1],value:[1025],focus:[32]}]]]],a));
+import{b as e}from"./p-e985a6cd.js";import{p as a}from"./p-4e029de5.js";a().then(a=>e([["p-abd606f3",[[0,"eds-textfield",{label:[1],meta:[1],placeholder:[1],helpertext:[1],variant:[1],type:[1],multiline:[4],disabled:[516],helpericon:[1],value:[1025],focusState:[32]}]]]],a));

dist/eds-textfield/p-d28ea509.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-cfe90ca6.system.js","./p-eb3421e7.system.js"],(function(){"use strict";var e,t;return{setters:[function(t){e=t.b},function(e){t=e.p}],execute:function(){t().then((function(t){return e([["p-f80c1cd5.system",[[0,"eds-textfield",{label:[1],meta:[1],placeholder:[1],helpertext:[1],variant:[1],type:[1],multiline:[4],disabled:[516],helpericon:[1],value:[1025],focus:[32]}]]]],t)}))}}}));
+System.register(["./p-cfe90ca6.system.js","./p-eb3421e7.system.js"],(function(){"use strict";var e,t;return{setters:[function(t){e=t.b},function(e){t=e.p}],execute:function(){t().then((function(t){return e([["p-e4d42cfc.system",[[0,"eds-textfield",{label:[1],meta:[1],placeholder:[1],helpertext:[1],variant:[1],type:[1],multiline:[4],disabled:[516],helpericon:[1],value:[1025],focusState:[32]}]]]],t)}))}}}));

dist/esm-es5/eds-textfield.entry.js

@@ -7,2 +7,4 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-03244189.js';
         this.valueChange = createEvent(this, "valueChange", 7);
+        this.blur = createEvent(this, "blur", 7);
+        this.focus = createEvent(this, "focus", 7);
         this.label = "";
@@ -18,2 +20,9 @@ this.meta = "";
     }
+    TextField.prototype.focusBlur = function (value) {
+        var inputEl = this.el.querySelector("input");
+        if (value === true)
+            this.focus.emit(inputEl);
+        else
+            this.blur.emit(inputEl);
+    };
     TextField.prototype.valueChanged = function () {
@@ -32,3 +41,3 @@ var inputEl = this.el.querySelector("input");
         var _this = this;
-        return (h(Host, null, h("div", { class: "textfield " + this.variant }, h("label", null, h("p", null, this.label), h("p", null, this.meta)), h("div", { class: "input-wrapper" }, this.multiline ? (h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: function () { return (_this.focus = true); }, onBlur: function () { return (_this.focus = false); }, onInput: this.inputChanged.bind(this) })) : (h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: function () { return (_this.focus = true); }, onBlur: function () { return (_this.focus = false); }, value: this.value, onInput: this.inputChanged.bind(this) }))), h("div", { class: this.focus ? "helper focus" : "helper" }, this.helpericon && h("div", { class: "svg", innerHTML: this.helpericon }), h("p", { class: "helper-text" + (this.disabled ? " disabled" : "") }, this.helpertext)))));
+        return (h(Host, null, h("div", { class: "textfield " + this.variant }, h("label", null, h("p", null, this.label), h("p", null, this.meta)), h("div", { class: "input-wrapper" }, this.multiline ? (h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: function () { return (_this.focusState = true); }, onBlur: function () { return (_this.focusState = false); }, onInput: this.inputChanged.bind(this) })) : (h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: function () { return (_this.focusState = true); }, onBlur: function () { return (_this.focusState = false); }, value: this.value, onInput: this.inputChanged.bind(this) }))), h("div", { class: this.focus ? "helper focus" : "helper" }, this.helpericon && h("div", { class: "svg", innerHTML: this.helpericon }), h("p", { class: "helper-text" + (this.disabled ? " disabled" : "") }, this.helpertext)))));
     };
@@ -43,2 +52,3 @@ Object.defineProperty(TextField.prototype, "el", {
             return {
+                "focusState": ["focusBlur"],
                 "value": ["valueChanged"]
@@ -45,0 +55,0 @@ };

dist/esm/eds-textfield.entry.js

@@ -9,2 +9,4 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-03244189.js';
         this.valueChange = createEvent(this, "valueChange", 7);
+        this.blur = createEvent(this, "blur", 7);
+        this.focus = createEvent(this, "focus", 7);
         this.label = "";
@@ -20,2 +22,9 @@ this.meta = "";
     }
+    focusBlur(value) {
+        const inputEl = this.el.querySelector("input");
+        if (value === true)
+            this.focus.emit(inputEl);
+        else
+            this.blur.emit(inputEl);
+    }
     valueChanged() {
@@ -33,6 +42,7 @@ const inputEl = this.el.querySelector("input");
     render() {
-        return (h(Host, null, h("div", { class: `textfield ${this.variant}` }, h("label", null, h("p", null, this.label), h("p", null, this.meta)), h("div", { class: "input-wrapper" }, this.multiline ? (h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: () => (this.focus = true), onBlur: () => (this.focus = false), onInput: this.inputChanged.bind(this) })) : (h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: () => (this.focus = true), onBlur: () => (this.focus = false), value: this.value, onInput: this.inputChanged.bind(this) }))), h("div", { class: this.focus ? "helper focus" : "helper" }, this.helpericon && h("div", { class: "svg", innerHTML: this.helpericon }), h("p", { class: `helper-text${this.disabled ? " disabled" : ""}` }, this.helpertext)))));
+        return (h(Host, null, h("div", { class: `textfield ${this.variant}` }, h("label", null, h("p", null, this.label), h("p", null, this.meta)), h("div", { class: "input-wrapper" }, this.multiline ? (h("textarea", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, onFocus: () => (this.focusState = true), onBlur: () => (this.focusState = false), onInput: this.inputChanged.bind(this) })) : (h("input", { class: this.focus ? "focus" : "", placeholder: this.placeholder, disabled: this.disabled, type: this.type, onFocus: () => (this.focusState = true), onBlur: () => (this.focusState = false), value: this.value, onInput: this.inputChanged.bind(this) }))), h("div", { class: this.focus ? "helper focus" : "helper" }, this.helpericon && h("div", { class: "svg", innerHTML: this.helpericon }), h("p", { class: `helper-text${this.disabled ? " disabled" : ""}` }, this.helpertext)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
+        "focusState": ["focusBlur"],
         "value": ["valueChanged"]
@@ -39,0 +49,0 @@ }; }

dist/types/components.d.ts

@@ -44,2 +44,10 @@ /* eslint-disable */
         "multiline"?: boolean;
+        /**
+          * Blur
+         */
+        "onBlur"?: (event: CustomEvent<any>) => void;
+        /**
+          * Focus
+         */
+        "onFocus"?: (event: CustomEvent<any>) => void;
         "onValueChange"?: (event: CustomEvent<any>) => void;
@@ -46,0 +54,0 @@ "placeholder"?: string;

dist/types/components/eds-textfield/eds-textfield.d.ts

 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class TextField {
-    focus: boolean;
+    focusState: boolean;
     label: string;
@@ -17,2 +17,7 @@ meta: string;
     valueChange: EventEmitter;
+    /** Blur */
+    blur: EventEmitter;
+    /** Focus */
+    focus: EventEmitter;
+    focusBlur(value: any): void;
     valueChanged(): void;
@@ -19,0 +24,0 @@ inputChanged(ev: any): void;

package.json

 {
   "name": "eds-textfield",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "Stencil Component Starter",
@@ -29,3 +29,3 @@ "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "c16e0d0e0feaef4bf37004da2c60c0c2b69515dc"
+  "gitHead": "2ee6edd4b37ea1435c73a5275e32905f49890313"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

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

Mixed license

License

(Experimental) Package contains multiple licenses.

Found 1 instance in 1 package

Improved metrics

Number of low license alerts

0

decreased by-100%

Number of low supply chain risk alerts

10

decreased by-77.78%

Number of medium supply chain risk alerts

14

decreased by-53.33%

Worsened metrics

Total package byte prevSize

761317

decreased by-59.95%

Number of package files

77

decreased by-60.51%

Lines of code

8428

decreased by-66.29%

No dependency changes