@aquera/nile-elements 1.0.1 → 1.1.0-beta-1.0

package/dist/nile-radio/nile-radio.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var i,s,t,e,a,h,l,r,o,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;e=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){h=_nileRadioCssCjsJs.s;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){r=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_o){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1,_this.islabelborder=!1,_this.allowUncheck=!1;return _this;}_inherits(d,_o);return _createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(d,"connectedCallback",this,3)([]),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy");}},{key:"addEventListeners",value:function addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus);}},{key:"removeEventListeners",value:function removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus);}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleClick",value:function handleClick(){this.allowUncheck&&!this.disabled?this.checked=!this.checked:this.disabled||(this.checked=!0);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"setInitialAttributes",value:function setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleCheckedChange",value:function handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span\n        part=\"base\"\n        class=","\n      >\n        <span part=\"","\" class=\"radio__control\">\n          ","\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    "])),l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder}),"control"+(this.checked?" control--checked":""),this.checked?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"radio__checked-icon\"></span> "]))):"");}}]);}(o));d.styles=h,i([t({type:Boolean})],d.prototype,"checked",void 0),i([e()],d.prototype,"hasFocus",void 0),i([t()],d.prototype,"value",void 0),i([t({reflect:!0})],d.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"islabelborder",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"allowUncheck",void 0),i([r("checked")],d.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),_export("N",d=i([a("nile-radio")],d));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var i,s,t,e,a,h,l,r,o,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){i=_tslib.__decorate;},function(_lit){s=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;e=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){h=_nileRadioCssCjsJs.s;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){r=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_o){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1,_this.islabelborder=!1;return _this;}_inherits(d,_o);return _createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(d,"connectedCallback",this,3)([]),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy");}},{key:"addEventListeners",value:function addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus);}},{key:"removeEventListeners",value:function removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus);}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleClick",value:function handleClick(){this.disabled||(this.checked=!0);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"setInitialAttributes",value:function setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleCheckedChange",value:function handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"render",value:function render(){return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span\n        part=\"base\"\n        class=","\n      >\n        <span part=\"","\" class=\"radio__control\">\n          ","\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    "])),l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder}),"control"+(this.checked?" control--checked":""),this.checked?s(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"radio__checked-icon\"></span> "]))):"");}}]);}(o));d.styles=h,i([t({type:Boolean})],d.prototype,"checked",void 0),i([e()],d.prototype,"hasFocus",void 0),i([t()],d.prototype,"value",void 0),i([t({reflect:!0})],d.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"islabelborder",void 0),i([r("checked")],d.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),_export("N",d=i([a("nile-radio")],d));}};});
 //# sourceMappingURL=nile-radio.cjs.js.map

package/dist/nile-radio/nile-radio.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio.cjs.js","sources":["../../../src/nile-radio/nile-radio.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @property({type:Boolean}) checked = false;\n  @state() protected hasFocus = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string = '';\n\n  /** The radio's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the radio. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The radio's labelborder. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  \n  @property({ type: Boolean, reflect: true }) allowUncheck = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n\n    this.setInitialAttributes();\n    this.addEventListeners();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n    this.emit('nile-destroy');\n  }\n\n  private addEventListeners() {\n    this.addEventListener('blur', this.handleBlur);\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('focus', this.handleFocus);\n  }\n\n  private removeEventListeners() {\n    this.removeEventListener('blur', this.handleBlur);\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('focus', this.handleFocus);\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur')\n  }\n\n  private handleClick() {\n\n    if(this.allowUncheck && !this.disabled) {\n      this.checked = !this.checked;\n    } else if (!this.disabled) {\n      this.checked = true;\n    }\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus')\n  }\n\n  private setInitialAttributes() {\n    this.setAttribute('role', 'radio');\n    this.setAttribute('tabindex', '-1');\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('checked')\n  handleCheckedChange() {\n    this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          radio: true,\n          'radio--checked': this.checked,\n          'radio--disabled': this.disabled,\n          'radio--focused': this.hasFocus,\n          'radio--medium': this.size === 'medium',\n          'radio__label_border':this.islabelborder\n        })}\n      >\n        <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n          ${this.checked\n            ? html` <span class=\"radio__checked-icon\"></span> `\n            : ''}\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    `;\n  }\n}\n\nexport default NileRadio;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio': NileRadio;\n  }\n}\n"],"names":["NileRadio","d","constructor","this","checked","hasFocus","value","size","disabled","islabelborder","allowUncheck","_this","_inherits","_o","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","setAttribute","handleCheckedChange","handleDisabledChange","render","html","_templateObject","_taggedTemplateLiteral","classMap","radio","radio__label_border","_templateObject2","NileElement","styles","__decorate","property","type","Boolean","prototype","state","reflect","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-radio.cjs.js","sources":["../../../src/nile-radio/nile-radio.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @property({type:Boolean}) checked = false;\n  @state() protected hasFocus = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string = '';\n\n  /** The radio's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the radio. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The radio's labelborder. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n\n    this.setInitialAttributes();\n    this.addEventListeners();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n    this.emit('nile-destroy');\n  }\n\n  private addEventListeners() {\n    this.addEventListener('blur', this.handleBlur);\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('focus', this.handleFocus);\n  }\n\n  private removeEventListeners() {\n    this.removeEventListener('blur', this.handleBlur);\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('focus', this.handleFocus);\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur')\n  }\n\n  private handleClick() {\n    if (!this.disabled) {\n      this.checked = true;\n    }\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus')\n  }\n\n  private setInitialAttributes() {\n    this.setAttribute('role', 'radio');\n    this.setAttribute('tabindex', '-1');\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('checked')\n  handleCheckedChange() {\n    this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          radio: true,\n          'radio--checked': this.checked,\n          'radio--disabled': this.disabled,\n          'radio--focused': this.hasFocus,\n          'radio--medium': this.size === 'medium',\n          'radio__label_border':this.islabelborder\n        })}\n      >\n        <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n          ${this.checked\n            ? html` <span class=\"radio__checked-icon\"></span> `\n            : ''}\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    `;\n  }\n}\n\nexport default NileRadio;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio': NileRadio;\n  }\n}\n"],"names":["NileRadio","d","this","checked","hasFocus","value","size","disabled","islabelborder","_this","_inherits","_o","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","setAttribute","handleCheckedChange","handleDisabledChange","render","html","_templateObject","_taggedTemplateLiteral","classMap","radio","radio__label_border","_templateObject2","NileElement","styles","__decorate","property","type","Boolean","prototype","state","reflect","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-radio/nile-radio.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    vertical-align: middle;\n    cursor: pointer;\n    margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n  }\n\n  .radio__checked-icon {\n    display: var(--nile-display-inline-flex, var(--ng-display-block));\n    width: var(--nile-radio-inner-width, var(--ng-width-2));\n    height: var(--nile-radio-inner-width, var(--ng-height-8px));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-radio-outer-width, var(--ng-width-4));\n    height: var(--nile-radio-outer-height, var(--ng-height-16px));\n    border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n    color: transparent;\n    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-disabled-subtle));\n    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n    border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-border-brand));\n    background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-border-brand-alt));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid));\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 1px;\n  }\n\n  .radio__control:focus-visible {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 2px;\n  }\n\n  .radio--focused .radio__control {\n    outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-neutral-500, var(--ng-colors-bg-disabled-subtle)); // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-disabled-subtle));\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    user-select: none;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n  }\n  .radio__label_border {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n    border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: var(--nile-radio-inner-width);\n    height: var(--nile-radio-inner-width);\n    border-radius: 50%;\n    background: var(--nile-radio-checked-icon-background);\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-radio-outer-width);\n    height: var(--nile-radio-outer-height);\n    border: solid 1px var(--nile-radio-outer-border-color);\n    border-radius: 50%;\n    background-color: var(--nile-radio-outer-background-color);\n    color: transparent;\n    transition: var(--nile-transition-duration-default) border-color,\n      var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color);\n    background: var(--nile-radio-hover-background-color);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-radio-checked-border-color);\n    background-color: var(--nile-radio-checked-background-color);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color);\n    background-color: var(--nile-radio-checked-hover-background-color); \n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-neutral-500); // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:var(--nile-colors-neutral-100)F9FAFB;\n    border: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n  .radio__label_border {\n    padding: 0.75rem;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-Normal, var(--nile-colors-neutral-400));\n  }\n"]))));}};});
 //# sourceMappingURL=nile-radio.css.cjs.js.map

package/dist/nile-radio/nile-radio.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio.css.cjs.js","sources":["../../../src/nile-radio/nile-radio.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    vertical-align: middle;\n    cursor: pointer;\n    margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))\n  }\n\n  .radio__checked-icon {\n    display: var(--nile-display-inline-flex, var(--ng-display-block));\n    width: var(--nile-radio-inner-width, var(--ng-width-2));\n    height: var(--nile-radio-inner-width, var(--ng-height-8px));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-radio-outer-width, var(--ng-width-4));\n    height: var(--nile-radio-outer-height, var(--ng-height-16px));\n    border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));\n    color: transparent;\n    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-disabled-subtle));\n    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));\n    border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-border-brand));\n    background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-border-brand-alt));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid));\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 1px;\n  }\n\n  .radio__control:focus-visible {\n    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));\n    outline-offset: 2px;\n  }\n\n  .radio--focused .radio__control {\n    outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-neutral-500, var(--ng-colors-bg-disabled-subtle)); // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-disabled-subtle));\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    user-select: none;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n  }\n  .radio__label_border {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-xl));\n    border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-radio.css.cjs.js","sources":["../../../src/nile-radio/nile-radio.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: var(--nile-radio-inner-width);\n    height: var(--nile-radio-inner-width);\n    border-radius: 50%;\n    background: var(--nile-radio-checked-icon-background);\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-radio-outer-width);\n    height: var(--nile-radio-outer-height);\n    border: solid 1px var(--nile-radio-outer-border-color);\n    border-radius: 50%;\n    background-color: var(--nile-radio-outer-background-color);\n    color: transparent;\n    transition: var(--nile-transition-duration-default) border-color,\n      var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color);\n    background: var(--nile-radio-hover-background-color);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-radio-checked-border-color);\n    background-color: var(--nile-radio-checked-background-color);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color);\n    background-color: var(--nile-radio-checked-hover-background-color); \n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-neutral-500); // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:var(--nile-colors-neutral-100)F9FAFB;\n    border: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n  .radio__label_border {\n    padding: 0.75rem;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-Normal, var(--nile-colors-neutral-400));\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-radio/nile-radio.css.esm.js

@@ -1,9 +1,6 @@
-import{css as r}from"lit";const o=r`
+import{css as o}from"lit";const r=o`
   :host {
     display: block;
-    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
-    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
-    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
   }
 
   :host(:focus-visible) {
@@ -12,26 +9,27 @@ import{css as r}from"lit";const o=r`
 
   .radio {
     display: inline-flex;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
-    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
+    align-items: top;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--nile-colors-dark-900);
     vertical-align: middle;
     cursor: pointer;
-    margin: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
+    margin: 10px 0;
     align-items: center;
   }
 
   .radio--medium {
     --toggle-size: 14px;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md))
+    font-size: 14px;
   }
 
   .radio__checked-icon {
-    display: var(--nile-display-inline-flex, var(--ng-display-block));
-    width: var(--nile-radio-inner-width, var(--ng-width-2));
-    height: var(--nile-radio-inner-width, var(--ng-height-8px));
-    border-radius: var(--nile-radius-full, var(--ng-radius-full));
-    background: var(--nile-radio-checked-icon-background, var(--ng-colors-bg-primary));
+    display: inline-flex;
+    width: var(--nile-radio-inner-width);
+    height: var(--nile-radio-inner-width);
+    border-radius: 50%;
+    background: var(--nile-radio-checked-icon-background);
   }
 
   .radio__control {
@@ -40,63 +38,53 @@ import{css as r}from"lit";const o=r`
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    width: var(--nile-radio-outer-width, var(--ng-width-4));
-    height: var(--nile-radio-outer-height, var(--ng-height-16px));
-    border: solid 1px var(--nile-radio-outer-border-color, var(--ng-colors-border-primary));
-    border-radius: var(--nile-radius-full, var(--ng-radius-full));
-    background-color: var(--nile-radio-outer-background-color, var(--ng-colors-bg-primary));
+    width: var(--nile-radio-outer-width);
+    height: var(--nile-radio-outer-height);
+    border: solid 1px var(--nile-radio-outer-border-color);
+    border-radius: 50%;
+    background-color: var(--nile-radio-outer-background-color);
     color: transparent;
-    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border-color,
-      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,
-      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,
-      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;
+    transition: var(--nile-transition-duration-default) border-color,
+      var(--nile-transition-duration-default) background-color,
+      var(--nile-transition-duration-default) color,
+      var(--nile-transition-duration-default) box-shadow;
   }
 
   .radio__input {
     position: absolute;
     opacity: 0;
-    padding: var(--nile-spacing-none, var(--ng-spacing-none));
-    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+    padding: 0;
+    margin: 0;
     pointer-events: none;
   }
 
   /* Hover */
   .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
