eds-textfield - npm Package Compare versions

Comparing version 1.1.22 to 1.1.24

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

@@ -12,3 +12,3 @@ 'use strict';
         index.registerInstance(this, hostRef);
-        this.valueChange = index.createEvent(this, "change", 3);
+        this.change = index.createEvent(this, "change", 7);
         this.blur = index.createEvent(this, "blur", 7);
@@ -42,3 +42,3 @@ this.focus = index.createEvent(this, "focus", 7);
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     }
@@ -58,6 +58,6 @@ render() {
 
-const TextField$1 = class {
+const UploadField = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.valueChange = index.createEvent(this, "valueChange", 7);
+        this.change = index.createEvent(this, "change", 7);
         this.blur = index.createEvent(this, "blur", 7);
@@ -136,3 +136,3 @@ this.focus = index.createEvent(this, "focus", 7);
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     }
@@ -153,5 +153,5 @@ renderAccept() {
 };
-TextField$1.style = edsUploadfieldCss;
+UploadField.style = edsUploadfieldCss;
 
 exports.eds_textfield = TextField;
-exports.eds_uploadfield = TextField$1;
+exports.eds_uploadfield = UploadField;

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

@@ -30,3 +30,3 @@ import { Component, State, Prop, h, Event, Watch, Element, Host, } from "@stencil/core";
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     }
@@ -236,5 +236,5 @@ render() {
     static get events() { return [{
-            "method": "valueChange",
+            "method": "change",
             "name": "change",
-            "bubbles": false,
+            "bubbles": true,
             "cancelable": true,
@@ -244,3 +244,3 @@ "composed": true,
                 "tags": [],
-                "text": ""
+                "text": "Change"
             },
@@ -247,0 +247,0 @@ "complexType": {

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

 import { Component, State, Prop, h, Event, Watch, Element, Listen, } from "@stencil/core";
-export class TextField {
+export class UploadField {
     constructor() {
@@ -75,3 +75,3 @@ this.dragCounter = 0;
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     }
@@ -253,4 +253,4 @@ renderAccept() {
     static get events() { return [{
-            "method": "valueChange",
-            "name": "valueChange",
+            "method": "change",
+            "name": "change",
             "bubbles": true,
@@ -257,0 +257,0 @@ "cancelable": true,

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

@@ -1,1 +0,1 @@
-import{b as e}from"./p-f109624a.js";import{p as a}from"./p-a1d80bcf.js";a().then(a=>e([["p-90e8f456",[[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]}],[0,"eds-uploadfield",{label:[1],meta:[1],placeholder:[1],buttonText:[1,"button-text"],helpertext:[1],disabled:[516],accept:[1],value:[1025],focusState:[32],dragCounter:[32],dragHover:[32],fileName:[32]},[[1,"dragenter","handleDragIn"],[1,"dragleave","handleDragOut"],[1,"dragover","handleDrag"],[1,"drop","handleDrop"]]]]]],a));
+import{b as e}from"./p-f109624a.js";import{p as a}from"./p-a1d80bcf.js";a().then(a=>e([["p-f17e6141",[[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]}],[0,"eds-uploadfield",{label:[1],meta:[1],placeholder:[1],buttonText:[1,"button-text"],helpertext:[1],disabled:[516],accept:[1],value:[1025],focusState:[32],dragCounter:[32],dragHover:[32],fileName:[32]},[[1,"dragenter","handleDragIn"],[1,"dragleave","handleDragOut"],[1,"dragover","handleDrag"],[1,"drop","handleDrop"]]]]]],a));

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

@@ -1,1 +0,1 @@
-System.register(["./p-ebad969c.system.js","./p-df601177.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-ce4ae47e.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]}],[0,"eds-uploadfield",{label:[1],meta:[1],placeholder:[1],buttonText:[1,"button-text"],helpertext:[1],disabled:[516],accept:[1],value:[1025],focusState:[32],dragCounter:[32],dragHover:[32],fileName:[32]},[[1,"dragenter","handleDragIn"],[1,"dragleave","handleDragOut"],[1,"dragover","handleDrag"],[1,"drop","handleDrop"]]]]]],t)}))}}}));
+System.register(["./p-ebad969c.system.js","./p-df601177.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-ae970fe2.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]}],[0,"eds-uploadfield",{label:[1],meta:[1],placeholder:[1],buttonText:[1,"button-text"],helpertext:[1],disabled:[516],accept:[1],value:[1025],focusState:[32],dragCounter:[32],dragHover:[32],fileName:[32]},[[1,"dragenter","handleDragIn"],[1,"dragleave","handleDragOut"],[1,"dragover","handleDrag"],[1,"drop","handleDrop"]]]]]],t)}))}}}));

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

@@ -6,3 +6,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f280c560.js';
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "change", 3);
+        this.change = createEvent(this, "change", 7);
         this.blur = createEvent(this, "blur", 7);
@@ -36,3 +36,3 @@ this.focus = createEvent(this, "focus", 7);
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     };
@@ -62,6 +62,6 @@ TextField.prototype.render = function () {
 var edsUploadfieldCss = ":host,:root{--primary-main:rgb(0, 112, 121);--primary-main-light:rgb(222, 237, 238);--primary-hover:rgb(0, 79, 85);--primary-color:rgb(255, 255, 255);--secondary-main:rgb(36, 55, 70);--secondary-main-light:rgb(213, 234, 244);--secondary-hover:rgb(23, 36, 47);--secondary-color:rgb(255, 255, 255);--danger-main:rgb(235, 0, 0);--danger-main-light:rgb(255, 193, 193);--danger-hover:rgb(179, 13, 47);--danger-color:rgb(255, 255, 255);--disabled-main:rgb(234, 234, 234);--disabled-main-light:transparent;--disabled-hover:rgb(234, 234, 234);--disabled-color:rgb(255, 255, 255);--font-family:equinor, sans-serif;--warning-main:rgb(255, 146, 0);--success-main:rgb(75, 183, 72);--pink-main:pink}p{margin:0}.input-field{font-family:var(--font-family)}.input-field label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-left:8px;margin-right:8px;margin:0;color:black;font-family:var(--font-family);font-size:0.75rem;font-weight:500;line-height:1.333em;text-align:left;color:#6f6f6f}.input-field .input-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:100%;padding:10px;border:1px dashed #6f6f6f;-webkit-transition:0.2s;transition:0.2s;background:#f7f7f7}.input-field .input-wrapper.drag-on{background:#fff}.input-field .input-wrapper.disabled{border:1px dashed #fff}.input-field .input-wrapper.disabled .input-btn{color:var(--disabled-main);border-color:var(--disabled-main);fill:var(--disabled-main)}.input-field .input-wrapper.disabled .file-input{cursor:no-drop}.input-field .input-wrapper.disabled.drag-on{background:#f7f7f7}.input-field .input-btn{padding:0px 16px;height:36px;border-radius:4px;border-color:transparent;border-width:1px;border-style:solid;margin:0px;font-size:0.875rem;font-family:var(--font-family);font-weight:500;line-height:1.143em;text-align:center;text-decoration:none;position:relative;cursor:pointer;display:inline-block;color:var(--primary-main);border-color:var(--primary-main);fill:var(--primary-main);background:transparent}.input-field .input-btn:hover{background:var(--primary-main-light)}.input-field .input-btn span{display:grid;gap:8px;grid-auto-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.input-field .file-msg{line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:10px;color:#777}.input-field .file-input{position:absolute;left:0;top:0;height:100%;width:100%;cursor:pointer;opacity:0}.input-field .file-input:focus{outline:none}.input-field .helper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-end;-webkit-box-align:flex-end;-ms-flex-align:flex-end;align-items:flex-end;margin-left:8px;margin-top:8px}";
-var TextField$1 = /** @class */ (function () {
-    function TextField$1(hostRef) {
+var UploadField = /** @class */ (function () {
+    function UploadField(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange", 7);
+        this.change = createEvent(this, "change", 7);
         this.blur = createEvent(this, "blur", 7);
@@ -79,3 +79,3 @@ this.focus = createEvent(this, "focus", 7);
     }
-    TextField$1.prototype.focusBlur = function (value) {
+    UploadField.prototype.focusBlur = function (value) {
         var inputEl = this.el.querySelector("input");
@@ -87,3 +87,3 @@ if (value === true)
     };
-    TextField$1.prototype.onDragHover = function (value) {
+    UploadField.prototype.onDragHover = function (value) {
         if (value > 0)
@@ -94,3 +94,3 @@ this.dragHover = true;
     };
-    TextField$1.prototype.valueChanged = function (value) {
+    UploadField.prototype.valueChanged = function (value) {
         if (value.length > 0)
@@ -101,3 +101,3 @@ this.fileName = value[0].name;
     };
-    TextField$1.prototype.handleDragIn = function (e) {
+    UploadField.prototype.handleDragIn = function (e) {
         e.preventDefault();
@@ -107,3 +107,3 @@ e.stopPropagation();
     };
-    TextField$1.prototype.handleDragOut = function (e) {
+    UploadField.prototype.handleDragOut = function (e) {
         e.preventDefault();
@@ -113,7 +113,7 @@ e.stopPropagation();
     };
-    TextField$1.prototype.handleDrag = function (e) {
+    UploadField.prototype.handleDrag = function (e) {
         e.preventDefault();
         e.stopPropagation();
     };
-    TextField$1.prototype.handleDrop = function (e) {
+    UploadField.prototype.handleDrop = function (e) {
         e.preventDefault();
@@ -142,12 +142,12 @@ e.stopPropagation();
     };
-    TextField$1.prototype.inputChanged = function (ev) {
+    UploadField.prototype.inputChanged = function (ev) {
         var val = ev.target && ev.target.files;
         val = ev.dataTransfer ? ev.dataTransfer.files : val;
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     };
-    TextField$1.prototype.renderAccept = function () {
+    UploadField.prototype.renderAccept = function () {
         return this.accept.toString();
     };
-    TextField$1.prototype.render = function () {
+    UploadField.prototype.render = function () {
         var _this = this;
@@ -157,3 +157,3 @@ var _a;
     };
-    Object.defineProperty(TextField$1.prototype, "el", {
+    Object.defineProperty(UploadField.prototype, "el", {
         get: function () { return getElement(this); },
@@ -163,3 +163,3 @@ enumerable: false,
     });
-    Object.defineProperty(TextField$1, "watchers", {
+    Object.defineProperty(UploadField, "watchers", {
         get: function () {
@@ -175,5 +175,5 @@ return {
     });
-    return TextField$1;
+    return UploadField;
 }());
-TextField$1.style = edsUploadfieldCss;
-export { TextField as eds_textfield, TextField$1 as eds_uploadfield };
+UploadField.style = edsUploadfieldCss;
+export { TextField as eds_textfield, UploadField as eds_uploadfield };

dist/esm/eds-textfield_2.entry.js

@@ -8,3 +8,3 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f280c560.js';
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "change", 3);
+        this.change = createEvent(this, "change", 7);
         this.blur = createEvent(this, "blur", 7);
@@ -38,3 +38,3 @@ this.focus = createEvent(this, "focus", 7);
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     }
@@ -54,6 +54,6 @@ render() {
 
-const TextField$1 = class {
+const UploadField = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.valueChange = createEvent(this, "valueChange", 7);
+        this.change = createEvent(this, "change", 7);
         this.blur = createEvent(this, "blur", 7);
@@ -132,3 +132,3 @@ this.focus = createEvent(this, "focus", 7);
         this.value = val;
-        this.valueChange.emit(this.value);
+        this.change.emit(this.value);
     }
@@ -149,4 +149,4 @@ renderAccept() {
 };
-TextField$1.style = edsUploadfieldCss;
+UploadField.style = edsUploadfieldCss;
 
-export { TextField as eds_textfield, TextField$1 as eds_uploadfield };
+export { TextField as eds_textfield, UploadField as eds_uploadfield };

dist/types/components.d.ts

@@ -71,2 +71,5 @@ /* eslint-disable */
         "onBlur"?: (event: CustomEvent<any>) => void;
+        /**
+          * Change
+         */
         "onChange"?: (event: CustomEvent<any>) => void;
@@ -100,9 +103,9 @@ /**
         /**
+          * Emit value changes
+         */
+        "onChange"?: (event: CustomEvent<any>) => void;
+        /**
           * Focus
          */
         "onFocus"?: (event: CustomEvent<any>) => void;
-        /**
-          * Emit value changes
-         */
-        "onValueChange"?: (event: CustomEvent<any>) => void;
         "placeholder"?: string;
@@ -109,0 +112,0 @@ /**

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

@@ -16,3 +16,4 @@ import { EventEmitter } from "../../stencil-public-runtime";
     value: string;
-    valueChange: EventEmitter;
+    /** Change */
+    change: EventEmitter;
     /** Blur */
@@ -19,0 +20,0 @@ blur: EventEmitter;

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

 import { EventEmitter } from "../../stencil-public-runtime";
-export declare class TextField {
+export declare class UploadField {
     focusState: boolean;
@@ -19,3 +19,3 @@ dragCounter: number;
     /** Emit value changes */
-    valueChange: EventEmitter;
+    change: EventEmitter;
     /** Blur */
@@ -22,0 +22,0 @@ blur: EventEmitter;

package.json

 {
   "name": "eds-textfield",
-  "version": "1.1.22",
+  "version": "1.1.24",
   "description": "Stencil Component Starter",
@@ -30,3 +30,3 @@ "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "818a2ec9ac1c00611289462e4118913e0f5df038"
+  "gitHead": "7ce02d09ab18336b65639d54251da3835f95c23f"
 }

No alert changes

Improved metrics

Total package byte prevSize

784210

increased by2.82%

Number of package files

71

increased by2.9%

Lines of code

9580

increased by0.04%

Worsened metrics

Number of low supply chain risk alerts

11

increased by22.22%

No dependency changes