csc-ui - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

dist/cjs/c-button_11.cjs.entry.js

@@ -175,3 +175,3 @@ 'use strict';
             if (this.active) {
-                subClasses = 'c-tab-active';
+                subClasses = 'c-tab-active ripple';
             }
@@ -192,4 +192,7 @@ else {
     }
+    handleChange(event) {
+        this.value = event.target.value;
+    }
     render() {
-        return (core.h(core.Host, null, this.label, core.h("div", { class: "text-field-wrapper" }, core.h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value }))));
+        return (core.h(core.Host, null, this.label, core.h("div", { class: "text-field-wrapper" }, core.h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
     }
@@ -196,0 +199,0 @@ static get style() { return ":host{display:block}.text-field-wrapper{background:#eef2f8;-ms-flex-align:stretch;align-items:stretch;min-height:44px;margin-top:4px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;border:2px solid transparent}.text-field-wrapper:focus-within{border:2px solid #006778}.text-field-wrapper input{outline:none;font-size:14px;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 8px;max-width:100%;min-width:0;width:100%}"; }

dist/cjs/cscwebcomponents.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 core.patchBrowser().then(options => {
-  return core.bootstrapLazy([["c-button_11.cjs",[[1,"c-tab",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-select",{"label":[1],"name":[1],"value":[1032],"currentValue":[32],"menuVisible":[32]}],[1,"c-button",{"color":[1],"fixed":[4],"noRadius":[4,"no-radius"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{"number":[4],"label":[1],"name":[1],"value":[1]}],[1,"c-title"],[1,"c-toggle",{"color":[1],"fixed":[4],"fit":[4],"active":[4],"subtitle":[1],"description":[1]}],[1,"c-spacer"],[1,"c-row"]]]], options);
+  return core.bootstrapLazy([["c-button_11.cjs",[[1,"c-tab",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-select",{"label":[1],"name":[1],"value":[1032],"currentValue":[32],"menuVisible":[32]}],[1,"c-button",{"color":[1],"fixed":[4],"noRadius":[4,"no-radius"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{"number":[4],"label":[1],"name":[1],"value":[1025]}],[1,"c-title"],[1,"c-toggle",{"color":[1],"fixed":[4],"fit":[4],"active":[4],"subtitle":[1],"description":[1]}],[1,"c-spacer"],[1,"c-row"]]]], options);
 });

dist/cjs/loader.cjs.js

@@ -9,3 +9,3 @@ 'use strict';
   return core.patchEsm().then(() => {
-    core.bootstrapLazy([["c-button_11.cjs",[[1,"c-tab",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-select",{"label":[1],"name":[1],"value":[1032],"currentValue":[32],"menuVisible":[32]}],[1,"c-button",{"color":[1],"fixed":[4],"noRadius":[4,"no-radius"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{"number":[4],"label":[1],"name":[1],"value":[1]}],[1,"c-title"],[1,"c-toggle",{"color":[1],"fixed":[4],"fit":[4],"active":[4],"subtitle":[1],"description":[1]}],[1,"c-spacer"],[1,"c-row"]]]], options);
+    core.bootstrapLazy([["c-button_11.cjs",[[1,"c-tab",{"disabled":[4],"color":[1],"active":[4],"noRadius":[4,"no-radius"],"icon":[1],"label":[1]}],[1,"c-select",{"label":[1],"name":[1],"value":[1032],"currentValue":[32],"menuVisible":[32]}],[1,"c-button",{"color":[1],"fixed":[4],"noRadius":[4,"no-radius"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{"number":[4],"label":[1],"name":[1],"value":[1025]}],[1,"c-title"],[1,"c-toggle",{"color":[1],"fixed":[4],"fit":[4],"active":[4],"subtitle":[1],"description":[1]}],[1,"c-spacer"],[1,"c-row"]]]], options);
   });
@@ -12,0 +12,0 @@ };

dist/collection/collection-manifest.json

 {
   "entries": [
-    "components/button/button.js",
+    "components/tab/tab.js",
+    "components/text-field/text-field.js",
     "components/card/card.js",
-    "components/col/col.js",
-    "components/container/container.js",
+    "components/select/select.js",
     "components/row/row.js",
-    "components/select/select.js",
+    "components/button/button.js",
     "components/spacer/spacer.js",
-    "components/tab/tab.js",
+    "components/col/col.js",
+    "components/title/title.js",
     "components/toggle/toggle.js",
-    "components/text-field/text-field.js",
-    "components/title/title.js"
+    "components/container/container.js"
   ],
@@ -15,0 +15,0 @@ "compiler": {

dist/collection/components/tab/tab.js

@@ -32,3 +32,3 @@ import { h } from "@stencil/core";
             if (this.active) {
-                subClasses = 'c-tab-active';
+                subClasses = 'c-tab-active ripple';
             }
@@ -35,0 +35,0 @@ else {

dist/collection/components/text-field/text-field.js

 import { Host, h } from "@stencil/core";
 export class TextField {
+    handleChange(event) {
+        this.value = event.target.value;
+    }
     render() {
@@ -7,3 +10,3 @@ return (h(Host, null,
             h("div", { class: "text-field-wrapper" },
-                h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value }))));
+                h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
     }
@@ -72,3 +75,3 @@ static get is() { return "c-text-field"; }
             "type": "string",
-            "mutable": false,
+            "mutable": true,
             "complexType": {
@@ -75,0 +78,0 @@ "original": "string",

dist/cscwebcomponents/cscwebcomponents.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as c}from"./p-a1b30910.js";e().then(e=>c([["p-janntutl",[[1,"c-tab",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{number:[4],label:[1],name:[1],value:[1]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e));
+import{p as e,b as c}from"./p-a1b30910.js";e().then(e=>c([["p-fsmuyj0l",[[1,"c-tab",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{number:[4],label:[1],name:[1],value:[1025]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e));

dist/cscwebcomponents/p-f31fc7fc.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-bc8c1a68.system.js"],(function(){"use strict";var e,c;return{setters:[function(t){e=t.p;c=t.b}],execute:function(){e().then((function(e){return c([["p-zanngriq.system",[[1,"c-tab",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{number:[4],label:[1],name:[1],value:[1]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e)}))}}}));
+System.register(["./p-bc8c1a68.system.js"],(function(){"use strict";var e,c;return{setters:[function(t){e=t.p;c=t.b}],execute:function(){e().then((function(e){return c([["p-gomivjqc.system",[[1,"c-tab",{disabled:[4],color:[1],active:[4],noRadius:[4,"no-radius"],icon:[1],label:[1]}],[1,"c-select",{label:[1],name:[1],value:[1032],currentValue:[32],menuVisible:[32]}],[1,"c-button",{color:[1],fixed:[4],noRadius:[4,"no-radius"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-text-field",{number:[4],label:[1],name:[1],value:[1025]}],[1,"c-title"],[1,"c-toggle",{color:[1],fixed:[4],fit:[4],active:[4],subtitle:[1],description:[1]}],[1,"c-spacer"],[1,"c-row"]]]],e)}))}}}));

dist/esm-es5/c-button_11.entry.js

@@ -203,3 +203,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
             if (this.active) {
-                subClasses = 'c-tab-active';
+                subClasses = 'c-tab-active ripple';
             }
@@ -224,4 +224,8 @@ else {
     }
+    TextField.prototype.handleChange = function (event) {
+        this.value = event.target.value;
+    };
     TextField.prototype.render = function () {
-        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value }))));
+        var _this_1 = this;
+        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: function (event) { return _this_1.handleChange(event); } }))));
     };
@@ -228,0 +232,0 @@ Object.defineProperty(TextField, "style", {

dist/esm/c-button_11.entry.js

@@ -171,3 +171,3 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js';
             if (this.active) {
-                subClasses = 'c-tab-active';
+                subClasses = 'c-tab-active ripple';
             }
@@ -188,4 +188,7 @@ else {
     }
+    handleChange(event) {
+        this.value = event.target.value;
+    }
     render() {
-        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value }))));
+        return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) }))));
     }
@@ -192,0 +195,0 @@ static get style() { return ":host{display:block}.text-field-wrapper{background:#eef2f8;-ms-flex-align:stretch;align-items:stretch;min-height:44px;margin-top:4px;display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;border:2px solid transparent}.text-field-wrapper:focus-within{border:2px solid #006778}.text-field-wrapper input{outline:none;font-size:14px;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 8px;max-width:100%;min-width:0;width:100%}"; }

dist/types/components/text-field/text-field.d.ts

@@ -6,3 +6,4 @@ export declare class TextField {
     value: string;
+    handleChange(event: any): void;
     render(): any;
 }

package.json

 {
   "name": "csc-ui",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "CSC UI components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

919088

increased by0.09%

Lines of code

15092

increased by0.09%

No dependency changes