New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@tradeshift/elements.checkbox

Package Overview
Dependencies
Maintainers
7
Versions
76
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tradeshift/elements.checkbox - npm Package Compare versions

Comparing version 0.15.0 to 0.15.1

2

lib/checkbox.esm.js

@@ -1,1 +0,1 @@

import{html as t,customElementDefineHelper as e,TSElement as r,unsafeCSS as o}from"@tradeshift/elements";function c(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function n(t,e,r){return e&&c(t.prototype,e),r&&c(t,r),t}function i(){var t,e,r=(t=['\n\t\t\t<div dir="','" class="checkbox-container" @click="','">\n\t\t\t\t<input\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t.name="','"\n\t\t\t\t\t.value="','"\n\t\t\t\t\t?checked="','"\n\t\t\t\t\t?disabled="','"\n\t\t\t\t/>\n\t\t\t\t<div class="checkbox"></div>\n\t\t\t\t',"\n\t\t\t</div>\n\t\t"],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return r},r}var a=function(e){var c,a;function s(){var t=e.call(this)||this;return t.name="",t}a=e,(c=s).prototype=Object.create(a.prototype),c.prototype.constructor=c,c.__proto__=a,n(s,null,[{key:"styles",get:function(){return[r.styles,o('.checkbox-container{display:flex;margin:10px;margin:var(--ts-unit-half);cursor:pointer;font-size:14px;font-size:var(--ts-fontsize);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover .checkbox{background-color:#e6ecef;background-color:var(--ts-color-gray-lighter)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container .checkbox{border:1px solid #cbd7dc;border:var(--ts-border);flex:0 0 20px;flex:0 0 var(--ts-unit);height:20px;height:var(--ts-unit);margin-right:10px;margin-right:var(--ts-unit-half);position:relative;width:20px;width:var(--ts-unit)}.checkbox-container .checkbox:after{content:"";position:absolute;display:none;left:5px;left:var(--ts-unit-quarter);top:1px;width:5px;width:var(--ts-unit-quarter);height:10px;height:var(--ts-unit-half);border:solid #fff;border:solid var(--ts-color-white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container input:checked~.checkbox{background-color:#00aeff;background-color:var(--ts-color-blue);border-color:#00aeff;border-color:var(--ts-color-blue)}.checkbox-container input:checked~.checkbox:after{display:block}:host([disabled]) .checkbox-container{color:#e6ecef;color:var(--ts-disabled-background-color);cursor:not-allowed}:host([disabled]) .checkbox-container:hover .checkbox{background-color:transparent}:host([disabled]) .checkbox-container .checkbox{border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([disabled]) .checkbox-container input:checked~.checkbox{background-color:#e6ecef;background-color:var(--ts-disabled-background-color);border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([dir=rtl]) .checkbox{margin-left:10px;margin-left:var(--ts-unit-half);margin-right:0}')]}},{key:"properties",get:function(){return{name:{type:String},value:{type:String},dir:{type:String},label:{type:String,attribute:"data-label"},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}}}}]);var l=s.prototype;return l.onClick=function(t){t.stopPropagation(),this.disabled||(this.checked=!this.checked)},l.render=function(){return t(i(),this.dir,this.onClick,this.name,this.value,this.checked,this.disabled,this.label)},n(s,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),s}(r);e("ts-checkbox",a);export{a as TSCheckbox};
import{html as t,customElementDefineHelper as e,TSElement as r,unsafeCSS as o}from"@tradeshift/elements";function c(t,e){for(var r=0;r<e.length;r++){var o=e[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function n(t,e,r){return e&&c(t.prototype,e),r&&c(t,r),t}function i(){var t,e,r=(t=['\n\t\t\t<div dir="','" class="checkbox-container" @click="','">\n\t\t\t\t<input\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t.name="','"\n\t\t\t\t\t.value="','"\n\t\t\t\t\t?checked="','"\n\t\t\t\t\t?disabled="','"\n\t\t\t\t/>\n\t\t\t\t<div class="checkbox"></div>\n\t\t\t\t',"\n\t\t\t</div>\n\t\t"],e||(e=t.slice(0)),t.raw=e,t);return i=function(){return r},r}var a=function(e){var c,a;function s(){var t=e.call(this)||this;return t.name="",t}a=e,(c=s).prototype=Object.create(a.prototype),c.prototype.constructor=c,c.__proto__=a,n(s,null,[{key:"styles",get:function(){return[r.styles,o('.checkbox-container{display:flex;margin:10px;margin:var(--ts-unit-half);cursor:pointer;font-size:14px;font-size:var(--ts-fontsize);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover .checkbox{background-color:#e6ecef;background-color:var(--ts-color-gray-lighter)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container .checkbox{border:1px solid #cbd7dc;border:var(--ts-border);flex:0 0 20px;flex:0 0 var(--ts-unit);height:20px;height:var(--ts-unit);margin-right:10px;margin-right:var(--ts-unit-half);position:relative;width:20px;width:var(--ts-unit)}.checkbox-container .checkbox:after{content:"";position:absolute;display:none;left:5px;left:var(--ts-unit-quarter);top:1px;width:5px;width:var(--ts-unit-quarter);height:10px;height:var(--ts-unit-half);border:solid #fff;border:solid var(--ts-color-white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container input:checked~.checkbox{background-color:#00aeff;background-color:var(--ts-color-blue);border-color:#00aeff;border-color:var(--ts-color-blue)}.checkbox-container input:checked~.checkbox:after{display:block}:host([disabled]) .checkbox-container{color:#e6ecef;color:var(--ts-disabled-background-color);cursor:not-allowed}:host([disabled]) .checkbox-container:hover .checkbox{background-color:transparent}:host([disabled]) .checkbox-container .checkbox{border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([disabled]) .checkbox-container input:checked~.checkbox{background-color:#e6ecef;background-color:var(--ts-disabled-background-color);border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([dir=rtl]) .checkbox{margin-left:10px;margin-left:var(--ts-unit-half);margin-right:0}')]}},{key:"properties",get:function(){return{name:{type:String},value:{type:String},dir:{type:String},label:{type:String,attribute:"data-label"},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}}}}]);var l=s.prototype;return l.onClick=function(){this.disabled||(this.checked=!this.checked)},l.render=function(){return t(i(),this.dir,this.onClick,this.name,this.value,this.checked,this.disabled,this.label)},n(s,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),s}(r);e("ts-checkbox",a);export{a as TSCheckbox};

@@ -1,1 +0,1 @@

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],t):t(((e=e||self).ts=e.ts||{},e.ts.elements=e.ts.elements||{},e.ts.elements.checkbox=e.ts.elements.checkbox||{}),e.ts.elements)}(this,(function(e,t){"use strict";function r(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function o(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e}function n(){var e,t,r=(e=['\n\t\t\t<div dir="','" class="checkbox-container" @click="','">\n\t\t\t\t<input\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t.name="','"\n\t\t\t\t\t.value="','"\n\t\t\t\t\t?checked="','"\n\t\t\t\t\t?disabled="','"\n\t\t\t\t/>\n\t\t\t\t<div class="checkbox"></div>\n\t\t\t\t',"\n\t\t\t</div>\n\t\t"],t||(t=e.slice(0)),e.raw=t,e);return n=function(){return r},r}var c=function(e){var r,c;function i(){var t=e.call(this)||this;return t.name="",t}c=e,(r=i).prototype=Object.create(c.prototype),r.prototype.constructor=r,r.__proto__=c,o(i,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS('.checkbox-container{display:flex;margin:10px;margin:var(--ts-unit-half);cursor:pointer;font-size:14px;font-size:var(--ts-fontsize);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover .checkbox{background-color:#e6ecef;background-color:var(--ts-color-gray-lighter)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container .checkbox{border:1px solid #cbd7dc;border:var(--ts-border);flex:0 0 20px;flex:0 0 var(--ts-unit);height:20px;height:var(--ts-unit);margin-right:10px;margin-right:var(--ts-unit-half);position:relative;width:20px;width:var(--ts-unit)}.checkbox-container .checkbox:after{content:"";position:absolute;display:none;left:5px;left:var(--ts-unit-quarter);top:1px;width:5px;width:var(--ts-unit-quarter);height:10px;height:var(--ts-unit-half);border:solid #fff;border:solid var(--ts-color-white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container input:checked~.checkbox{background-color:#00aeff;background-color:var(--ts-color-blue);border-color:#00aeff;border-color:var(--ts-color-blue)}.checkbox-container input:checked~.checkbox:after{display:block}:host([disabled]) .checkbox-container{color:#e6ecef;color:var(--ts-disabled-background-color);cursor:not-allowed}:host([disabled]) .checkbox-container:hover .checkbox{background-color:transparent}:host([disabled]) .checkbox-container .checkbox{border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([disabled]) .checkbox-container input:checked~.checkbox{background-color:#e6ecef;background-color:var(--ts-disabled-background-color);border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([dir=rtl]) .checkbox{margin-left:10px;margin-left:var(--ts-unit-half);margin-right:0}')]}},{key:"properties",get:function(){return{name:{type:String},value:{type:String},dir:{type:String},label:{type:String,attribute:"data-label"},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}}}}]);var a=i.prototype;return a.onClick=function(e){e.stopPropagation(),this.disabled||(this.checked=!this.checked)},a.render=function(){return t.html(n(),this.dir,this.onClick,this.name,this.value,this.checked,this.disabled,this.label)},o(i,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),i}(t.TSElement);t.customElementDefineHelper("ts-checkbox",c),e.TSCheckbox=c,Object.defineProperty(e,"__esModule",{value:!0})}));
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@tradeshift/elements")):"function"==typeof define&&define.amd?define(["exports","@tradeshift/elements"],t):t(((e=e||self).ts=e.ts||{},e.ts.elements=e.ts.elements||{},e.ts.elements.checkbox=e.ts.elements.checkbox||{}),e.ts.elements)}(this,(function(e,t){"use strict";function r(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function o(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e}function n(){var e,t,r=(e=['\n\t\t\t<div dir="','" class="checkbox-container" @click="','">\n\t\t\t\t<input\n\t\t\t\t\ttype="checkbox"\n\t\t\t\t\t.name="','"\n\t\t\t\t\t.value="','"\n\t\t\t\t\t?checked="','"\n\t\t\t\t\t?disabled="','"\n\t\t\t\t/>\n\t\t\t\t<div class="checkbox"></div>\n\t\t\t\t',"\n\t\t\t</div>\n\t\t"],t||(t=e.slice(0)),e.raw=t,e);return n=function(){return r},r}var c=function(e){var r,c;function i(){var t=e.call(this)||this;return t.name="",t}c=e,(r=i).prototype=Object.create(c.prototype),r.prototype.constructor=r,r.__proto__=c,o(i,null,[{key:"styles",get:function(){return[t.TSElement.styles,t.unsafeCSS('.checkbox-container{display:flex;margin:10px;margin:var(--ts-unit-half);cursor:pointer;font-size:14px;font-size:var(--ts-fontsize);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container:hover .checkbox{background-color:#e6ecef;background-color:var(--ts-color-gray-lighter)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-container .checkbox{border:1px solid #cbd7dc;border:var(--ts-border);flex:0 0 20px;flex:0 0 var(--ts-unit);height:20px;height:var(--ts-unit);margin-right:10px;margin-right:var(--ts-unit-half);position:relative;width:20px;width:var(--ts-unit)}.checkbox-container .checkbox:after{content:"";position:absolute;display:none;left:5px;left:var(--ts-unit-quarter);top:1px;width:5px;width:var(--ts-unit-quarter);height:10px;height:var(--ts-unit-half);border:solid #fff;border:solid var(--ts-color-white);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.checkbox-container input:checked~.checkbox{background-color:#00aeff;background-color:var(--ts-color-blue);border-color:#00aeff;border-color:var(--ts-color-blue)}.checkbox-container input:checked~.checkbox:after{display:block}:host([disabled]) .checkbox-container{color:#e6ecef;color:var(--ts-disabled-background-color);cursor:not-allowed}:host([disabled]) .checkbox-container:hover .checkbox{background-color:transparent}:host([disabled]) .checkbox-container .checkbox{border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([disabled]) .checkbox-container input:checked~.checkbox{background-color:#e6ecef;background-color:var(--ts-disabled-background-color);border:1px solid #e6ecef;border:var(--ts-disabled-border)}:host([dir=rtl]) .checkbox{margin-left:10px;margin-left:var(--ts-unit-half);margin-right:0}')]}},{key:"properties",get:function(){return{name:{type:String},value:{type:String},dir:{type:String},label:{type:String,attribute:"data-label"},checked:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0}}}}]);var a=i.prototype;return a.onClick=function(){this.disabled||(this.checked=!this.checked)},a.render=function(){return t.html(n(),this.dir,this.onClick,this.name,this.value,this.checked,this.disabled,this.label)},o(i,[{key:"direction",get:function(){return this.dir||this.bodyDir}}]),i}(t.TSElement);t.customElementDefineHelper("ts-checkbox",c),e.TSCheckbox=c,Object.defineProperty(e,"__esModule",{value:!0})}));
{
"name": "@tradeshift/elements.checkbox",
"version": "0.15.0",
"version": "0.15.1",
"src": "src/checkbox.js",

@@ -14,3 +14,3 @@ "main": "lib/checkbox.umd.js",

"dependencies": {
"@tradeshift/elements": "^0.15.0"
"@tradeshift/elements": "^0.15.1"
},

@@ -22,3 +22,3 @@ "repository": {

},
"gitHead": "94fb4b565b16a54a1deb0f8bc860eb38987c0715"
"gitHead": "fbd2c18f4315487183529e253d7ed285615c5b91"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc