@aquera/nile-elements 1.6.2 → 1.6.3

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,h,a,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;h=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){a=_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.disabled?this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled?(this.setAttribute("tabindex","-1"),this.matches(":focus")&&this.blur()):this.setAttribute("tabindex",this.checked?"0":"-1");}},{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=a,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([h("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","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var i,s,t,e,a,h,l,r,o,_templateObject,_templateObject2,n;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;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",n=/*#__PURE__*/function(_o){function n(){var _this;_classCallCheck(this,n);_this=_callSuper(this,n,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1,_this.islabelborder=!1,_this.allowUncheck=!1;return _this;}_inherits(n,_o);return _createClass(n,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(n,"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.disabled?this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled?(this.setAttribute("tabindex","-1"),this.matches(":focus")&&this.blur()):this.setAttribute("tabindex",this.checked?"0":"-1");}},{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));n.styles=h,i([t({type:Boolean})],n.prototype,"checked",void 0),i([e()],n.prototype,"hasFocus",void 0),i([t()],n.prototype,"value",void 0),i([t({reflect:!0})],n.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"islabelborder",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"allowUncheck",void 0),i([r("checked")],n.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],n.prototype,"handleDisabledChange",null),_export("N",n=i([a("nile-radio")],n));}};});
 //# 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    if (this.disabled) {\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.setAttribute('tabindex', this.checked ? '0' : '-1');\n    }\n  \n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\nhandleDisabledChange() {\n  this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  if (this.disabled) {\n    this.setAttribute('tabindex', '-1');\n    \n    if (this.matches(':focus')) {\n      (this as HTMLElement).blur();\n    }\n  } else {\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\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","allowUncheck","_this","_inherits","_o","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","setAttribute","handleCheckedChange","handleDisabledChange","matches","blur","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  \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    if (this.disabled) {\n      this.setAttribute('tabindex', '-1');\n    } else {\n      this.setAttribute('tabindex', this.checked ? '0' : '-1');\n    }\n  \n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\nhandleDisabledChange() {\n  this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  if (this.disabled) {\n    this.setAttribute('tabindex', '-1');\n    \n    if (this.matches(':focus')) {\n      (this as HTMLElement).blur();\n    }\n  } else {\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\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","_o","n","this","checked","hasFocus","value","size","disabled","islabelborder","allowUncheck","_this","_inherits","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","setAttribute","handleCheckedChange","handleDisabledChange","matches","blur","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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"}

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-neutral));\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-bg-brand-solid));\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-bg-brand-solid-hover));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\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 /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .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    \n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-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-dark-100, var(--ng-colors-border-disabled));\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 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-neutral));\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-bg-brand-solid));\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-bg-brand-solid-hover));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\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 /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .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    \n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-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-dark-100, var(--ng-colors-border-disabled));\n  }\n\n  .radio--disabled .radio__label {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\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"]))));}};});
 //# 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-neutral));\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-bg-brand-solid));\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-bg-brand-solid-hover));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\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 /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .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    \n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-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-dark-100, var(--ng-colors-border-disabled));\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    -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-neutral));\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-bg-brand-solid));\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-bg-brand-solid-hover));\n    background-color: var(--nile-radio-checked-hover-background-color, var(--ng-colors-bg-brand-solid-hover));\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 /* Focused, but not disabled */\n.radio--focused:not(.radio--disabled) .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    \n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:var(--nile-colors-dark-100, var(--ng-colors-fg-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-dark-100, var(--ng-colors-border-disabled));\n  }\n\n  .radio--disabled .radio__label {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\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"}

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

@@ -116,6 +116,10 @@ import{css as r}from"lit";const o=r`
     border: 1px solid var(--nile-colors-dark-100, var(--ng-colors-border-disabled));
   }
 
+  .radio--disabled .radio__label {
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+  }
+
   /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
   .radio:not(.radio--checked) svg circle {
     opacity: 0;

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 h}from"lit/decorators.js";import{s as a}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.disabled?this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled?(this.setAttribute("tabindex","-1"),this.matches(":focus")&&this.blur()):this.setAttribute("tabindex",this.checked?"0":"-1")}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";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let n=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.disabled?this.setAttribute("tabindex","-1"):this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled?(this.setAttribute("tabindex","-1"),this.matches(":focus")&&this.blur()):this.setAttribute("tabindex",this.checked?"0":"-1")}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=a,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([h("nile-radio")],d);export{d as N};
+    `}};n.styles=h,i([t({type:Boolean})],n.prototype,"checked",void 0),i([e()],n.prototype,"hasFocus",void 0),i([t()],n.prototype,"value",void 0),i([t({reflect:!0})],n.prototype,"size",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"islabelborder",void 0),i([t({type:Boolean,reflect:!0})],n.prototype,"allowUncheck",void 0),i([r("checked")],n.prototype,"handleCheckedChange",null),i([r("disabled",{waitUntilFirstUpdate:!0})],n.prototype,"handleDisabledChange",null),n=i([a("nile-radio")],n);export{n as N};

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

@@ -1,2 +1,2 @@
-System.register(["./nile-radio-group.cjs.js","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";return{setters:[function(_nileRadioGroupCjsJs){_export("NileRadioGroup",_nileRadioGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-radio-group.cjs.js","tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioGroupCjsJs){_export("NileRadioGroup",_nileRadioGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileRadioGroup}from"./nile-radio-group.esm.js";import"tslib";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/slot.esm.js";import"lit";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"./nile-radio-group.css.esm.js";
+export{N as NileRadioGroup}from"./nile-radio-group.esm.js";import"tslib";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/slot.esm.js";import"lit";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"./nile-radio-group.css.esm.js";

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(this.disabled)return;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(){if(this.disabled)return;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();if(t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);}),this.disabled)return void t.forEach(function(t){return t.tabIndex=-1;});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),t.length>0&&!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","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,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){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){e=_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;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],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,_this.allowUncheckGroup=!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 i=t.target.closest("nile-radio"),e=this.getAllRadios(),s=this.value;i.disabled||this.disabled||(this.value=i.value,this.allowUncheckGroup||e.forEach(function(t){t.checked=t===i;}),this.allowUncheckGroup||this.value===s?this.allowUncheckGroup&&(this.emit("change",{value:this.value,checked:i.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 _i$find,_this4=this;if(this.disabled)return;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var i=this.getAllRadios().filter(function(t){return!t.disabled;}),e=(_i$find=i.find(function(t){return t.checked;}))!==null&&_i$find!==void 0?_i$find:i[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=i.indexOf(e)+s;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].tabIndex=0,i[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){if(this.disabled)return;var t=this.getAllRadios(),i=t.find(function(t){return t.checked;})||t[0];i&&i.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();if(t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);}),this.disabled)return void t.forEach(function(t){return t.tabIndex=-1;});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),t.length>0&&!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 e=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    "])),i({"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,e?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([e("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([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 (this.disabled) return;\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    if (this.disabled) return;\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    if (this.disabled) {\n      radios.forEach(r => (r.tabIndex = -1));\n      return;\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.length > 0 && !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","r","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, 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 (this.disabled) return;\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    if (this.disabled) return;\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    if (this.disabled) {\n      radios.forEach(r => (r.tabIndex = -1));\n      return;\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.length > 0 && !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","_h","c","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","islabelborder","allowUncheckGroup","_this","_inherits","_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","includes","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","r","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":"20KA2BaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEAGYC,KAAAA,CAAiBC,iBAAAA,CAAG,GAAIC,CAAAA,CAAAA,CAAAA,sBAAAA,CAAAA,KAAAA,EAAwB,WAAA,CAAa,OACtEF,CAAAA,CAAAA,KAAAA,CAAqBG,qBAAG,CAAA,EAAA,CAIfH,KAAAA,CAAcI,cAAAA,CAAAA,CAAG,CAEzBJ,CAAAA,KAAAA,CAAYK,aAAG,EAMZL,CAAAA,KAAAA,CAAKM,KAAG,CAAA,EAAA,CAGRN,KAAAA,CAAIO,IAAAA,CAAG,QAGUP,CAAAA,KAAAA,CAAKQ,KAAG,CAAA,EAAA,CAORR,KAAAA,CAAIS,IAAAA,CAAG,EAGQT,CAAAA,KAAAA,CAAQU,UAAG,CAIXV,CAAAA,KAAAA,CAAWW,WAAG,CAAA,CAAA,CAAA,CAGdX,KAAAA,CAAQY,QAAAA,CAAAA,CAAG,CAEFZ,CAAAA,KAAAA,CAAQa,QAAG,CAAA,EAAA,CAEPb,KAAAA,CAAYc,YAAAA,CAAG,EAG5Bd,CAAAA,KAAAA,CAAae,eAAG,CAGCf,CAAAA,KAAAA,CAAiBgB,iBAAG,CAAA,CAAA,CA8PlF,QAAAC,KAAA,EA5PCC,SAAA,CAAAnB,CAAA,CAAAD,EAAA,SAAAqB,YAAA,CAAApB,CAAA,GAAAqB,GAAA,qBAAAZ,KAAA,UAAAa,iBAAAA,CAAAA,CACEC,CAAAA,aAAAA,CAAAA,CAAAA,iCACAtB,IAAAA,CAAKK,YAAeL,CAAAA,IAAAA,CAAKQ,KACzBR,CAAAA,IAAAA,CAAKuB,6BACLvB,IAAKwB,CAAAA,IAAAA,CAAK,WACX,CAAA,EAED,GAAAJ,GAAA,wBAAAZ,KAAA,UAAAiB,oBAAAA,CAAAA,CAAAA,CACEH,aAAAA,CAAAA,CAAAA,oCACAtB,IAAKwB,CAAAA,IAAAA,CAAK,cACX,CAAA,EAEO,GAAAJ,GAAA,gBAAAZ,KAAA,UAAAkB,YAAAA,CAAAA,CAAAA,CACN,OAAAC,kBAAA,CAAW3B,IAAK4B,CAAAA,gBAAAA,CAA4B,YAC7C,CAAA,EAAA,CAEO,GAAAR,GAAA,oBAAAZ,KAAA,UAAAqB,gBAAAA,CAAiBC,CACvB,CAAA,CAAA,GAAMC,CAAAA,CAAUD,CAAAA,CAAAA,CAAMC,MAAuBC,CAAAA,OAAAA,CAAmB,YAC1DC,CAAAA,CAAAA,CAAAA,CAASjC,KAAK0B,YACdQ,CAAAA,CAAAA,CAAAA,CAAAA,CAAWlC,IAAKQ,CAAAA,KAAAA,CAElBuB,CAAOnB,CAAAA,QAAAA,EAAYZ,IAAKY,CAAAA,QAAAA,GAI5BZ,IAAKQ,CAAAA,KAAAA,CAAQuB,CAAOvB,CAAAA,KAAAA,CACfR,IAAKgB,CAAAA,iBAAAA,EACRiB,EAAOE,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CACbA,CAAMC,CAAAA,OAAAA,CAAUD,CAAUL,GAAAA,CAAM,EAI/B/B,CAAAA,CAAAA,IAAAA,CAAKgB,iBAAqBhB,EAAAA,IAAAA,CAAKQ,KAAU0B,GAAAA,CAAAA,CAGnClC,IAAKgB,CAAAA,iBAAAA,GACdhB,KAAKwB,IAAK,CAAA,QAAA,CAAU,CAAEhB,KAAAA,CAAOR,IAAKQ,CAAAA,KAAAA,CAAQ6B,OAASN,CAAAA,CAAAA,CAAOM,OAC1DrC,CAAAA,CAAAA,CAAAA,IAAAA,CAAKwB,IAAK,CAAA,OAAA,CAAA,CAAA,EAJVxB,IAAKwB,CAAAA,IAAAA,CAAK,QAAU,CAAA,CAAEhB,KAAOR,CAAAA,IAAAA,CAAKQ,KAClCR,CAAAA,CAAAA,CAAAA,IAAAA,CAAKwB,IAAK,CAAA,OAAA,CAAA,CAAA,CAKb,EAES,GAAAJ,GAAA,WAAAZ,KAAA,UAAA8B,OAAAA,CAAQC,CAAAA,CAAAA,CAChBjB,aAAAA,CAAAA,CAAAA,oBAAciB,CAEVA,GAAAA,CAAAA,CAAkBC,IAAI,mBACpBxC,CAAAA,EAAAA,IAAAA,CAAKgB,iBACPhB,EAAAA,IAAAA,CAAK0B,YAAeS,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,CAC1BA,CAAAA,CAAAA,CAAAA,CAAMK,YAAe,CAAA,CAAA,CAAI,EAIhC,CAAA,EAGD,GAAArB,GAAA,wBAAAZ,KAAA,UAAAkC,oBAAAA,CAAAA,CAAAA,KAAAA,MAAAA,MACE1C,KAAK0B,YAAeS,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,CAC1BA,CAAAA,CAAAA,CAAAA,CAAMxB,QAAWZ,CAAAA,MAAAA,CAAKY,QAAQ,EAAA,CAEjC,EAEO,GAAAQ,GAAA,8BAAAZ,KAAA,UAAAe,0BAAAA,CAAAA,CACNvB,KAAAA,MAAAA,MAAAA,IAAAA,CAAK0B,YAAeS,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,GAC1BA,CAAMxB,CAAAA,QAAAA,CAAWwB,CAAMO,CAAAA,YAAAA,CAAa,UAAcP,CAAAA,CAAAA,CAAAA,CAAMxB,QAAWZ,CAAAA,MAAAA,CAAKY,QAAQ,EAAA,CAEnF,EAEO,GAAAQ,GAAA,iBAAAZ,KAAA,UAAAoC,aAAAA,CAAcd,CAAAA,CAAAA,KAAAA,OAAAA,CAAAA,MAAAA,MACpB,GAAI9B,IAAAA,CAAKY,QAAU,CAAA,OACnB,GAAK,CAAA,CAAC,SAAW,CAAA,WAAA,CAAa,WAAa,CAAA,YAAA,CAAc,GAAKiC,CAAAA,CAAAA,QAAAA,CAASf,CAAMV,CAAAA,GAAAA,CAAAA,CAC3E,OAGF,GAAMa,CAAAA,EAASjC,IAAK0B,CAAAA,YAAAA,CAAAA,CAAAA,CAAeoB,MAAOV,CAAAA,SAAAA,CAAAA,QAAAA,CAAUA,CAAMxB,CAAAA,QAAAA,EAAAA,CAAAA,CACpDmC,CAAed,EAAAA,OAAAA,CAAAA,CAAAA,CAAOe,IAAKZ,CAAAA,SAAAA,CAAAA,QAASA,CAAAA,CAAMC,CAAAA,OAAAA,EAAAA,CAAAA,UAAAA,OAAAA,UAAAA,OAAAA,CAAYJ,CAAO,CAAA,CAAA,CAAA,CAC7DgB,EAAqB,GAAdnB,GAAAA,CAAAA,CAAMV,GAAc,CAAA,CAAA,CAAI,CAAC,SAAA,CAAW,WAAayB,CAAAA,CAAAA,QAAAA,CAASf,CAAMV,CAAAA,GAAAA,CAAAA,CAAAA,CAAQ,CAAI,CAAA,CAAA,CACnFc,CAAWlC,CAAAA,IAAAA,CAAKQ,MACtB,GAAI0C,CAAAA,CAAAA,CAAQjB,CAAOkB,CAAAA,OAAAA,CAAQJ,CAAgBE,CAAAA,CAAAA,CAAAA,CAEvCC,CAAQ,CAAA,CAAA,GACVA,CAAQjB,CAAAA,CAAAA,CAAOmB,MAAS,CAAA,CAAA,CAAA,CAGtBF,CAAQjB,CAAAA,CAAAA,CAAOmB,OAAS,CAC1BF,GAAAA,CAAAA,CAAQ,CAGVlD,CAAAA,CAAAA,IAAAA,CAAK0B,YAAeS,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,CAC1BA,CAAAA,CAAAA,CAAAA,CAAMC,OAAU,CAAA,CAAA,CAAA,CAEXrC,MAAKI,CAAAA,cAAAA,GACRgC,CAAMiB,CAAAA,QAAAA,CAAAA,CAAY,EACnB,EAGHrD,CAAAA,CAAAA,IAAAA,CAAKQ,KAAQyB,CAAAA,CAAAA,CAAOiB,CAAO1C,CAAAA,CAAAA,KAAAA,CAC3ByB,CAAOiB,CAAAA,CAAAA,CAAAA,CAAOb,OAAU,CAAA,CAAA,CAAA,CAEnBrC,IAAKI,CAAAA,cAAAA,CAIR6B,CAAOiB,CAAAA,CAAAA,CAAAA,CAAOI,WAAYC,aAAc,CAAA,QAAA,CAAA,CAAWC,KAHnDvB,CAAAA,CAAAA,EAAAA,CAAAA,CAAOiB,CAAOG,CAAAA,CAAAA,QAAAA,CAAW,CACzBpB,CAAAA,CAAAA,CAAOiB,CAAOM,CAAAA,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAKZxD,IAAKQ,CAAAA,KAAAA,GAAU0B,CACjBlC,GAAAA,IAAAA,CAAKwB,KAAK,QACVxB,CAAAA,CAAAA,IAAAA,CAAKwB,IAAK,CAAA,OAAA,CAAA,CAAA,CAGZM,CAAM2B,CAAAA,cAAAA,CAAAA,CACP,EAEO,GAAArC,GAAA,oBAAAZ,KAAA,UAAAkD,gBAAAA,CAAAA,CACN,CAAA,GAAI1D,IAAKY,CAAAA,QAAAA,CAAU,OACnB,GAAMqB,CAAAA,CAASjC,CAAAA,IAAAA,CAAK0B,YAEdiC,CAAAA,CAAAA,CAAAA,CAAAA,CADU1B,CAAOe,CAAAA,IAAAA,CAAKZ,SAAAA,CAASA,QAAAA,CAAAA,CAAAA,CAAMC,OACXJ,EAAAA,CAAAA,EAAAA,CAAAA,CAAO,CAGnC0B,CAAAA,CAAAA,CAAAA,EACFA,CAAaH,CAAAA,KAAAA,CAAAA,CAEhB,EAEO,GAAApC,GAAA,oBAAAZ,KAAA,UAAAoD,gBAAAA,CAAAA,mCACN,GAAM3B,CAAAA,CAAAA,CAASjC,IAAK0B,CAAAA,YAAAA,CAAAA,CAAAA,CAQpB,GANAO,CAAAA,CAAOE,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CACbA,CAAMC,CAAAA,OAAAA,CAAUD,CAAM5B,CAAAA,KAAAA,GAAUR,MAAKQ,CAAAA,KAAAA,CACjCR,OAAKe,aACPqB,GAAAA,CAAAA,CAAMrB,aAAc,CAAA,CAAA,CAAA,CACrB,EAECf,CAAAA,CAAAA,IAAAA,CAAKY,QAEP,CAAA,MAAA,KADAqB,CAAAA,CAAOE,CAAAA,OAAAA,CAAQ0B,SAAAA,CAAMA,QAAAA,CAAAA,CAAAA,CAAER,QAAY,CAAA,CAAA,CAAA,EAAA,CAAA,CAMrC,GAFArD,IAAKI,CAAAA,cAAAA,CAAiB6B,CAAO6B,CAAAA,IAAAA,CAAK1B,SAAAA,CADX,QAAA,mBAAA,GACoBA,CAAM2B,CAAAA,OAAAA,CAAQC,WAErD/B,CAAAA,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAOmB,MAAS,CAAA,CAAA,EAAA,CAAMnB,CAAO6B,CAAAA,IAAAA,CAAK1B,SAAAA,CAASA,QAAAA,CAAAA,CAAAA,CAAMC,OACnD,EAAA,CAAA,CAAA,GAAIrC,IAAKI,CAAAA,cAAAA,CAAgB,CACH6B,CAAAA,CAAO,CAAGqB,CAAAA,CAAAA,UAAAA,CAAYC,aAAc,CAAA,QAAA,CAAA,CAC5CF,QAAW,CAAA,CACxB,EACCpB,IAAAA,CAAAA,CAAAA,CAAO,GAAGoB,QAAW,CAAA,CAAA,CAIrBrD,IAAKI,CAAAA,cAAAA,IAAAA,gBAAAA,CACaJ,IAAKsD,CAAAA,UAAAA,UAAAA,gBAAAA,iBAALtD,gBAAAA,CAAiBuD,aAAc,CAAA,mBAAA,CAEtD,GAEO,GAAAnC,GAAA,sBAAAZ,KAAA,UAAAyD,kBAAAA,CAAAA,CACSjE,KAAAA,MAAAA,MAAAA,IAAAA,CAAK0B,YACbS,CAAAA,CAAAA,CAAAA,OAAAA,CAAQC,SAAAA,SAAUA,CAAAA,CAAMC,CAAAA,OAAAA,CAAUD,CAAM5B,CAAAA,KAAAA,GAAUR,MAAKQ,CAAAA,KAAAA,EAAAA,CAC/D,EAGD,GAAAY,GAAA,qBAAAZ,KAAA,UAAA0D,iBAAAA,CAAAA,CACMlE,CAAAA,IAAAA,CAAKmE,UACPnE,EAAAA,IAAAA,CAAKiE,kBAER,CAAA,CAAA,EAED,GAAA7C,GAAA,UAAAZ,KAAA,UAAA4D,MAAAA,CAAAA,CACE,CAAA,GAAMC,CAAAA,CAAerE,CAAAA,IAAAA,CAAKC,iBAAkBqE,CAAAA,IAAAA,CAAK,OACzBtE,CAAAA,CAAAA,IAAAA,CAAKC,iBAAkBqE,CAAAA,IAAAA,CAAK,WACpD,CAAA,CAAA,GAAMC,CAAAA,CAAqBvE,CAAAA,IAAAA,CAAKC,iBAAkBqE,CAAAA,IAAAA,CAAK,cACjDE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAWxE,IAAKM,CAAAA,KAAAA,EAAAA,CAAAA,CAAiB+D,CACjCI,CAAAA,CAAAA,CAAAA,CAAAA,CAAczE,IAAKa,CAAAA,QAAAA,CACnB6D,CAAkB1E,CAAAA,CAAAA,CAAAA,IAAAA,CAAKc,YAEvB6D,CAAAA,CAAAA,CAAcC,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6IAEX9E,IAAK6B,CAAAA,gBAAAA,CACH7B,IAAK4C,CAAAA,aAAAA,CACF5C,IAAK4D,CAAAA,gBAAAA,CAKvB,CAAA,MAAOgB,CAAAA,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,++BAGCE,CAAS,CAAA,CACf,gBAAgB,CAChB,CAAA,sBAAA,CAAA,CAAwB,EACxB,2BAA6B,CAAA,CAAA,CAAA,CAC7B,yBAA2BR,CAAAA,CAAAA,CAC3B,6BAA+BC,CAAAA,CAAAA,CAAAA,CAAAA,CAWjBD,CAAAA,CAAW,OAAU,CAAA,MAAA,CAC1BxE,IAAK0D,CAAAA,gBAAAA,CAEO1D,IAAKM,CAAAA,KAAAA,CAG1BiE,CAAAA,CAAqBK,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,8CAAwC,EAAA,CAQ/C9E,IAAKU,CAAAA,QAAAA,CAOrBV,IAAAA,CAAKI,eACHwE,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,yCACJH,CAAAA,EAECC,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,0EAC2B9E,IAAKW,CAAAA,WAAAA,CAAc,6BAA6B,EAAQgE,CAAAA,CAAAA,CAAAA,CAI5FF,CAAAA,CACIG,CAAI,CAAAQ,gBAAA,GAAAA,gBAAA,CAAAN,sBAAA,wFACqB9E,IAAKa,CAAAA,QAAAA,EAE9B,EAAA,CAIJ6D,CAAAA,CACIE,CAAI,CAAAS,gBAAA,GAAAA,gBAAA,CAAAP,sBAAA,sIAEG9E,IAAKc,CAAAA,YAAAA,EAGZ,EAAA,EAKX,CAAA,MA9SiCwE,CAA7B,GACEzF,EAAM0F,MAAmBA,CAAAA,CAAAA,CAKLC,CAAA,CAAA,CAA1BC,EAAM,kBAAiD5F,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6F,SAAA,CAAA,aAAA,CAAA,IAAA,IAEvCF,CAAA,CAAA,CAAhBG,KAAuC9F,CAAA6F,CAAAA,SAAAA,CAAA,qBAAA,EAE/BF,CAAAA,CAAAA,CAAAA,CAAA,CAARG,CAAAA,CAAAA,CAAAA,CAAAA,CAA0B9F,EAAA6F,SAAA,CAAA,cAAA,CAAA,IAAA,IAMfF,CAAA,CAAA,CAAXI,KAAsB/F,CAAA6F,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGXF,EAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAA2B/F,EAAA6F,SAAA,CAAA,MAAA,CAAA,IAAA,IAGCF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,SAAS,CAAmBhG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6F,SAAA,CAAA,OAAA,CAAA,IAAA,IAOXF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,SAAS,CAAkBhG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6F,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGKF,EAAA,CAA3CI,CAAAA,CAAS,CAAEE,IAAAA,CAAMC,QAASF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyBhG,EAAA6F,SAAA,CAAA,UAAA,CAAA,IAAA,IAIjBF,CAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEE,KAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,KAA4BhG,CAAA6F,CAAAA,SAAAA,CAAA,kBAAA,EAGpBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEE,IAAMC,CAAAA,OAAAA,CAASF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyBhG,EAAA6F,SAAA,CAAA,UAAA,CAAA,IAAA,EAERF,CAAAA,CAAAA,CAAAA,CAAA,CAApDI,CAAS,CAAA,CAAEI,UAAW,WAAaH,CAAAA,OAAAA,CAAAA,CAAS,KAAsBhG,CAAA6F,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEVF,EAAA,CAAxDI,CAAAA,CAAS,CAAEI,SAAW,CAAA,eAAA,CAAiBH,SAAS,CAA0BhG,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA6F,SAAA,CAAA,cAAA,CAAA,IAAA,IAG/BF,CAAA,CAAA,CAA3CI,EAAS,CAAEE,IAAAA,CAAMC,QAASF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA8BhG,CAAA6F,CAAAA,SAAAA,CAAA,oBAAA,EAGLF,CAAAA,CAAAA,CAAAA,CAAA,CAA5DI,CAAS,CAAA,CAAEE,KAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,CAAMG,CAAAA,SAAAA,CAAAA,CAAW,KAAkCnG,CAAA6F,CAAAA,SAAAA,CAAA,wBAAA,EAwDvFF,CAAAA,CAAAA,CAAAA,CAAA,CADCS,CAAM,CAAA,UAAA,CAAY,CAAEC,oBAAAA,CAAAA,CAAsB,KAK1CrG,CAAA6F,CAAAA,SAAAA,CAAA,uBAAA,IAsGDF,CAAAA,CAAAA,CAAAA,CAAA,CADCS,CAAM,CAAA,OAAA,CAAA,CAAA,CAKNpG,CAAA6F,CAAAA,SAAAA,CAAA,oBAAA,IAvNU7F,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAc2F,EAAA,CAD1BW,CAAAA,CAAc,qBACFtG"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/class-map.js";import{query as i,state as s,property as l,customElement as o}from"lit/decorators.js";import{H as r}from"../internal/slot.esm.js";import{html as a}from"lit";import{w as h}from"../internal/watch.esm.js";import{N as n}from"../internal/nile-element.esm.js";import{s as d}from"./nile-radio-group.css.esm.js";let c=class extends n{constructor(){super(...arguments),this.hasSlotController=new r(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}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getAllRadios(){return[...this.querySelectorAll("nile-radio")]}handleRadioClick(t){const e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,this.allowUncheckGroup||i.forEach((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")))}updated(t){super.updated(t),t.has("allowUncheckGroup")&&this.allowUncheckGroup&&this.getAllRadios().forEach((t=>{t.allowUncheck=!0}))}handleDisabledChange(){this.getAllRadios().forEach((t=>{t.disabled=this.disabled}))}handleInitialDisabledState(){this.getAllRadios().forEach((t=>{t.disabled=t.hasAttribute("disabled")?t.disabled:this.disabled}))}handleKeyDown(t){if(this.disabled)return;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;const e=this.getAllRadios().filter((t=>!t.disabled)),i=e.find((t=>t.checked))??e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;let o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach((t=>{t.checked=!1,this.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()}handleLabelClick(){if(this.disabled)return;const t=this.getAllRadios(),e=t.find((t=>t.checked))||t[0];e&&e.focus()}handleSlotChange(){const t=this.getAllRadios();if(t.forEach((t=>{t.checked=t.value===this.value,this.islabelborder&&(t.islabelborder=!0)})),this.disabled)return void t.forEach((t=>t.tabIndex=-1));if(this.hasButtonGroup=t.some((t=>"nile-radio-button"===t.tagName.toLowerCase())),t.length>0&&!t.some((t=>t.checked)))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0}else t[0].tabIndex=0;this.hasButtonGroup&&this.shadowRoot?.querySelector("nile-button-group")}updateCheckedRadio(){this.getAllRadios().forEach((t=>t.checked=t.value===this.value))}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a`
+import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/class-map.js";import{query as i,state as s,property as l,customElement as o}from"lit/decorators.js";import{H as r}from"../internal/slot.esm.js";import{html as a}from"lit";import{w as n}from"../internal/watch.esm.js";import{N as h}from"../internal/nile-element.esm.js";import{s as d}from"./nile-radio-group.css.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let c=class extends h{constructor(){super(...arguments),this.hasSlotController=new r(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}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}getAllRadios(){return[...this.querySelectorAll("nile-radio")]}handleRadioClick(t){const e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,this.allowUncheckGroup||i.forEach((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")))}updated(t){super.updated(t),t.has("allowUncheckGroup")&&this.allowUncheckGroup&&this.getAllRadios().forEach((t=>{t.allowUncheck=!0}))}handleDisabledChange(){this.getAllRadios().forEach((t=>{t.disabled=this.disabled}))}handleInitialDisabledState(){this.getAllRadios().forEach((t=>{t.disabled=t.hasAttribute("disabled")?t.disabled:this.disabled}))}handleKeyDown(t){if(this.disabled)return;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;const e=this.getAllRadios().filter((t=>!t.disabled)),i=e.find((t=>t.checked))??e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;let o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach((t=>{t.checked=!1,this.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()}handleLabelClick(){if(this.disabled)return;const t=this.getAllRadios(),e=t.find((t=>t.checked))||t[0];e&&e.focus()}handleSlotChange(){const t=this.getAllRadios();if(t.forEach((t=>{t.checked=t.value===this.value,this.islabelborder&&(t.islabelborder=!0)})),this.disabled)return void t.forEach((t=>t.tabIndex=-1));if(this.hasButtonGroup=t.some((t=>"nile-radio-button"===t.tagName.toLowerCase())),t.length>0&&!t.some((t=>t.checked)))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0}else t[0].tabIndex=0;this.hasButtonGroup&&this.shadowRoot?.querySelector("nile-button-group")}updateCheckedRadio(){this.getAllRadios().forEach((t=>t.checked=t.value===this.value))}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a`
       <slot
         @click=${this.handleRadioClick}
         @keydown=${this.handleKeyDown}
@@ -56,4 +56,4 @@ import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/clas
               `:""}
 
       </fieldset>
-    `}};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),c=t([o("nile-radio-group")],c);export{c as 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([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),c=t([o("nile-radio-group")],c);export{c as N};