-    border: 1px solid var(--nile-radio-hover-border-color, var(--ng-colors-border-disabled-subtle));
-    background: var(--nile-radio-hover-background-color, var(--ng-colors-bg-primary));
+    border: 1px solid var(--nile-radio-hover-border-color);
+    background: var(--nile-radio-hover-background-color);
   }
 
   /* Checked */
   .radio--checked .radio__control {
-    color: var(--nile-colors-primary-600, var(--ng-colors-fg-brand-primary-600));
-    border: 1px solid var(--nile-radio-checked-border-color, var(--ng-colors-border-brand));
-    background-color: var(--nile-radio-checked-background-color,var(--ng-colors-bg-brand-solid));
+    color: var(--nile-colors-primary-600);
+    border: 1px solid var(--nile-radio-checked-border-color);
+    background-color: var(--nile-radio-checked-background-color);
   }
 
   /* Checked + hover */
   .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
-    border: 1px solid var(--nile-radio-checked-hover-border-color, var(--ng-colors-border-brand-alt));
-    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid));
+    border: 1px solid var(--nile-radio-checked-hover-border-color);
+    background-color: var(--nile-radio-checked-hover-background-color); 
   }
 
   /* Checked + hover */
   .radio__checked-icon:hover {
-    background-color: var(--nile-radio-checked-hover-icon-background-color, var(--ng-colors-bg-primary));
+    background-color: var(--nile-radio-checked-hover-icon-background-color);
   }
 
   /* Checked + focus */
   :host(:focus-visible) .radio__control {
-    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));
-    outline-offset: 1px;
-  }
-
-  .radio__control:focus-visible {
-    outline: solid var(--nile-outline-3px, var(--ng-outline-2px)) var(--nile-box-shadow-12, var(--ng-colors-bg-brand-solid));
-    outline-offset: 2px;
-  }
-
-  .radio--focused .radio__control {
-    outline: solid var(--nile-outline-none, var(--ng-outline-2px)) var(--nile-outline-none, var(--ng-colors-bg-brand-solid));
+    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);
     outline-offset: 1px;
   }
 
