csc-ui - npm Package Compare versions

Comparing version 0.0.5 to 0.0.6

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":[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);
+  return core.bootstrapLazy([["c-button_12.cjs",[[1,"c-tab-button",{"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-tab",{"active":[4]}],[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":[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);
+    core.bootstrapLazy([["c-button_12.cjs",[[1,"c-tab-button",{"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-tab",{"active":[4]}],[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/tab/tab.js",
-    "components/text-field/text-field.js",
-    "components/card/card.js",
-    "components/select/select.js",
+    "components/tab-button/tab-button.js",
+    "components/container/container.js",
     "components/row/row.js",
-    "components/button/button.js",
     "components/spacer/spacer.js",
-    "components/col/col.js",
+    "components/select/select.js",
     "components/title/title.js",
+    "components/text-field/text-field.js",
     "components/toggle/toggle.js",
-    "components/container/container.js"
+    "components/button/button.js",
+    "components/col/col.js",
+    "components/card/card.js"
   ],
@@ -15,0 +16,0 @@ "compiler": {

dist/collection/components/tab/tab.js

@@ -1,47 +0,6 @@
-import { h } from "@stencil/core";
-import { mdiPlus, mdiMinus, mdiAccount, mdiPencil, mdiFileCode, mdiServerSecurity, mdiNas, mdiChip } from '@mdi/js';
+import { h, Host } from "@stencil/core";
 export class Tab {
-    constructor() {
-        this.color = 'blue';
-    }
     render() {
-        let classes, subClasses = '', svg, selectedIcon;
-        if (this.disabled) {
-            classes = `c-tab c-tab-disabled ${this.noRadius ? '' : 'border-radius'}`;
-        }
-        else {
-            classes = `c-tab ${this.color} ${this.noRadius ? '' : 'border-radius'}`;
-        }
-        if (this.icon) {
-            const icons = {
-                plus: mdiPlus,
-                minus: mdiMinus,
-                account: mdiAccount,
-                edit: mdiPencil,
-                code: mdiFileCode,
-                server: mdiServerSecurity,
-                storage: mdiNas,
-                cpu: mdiChip,
-            };
-            selectedIcon = icons[this.icon];
-            svg = (h("svg", { width: "38", height: "38", fill: this.disabled ? '#8C8C8C' : 'rgba(255,255,255,0.4)', viewBox: "0 0 24 24" },
-                h("path", { d: selectedIcon })));
-        }
-        if (!this.disabled) {
-            if (this.active) {
-                subClasses = 'c-tab-active ripple';
-            }
-            else {
-                subClasses = 'ripple';
-            }
-        }
-        subClasses = `${subClasses} c-tab-padding`;
-        return (h("div", { class: "c-tab-wrapper", style: { 'width': '500px;' } },
-            h("div", { class: classes },
-                h("div", { class: subClasses },
-                    h("c-row", null,
-                        this.label,
-                        h("c-spacer", null),
-                        svg))),
-            h("div", { class: this.active ? 'c-tab-description c-tab-description-active' : 'c-tab-description' },
+        return (h(Host, null,
+            h("div", { class: this.active ? 'c-tab active' : 'c-tab' },
                 h("slot", null))));
@@ -58,37 +17,2 @@ }
     static get properties() { return {
-        "disabled": {
-            "type": "boolean",
-            "mutable": false,
-            "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "disabled",
-            "reflect": false
-        },
-        "color": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "color",
-            "reflect": false,
-            "defaultValue": "'blue'"
-        },
         "active": {
@@ -110,55 +34,4 @@ "type": "boolean",
             "reflect": false
-        },
-        "noRadius": {
-            "type": "boolean",
-            "mutable": false,
-            "complexType": {
-                "original": "boolean",
-                "resolved": "boolean",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "no-radius",
-            "reflect": false
-        },
-        "icon": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "icon",
-            "reflect": false
-        },
-        "label": {
-            "type": "string",
-            "mutable": false,
-            "complexType": {
-                "original": "string",
-                "resolved": "string",
-                "references": {}
-            },
-            "required": false,
-            "optional": false,
-            "docs": {
-                "tags": [],
-                "text": ""
-            },
-            "attribute": "label",
-            "reflect": false
         }
     }; }
 }

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-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));
+import{p as e,b as c}from"./p-a1b30910.js";e().then(e=>c([["p-kkdba8bu",[[1,"c-tab-button",{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-tab",{active:[4]}],[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-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)}))}}}));
+System.register(["./p-bc8c1a68.system.js"],(function(){"use strict";var e,t;return{setters:[function(c){e=c.p;t=c.b}],execute:function(){e().then((function(e){return t([["p-s4qp0t0t.system",[[1,"c-tab-button",{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-tab",{active:[4]}],[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/types/components.d.ts

@@ -32,2 +32,5 @@ /* eslint-disable */
     'active': boolean;
+  }
+  interface CTabButton {
+    'active': boolean;
     'color': string;
@@ -107,2 +110,8 @@ 'disabled': boolean;
 
+  interface HTMLCTabButtonElement extends Components.CTabButton, HTMLStencilElement {}
+  var HTMLCTabButtonElement: {
+    prototype: HTMLCTabButtonElement;
+    new (): HTMLCTabButtonElement;
+  };
+
   interface HTMLCTextFieldElement extends Components.CTextField, HTMLStencilElement {}
@@ -134,2 +143,3 @@ var HTMLCTextFieldElement: {
     'c-tab': HTMLCTabElement;
+    'c-tab-button': HTMLCTabButtonElement;
     'c-text-field': HTMLCTextFieldElement;
@@ -161,2 +171,5 @@ 'c-title': HTMLCTitleElement;
     'active'?: boolean;
+  }
+  interface CTabButton {
+    'active'?: boolean;
     'color'?: string;
@@ -193,2 +206,3 @@ 'disabled'?: boolean;
     'c-tab': CTab;
+    'c-tab-button': CTabButton;
     'c-text-field': CTextField;
@@ -214,2 +228,3 @@ 'c-title': CTitle;
       'c-tab': LocalJSX.CTab & JSXBase.HTMLAttributes<HTMLCTabElement>;
+      'c-tab-button': LocalJSX.CTabButton & JSXBase.HTMLAttributes<HTMLCTabButtonElement>;
       'c-text-field': LocalJSX.CTextField & JSXBase.HTMLAttributes<HTMLCTextFieldElement>;
@@ -216,0 +231,0 @@ 'c-title': LocalJSX.CTitle & JSXBase.HTMLAttributes<HTMLCTitleElement>;

dist/types/components/tab/tab.d.ts

 export declare class Tab {
-    disabled: boolean;
-    color: string;
     active: boolean;
-    noRadius: boolean;
-    icon: string;
-    label: string;
     render(): any;
 }

package.json

 {
   "name": "csc-ui",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "CSC UI components",
@@ -5,0 +5,0 @@ "main": "dist/index.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

925806

increased by0.73%

Number of package files

102

increased by3.03%

Lines of code

15203

increased by0.74%

No dependency changes