Latest Threat Research:SANDWORM_MODE: Shai-Hulud-Style npm Worm Hijacks CI Workflows and Poisons AI Toolchains.Details →
csc-ui - npm Package Compare versions
| System.register(["./p-bc8c1a68.system.js"],(function(t){"use strict";var e,n,i,r;return{setters:[function(t){e=t.r;n=t.h;i=t.H;r=t.g}],execute:function(){var u="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z";var c="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";var l="M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z";var o="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6.12,15.5L9.86,19.24L11.28,17.83L8.95,15.5L11.28,13.17L9.86,11.76L6.12,15.5M17.28,15.5L13.54,11.76L12.12,13.17L14.45,15.5L12.12,17.83L13.54,19.24L17.28,15.5Z";var s="M19,13H5V11H19V13Z";var a="M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z";var f="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z";var d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";var h="M3,1H19A1,1 0 0,1 20,2V6A1,1 0 0,1 19,7H3A1,1 0 0,1 2,6V2A1,1 0 0,1 3,1M3,9H19A1,1 0 0,1 20,10V10.67L17.5,9.56L11,12.44V15H3A1,1 0 0,1 2,14V10A1,1 0 0,1 3,9M3,17H11C11.06,19.25 12,21.4 13.46,23H3A1,1 0 0,1 2,22V18A1,1 0 0,1 3,17M8,5H9V3H8V5M8,13H9V11H8V13M8,21H9V19H8V21M4,3V5H6V3H4M4,11V13H6V11H4M4,19V21H6V19H4M17.5,12L22,14V17C22,19.78 20.08,22.37 17.5,23C14.92,22.37 13,19.78 13,17V14L17.5,12M17.5,13.94L15,15.06V17.72C15,19.26 16.07,20.7 17.5,21.06V13.94Z";var b=t("c_button",function(){function t(t){e(this,t)}t.prototype.render=function(){var t=null;var e="";var i="border-radius";if(this.noRadius){i=""}if(this.icon){var r={plus:d,minus:s,account:u,edit:f};t=r[this.icon];e=n("svg",{width:"16",height:"16",fill:this.disabled?"#8C8C8C":"#ffffff",viewBox:"0 0 22 22"},n("path",{d:t}))}var c;if(this.disabled){c="csc-button csc-button-disabled "+(this.fixed?"fixed":"")+" "+i+" "+(this.fullWidthMobile?"full-width-mobile":"")}else{c="csc-button "+this.color+" "+(this.fixed?"fixed":"")+" "+i+" "+(this.fullWidthMobile?"full-width-mobile":"")}return n("div",{class:c},n("div",{class:this.disabled?"csc-button-padding":"ripple csc-button-padding"},e,n("slot",null)))};Object.defineProperty(t,"style",{get:function(){return":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"},enumerable:true,configurable:true});return t}());var p=t("c_card",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{display:block;max-width:100%;outline:none;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;text-decoration:none;-webkit-transition-property:opacity,-webkit-box-shadow;transition-property:opacity,-webkit-box-shadow;transition-property:box-shadow,opacity;transition-property:box-shadow,opacity,-webkit-box-shadow;overflow-wrap:break-word;position:relative;white-space:normal;border:1px solid #012f5f}"},enumerable:true,configurable:true});return t}());var V=t("c_col",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%;padding:12px}"},enumerable:true,configurable:true});return t}());var v=t("c_container",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{margin-right:auto;margin-left:auto;max-width:1000px;display:block}"},enumerable:true,configurable:true});return t}());var H=t("c_row",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:-12px;margin-left:-12px}"},enumerable:true,configurable:true});return t}());var L=t("c_select",function(){function t(t){e(this,t);this.value=null;this.currentValue={};this.menuVisible=false;this.options=[]}t.prototype.selectOption=function(t){this.currentValue=t;this.value=t.value;this.showMenu()};t.prototype.showMenu=function(){this.menuVisible=!this.menuVisible};t.prototype.componentDidLoad=function(){var t=this;var e=this;var n=this.host.children;for(var i=0;i<n.length;i++){var r={value:n[i].getAttribute("value"),name:n[i].innerHTML};this.options.push(r)}if(this.value){this.currentValue=this.options.find((function(e){return e.value===t.value}))}else{this.currentValue=this.options[0]}window.onclick=function(t){if(!t.target.matches("c-select")){e.menuVisible=false}}};t.prototype.render=function(){var t=this;return n(i,null,this.label,n("div",{class:"c-selections"},n("div",{class:this.menuVisible?"c-select-wrapper c-select-wrapper-active":"c-select-wrapper",onClick:function(){return t.showMenu()}},n("c-row",null,n("div",{class:"c-select-current"},this.currentValue.name),n("svg",{width:"22",height:"22",fill:"#222",viewBox:"0 0 24 24",class:this.menuVisible?"c-select-icon rotated":"c-select-icon"},n("path",{d:c})))),n("input",{type:"hidden",value:this.currentValue.value,name:this.name}),n("div",{class:"c-menu-parent"},this.menuVisible?n("div",{class:"c-menu"},this.options.map((function(e){return n("div",{onClick:function(){return t.selectOption(e)}},e.name)}))):"")))};Object.defineProperty(t.prototype,"host",{get:function(){return r(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return":host{display:block}.c-select-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;cursor:pointer}.c-select-wrapper-active{background:#d0dced}.c-select-current{margin-top:3px;outline:none;font-size:14px;display:inline-block;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-select-icon{line-height:20px;padding:8px 24px;margin-top:3px;-webkit-transition:all .25s;transition:all .25s}.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c-menu-parent{position:relative}.c-menu{position:absolute;background-color:#fff;min-width:160px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-menu div{padding:14px;-webkit-transition:all .5s;transition:all .5s;font-size:14px}.c-menu div:HOVER{background:#eef2f8}"},enumerable:true,configurable:true});return t}());var g=t("c_spacer",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{-ms-flex-positive:1!important;flex-grow:1!important}"},enumerable:true,configurable:true});return t}());var E=t("c_tab",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("div",{class:this.active?"c-tab active":"c-tab"},n("slot",null)))};Object.defineProperty(t,"style",{get:function(){return":host{-ms-flex-positive:1;flex-grow:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab,:host{display:block}.c-tab{-webkit-transition:all .5s ease;transition:all .5s ease;height:50px;line-height:50px;color:#8196b9;text-align:center;border-bottom:2px solid transparent}.c-tab:HOVER{background:rgba(0,80,200,.03)}.c-tab.active{color:#002f5f;border-bottom:2px solid #002f5f}.c-tab.active:HOVER{background:transparent!important}"},enumerable:true,configurable:true});return t}());var y=t("c_tab_button",function(){function t(t){e(this,t);this.color="blue"}t.prototype.render=function(){var t,e="",i,r;if(this.disabled){t="c-tab-button c-tab-button-disabled "+(this.noRadius?"":"border-radius")}else{t="c-tab-button "+this.color+" "+(this.noRadius?"":"border-radius")}if(this.icon){var c={plus:d,minus:s,account:u,edit:f,code:o,server:h,storage:a,cpu:l};r=c[this.icon];i=n("svg",{width:"38",height:"38",fill:this.disabled?"#8C8C8C":"rgba(255,255,255,0.4)",viewBox:"0 0 24 24"},n("path",{d:r}))}if(!this.disabled){if(this.active){e="c-tab-button-active ripple"}else{e="ripple"}}e=e+" c-tab-button-padding";return n("div",{class:"c-tab-button-wrapper",style:{width:"500px;"}},n("div",{class:t},n("div",{class:e},n("c-row",null,this.label,n("c-spacer",null),i))),n("div",{class:this.active?"c-tab-button-description c-tab-button-description-active":"c-tab-button-description"},n("slot",null)))};Object.defineProperty(t,"style",{get:function(){return":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.c-tab-button-wrapper{width:100%;max-width:220px;margin:8px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"},enumerable:true,configurable:true});return t}());var M=t("c_text_field",function(){function t(t){e(this,t)}t.prototype.handleChange=function(t){this.value=t.target.value};t.prototype.render=function(){var t=this;return n(i,null,this.label,n("div",{class:"text-field-wrapper"},n("input",{name:this.name,disabled:this.disabled,type:this.number?"number":"text",value:this.value,onInput:function(e){return t.handleChange(e)}})))};Object.defineProperty(t,"style",{get:function(){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%}"},enumerable:true,configurable:true});return t}());var m=t("c_title",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(i,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{display:block;font-size:18px;color:#012f5f}"},enumerable:true,configurable:true});return t}());var _=t("c_toggle",function(){function t(t){e(this,t);this.color="blue"}t.prototype.render=function(){var t="c-toggle "+this.color+" "+(this.fixed?"fixed":"")+" "+(this.fit?"fit":"");if(this.active){t=t+" active"}var e=null;if(this.subtitle){e=n("div",{class:"c-toggle-subtitle"},this.subtitle)}var i=null;if(this.description){i=n("div",{class:"c-toggle-description"},this.description)}return n("div",{class:t},n("div",{class:"c-toggle-padding"},n("slot",null),e,i))};Object.defineProperty(t,"style",{get:function(){return":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"},enumerable:true,configurable:true});return t}())}}})); |
| import{r as t,h as s,H as e,g as i}from"./p-a1b30910.js";var c="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",l="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z",r="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";const n=class{constructor(s){t(this,s)}render(){let t,e=null,i="",n="border-radius";return this.noRadius&&(n=""),this.icon&&(e={plus:r,minus:"M19,13H5V11H19V13Z",account:c,edit:l}[this.icon],i=s("svg",{width:"16",height:"16",fill:this.disabled?"#8C8C8C":"#ffffff",viewBox:"0 0 22 22"},s("path",{d:e}))),t=this.disabled?`csc-button csc-button-disabled ${this.fixed?"fixed":""} ${n} ${this.fullWidthMobile?"full-width-mobile":""}`:`csc-button ${this.color} ${this.fixed?"fixed":""} ${n} ${this.fullWidthMobile?"full-width-mobile":""}`,s("div",{class:t},s("div",{class:this.disabled?"csc-button-padding":"ripple csc-button-padding"},i,s("slot",null)))}static get style(){return":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"}},a=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{display:block;max-width:100%;outline:none;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;text-decoration:none;-webkit-transition-property:opacity,-webkit-box-shadow;transition-property:opacity,-webkit-box-shadow;transition-property:box-shadow,opacity;transition-property:box-shadow,opacity,-webkit-box-shadow;overflow-wrap:break-word;position:relative;white-space:normal;border:1px solid #012f5f}"}},u=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%;padding:12px}"}},o=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{margin-right:auto;margin-left:auto;max-width:1000px;display:block}"}},h=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:-12px;margin-left:-12px}"}},H=class{constructor(s){t(this,s),this.value=null,this.currentValue={},this.menuVisible=!1,this.options=[]}selectOption(t){this.currentValue=t,this.value=t.value,this.showMenu()}showMenu(){this.menuVisible=!this.menuVisible}componentDidLoad(){const t=this;let s=this.host.children;for(let e=0;e<s.length;e++){const t={value:s[e].getAttribute("value"),name:s[e].innerHTML};this.options.push(t)}this.currentValue=this.value?this.options.find(t=>t.value===this.value):this.options[0],window.onclick=function(s){s.target.matches("c-select")||(t.menuVisible=!1)}}render(){return s(e,null,this.label,s("div",{class:"c-selections"},s("div",{class:this.menuVisible?"c-select-wrapper c-select-wrapper-active":"c-select-wrapper",onClick:()=>this.showMenu()},s("c-row",null,s("div",{class:"c-select-current"},this.currentValue.name),s("svg",{width:"22",height:"22",fill:"#222",viewBox:"0 0 24 24",class:this.menuVisible?"c-select-icon rotated":"c-select-icon"},s("path",{d:"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"})))),s("input",{type:"hidden",value:this.currentValue.value,name:this.name}),s("div",{class:"c-menu-parent"},this.menuVisible?s("div",{class:"c-menu"},this.options.map(t=>s("div",{onClick:()=>this.selectOption(t)},t.name))):"")))}get host(){return i(this)}static get style(){return":host{display:block}.c-select-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;cursor:pointer}.c-select-wrapper-active{background:#d0dced}.c-select-current{margin-top:3px;outline:none;font-size:14px;display:inline-block;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-select-icon{line-height:20px;padding:8px 24px;margin-top:3px;-webkit-transition:all .25s;transition:all .25s}.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c-menu-parent{position:relative}.c-menu{position:absolute;background-color:#fff;min-width:160px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-menu div{padding:14px;-webkit-transition:all .5s;transition:all .5s;font-size:14px}.c-menu div:HOVER{background:#eef2f8}"}},d=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{-ms-flex-positive:1!important;flex-grow:1!important}"}},V=class{constructor(s){t(this,s)}render(){return s(e,null,s("div",{class:this.active?"c-tab active":"c-tab"},s("slot",null)))}static get style(){return":host{-ms-flex-positive:1;flex-grow:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab,:host{display:block}.c-tab{-webkit-transition:all .5s ease;transition:all .5s ease;height:50px;line-height:50px;color:#8196b9;text-align:center;border-bottom:2px solid transparent}.c-tab:HOVER{background:rgba(0,80,200,.03)}.c-tab.active{color:#002f5f;border-bottom:2px solid #002f5f}.c-tab.active:HOVER{background:transparent!important}"}},L=class{constructor(s){t(this,s),this.color="blue"}render(){let t,e,i,n="";return t=this.disabled?`c-tab-button c-tab-button-disabled ${this.noRadius?"":"border-radius"}`:`c-tab-button ${this.color} ${this.noRadius?"":"border-radius"}`,this.icon&&(i={plus:r,minus:"M19,13H5V11H19V13Z",account:c,edit:l,code:"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6.12,15.5L9.86,19.24L11.28,17.83L8.95,15.5L11.28,13.17L9.86,11.76L6.12,15.5M17.28,15.5L13.54,11.76L12.12,13.17L14.45,15.5L12.12,17.83L13.54,19.24L17.28,15.5Z",server:"M3,1H19A1,1 0 0,1 20,2V6A1,1 0 0,1 19,7H3A1,1 0 0,1 2,6V2A1,1 0 0,1 3,1M3,9H19A1,1 0 0,1 20,10V10.67L17.5,9.56L11,12.44V15H3A1,1 0 0,1 2,14V10A1,1 0 0,1 3,9M3,17H11C11.06,19.25 12,21.4 13.46,23H3A1,1 0 0,1 2,22V18A1,1 0 0,1 3,17M8,5H9V3H8V5M8,13H9V11H8V13M8,21H9V19H8V21M4,3V5H6V3H4M4,11V13H6V11H4M4,19V21H6V19H4M17.5,12L22,14V17C22,19.78 20.08,22.37 17.5,23C14.92,22.37 13,19.78 13,17V14L17.5,12M17.5,13.94L15,15.06V17.72C15,19.26 16.07,20.7 17.5,21.06V13.94Z",storage:"M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z",cpu:"M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z"}[this.icon],e=s("svg",{width:"38",height:"38",fill:this.disabled?"#8C8C8C":"rgba(255,255,255,0.4)",viewBox:"0 0 24 24"},s("path",{d:i}))),this.disabled||(n=this.active?"c-tab-button-active ripple":"ripple"),n=`${n} c-tab-button-padding`,s("div",{class:"c-tab-button-wrapper",style:{width:"500px;"}},s("div",{class:t},s("div",{class:n},s("c-row",null,this.label,s("c-spacer",null),e))),s("div",{class:this.active?"c-tab-button-description c-tab-button-description-active":"c-tab-button-description"},s("slot",null)))}static get style(){return":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.c-tab-button-wrapper{width:100%;max-width:220px;margin:8px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"}},E=class{constructor(s){t(this,s)}handleChange(t){this.value=t.target.value}render(){return s(e,null,this.label,s("div",{class:"text-field-wrapper"},s("input",{name:this.name,disabled:this.disabled,type:this.number?"number":"text",value:this.value,onInput:t=>this.handleChange(t)})))}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%}"}},b=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{display:block;font-size:18px;color:#012f5f}"}},p=class{constructor(s){t(this,s),this.color="blue"}render(){let t=`c-toggle ${this.color} ${this.fixed?"fixed":""} ${this.fit?"fit":""}`;this.active&&(t=`${t} active`);let e=null;this.subtitle&&(e=s("div",{class:"c-toggle-subtitle"},this.subtitle));let i=null;return this.description&&(i=s("div",{class:"c-toggle-description"},this.description)),s("div",{class:t},s("div",{class:"c-toggle-padding"},s("slot",null),e,i))}static get style(){return":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"}};export{n as c_button,a as c_card,u as c_col,o as c_container,h as c_row,H as c_select,d as c_spacer,V as c_tab,L as c_tab_button,E as c_text_field,b as c_title,p as c_toggle}; |
@@ -41,10 +41,10 @@ 'use strict'; | ||
| if (this.disabled) { | ||
| classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius}`; | ||
| classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`; | ||
| } | ||
| else { | ||
| classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius}`; | ||
| classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`; | ||
| } | ||
| return (core.h("div", { class: classes }, core.h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, core.h("slot", null)))); | ||
| } | ||
| static get style() { return ":host{display:inline-block}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; } | ||
| static get style() { return ":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; } | ||
| }; | ||
@@ -206,3 +206,3 @@ | ||
| 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, onInput: (event) => this.handleChange(event) })))); | ||
| return (core.h(core.Host, null, this.label, core.h("div", { class: "text-field-wrapper" }, core.h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) })))); | ||
| } | ||
@@ -209,0 +209,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%}"; } |
@@ -6,3 +6,3 @@ 'use strict'; | ||
| core.patchBrowser().then(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); | ||
| 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"],"fullWidthMobile":[4,"full-width-mobile"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[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); | ||
| }); |
@@ -9,3 +9,3 @@ 'use strict'; | ||
| return core.patchEsm().then(() => { | ||
| 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); | ||
| 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"],"fullWidthMobile":[4,"full-width-mobile"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[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 @@ }; |
| { | ||
| "entries": [ | ||
| "components/container/container.js", | ||
| "components/col/col.js", | ||
| "components/button/button.js", | ||
| "components/card/card.js", | ||
| "components/row/row.js", | ||
| "components/select/select.js", | ||
| "components/spacer/spacer.js", | ||
| "components/title/title.js", | ||
| "components/text-field/text-field.js", | ||
| "components/title/title.js", | ||
| "components/toggle/toggle.js", | ||
| "components/card/card.js", | ||
| "components/button/button.js", | ||
| "components/col/col.js", | ||
| "components/tab/tab.js", | ||
| "components/tab-button/tab-button.js", | ||
| "components/toggle/toggle.js" | ||
| "components/tab-button/tab-button.js" | ||
| ], | ||
@@ -16,0 +16,0 @@ "compiler": { |
| :host { | ||
| display: inline-block; | ||
| flex-grow: 1; | ||
| } | ||
@@ -15,3 +16,14 @@ | ||
| } | ||
| @media (max-width: 767px) { | ||
| .full-width-mobile { | ||
| max-width: 100% !important; | ||
| width: 100% !important; | ||
| margin: 0 !important; | ||
| } | ||
| .full-width-mobile .csc-button-padding { | ||
| padding: 24px 38px; | ||
| } | ||
| } | ||
| .fixed { | ||
@@ -18,0 +30,0 @@ min-width: 220px; |
@@ -24,6 +24,6 @@ import { h } from "@stencil/core"; | ||
| if (this.disabled) { | ||
| classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius}`; | ||
| classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`; | ||
| } | ||
| else { | ||
| classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius}`; | ||
| classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`; | ||
| } | ||
@@ -95,2 +95,19 @@ return (h("div", { class: classes }, | ||
| }, | ||
| "fullWidthMobile": { | ||
| "type": "boolean", | ||
| "mutable": false, | ||
| "complexType": { | ||
| "original": "boolean", | ||
| "resolved": "boolean", | ||
| "references": {} | ||
| }, | ||
| "required": false, | ||
| "optional": false, | ||
| "docs": { | ||
| "tags": [], | ||
| "text": "" | ||
| }, | ||
| "attribute": "full-width-mobile", | ||
| "reflect": false | ||
| }, | ||
| "disabled": { | ||
@@ -97,0 +114,0 @@ "type": "boolean", |
@@ -10,3 +10,3 @@ import { Host, h } from "@stencil/core"; | ||
| h("div", { class: "text-field-wrapper" }, | ||
| h("input", { name: this.name, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) })))); | ||
| h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) })))); | ||
| } | ||
@@ -39,2 +39,19 @@ static get is() { return "c-text-field"; } | ||
| }, | ||
| "disabled": { | ||
| "type": "boolean", | ||
| "mutable": false, | ||
| "complexType": { | ||
| "original": "boolean", | ||
| "resolved": "boolean", | ||
| "references": {} | ||
| }, | ||
| "required": false, | ||
| "optional": false, | ||
| "docs": { | ||
| "tags": [], | ||
| "text": "" | ||
| }, | ||
| "attribute": "disabled", | ||
| "reflect": false | ||
| }, | ||
| "label": { | ||
@@ -41,0 +58,0 @@ "type": "string", |
@@ -1,1 +0,1 @@ | ||
| import{p as e,b as c}from"./p-a1b30910.js";e().then(e=>c([["p-9ilvouum",[[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)); | ||
| import{p as e,b as i}from"./p-a1b30910.js";e().then(e=>i([["p-qesq7y6o",[[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"],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[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)); |
@@ -1,1 +0,1 @@ | ||
| 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-awajjydw.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)}))}}})); | ||
| 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-lmypemya.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"],fullWidthMobile:[4,"full-width-mobile"],disabled:[4],icon:[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{active:[4]}],[1,"c-text-field",{number:[4],disabled:[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)}))}}})); |
@@ -35,6 +35,6 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js'; | ||
| if (this.disabled) { | ||
| classes = "csc-button csc-button-disabled " + (this.fixed ? 'fixed' : '') + " " + radius; | ||
| classes = "csc-button csc-button-disabled " + (this.fixed ? 'fixed' : '') + " " + radius + " " + (this.fullWidthMobile ? 'full-width-mobile' : ''); | ||
| } | ||
| else { | ||
| classes = "csc-button " + this.color + " " + (this.fixed ? 'fixed' : '') + " " + radius; | ||
| classes = "csc-button " + this.color + " " + (this.fixed ? 'fixed' : '') + " " + radius + " " + (this.fullWidthMobile ? 'full-width-mobile' : ''); | ||
| } | ||
@@ -44,3 +44,3 @@ return (h("div", { class: classes }, h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, h("slot", null)))); | ||
| Object.defineProperty(Button, "style", { | ||
| get: function () { return ":host{display:inline-block}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; }, | ||
| get: function () { return ":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; }, | ||
| enumerable: true, | ||
@@ -244,3 +244,3 @@ configurable: true | ||
| 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); } })))); | ||
| return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: function (event) { return _this_1.handleChange(event); } })))); | ||
| }; | ||
@@ -247,0 +247,0 @@ Object.defineProperty(TextField, "style", { |
| import { p as patchBrowser, b as bootstrapLazy } from './core-e7b053b6.js'; | ||
| patchBrowser().then(function (options) { | ||
| return bootstrapLazy([["c-button_12", [[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); | ||
| return bootstrapLazy([["c-button_12", [[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"], "fullWidthMobile": [4, "full-width-mobile"], "disabled": [4], "icon": [1] }], [1, "c-card"], [1, "c-col"], [1, "c-container"], [1, "c-tab", { "active": [4] }], [1, "c-text-field", { "number": [4], "disabled": [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); | ||
| }); |
| import { a as patchEsm, b as bootstrapLazy } from './core-e7b053b6.js'; | ||
| var defineCustomElements = function (win, options) { | ||
| return patchEsm().then(function () { | ||
| bootstrapLazy([["c-button_12", [[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); | ||
| bootstrapLazy([["c-button_12", [[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"], "fullWidthMobile": [4, "full-width-mobile"], "disabled": [4], "icon": [1] }], [1, "c-card"], [1, "c-col"], [1, "c-container"], [1, "c-tab", { "active": [4] }], [1, "c-text-field", { "number": [4], "disabled": [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); | ||
| }); | ||
| }; | ||
| export { defineCustomElements }; |
@@ -37,10 +37,10 @@ import { r as registerInstance, h, H as Host, g as getElement } from './core-e7b053b6.js'; | ||
| if (this.disabled) { | ||
| classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius}`; | ||
| classes = `csc-button csc-button-disabled ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`; | ||
| } | ||
| else { | ||
| classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius}`; | ||
| classes = `csc-button ${this.color} ${this.fixed ? 'fixed' : ''} ${radius} ${this.fullWidthMobile ? 'full-width-mobile' : ''}`; | ||
| } | ||
| return (h("div", { class: classes }, h("div", { class: this.disabled ? 'csc-button-padding' : 'ripple csc-button-padding' }, svg, h("slot", null)))); | ||
| } | ||
| static get style() { return ":host{display:inline-block}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; } | ||
| static get style() { return ":host{display:inline-block;-ms-flex-positive:1;flex-grow:1}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}\@media (max-width:767px){.full-width-mobile{max-width:100%!important;width:100%!important;margin:0!important}.full-width-mobile .csc-button-padding{padding:24px 38px}}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"; } | ||
| }; | ||
@@ -202,3 +202,3 @@ | ||
| 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, onInput: (event) => this.handleChange(event) })))); | ||
| return (h(Host, null, this.label, h("div", { class: "text-field-wrapper" }, h("input", { name: this.name, disabled: this.disabled, type: this.number ? 'number' : 'text', value: this.value, onInput: (event) => this.handleChange(event) })))); | ||
| } | ||
@@ -205,0 +205,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%}"; } |
| import { p as patchBrowser, b as bootstrapLazy } from './core-e7b053b6.js'; | ||
| patchBrowser().then(options => { | ||
| return bootstrapLazy([["c-button_12",[[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); | ||
| return bootstrapLazy([["c-button_12",[[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"],"fullWidthMobile":[4,"full-width-mobile"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[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); | ||
| }); |
@@ -5,3 +5,3 @@ import { a as patchEsm, b as bootstrapLazy } from './core-e7b053b6.js'; | ||
| return patchEsm().then(() => { | ||
| bootstrapLazy([["c-button_12",[[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); | ||
| bootstrapLazy([["c-button_12",[[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"],"fullWidthMobile":[4,"full-width-mobile"],"disabled":[4],"icon":[1]}],[1,"c-card"],[1,"c-col"],[1,"c-container"],[1,"c-tab",{"active":[4]}],[1,"c-text-field",{"number":[4],"disabled":[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); | ||
| }); | ||
@@ -8,0 +8,0 @@ }; |
@@ -17,2 +17,3 @@ /* eslint-disable */ | ||
| 'fixed': boolean; | ||
| 'fullWidthMobile': boolean; | ||
| 'icon': string; | ||
@@ -43,2 +44,3 @@ 'noRadius': boolean; | ||
| interface CTextField { | ||
| 'disabled': boolean; | ||
| 'label': string; | ||
@@ -155,2 +157,3 @@ 'name': string; | ||
| 'fixed'?: boolean; | ||
| 'fullWidthMobile'?: boolean; | ||
| 'icon'?: string; | ||
@@ -181,2 +184,3 @@ 'noRadius'?: boolean; | ||
| interface CTextField { | ||
| 'disabled'?: boolean; | ||
| 'label'?: string; | ||
@@ -183,0 +187,0 @@ 'name'?: string; |
@@ -5,2 +5,3 @@ export declare class Button { | ||
| noRadius: boolean; | ||
| fullWidthMobile: boolean; | ||
| disabled: boolean; | ||
@@ -7,0 +8,0 @@ icon: string; |
| export declare class TextField { | ||
| number: boolean; | ||
| disabled: boolean; | ||
| label: string; | ||
@@ -4,0 +5,0 @@ name: string; |
+1
-1
| { | ||
| "name": "csc-ui", | ||
| "version": "0.0.7", | ||
| "version": "0.0.8", | ||
| "description": "CSC UI components", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.js", |
| import{r as t,h as s,H as e,g as i}from"./p-a1b30910.js";var c="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z",l="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z",r="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";const n=class{constructor(s){t(this,s)}render(){let t,e=null,i="",n="border-radius";return this.noRadius&&(n=""),this.icon&&(e={plus:r,minus:"M19,13H5V11H19V13Z",account:c,edit:l}[this.icon],i=s("svg",{width:"16",height:"16",fill:this.disabled?"#8C8C8C":"#ffffff",viewBox:"0 0 22 22"},s("path",{d:e}))),t=this.disabled?`csc-button csc-button-disabled ${this.fixed?"fixed":""} ${n}`:`csc-button ${this.color} ${this.fixed?"fixed":""} ${n}`,s("div",{class:t},s("div",{class:this.disabled?"csc-button-padding":"ripple csc-button-padding"},i,s("slot",null)))}static get style(){return":host{display:inline-block}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"}},a=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{display:block;max-width:100%;outline:none;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;text-decoration:none;-webkit-transition-property:opacity,-webkit-box-shadow;transition-property:opacity,-webkit-box-shadow;transition-property:box-shadow,opacity;transition-property:box-shadow,opacity,-webkit-box-shadow;overflow-wrap:break-word;position:relative;white-space:normal;border:1px solid #012f5f}"}},u=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%;padding:12px}"}},o=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{margin-right:auto;margin-left:auto;max-width:1000px;display:block}"}},h=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:-12px;margin-left:-12px}"}},H=class{constructor(s){t(this,s),this.value=null,this.currentValue={},this.menuVisible=!1,this.options=[]}selectOption(t){this.currentValue=t,this.value=t.value,this.showMenu()}showMenu(){this.menuVisible=!this.menuVisible}componentDidLoad(){const t=this;let s=this.host.children;for(let e=0;e<s.length;e++){const t={value:s[e].getAttribute("value"),name:s[e].innerHTML};this.options.push(t)}this.currentValue=this.value?this.options.find(t=>t.value===this.value):this.options[0],window.onclick=function(s){s.target.matches("c-select")||(t.menuVisible=!1)}}render(){return s(e,null,this.label,s("div",{class:"c-selections"},s("div",{class:this.menuVisible?"c-select-wrapper c-select-wrapper-active":"c-select-wrapper",onClick:()=>this.showMenu()},s("c-row",null,s("div",{class:"c-select-current"},this.currentValue.name),s("svg",{width:"22",height:"22",fill:"#222",viewBox:"0 0 24 24",class:this.menuVisible?"c-select-icon rotated":"c-select-icon"},s("path",{d:"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z"})))),s("input",{type:"hidden",value:this.currentValue.value,name:this.name}),s("div",{class:"c-menu-parent"},this.menuVisible?s("div",{class:"c-menu"},this.options.map(t=>s("div",{onClick:()=>this.selectOption(t)},t.name))):"")))}get host(){return i(this)}static get style(){return":host{display:block}.c-select-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;cursor:pointer}.c-select-wrapper-active{background:#d0dced}.c-select-current{margin-top:3px;outline:none;font-size:14px;display:inline-block;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-select-icon{line-height:20px;padding:8px 24px;margin-top:3px;-webkit-transition:all .25s;transition:all .25s}.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c-menu-parent{position:relative}.c-menu{position:absolute;background-color:#fff;min-width:160px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-menu div{padding:14px;-webkit-transition:all .5s;transition:all .5s;font-size:14px}.c-menu div:HOVER{background:#eef2f8}"}},V=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{-ms-flex-positive:1!important;flex-grow:1!important}"}},d=class{constructor(s){t(this,s)}render(){return s(e,null,s("div",{class:this.active?"c-tab active":"c-tab"},s("slot",null)))}static get style(){return":host{-ms-flex-positive:1;flex-grow:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab,:host{display:block}.c-tab{-webkit-transition:all .5s ease;transition:all .5s ease;height:50px;line-height:50px;color:#8196b9;text-align:center;border-bottom:2px solid transparent}.c-tab:HOVER{background:rgba(0,80,200,.03)}.c-tab.active{color:#002f5f;border-bottom:2px solid #002f5f}.c-tab.active:HOVER{background:transparent!important}"}},L=class{constructor(s){t(this,s),this.color="blue"}render(){let t,e,i,n="";return t=this.disabled?`c-tab-button c-tab-button-disabled ${this.noRadius?"":"border-radius"}`:`c-tab-button ${this.color} ${this.noRadius?"":"border-radius"}`,this.icon&&(i={plus:r,minus:"M19,13H5V11H19V13Z",account:c,edit:l,code:"M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6.12,15.5L9.86,19.24L11.28,17.83L8.95,15.5L11.28,13.17L9.86,11.76L6.12,15.5M17.28,15.5L13.54,11.76L12.12,13.17L14.45,15.5L12.12,17.83L13.54,19.24L17.28,15.5Z",server:"M3,1H19A1,1 0 0,1 20,2V6A1,1 0 0,1 19,7H3A1,1 0 0,1 2,6V2A1,1 0 0,1 3,1M3,9H19A1,1 0 0,1 20,10V10.67L17.5,9.56L11,12.44V15H3A1,1 0 0,1 2,14V10A1,1 0 0,1 3,9M3,17H11C11.06,19.25 12,21.4 13.46,23H3A1,1 0 0,1 2,22V18A1,1 0 0,1 3,17M8,5H9V3H8V5M8,13H9V11H8V13M8,21H9V19H8V21M4,3V5H6V3H4M4,11V13H6V11H4M4,19V21H6V19H4M17.5,12L22,14V17C22,19.78 20.08,22.37 17.5,23C14.92,22.37 13,19.78 13,17V14L17.5,12M17.5,13.94L15,15.06V17.72C15,19.26 16.07,20.7 17.5,21.06V13.94Z",storage:"M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z",cpu:"M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z"}[this.icon],e=s("svg",{width:"38",height:"38",fill:this.disabled?"#8C8C8C":"rgba(255,255,255,0.4)",viewBox:"0 0 24 24"},s("path",{d:i}))),this.disabled||(n=this.active?"c-tab-button-active ripple":"ripple"),n=`${n} c-tab-button-padding`,s("div",{class:"c-tab-button-wrapper",style:{width:"500px;"}},s("div",{class:t},s("div",{class:n},s("c-row",null,this.label,s("c-spacer",null),e))),s("div",{class:this.active?"c-tab-button-description c-tab-button-description-active":"c-tab-button-description"},s("slot",null)))}static get style(){return":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.c-tab-button-wrapper{width:100%;max-width:220px;margin:8px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"}},E=class{constructor(s){t(this,s)}handleChange(t){this.value=t.target.value}render(){return s(e,null,this.label,s("div",{class:"text-field-wrapper"},s("input",{name:this.name,type:this.number?"number":"text",value:this.value,onInput:t=>this.handleChange(t)})))}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%}"}},p=class{constructor(s){t(this,s)}render(){return s(e,null,s("slot",null))}static get style(){return":host{display:block;font-size:18px;color:#012f5f}"}},b=class{constructor(s){t(this,s),this.color="blue"}render(){let t=`c-toggle ${this.color} ${this.fixed?"fixed":""} ${this.fit?"fit":""}`;this.active&&(t=`${t} active`);let e=null;this.subtitle&&(e=s("div",{class:"c-toggle-subtitle"},this.subtitle));let i=null;return this.description&&(i=s("div",{class:"c-toggle-description"},this.description)),s("div",{class:t},s("div",{class:"c-toggle-padding"},s("slot",null),e,i))}static get style(){return":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"}};export{n as c_button,a as c_card,u as c_col,o as c_container,h as c_row,H as c_select,V as c_spacer,d as c_tab,L as c_tab_button,E as c_text_field,p as c_title,b as c_toggle}; |
| System.register(["./p-bc8c1a68.system.js"],(function(t){"use strict";var e,n,r,i;return{setters:[function(t){e=t.r;n=t.h;r=t.H;i=t.g}],execute:function(){var u="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z";var c="M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z";var o="M6,4H18V5H21V7H18V9H21V11H18V13H21V15H18V17H21V19H18V20H6V19H3V17H6V15H3V13H6V11H3V9H6V7H3V5H6V4M11,15V18H12V15H11M13,15V18H14V15H13M15,15V18H16V15H15Z";var s="M13,9H18.5L13,3.5V9M6,2H14L20,8V20A2,2 0 0,1 18,22H6C4.89,22 4,21.1 4,20V4C4,2.89 4.89,2 6,2M6.12,15.5L9.86,19.24L11.28,17.83L8.95,15.5L11.28,13.17L9.86,11.76L6.12,15.5M17.28,15.5L13.54,11.76L12.12,13.17L14.45,15.5L12.12,17.83L13.54,19.24L17.28,15.5Z";var l="M19,13H5V11H19V13Z";var a="M4,5C2.89,5 2,5.89 2,7V17C2,18.11 2.89,19 4,19H20C21.11,19 22,18.11 22,17V7C22,5.89 21.11,5 20,5H4M4.5,7A1,1 0 0,1 5.5,8A1,1 0 0,1 4.5,9A1,1 0 0,1 3.5,8A1,1 0 0,1 4.5,7M7,7H20V17H7V7M8,8V16H11V8H8M12,8V16H15V8H12M16,8V16H19V8H16M9,9H10V10H9V9M13,9H14V10H13V9M17,9H18V10H17V9Z";var f="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z";var d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";var h="M3,1H19A1,1 0 0,1 20,2V6A1,1 0 0,1 19,7H3A1,1 0 0,1 2,6V2A1,1 0 0,1 3,1M3,9H19A1,1 0 0,1 20,10V10.67L17.5,9.56L11,12.44V15H3A1,1 0 0,1 2,14V10A1,1 0 0,1 3,9M3,17H11C11.06,19.25 12,21.4 13.46,23H3A1,1 0 0,1 2,22V18A1,1 0 0,1 3,17M8,5H9V3H8V5M8,13H9V11H8V13M8,21H9V19H8V21M4,3V5H6V3H4M4,11V13H6V11H4M4,19V21H6V19H4M17.5,12L22,14V17C22,19.78 20.08,22.37 17.5,23C14.92,22.37 13,19.78 13,17V14L17.5,12M17.5,13.94L15,15.06V17.72C15,19.26 16.07,20.7 17.5,21.06V13.94Z";var b=t("c_button",function(){function t(t){e(this,t)}t.prototype.render=function(){var t=null;var e="";var r="border-radius";if(this.noRadius){r=""}if(this.icon){var i={plus:d,minus:l,account:u,edit:f};t=i[this.icon];e=n("svg",{width:"16",height:"16",fill:this.disabled?"#8C8C8C":"#ffffff",viewBox:"0 0 22 22"},n("path",{d:t}))}var c;if(this.disabled){c="csc-button csc-button-disabled "+(this.fixed?"fixed":"")+" "+r}else{c="csc-button "+this.color+" "+(this.fixed?"fixed":"")+" "+r}return n("div",{class:c},n("div",{class:this.disabled?"csc-button-padding":"ripple csc-button-padding"},e,n("slot",null)))};Object.defineProperty(t,"style",{get:function(){return":host{display:inline-block}.csc-button svg{margin-right:16px;font-size:10px;margin-left:-8px;margin-bottom:-2px}.csc-button.border-radius{border-radius:4px}.fixed{min-width:220px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.csc-button{background-color:#008675;cursor:pointer;border:none;outline:none;color:#fff;margin:4px;text-decoration:none;display:inline-block;text-align:center;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.csc-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.csc-button-padding{padding:16px 30px}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"},enumerable:true,configurable:true});return t}());var p=t("c_card",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{display:block;max-width:100%;outline:none;padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px;text-decoration:none;-webkit-transition-property:opacity,-webkit-box-shadow;transition-property:opacity,-webkit-box-shadow;transition-property:box-shadow,opacity;transition-property:box-shadow,opacity,-webkit-box-shadow;overflow-wrap:break-word;position:relative;white-space:normal;border:1px solid #012f5f}"},enumerable:true,configurable:true});return t}());var V=t("c_col",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%;padding:12px}"},enumerable:true,configurable:true});return t}());var v=t("c_container",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{margin-right:auto;margin-left:auto;max-width:1000px;display:block}"},enumerable:true,configurable:true});return t}());var H=t("c_row",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1 auto;flex:1 1 auto;margin-right:-12px;margin-left:-12px}"},enumerable:true,configurable:true});return t}());var L=t("c_select",function(){function t(t){e(this,t);this.value=null;this.currentValue={};this.menuVisible=false;this.options=[]}t.prototype.selectOption=function(t){this.currentValue=t;this.value=t.value;this.showMenu()};t.prototype.showMenu=function(){this.menuVisible=!this.menuVisible};t.prototype.componentDidLoad=function(){var t=this;var e=this;var n=this.host.children;for(var r=0;r<n.length;r++){var i={value:n[r].getAttribute("value"),name:n[r].innerHTML};this.options.push(i)}if(this.value){this.currentValue=this.options.find((function(e){return e.value===t.value}))}else{this.currentValue=this.options[0]}window.onclick=function(t){if(!t.target.matches("c-select")){e.menuVisible=false}}};t.prototype.render=function(){var t=this;return n(r,null,this.label,n("div",{class:"c-selections"},n("div",{class:this.menuVisible?"c-select-wrapper c-select-wrapper-active":"c-select-wrapper",onClick:function(){return t.showMenu()}},n("c-row",null,n("div",{class:"c-select-current"},this.currentValue.name),n("svg",{width:"22",height:"22",fill:"#222",viewBox:"0 0 24 24",class:this.menuVisible?"c-select-icon rotated":"c-select-icon"},n("path",{d:c})))),n("input",{type:"hidden",value:this.currentValue.value,name:this.name}),n("div",{class:"c-menu-parent"},this.menuVisible?n("div",{class:"c-menu"},this.options.map((function(e){return n("div",{onClick:function(){return t.selectOption(e)}},e.name)}))):"")))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:true,configurable:true});Object.defineProperty(t,"style",{get:function(){return":host{display:block}.c-select-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;cursor:pointer}.c-select-wrapper-active{background:#d0dced}.c-select-current{margin-top:3px;outline:none;font-size:14px;display:inline-block;background-color:transparent;border-style:none;-ms-flex:1 1 auto;flex:1 1 auto;line-height:20px;padding:8px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-select-icon{line-height:20px;padding:8px 24px;margin-top:3px;-webkit-transition:all .25s;transition:all .25s}.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c-menu-parent{position:relative}.c-menu{position:absolute;background-color:#fff;min-width:160px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-menu div{padding:14px;-webkit-transition:all .5s;transition:all .5s;font-size:14px}.c-menu div:HOVER{background:#eef2f8}"},enumerable:true,configurable:true});return t}());var g=t("c_spacer",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{-ms-flex-positive:1!important;flex-grow:1!important}"},enumerable:true,configurable:true});return t}());var E=t("c_tab",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("div",{class:this.active?"c-tab active":"c-tab"},n("slot",null)))};Object.defineProperty(t,"style",{get:function(){return":host{-ms-flex-positive:1;flex-grow:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab,:host{display:block}.c-tab{-webkit-transition:all .5s ease;transition:all .5s ease;height:50px;line-height:50px;color:#8196b9;text-align:center;border-bottom:2px solid transparent}.c-tab:HOVER{background:rgba(0,80,200,.03)}.c-tab.active{color:#002f5f;border-bottom:2px solid #002f5f}.c-tab.active:HOVER{background:transparent!important}"},enumerable:true,configurable:true});return t}());var y=t("c_tab_button",function(){function t(t){e(this,t);this.color="blue"}t.prototype.render=function(){var t,e="",r,i;if(this.disabled){t="c-tab-button c-tab-button-disabled "+(this.noRadius?"":"border-radius")}else{t="c-tab-button "+this.color+" "+(this.noRadius?"":"border-radius")}if(this.icon){var c={plus:d,minus:l,account:u,edit:f,code:s,server:h,storage:a,cpu:o};i=c[this.icon];r=n("svg",{width:"38",height:"38",fill:this.disabled?"#8C8C8C":"rgba(255,255,255,0.4)",viewBox:"0 0 24 24"},n("path",{d:i}))}if(!this.disabled){if(this.active){e="c-tab-button-active ripple"}else{e="ripple"}}e=e+" c-tab-button-padding";return n("div",{class:"c-tab-button-wrapper",style:{width:"500px;"}},n("div",{class:t},n("div",{class:e},n("c-row",null,this.label,n("c-spacer",null),r))),n("div",{class:this.active?"c-tab-button-description c-tab-button-description-active":"c-tab-button-description"},n("slot",null)))};Object.defineProperty(t,"style",{get:function(){return":host{display:inline-block}.c-tab-button svg{margin-right:16px}.c-tab-button.border-radius{border-radius:4px}.pink{background-color:#e91e63!important}.blue{background-color:#025b96!important}.dark-blue{background-color:#012f5f!important}.green{background-color:#008675!important}.purple{background-color:#9c27b0!important}.c-tab-button-wrapper{width:100%;max-width:220px;margin:8px}.c-tab-button{background-color:#008675;width:100%;margin-bottom:8px;line-height:38px;cursor:pointer;border:none;outline:none;color:#fff;text-decoration:none;display:inline-block;text-align:left;font-size:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-tab-button-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-tab-button-active{background:rgba(0,0,0,.25)}.c-tab-button-padding{padding:34px 16px 34px 32px}.c-tab-button-description{font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#025b96;height:70px;border-bottom:4px solid transparent}.c-tab-button-description-active{border-bottom:4px solid #008675}.ripple{-webkit-transition:background .5s;transition:background .5s;background-position:50%}.ripple:hover{background:hsla(0,0%,100%,.1) radial-gradient(circle,transparent 1%,hsla(0,0%,100%,.15) 0) 50%/15000%}.ripple:active{background-color:hsla(0,0%,100%,.25);background-size:100%;-webkit-transition:background 0s;transition:background 0s}"},enumerable:true,configurable:true});return t}());var M=t("c_text_field",function(){function t(t){e(this,t)}t.prototype.handleChange=function(t){this.value=t.target.value};t.prototype.render=function(){var t=this;return n(r,null,this.label,n("div",{class:"text-field-wrapper"},n("input",{name:this.name,type:this.number?"number":"text",value:this.value,onInput:function(e){return t.handleChange(e)}})))};Object.defineProperty(t,"style",{get:function(){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%}"},enumerable:true,configurable:true});return t}());var m=t("c_title",function(){function t(t){e(this,t)}t.prototype.render=function(){return n(r,null,n("slot",null))};Object.defineProperty(t,"style",{get:function(){return":host{display:block;font-size:18px;color:#012f5f}"},enumerable:true,configurable:true});return t}());var _=t("c_toggle",function(){function t(t){e(this,t);this.color="blue"}t.prototype.render=function(){var t="c-toggle "+this.color+" "+(this.fixed?"fixed":"")+" "+(this.fit?"fit":"");if(this.active){t=t+" active"}var e=null;if(this.subtitle){e=n("div",{class:"c-toggle-subtitle"},this.subtitle)}var r=null;if(this.description){r=n("div",{class:"c-toggle-description"},this.description)}return n("div",{class:t},n("div",{class:"c-toggle-padding"},n("slot",null),e,r))};Object.defineProperty(t,"style",{get:function(){return":host{display:block}.fixed{min-width:220px}.fit{width:100%!important}.pink{border-color:#e91e63!important}.blue{border-color:#025b96!important}.dark-blue{border-color:#012f5f!important}.green{border-color:#008675!important}.purple{border-color:#9c27b0!important}.pink.active{background-color:#e91e63!important;border-color:#e91e63!important}.blue.active{background-color:#025b96!important;border-color:#025b96!important}.dark-blue.active{background-color:#012f5f!important;border-color:#012f5f!important}.green.active{background-color:#008675!important;border-color:#008675!important}.purple.active{background-color:#9c27b0!important;border-color:#9c27b0!important}.c-toggle{border-color:#008675;border-style:solid;border-width:2px;cursor:pointer;outline:none;color:#025b96;text-decoration:none;display:inline-block;text-align:center;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-toggle-description,.c-toggle-subtitle{font-size:12px}.active{color:#fff!important}.c-toggle-disabled{background:#e8e8e8;color:#8c8c8c;cursor:default!important}.c-toggle-padding{padding:12px 30px}"},enumerable:true,configurable:true});return t}())}}})); |
New alerts
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Fixed alerts
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
929689
0.39%- Lines of code
15258
0.36%No dependency changes