@@ -107,12 +95,12 @@ import{css as r}from"lit";const o=r`
   }
 
   .radio--disabled .radio__checked-icon {
-    background-color:var(--nile-colors-neutral-500, var(--ng-colors-bg-disabled-subtle)); // for v2
+    background-color:var(--nile-colors-neutral-500); // for v2
   }
 
   .radio--disabled .radio__control {
-    background-color:var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));
-    border: 1px solid var(--nile-colors-neutral-500, var(--ng-colors-border-disabled-subtle));
+    background-color:var(--nile-colors-neutral-100)F9FAFB;
+    border: 1px solid var(--nile-colors-neutral-500);
   }
 
   /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
@@ -122,16 +110,16 @@ import{css as r}from"lit";const o=r`
 
   .radio__label {
     display: inline-block;
-    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
-    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));
-    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));
+    color: var(--nile-colors-dark-900);
+    line-height: var(--nile-type-scale-3);
+    margin-inline-start: 0.5em;
     user-select: none;
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
-    margin-top: var(--nile-spacing-xxs, var(--ng-spacing-xxs));
+    font-size: var(--nile-type-scale-3);
+    margin-top: 2px;
   }
   .radio__label_border {
-    padding: var(--nile-spacing-lg, var(--ng-spacing-xl));
-    border-radius: var(--nile-radius-sm, var(--ng-radius-xl));
-    border: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+    padding: 0.75rem;
+    border-radius: 4px;
+    border: 1px solid var(--Neutral-Normal, var(--nile-colors-neutral-400));
   }
