@tradeshift/elements.checkbox
Advanced tools
Comparing version 0.15.0 to 0.15.1
@@ -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" | ||
} |
20178
Updated@tradeshift/elements@^0.15.1