@aquera/nile-elements 0.0.4-8 → 0.0.5-1

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

@@ -0,0 +1,161 @@
+import{i as t}from"../index-cd2f9c12.esm.js";const e=t`
+  :host {
+  }
+
+  .button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    color: var(--color-text-default, #000);
+    text-align: center;
+    border-radius: 4px;
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px; /* 100% */
+    letter-spacing: 0.2px;
+    text-decoration: none;
+    user-select: none;
+    white-space: nowrap;
+    vertical-align: middle;
+    padding: 12px;
+    cursor: pointer;
+    gap: 10px;
+  }
+
+  .button::-moz-focus-inner {
+    border: 0;
+  }
+
+  .button:focus {
+    outline: none;
+  }
+
+  .button:focus-visible {
+    outline: var(--nile-focus-ring);
+    outline-offset: var(--nile-focus-ring-offset);
+  }
+
+  .button--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  /* When disabled, prevent mouse events from bubbling up from children */
+  .button--disabled * {
+    pointer-events: none;
+  }
+
+  .button__prefix,
+  .button__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    pointer-events: none;
+  }
+
+  .button__label {
+    display: inline-block;
+  }
+
+  .button__label::slotted(nile-icon) {
+    vertical-align: -2px;
+  }
+
+  /* Default */
+  .button--default {
+    border: 1px solid #c7ced4;
+    background: #fff;
+    color: black;
+  }
+
+  .button--default:hover:not(.button--disabled) {
+    border: 1px solid #c7ced4;
+    background: #e5e9eb;
+  }
+
+  .button--default:active:not(.button--disabled) {
+    border: 1px solid #c7ced4;
+    background: #e5e9eb;
+  }
+
+  .button--checked {
+    border: 1px solid #c7ced4;
+    background: #e5e9eb;
+  }
+
+  .button--has-label.button--medium .button__label {
+    padding: 0 var(--nile-spacing-medium);
+  }
+
+  .button--has-prefix.button--medium {
+    padding-inline-start: var(--nile-spacing-small);
+  }
+
+  .button--has-prefix.button--medium .button__label {
+    padding-inline-start: var(--nile-spacing-small);
+  }
+
+  .button--has-suffix.button--medium,
+  .button--caret.button--medium {
+    padding-inline-end: var(--nile-spacing-small);
+  }
+
+  .button--has-suffix.button--medium .button__label,
+  .button--caret.button--medium .button__label {
+    padding-inline-end: var(--nile-spacing-small);
+  }
+
+  .nile-radio-button--first {
+    background-color: red;
+  }
+
+  :host(.nile-radio-button--first:not(.nile-radio-button--last)) .button {
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
+  }
+
+  :host(.nile-group-button--inner) .button {
+    border-radius: 0;
+  }
+
+  :host(.nile-radio-button--last:not(.nile-radio-button--first)) .button {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
+
+  /* All except the first */
+  :host(.nile-radio-button__button:not(.nile-radio-button__button--first)) {
+    margin-inline-start: calc(-1 * var(--nile-input-border-width));
+  }
+
+  :host(.nile-radio-button--inner) .button {
+    border-radius: 0;
+    border-left: 0;
+    border-right: 0;
+  }
+
+  .button__prefix,
+  .button__suffix,
+  .button__label {
+    display: inline-flex;
+    position: relative;
+    align-items: center;
+  }
+
+  /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.
+    We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */
+  .hidden-input {
+    all: unset;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    outline: dotted 1px red;
+    opacity: 0;
+    z-index: -1;
+  }
+`;export{e as s};

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

@@ -0,0 +1,21 @@
+import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as s,state as e,customElement as o}from"lit/decorators.js";import{s as l}from"./nile-radio-button.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{H as a}from"../slot.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{ifDefined as d}from"lit/directives/if-defined.js";import{w as u}from"../internal/watch.esm.js";import{n as h}from"../property-09139d3c.esm.js";import"lit";let f=class extends r{constructor(){super(...arguments),this.hasSlotController=new a(this,"[default]","prefix","suffix"),this.hasFocus=!1,this.checked=!1,this.disabled=!1,this.size="medium",this.pill=!1}static get styles(){return[l]}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleClick(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){return i`
+      <div part="base" role="presentation">
+        <button
+          part="${"button"+(this.checked?" button--checked":"")}"
+          role="radio"
+          aria-checked="${this.checked}"
+          class=${n({button:!0,"button--default":!0,"button--checked":this.checked,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
+          aria-disabled=${this.disabled}
+          type="button"
+          value=${d(this.value)}
+          tabindex="${this.checked?"0":"-1"}"
+          @blur=${this.handleBlur}
+          @focus=${this.handleFocus}
+          @click=${this.handleClick}
+        >
+          <slot name="prefix" part="prefix" class="button__prefix"></slot>
+          <slot part="label" class="button__label"></slot>
+          <slot name="suffix" part="suffix" class="button__suffix"></slot>
+        </button>
+      </div>
+    `}};t([s(".button")],f.prototype,"input",void 0),t([s(".hidden-input")],f.prototype,"hiddenInput",void 0),t([e()],f.prototype,"hasFocus",void 0),t([h({type:Boolean,reflect:!0})],f.prototype,"checked",void 0),t([h()],f.prototype,"value",void 0),t([h({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),t([h({reflect:!0})],f.prototype,"size",void 0),t([h({type:Boolean,reflect:!0})],f.prototype,"pill",void 0),t([u("disabled",{waitUntilFirstUpdate:!0})],f.prototype,"handleDisabledChange",null),f=t([o("nile-radio-button")],f);export{f as N};

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

@@ -0,0 +1,2 @@
+System.register(["./nile-radio-button-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-button-group.css.cjs.js","../index-0da7021a.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioButtonGroupCjsJs){_export("NileRadioButtonGroup",_nileRadioButtonGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nileRadioButtonGroupCssCjsJs){},function(_index001CjsJs){}],execute:function(){}};});
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export{N as NileRadioButtonGroup}from"./nile-radio-button-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-button-group.css.esm.js";import"../index-cd2f9c12.esm.js";

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

@@ -0,0 +1,2 @@
+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-button-group.css.cjs.js","../index-0da7021a.cjs.js"],function(_export,_context){"use strict";var t,i,e,o,s,l,r,a,n,h,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_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(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;o=_litDecoratorsJs.state;s=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_nileRadioButtonGroupCssCjsJs){d=_nileRadioButtonGroupCssCjsJs.s;},function(_index001CjsJs){}],execute:function(){_export("N",c=/*#__PURE__*/function(_h){_inherits(c,_h);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,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="";return _this;}_createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.defaultValue=this.value,this.handleInitialDisabledState();}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio-button"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var i=t.target.closest("nile-radio-button"),e=this.getAllRadios(),o=this.value;i.disabled||(this.value=i.value,e.forEach(function(t){return t.checked=t===i;}),this.value!==o&&(this.emit("nile-change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _i$find,_this4=this;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],o=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,s=this.value;var l=i.indexOf(e)+o;l<0&&(l=i.length-1),l>i.length-1&&(l=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=i[l].value,i[l].checked=!0,this.hasButtonGroup?i[l].shadowRoot.querySelector("button").focus():(i[l].tabIndex=0,i[l].focus()),this.value!==s&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){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){return t.checked=t.value===_this5.value;}),this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));var i=_toConsumableArray(this.defaultSlot.assignedElements({flatten:!0}));i.forEach(function(t){var e=i.indexOf(t),o=_this5.findButton(t);null!==o&&(o.classList.toggle("nile-radio-button--first",0===e),o.classList.toggle("nile-radio-button--inner",e>0&&e<i.length-1),o.classList.toggle("nile-radio-button--last",e===i.length-1));});}},{key:"findButton",value:function findButton(t){var _t$closest;var i="nile-radio-button";return(_t$closest=t.closest(i))!==null&&_t$closest!==void 0?_t$closest:t.querySelector(i);}},{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.label||!!t,o=!!this.helpText,s=!!this.errorMessage,l=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        <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      </fieldset>\n    "])),i({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":e,"form-control--has-help-text":o}),e?"false":"true",this.handleLabelClick,this.label,this.required,this.hasButtonGroup?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" "," "])),l):a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <div\n                  class=\"","\"\n                >\n                  ","\n                </div>\n              "])),this.labelInline?"form-control--inline-radio":"",l),o?a(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",s?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n              <nile-form-error-message\n                >","</nile-form-error-message\n              >\n            "])),this.errorMessage):"");}}]);return c;}(h));c.styles=d,t([e("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([o()],c.prototype,"hasButtonGroup",void 0),t([o()],c.prototype,"defaultValue",void 0),t([s()],c.prototype,"label",void 0),t([s()],c.prototype,"name",void 0),t([s({reflect:!0})],c.prototype,"value",void 0),t([s({reflect:!0})],c.prototype,"form",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({attribute:"help-text"})],c.prototype,"helpText",void 0),t([s({attribute:"error-message"})],c.prototype,"errorMessage",void 0),t([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),_export("N",c=t([l("nile-radio-button-group")],c));}};});
+//# sourceMappingURL=nile-radio-button-group.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio-button-group.cjs.js","sources":["../../../src/nile-radio-button-group/nile-radio-button-group.ts"],"sourcesContent":["import { 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-button-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadioButton from '../nile-radio-button/nile-radio-button';\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-button-group')\nexport class NileRadioButtonGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\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  /** 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' }) helpText = '';\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadioButton>('nile-radio-button')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadioButton>(\n      'nile-radio-button'\n    )!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('nile-change', { value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled')\n        ? radio.disabled\n        : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (\n      !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(\n        event.key\n      )\n    ) {\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 =\n      event.key === ' '\n        ? 0\n        : ['ArrowUp', 'ArrowLeft'].includes(event.key)\n        ? -1\n        : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n\n    this.hasButtonGroup = radios.some(\n      radio => radio.tagName.toLowerCase() === 'nile-radio-button'\n    );\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n\n    const slottedElements = [\n      ...this.defaultSlot.assignedElements({ flatten: true }),\n    ] as HTMLElement[];\n\n    // console.log(slottedElements);\n\n    slottedElements.forEach(el => {\n      const index = slottedElements.indexOf(el);\n      const button = this.findButton(el);\n\n      if (button !== null) {\n        button.classList.toggle('nile-radio-button--first', index === 0);\n        button.classList.toggle(\n          'nile-radio-button--inner',\n          index > 0 && index < slottedElements.length - 1\n        );\n        button.classList.toggle(\n          'nile-radio-button--last',\n          index === slottedElements.length - 1\n        );\n      }\n    });\n  }\n\n  private findButton(el: HTMLElement) {\n    const selector = 'nile-radio-button';\n\n    return el.closest(selector) ?? el.querySelector(selector);\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 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        <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` ${defaultSlot} `\n            : html`\n                <div\n                  class=\"${this.labelInline\n                    ? `form-control--inline-radio`\n                    : ``}\"\n                >\n                  ${defaultSlot}\n                </div>\n              `}\n        </div>\n\n        ${hasHelpText\n          ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n          : ``}\n        ${hasErrorMessage\n          ? html`\n              <nile-form-error-message\n                >${this.errorMessage}</nile-form-error-message\n              >\n            `\n          : ``}\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioButtonGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-button-group': NileRadioButtonGroup;\n  }\n}\n"],"names":["NileRadioButtonGroup","_h","_inherits","c","_super","_createSuper","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","_this","_createClass","key","connectedCallback","super","handleInitialDisabledState","getAllRadios","_toConsumableArray","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","emit","handleDisabledChange","hasAttribute","handleKeyDown","includes","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","some","tagName","toLowerCase","slottedElements","defaultSlot","assignedElements","flatten","el","button","findButton","classList","toggle","selector","_t$closest","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","_templateObject2","classMap","_templateObject3","_templateObject4","_templateObject5","_templateObject6","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["../index-0da7021a.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=[o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .form-control-input {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n"])))]);}};});
+//# sourceMappingURL=nile-radio-button-group.css.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio-button-group.css.cjs.js","sources":["../../../src/nile-radio-button-group/nile-radio-button-group.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-element';\n\n/**\n * RadioButtonGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .form-control-input {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAuEeA,CAAA,CAAA,CA3DOC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -0,0 +1,58 @@
+import{i as o}from"../index-cd2f9c12.esm.js";var r=[o`
+  :host {
+    display: block;
+  }
+
+  .form-control {
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .form-control__label {
+    padding: 0;
+    font-size: 14px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  .radio-group--required .radio-group__label::after {
+    content: '*';
+    margin-inline-start: -2px;
+  }
+
+  .visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  .form-control-input {
+    display: flex;
+    flex-wrap: nowrap;
+  }
+
+  .form-control--has-label .form-control__label {
+    display: inline-block;
+    color: inherit;
+    margin-bottom: 12px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+`];export{r as s};

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

@@ -0,0 +1,56 @@
+import{__decorate as t}from"tslib";import{classMap as i}from"lit/directives/class-map.js";import{query as e,state as o,property as s,customElement as l}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-button-group.css.esm.js";import"../index-cd2f9c12.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=""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value,this.handleInitialDisabledState()}getAllRadios(){return[...this.querySelectorAll("nile-radio-button")]}handleRadioClick(t){const i=t.target.closest("nile-radio-button"),e=this.getAllRadios(),o=this.value;i.disabled||(this.value=i.value,e.forEach((t=>t.checked=t===i)),this.value!==o&&(this.emit("nile-change",{value:this.value}),this.emit("input")))}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(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;const i=this.getAllRadios().filter((t=>!t.disabled)),e=i.find((t=>t.checked))??i[0],o=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,s=this.value;let l=i.indexOf(e)+o;l<0&&(l=i.length-1),l>i.length-1&&(l=0),this.getAllRadios().forEach((t=>{t.checked=!1,this.hasButtonGroup||(t.tabIndex=-1)})),this.value=i[l].value,i[l].checked=!0,this.hasButtonGroup?i[l].shadowRoot.querySelector("button").focus():(i[l].tabIndex=0,i[l].focus()),this.value!==s&&(this.emit("change"),this.emit("input")),t.preventDefault()}handleLabelClick(){const t=this.getAllRadios(),i=t.find((t=>t.checked))||t[0];i&&i.focus()}handleSlotChange(){const t=this.getAllRadios();if(t.forEach((t=>t.checked=t.value===this.value)),this.hasButtonGroup=t.some((t=>"nile-radio-button"===t.tagName.toLowerCase())),!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");const i=[...this.defaultSlot.assignedElements({flatten:!0})];i.forEach((t=>{const e=i.indexOf(t),o=this.findButton(t);null!==o&&(o.classList.toggle("nile-radio-button--first",0===e),o.classList.toggle("nile-radio-button--inner",e>0&&e<i.length-1),o.classList.toggle("nile-radio-button--last",e===i.length-1))}))}findButton(t){const i="nile-radio-button";return t.closest(i)??t.querySelector(i)}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 e=!!this.label||!!t,o=!!this.helpText,s=!!this.errorMessage,l=a`
+      <slot
+        @click=${this.handleRadioClick}
+        @keydown=${this.handleKeyDown}
+        @slotchange=${this.handleSlotChange}
+        role="presentation"
+      ></slot>
+    `;return a`
+      <fieldset
+        part="form-control"
+        class=${i({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":e,"form-control--has-help-text":o})}
+        role="radiogroup"
+        aria-labelledby="label"
+        aria-describedby="help-text"
+        aria-errormessage="error-message"
+      >
+        <label
+          part="form-control-label"
+          id="label"
+          class="form-control__label"
+          aria-hidden=${e?"false":"true"}
+          @click=${this.handleLabelClick}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        <div part="form-control-input" class="form-control-input">
+          <div class="visually-hidden">
+            <label class="radio-group__validation">
+              <input
+                type="text"
+                class="radio-group__validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+              />
+            </label>
+          </div>
+
+          ${this.hasButtonGroup?a` ${l} `:a`
+                <div
+                  class="${this.labelInline?"form-control--inline-radio":""}"
+                >
+                  ${l}
+                </div>
+              `}
+        </div>
+
+        ${o?a` <nile-form-help-text>${this.helpText}</nile-form-help-text> `:""}
+        ${s?a`
+              <nile-form-error-message
+                >${this.errorMessage}</nile-form-error-message
+              >
+            `:""}
+      </fieldset>
+    `}};c.styles=d,t([e("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([o()],c.prototype,"hasButtonGroup",void 0),t([o()],c.prototype,"defaultValue",void 0),t([s()],c.prototype,"label",void 0),t([s()],c.prototype,"name",void 0),t([s({reflect:!0})],c.prototype,"value",void 0),t([s({reflect:!0})],c.prototype,"form",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([s({attribute:"help-text"})],c.prototype,"helpText",void 0),t([s({attribute:"error-message"})],c.prototype,"errorMessage",void 0),t([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),c=t([l("nile-radio-button-group")],c);export{c as N};