-`;export{o as s};
+`;export{r as s};

package/dist/nile-radio/nile-radio.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{html as s}from"lit";import{property as t,state as e,customElement as a}from"lit/decorators.js";import{s as h}from"./nile-radio.css.esm.js";import{classMap as l}from"lit/directives/class-map.js";import{w as r}from"../internal/watch.esm.js";import{N as o}from"../internal/nile-element.esm.js";let d=class extends o{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.value="",this.size="medium",this.disabled=!1,this.islabelborder=!1,this.allowUncheck=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init")}disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy")}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleClick(){this.allowUncheck&&!this.disabled?this.checked=!this.checked:this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return s`
+import{__decorate as i}from"tslib";import{html as s}from"lit";import{property as t,state as e,customElement as a}from"lit/decorators.js";import{s as h}from"./nile-radio.css.esm.js";import{classMap as l}from"lit/directives/class-map.js";import{w as r}from"../internal/watch.esm.js";import{N as o}from"../internal/nile-element.esm.js";let d=class extends o{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.value="",this.size="medium",this.disabled=!1,this.islabelborder=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init")}disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy")}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return s`
       <span
         part="base"
         class=${l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder})}
@@ -9,4 +9,4 @@ import{__decorate as i}from"tslib";import{html as s}from"lit";import{property as
 
         <slot part="label" class="radio__label"></slot>
       </span>
-    `}};d.styles=h,i([t({type:Boolean})],d.prototype,"checked",void 0),i([e()],d.prototype,"hasFocus",void 0),i([t()],d.prototype,"value",void 0),i([t({reflect:!0})],d.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"islabelborder",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"allowUncheck",void 0),i([r("checked")],d.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=i([a("nile-radio")],d);export{d as N};
+    `}};d.styles=h,i([t({type:Boolean})],d.prototype,"checked",void 0),i([e()],d.prototype,"hasFocus",void 0),i([t()],d.prototype,"value",void 0),i([t({reflect:!0})],d.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],d.prototype,"islabelborder",void 0),i([r("checked")],d.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=i([a("nile-radio")],d);export{d as N};

package/dist/nile-radio-group/nile-radio-group.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,o,r,a,h,n,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;s=_litDecoratorsJs.state;l=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.islabelborder=!1,_this.allowUncheckGroup=!1;return _this;}_inherits(c,_n);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,this.allowUncheckGroup||i.forEach(function(t){t.checked=t===e;}),this.allowUncheckGroup||this.value===s?this.allowUncheckGroup&&(this.emit("change",{value:this.value,checked:e.checked}),this.emit("input")):(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"updated",value:function updated(t){_superPropGet(c,"updated",this,3)([t]),t.has("allowUncheckGroup")&&this.allowUncheckGroup&&this.getAllRadios().forEach(function(t){t.allowUncheck=!0;});}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _e$find,_this4=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var e=this.getAllRadios().filter(function(t){return!t.disabled;}),i=(_e$find=e.find(function(t){return t.checked;}))!==null&&_e$find!==void 0?_e$find:e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=e[o].value,e[o].checked=!0,this.hasButtonGroup?e[o].shadowRoot.querySelector("button").focus():(e[o].tabIndex=0,e[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),e=t.find(function(t){return t.checked;})||t[0];e&&e.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @click=","\n        @keydown=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=","\n          @click=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        ","\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ","\n        </div>\n\n        ","\n\n        ","\n\n      </fieldset>\n    "])),e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":s,"form-control--has-help-text":l}),s?"false":"true",this.handleLabelClick,this.label,i?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.hasButtonGroup?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            ","\n              "])),r):a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n            <div part=\"options-base\" class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",r),l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?a(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}]);}(n));c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text",reflect:!0})],c.prototype,"helpText",void 0),t([l({attribute:"error-message",reflect:!0})],c.prototype,"errorMessage",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"islabelborder",void 0),t([l({type:Boolean,reflect:!0,attribute:!0})],c.prototype,"allowUncheckGroup",void 0),t([h("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([h("value")],c.prototype,"handleValueChange",null),_export("N",c=t([o("nile-radio-group")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,o,r,a,n,h,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;s=_litDecoratorsJs.state;l=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_h){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.islabelborder=!1;return _this;}_inherits(c,_h);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,i.forEach(function(t){return t.checked=t===e;}),this.value!==s&&(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _e$find,_this4=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var e=this.getAllRadios().filter(function(t){return!t.disabled;}),i=(_e$find=e.find(function(t){return t.checked;}))!==null&&_e$find!==void 0?_e$find:e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=e[o].value,e[o].checked=!0,this.hasButtonGroup?e[o].shadowRoot.querySelector("button").focus():(e[o].tabIndex=0,e[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),e=t.find(function(t){return t.checked;})||t[0];e&&e.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @click=","\n        @keydown=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=","\n          @click=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        ","\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ","\n        </div>\n\n        ","\n\n        ","\n\n      </fieldset>\n    "])),e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":s,"form-control--has-help-text":l}),s?"false":"true",this.handleLabelClick,this.label,i?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.hasButtonGroup?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            ","\n              "])),r):a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n            <div part=\"options-base\" class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",r),l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?a(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}]);}(h));c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text",reflect:!0})],c.prototype,"helpText",void 0),t([l({attribute:"error-message",reflect:!0})],c.prototype,"errorMessage",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"islabelborder",void 0),t([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),_export("N",c=t([o("nile-radio-group")],c));}};});
 //# sourceMappingURL=nile-radio-group.cjs.js.map

