@animaliads/ani-radio - npm Package Compare versions

Comparing version 1.1.0-dev.6 to 1.1.0-dev.7

index.js

@@ -1,1 +0,1 @@
-!function(){"use strict";function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function t(e){return(t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function n(e,t){return(n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function r(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function i(e,t,o){return(i=r()?Reflect.construct:function(e,t,r){var i=[null];i.push.apply(i,t);var o=new(Function.bind.apply(e,i));return r&&n(o,r.prototype),o}).apply(null,arguments)}function o(e){var r="function"==typeof Map?new Map:void 0;return(o=function(e){if(null===e||(o=e,-1===Function.toString.call(o).indexOf("[native code]")))return e;var o;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,a)}function a(){return i(e,arguments,t(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),n(a,e)})(e)}var a;!function(e){e.medium="medium",e.large="large"}(a||(a={}));var c=function(t){var r,i;function o(){var e;return(e=t.call(this)||this).shadow=e.attachShadow({mode:"open"}),e.addEventListener("click",e.onClick),e}i=t,(r=o).prototype=Object.create(i.prototype),r.prototype.constructor=r,n(r,i);var c,u,l,s=o.prototype;return s.connectedCallback=function(){this.render(),this.setAccessibility(),this.setDefaultSize()},s.attributeChangedCallback=function(){this.render(),this.setAccessibility(),this.setDefaultSize()},s.onClick=function(e){"false"===this.disabled?this.setAttribute("checked","true"):e.preventDefault()},s.render=function(){this.shadow.innerHTML="\n        <style>".concat("\n  * {\n    cursor: pointer;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  input[type='radio'] {\n    background-color: var(--background);\n    border-color: var(--border-color);\n\n    appearance: none;\n    border-width: var(--border-width-md);\n    border-style: solid;\n    border-radius: 100%;\n    background-clip: content-box;\n    padding: 4px;\n    margin: 0;\n  }\n\n  input[size='medium'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  input[size='large'] {\n    width: 32px;\n    height: 32px;\n  }\n\n  input[type='radio']:hover {\n    box-shadow: var(--shadow-color-hover);\n  }\n\n  :host([disabled]),\n  input[type='radio'][aria-disabled='true'],\n  input[type='radio'][aria-disabled='true'] + slot {\n    cursor: not-allowed;\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    box-shadow: none;\n  }\n\n  input[type='radio']:checked {\n    background-color: var(--fill-color-selected);\n    border-color: var(--border-color-selected);\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    background-color: var(--background-disabled);\n    border-color: var(--border-color-disabled);\n    padding: 0;\n  }\n\n  input[type='radio'][aria-disabled='true']:checked {\n    background: radial-gradient(\n      11px circle at 10px 10px,\n      var(--fill-color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n    border-color: var(--border-color-disabled);\n    padding: 4px;\n  }\n\n  input[type='radio'][aria-disabled='true'][size='large']:checked {\n    background: radial-gradient(\n      19px circle at 14px 14px,\n      var(--fill-color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n  }\n\n  input[type='radio']:focus-visible {\n    outline-color: var(--outline-color-focused);\n\n    outline-width: var(--border-width-lg);\n    outline-style: solid;\n    outline-offset: 2px;\n  }\n",'</style>\n        <label>\n          <input\n            type="radio"\n            id="radioElement"\n            size="').concat(this.size,'"\n            ').concat("true"===this.checked?"checked":"","\n          >\n          <slot></slot>\n        </label>\n    ")},s.setDefaultSize=function(){var e=Object.values(a).includes(this.getAttribute("size"));this.hasAttribute("size")&&e||this.setAttribute("size",a.medium)},s.setAccessibility=function(){this.radioElement=this.shadow.getElementById("radioElement"),this.radioElement.setAttribute("aria-disabled",this.disabled)},c=o,l=[{key:"observedAttributes",get:function(){return["checked","disabled","size"]}}],(u=[{key:"checked",get:function(){return d(this.getAttribute("checked"))}},{key:"disabled",get:function(){return d(this.getAttribute("disabled"))}},{key:"size",get:function(){var e=this.getAttribute("size");return e&&"null"!==e?e:a.medium}}])&&e(c.prototype,u),l&&e(c,l),o}(o(HTMLElement));function d(e){return""===e?"true":null===e?"false":e}customElements.define("ani-radio",c)}();
+!function(){"use strict";function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function t(e){return(t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function n(e,t){return(n=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function r(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}function i(e,t,o){return(i=r()?Reflect.construct:function(e,t,r){var i=[null];i.push.apply(i,t);var o=new(Function.bind.apply(e,i));return r&&n(o,r.prototype),o}).apply(null,arguments)}function o(e){var r="function"==typeof Map?new Map:void 0;return(o=function(e){if(null===e||(o=e,-1===Function.toString.call(o).indexOf("[native code]")))return e;var o;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(e))return r.get(e);r.set(e,a)}function a(){return i(e,arguments,t(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),n(a,e)})(e)}var a;!function(e){e.medium="medium",e.large="large"}(a||(a={}));var c=function(t){var r,i;function o(){var e;return(e=t.call(this)||this).shadow=e.attachShadow({mode:"open"}),e.addEventListener("click",e.onClick),e}i=t,(r=o).prototype=Object.create(i.prototype),r.prototype.constructor=r,n(r,i);var c,d,l,s=o.prototype;return s.connectedCallback=function(){this.render(),this.setAccessibility(),this.setDefaultSize()},s.attributeChangedCallback=function(){this.render(),this.setAccessibility(),this.setDefaultSize()},s.onClick=function(e){"false"===this.disabled?this.setAttribute("checked","true"):e.preventDefault()},s.render=function(){this.shadow.innerHTML="\n        <style>".concat("\n  * {\n    cursor: pointer;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  input[type='radio'] {\n    background-color: var(--background);\n    border-color: var(--color);\n\n    appearance: none;\n    border-width: var(--border-width-md);\n    border-style: solid;\n    border-radius: 100%;\n    background-clip: content-box;\n    padding: 4px;\n    margin: 0;\n  }\n\n  input[size='medium'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  input[size='large'] {\n    width: 32px;\n    height: 32px;\n  }\n\n  input[type='radio']:hover {\n    box-shadow: 0 0 0 var(--border-width-lg) var(--shadow-color-hover);\n  }\n\n  :host([disabled]),\n  input[type='radio'][aria-disabled='true'],\n  input[type='radio'][aria-disabled='true'] + slot {\n    cursor: not-allowed;\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    box-shadow: none;\n  }\n\n  input[type='radio']:checked {\n    background-color: var(--color-selected);\n    border-color: var(--color-selected);\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    background-color: var(--background-disabled);\n    border-color: var(--color-disabled);\n    padding: 0;\n  }\n\n  input[type='radio'][aria-disabled='true']:checked {\n    background: radial-gradient(\n      11px circle at 10px 10px,\n      var(--color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n    border-color: var(--color-disabled);\n    padding: 4px;\n  }\n\n  input[type='radio'][aria-disabled='true'][size='large']:checked {\n    background: radial-gradient(\n      19px circle at 14px 14px,\n      var(--color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n  }\n\n  input[type='radio']:focus-visible {\n    outline-color: var(--outline-color-focused);\n\n    outline-width: var(--border-width-lg);\n    outline-style: solid;\n    outline-offset: 2px;\n  }\n",'</style>\n        <label>\n          <input\n            type="radio"\n            id="radioElement"\n            size="').concat(this.size,'"\n            ').concat("true"===this.checked?"checked":"","\n          >\n          <slot></slot>\n        </label>\n    ")},s.setDefaultSize=function(){var e=Object.values(a).includes(this.getAttribute("size"));this.hasAttribute("size")&&e||this.setAttribute("size",a.medium)},s.setAccessibility=function(){this.radioElement=this.shadow.getElementById("radioElement"),this.radioElement.setAttribute("aria-disabled",this.disabled)},c=o,l=[{key:"observedAttributes",get:function(){return["checked","disabled","size"]}}],(d=[{key:"checked",get:function(){return u(this.getAttribute("checked"))}},{key:"disabled",get:function(){return u(this.getAttribute("disabled"))}},{key:"size",get:function(){var e=this.getAttribute("size");return e&&"null"!==e?e:a.medium}}])&&e(c.prototype,d),l&&e(c,l),o}(o(HTMLElement));function u(e){return""===e?"true":null===e?"false":e}customElements.define("ani-radio",c)}();

package.json

 {
   "name": "@animaliads/ani-radio",
-  "version": "1.1.0-dev.6",
+  "version": "1.1.0-dev.7",
   "description": "Radio do Animalia DS",
@@ -5,0 +5,0 @@ "tag": "dev",

src/radio.style.d.ts

@@ -1,2 +0,2 @@
-export declare const radioStyle = "\n  * {\n    cursor: pointer;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  input[type='radio'] {\n    background-color: var(--background);\n    border-color: var(--border-color);\n\n    appearance: none;\n    border-width: var(--border-width-md);\n    border-style: solid;\n    border-radius: 100%;\n    background-clip: content-box;\n    padding: 4px;\n    margin: 0;\n  }\n\n  input[size='medium'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  input[size='large'] {\n    width: 32px;\n    height: 32px;\n  }\n\n  input[type='radio']:hover {\n    box-shadow: var(--shadow-color-hover);\n  }\n\n  :host([disabled]),\n  input[type='radio'][aria-disabled='true'],\n  input[type='radio'][aria-disabled='true'] + slot {\n    cursor: not-allowed;\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    box-shadow: none;\n  }\n\n  input[type='radio']:checked {\n    background-color: var(--fill-color-selected);\n    border-color: var(--border-color-selected);\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    background-color: var(--background-disabled);\n    border-color: var(--border-color-disabled);\n    padding: 0;\n  }\n\n  input[type='radio'][aria-disabled='true']:checked {\n    background: radial-gradient(\n      11px circle at 10px 10px,\n      var(--fill-color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n    border-color: var(--border-color-disabled);\n    padding: 4px;\n  }\n\n  input[type='radio'][aria-disabled='true'][size='large']:checked {\n    background: radial-gradient(\n      19px circle at 14px 14px,\n      var(--fill-color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n  }\n\n  input[type='radio']:focus-visible {\n    outline-color: var(--outline-color-focused);\n\n    outline-width: var(--border-width-lg);\n    outline-style: solid;\n    outline-offset: 2px;\n  }\n";
+export declare const radioStyle = "\n  * {\n    cursor: pointer;\n  }\n\n  :host {\n    display: inline-block;\n  }\n\n  input[type='radio'] {\n    background-color: var(--background);\n    border-color: var(--color);\n\n    appearance: none;\n    border-width: var(--border-width-md);\n    border-style: solid;\n    border-radius: 100%;\n    background-clip: content-box;\n    padding: 4px;\n    margin: 0;\n  }\n\n  input[size='medium'] {\n    width: 24px;\n    height: 24px;\n  }\n\n  input[size='large'] {\n    width: 32px;\n    height: 32px;\n  }\n\n  input[type='radio']:hover {\n    box-shadow: 0 0 0 var(--border-width-lg) var(--shadow-color-hover);\n  }\n\n  :host([disabled]),\n  input[type='radio'][aria-disabled='true'],\n  input[type='radio'][aria-disabled='true'] + slot {\n    cursor: not-allowed;\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    box-shadow: none;\n  }\n\n  input[type='radio']:checked {\n    background-color: var(--color-selected);\n    border-color: var(--color-selected);\n  }\n\n  input[type='radio'][aria-disabled='true'] {\n    background-color: var(--background-disabled);\n    border-color: var(--color-disabled);\n    padding: 0;\n  }\n\n  input[type='radio'][aria-disabled='true']:checked {\n    background: radial-gradient(\n      11px circle at 10px 10px,\n      var(--color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n    border-color: var(--color-disabled);\n    padding: 4px;\n  }\n\n  input[type='radio'][aria-disabled='true'][size='large']:checked {\n    background: radial-gradient(\n      19px circle at 14px 14px,\n      var(--color-disabled) 50%,\n      transparent 54.2%\n    );\n    background-color: var(--background-disabled);\n  }\n\n  input[type='radio']:focus-visible {\n    outline-color: var(--outline-color-focused);\n\n    outline-width: var(--border-width-lg);\n    outline-style: solid;\n    outline-offset: 2px;\n  }\n";
 //# sourceMappingURL=radio.style.d.ts.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

9455

decreased by-0.3%

No dependency changes