package/dist/nile-radio-group/nile-radio-group.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio-group.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  /** The radio's labelborder for whole gp. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  /** Allow the radio to be unchecked. */\n  @property({ type: Boolean, reflect: true, attribute: true }) allowUncheckGroup = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    if (!this.allowUncheckGroup) {\n      radios.forEach(radio => {\n        radio.checked = radio === target;\n      });\n    }\n\n    if (!this.allowUncheckGroup && this.value !== oldValue) {\n      this.emit('change', { value: this.value});\n      this.emit('input');\n    } else if (this.allowUncheckGroup) { \n      this.emit('change', { value: this.value , checked: target.checked});\n      this.emit('input');\n    }\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('allowUncheckGroup')) {\n      if (this.allowUncheckGroup) {\n        this.getAllRadios().forEach(radio => {\n          radio.allowUncheck = true;\n        });\n      }\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => {\n      radio.checked = radio.value === this.value;\n      if (this.islabelborder) {\n        radio.islabelborder=true;\n      }\n    });\n    const nile_radio_check='nile-radio-button';\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === nile_radio_check);\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    const defaultSlot = html`\n      <slot\n        @click=${this.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div part=\"options-base\" class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"],"names":["NileRadioGroup","c","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","islabelborder","allowUncheckGroup","_this","_inherits","_n","_createClass","key","connectedCallback","super","handleInitialDisabledState","emit","disconnectedCallback","getAllRadios","_toConsumableArray","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","updated","changedProperties","has","allowUncheck","handleDisabledChange","hasAttribute","handleKeyDown","_e$find","_this4","includes","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasLabelSuffixSlot","hasLabel","hasHelpText","hasErrorMessage","defaultSlot","html","_templateObject","_taggedTemplateLiteral","_templateObject2","classMap","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-radio-group.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  /** The radio's labelborder for whole gp. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('change',{value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => {\n      radio.checked = radio.value === this.value;\n      if (this.islabelborder) {\n        radio.islabelborder=true;\n      }\n    });\n    const nile_radio_check='nile-radio-button';\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === nile_radio_check);\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    const defaultSlot = html`\n      <slot\n        @click=${this.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div part=\"options-base\" class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"],"names":["NileRadioGroup","c","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","islabelborder","_this","_inherits","_h","_createClass","key","connectedCallback","super","handleInitialDisabledState","emit","disconnectedCallback","getAllRadios","_toConsumableArray","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","handleDisabledChange","hasAttribute","handleKeyDown","_e$find","_this4","includes","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","_this5","_this$shadowRoot","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasLabelSuffixSlot","hasLabel","hasHelpText","hasErrorMessage","defaultSlot","html","_templateObject","_taggedTemplateLiteral","_templateObject2","classMap","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-radio-group/nile-radio-group.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",i=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .form-control {\n    border: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .form-control__label {\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-radio-group.css.cjs.js.map

package/dist/nile-radio-group/nile-radio-group.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .form-control {\n    border: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .form-control__label {\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}