@aquera/nile-elements 0.0.1-beta.1

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

@@ -0,0 +1,2 @@
+System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var s,i,t,e,a,h,l,r,o,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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){s=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.y;},function(_litDecoratorsJs){t=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){a=_nileRadioCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){l=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.e;},function(_lit){}],execute:function(){d=/*#__PURE__*/function(_r){_inherits(d,_r);var _super=_createSuper(d);function d(){var _this;_classCallCheck(this,d);_this=_super.apply(this,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1;return _this;}_createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners();}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListeners();}},{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.dispatchEvent(new CustomEvent("nile-blur",{bubbles:!0,composed:!0}));}},{key:"handleClick",value:function handleClick(){this.disabled||(this.checked=!0);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.dispatchEvent(new CustomEvent("nile-focus",{bubbles:!0,composed:!0}));}},{key:"setInitialAttributes",value:function setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleCheckedChange",value:function handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"render",value:function render(){return i(_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    "])),h({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size}),"control"+(this.checked?" control--checked":""),this.checked?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"radio__checked-icon\"></span> "]))):"");}}]);return d;}(r);d.styles=a,s([t()],d.prototype,"checked",void 0),s([t()],d.prototype,"hasFocus",void 0),s([o()],d.prototype,"value",void 0),s([o({reflect:!0})],d.prototype,"size",void 0),s([o({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),s([l("checked")],d.prototype,"handleCheckedChange",null),s([l("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=s([e("nile-radio")],d);}};});
+//# sourceMappingURL=nile-radio.cjs.js.map

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

@@ -0,0 +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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } 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  @state() 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  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  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\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.dispatchEvent(\n      new CustomEvent('nile-blur', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private handleClick() {\n    if (!this.disabled) {\n      this.checked = true;\n    }\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.dispatchEvent(\n      new CustomEvent('nile-focus', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private setInitialAttributes() {\n    this.setAttribute('role', 'radio');\n    this.setAttribute('tabindex', '-1');\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('checked')\n  handleCheckedChange() {\n    this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          radio: true,\n          'radio--checked': this.checked,\n          'radio--disabled': this.disabled,\n          'radio--focused': this.hasFocus,\n          'radio--medium': this.size === 'medium',\n        })}\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","constructor","this","checked","hasFocus","value","size","disabled","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","dispatchEvent","CustomEvent","bubbles","composed","setAttribute","handleCheckedChange","handleDisabledChange","render","html","classMap","radio","NileElement","styles","__decorate","state","prototype","property","reflect","type","Boolean","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["../index-adad7634.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\n\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--nile-colors-primary-600);\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-type-scale-3);\n    height: var(--nile-type-scale-3);\n    border: solid 1px var(--nile-colors-neutral-700);\n    border-radius: 50%;\n    background-color: var(--nile-colors-white-base);\n    color: transparent;\n    transition: var(--nile-transition-duration-default) border-color, var(--nile-transition-duration-default) background-color,\n    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-colors-primary-600);\n    background: var(--nile-colors-primary-100);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-colors-primary-600);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-colors-primary-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-colors-primary-900);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    border-color: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n"]))));}};});
+//# sourceMappingURL=nile-radio.css.cjs.js.map

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

@@ -0,0 +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-element';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n\n\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--nile-colors-primary-600);\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-type-scale-3);\n    height: var(--nile-type-scale-3);\n    border: solid 1px var(--nile-colors-neutral-700);\n    border-radius: 50%;\n    background-color: var(--nile-colors-white-base);\n    color: transparent;\n    transition: var(--nile-transition-duration-default) border-color, var(--nile-transition-duration-default) background-color,\n    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-colors-primary-600);\n    background: var(--nile-colors-primary-100);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-colors-primary-600);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-colors-primary-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-colors-primary-900);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    border-color: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n`;\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

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

@@ -0,0 +1,111 @@
+import{i as o}from"../index-f1b94546.esm.js";const r=o`
+
+
+  :host {
+    display: block;
+  }
+
+  :host(:focus-visible) {
+    outline: 0px;
+  }
+
+  .radio {
+    display: inline-flex;
+    align-items: top;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--nile-colors-dark-900);
+    vertical-align: middle;
+    cursor: pointer;
+    margin: 10px 0;
+  }
+
+  .radio--medium {
+    --toggle-size: 14px;
+    font-size: 14px;
+  }
+
+  .radio__checked-icon {
+    display: inline-flex;
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+    background: var(--nile-colors-primary-600);
+  }
+
+  .radio__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--nile-type-scale-3);
+    height: var(--nile-type-scale-3);
+    border: solid 1px var(--nile-colors-neutral-700);
+    border-radius: 50%;
+    background-color: var(--nile-colors-white-base);
+    color: transparent;
+    transition: var(--nile-transition-duration-default) border-color, var(--nile-transition-duration-default) background-color,
+    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default) box-shadow;
+  }
+
+  .radio__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  /* Hover */
+  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
+    border: 1px solid var(--nile-colors-primary-600);
+    background: var(--nile-colors-primary-100);
+  }
+
+  /* Checked */
+  .radio--checked .radio__control {
+    color: var(--nile-colors-primary-600);
+    border: 1px solid var(--nile-colors-primary-600);
+    background-color: var(--nile-colors-white-base);
+  }
+
+  /* Checked + hover */
+  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
+    border: 1px solid var(--nile-colors-primary-900);
+    background-color: var(--nile-colors-white-base);
+  }
+
+  /* Checked + hover */
+  .radio__checked-icon:hover {
+    background-color: var(--nile-colors-primary-900);
+  }
+
+  /* Checked + focus */
+  :host(:focus-visible) .radio__control {
+    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);
+    outline-offset: 1px;
+  }
+
+  /* Disabled */
+  .radio--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    border-color: 1px solid var(--nile-colors-neutral-500);
+  }
+
+  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
+  .radio:not(.radio--checked) svg circle {
+    opacity: 0;
+  }
+
+  .radio__label {
+    display: inline-block;
+    color: var(--nile-colors-dark-900);
+    line-height: var(--nile-type-scale-3);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    font-size: var(--nile-type-scale-3);
+    margin-top: 2px;
+  }
+`;export{r as s};

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

@@ -0,0 +1,12 @@
+import{__decorate as s}from"tslib";import{y as i}from"../index-f1b94546.esm.js";import{state as t,customElement as e}from"lit/decorators.js";import{s as a}from"./nile-radio.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{w as l}from"../internal/watch.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{e as o}from"../property-bf6307e2.esm.js";import"lit";let d=class extends r{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.value="",this.size="medium",this.disabled=!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()}disconnectedCallback(){this.removeEventListeners()}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.dispatchEvent(new CustomEvent("nile-blur",{bubbles:!0,composed:!0}))}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.dispatchEvent(new CustomEvent("nile-focus",{bubbles:!0,composed:!0}))}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return i`
+      <span
+        part="base"
+        class=${h({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size})}
+      >
+        <span part="${"control"+(this.checked?" control--checked":"")}" class="radio__control">
+          ${this.checked?i` <span class="radio__checked-icon"></span> `:""}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `}};d.styles=a,s([t()],d.prototype,"checked",void 0),s([t()],d.prototype,"hasFocus",void 0),s([o()],d.prototype,"value",void 0),s([o({reflect:!0})],d.prototype,"size",void 0),s([o({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),s([l("checked")],d.prototype,"handleCheckedChange",null),s([l("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),d=s([e("nile-radio")],d);

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

@@ -0,0 +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){},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function(){}};});
+//# sourceMappingURL=index.cjs.js.map

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

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

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

@@ -0,0 +1 @@
+import"./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";

package/dist/nile-radio-group/nile-radio-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-group.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,l,s,o,r,a,h,n,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,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){e=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;l=_litDecoratorsJs.state;s=_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(){c=/*#__PURE__*/function(_n){_inherits(c,_n);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.errorMessage="",_this.defaultValue="",_this.label="",_this.helpText="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1;return _this;}_createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.defaultValue=this.value;}},{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(),l=this.value;e.disabled||this.disabled||(this.value=e.value,i.forEach(function(t){return t.checked=t===e;}),this.value!==l&&(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _e$find,_this3=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var e=this.getAllRadios().filter(function(t){return!t.disabled;}),i=(_e$find=e.find(function(t){return t.checked;}))!==null&&_e$find!==void 0?_e$find:e[0],l=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,s=this.value;var o=e.indexOf(i)+l;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this3.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!==s&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),e=t.find(function(t){return t.checked;})||t[0];e&&e.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this4=this,_this$shadowRoot;var t=this.getAllRadios();if(t.forEach(function(t){return t.checked=t.value===_this4.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"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this5=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this5.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),l=!!this.label||!!t,s=!!this.helpText||!!i,o=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            <div id=\"error-message\" aria-live=\"assertive\">","</div>\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        <slot\n          name=\"help-text\"\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=","\n        >\n          ","\n        </slot>\n      </fieldset>\n    "])),e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":l,"form-control--has-help-text":s}),l?"false":"true",this.handleLabelClick,this.label,this.errorMessage,this.required,this.hasButtonGroup?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            ","\n              "])),o):a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            <div class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",o),s?"false":"true",this.helpText);}}]);return c;}(n);c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([l()],c.prototype,"hasButtonGroup",void 0),t([l()],c.prototype,"errorMessage",void 0),t([l()],c.prototype,"defaultValue",void 0),t([s()],c.prototype,"label",void 0),t([s({attribute:"help-text"})],c.prototype,"helpText",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([h("disabled")],c.prototype,"handleDisabledChange",null),t([h("value")],c.prototype,"handleValueChange",null),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

@@ -0,0 +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 } 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  @state() private errorMessage = '';\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 radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\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  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('change',{value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'nile-radio-button');\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\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            <div id=\"error-message\" aria-live=\"assertive\">${this.errorMessage}</div>\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 class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        <slot\n          name=\"help-text\"\n          part=\"form-control-help-text\"\n          id=\"help-text\"\n          class=\"form-control__help-text\"\n          aria-hidden=${hasHelpText ? 'false' : 'true'}\n        >\n          ${this.helpText}\n        </slot>\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","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","errorMessage","defaultValue","label","helpText","name","value","form","required","labelInline","disabled","connectedCallback","super","getAllRadios","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","emit","handleDisabledChange","handleKeyDown","includes","key","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","defaultSlot","html","classMap","NileElement","styles","__decorate","query","prototype","state","property","attribute","reflect","type","Boolean","watch","customElement"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var i,_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(_lit){i=_lit.css;}],execute:function(){_export("s",r=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
+//# sourceMappingURL=nile-radio-group.css.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG"}

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

@@ -0,0 +1,38 @@
+import{css as i}from"lit";var r=i`
+
+  :host {
+    display: block;
+  }
+
+  .form-control--inline-radio ::slotted(nile-radio) {
+    display: inline-block;
+    margin-right: 1.3rem !important;
+  }
+
+  .form-control {
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .form-control__label {
+    padding: 0;
+  }
+
+  .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;
+  }
+`;export{r as s};

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

@@ -0,0 +1,57 @@
+import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/class-map.js";import{query as i,state as l,property as s,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.errorMessage="",this.defaultValue="",this.label="",this.helpText="",this.name="option",this.value="",this.form="",this.required=!1,this.labelInline=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}getAllRadios(){return[...this.querySelectorAll("nile-radio")]}handleRadioClick(t){const e=t.target.closest("nile-radio"),i=this.getAllRadios(),l=this.value;e.disabled||this.disabled||(this.value=e.value,i.forEach((t=>t.checked=t===e)),this.value!==l&&(this.emit("change",{value:this.value}),this.emit("input")))}handleDisabledChange(){this.getAllRadios().forEach((t=>{t.disabled=this.disabled}))}handleKeyDown(t){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],l=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,s=this.value;let o=e.indexOf(i)+l;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!==s&&(this.emit("change"),this.emit("input")),t.preventDefault()}handleLabelClick(){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.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")}updateCheckedRadio(){this.getAllRadios().forEach((t=>t.checked=t.value===this.value))}handleValueChange(){this.hasUpdated&&this.updateCheckedRadio()}render(){const t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),l=!!this.label||!!t,s=!!this.helpText||!!i,o=a`
+      <slot
+        @click=${this.handleRadioClick}
+        @keydown=${this.handleKeyDown}
+        @slotchange=${this.handleSlotChange}
+        role="presentation"
+      ></slot>
+    `;return a`
+      <fieldset
+        part="form-control"
+        class=${e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":l,"form-control--has-help-text":s})}
+        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=${l?"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">
+            <div id="error-message" aria-live="assertive">${this.errorMessage}</div>
+            <label class="radio-group__validation">
+              <input
+                type="text"
+                class="radio-group__validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+              />
+            </label>
+          </div>
+
+          ${this.hasButtonGroup?a`
+            ${o}
+              `:a`
+            <div class="${this.labelInline?"form-control--inline-radio":""}"> ${o}</div> `}
+        </div>
+
+        <slot
+          name="help-text"
+          part="form-control-help-text"
+          id="help-text"
+          class="form-control__help-text"
+          aria-hidden=${s?"false":"true"}
+        >
+          ${this.helpText}
+        </slot>
+      </fieldset>
+    `}};c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([l()],c.prototype,"hasButtonGroup",void 0),t([l()],c.prototype,"errorMessage",void 0),t([l()],c.prototype,"defaultValue",void 0),t([s()],c.prototype,"label",void 0),t([s({attribute:"help-text"})],c.prototype,"helpText",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([h("disabled")],c.prototype,"handleDisabledChange",null),t([h("value")],c.prototype,"handleValueChange",null),c=t([o("nile-radio-group")],c);

package/dist/nile-sidebar/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js"],function(_export,_context){"use strict";var o,i,e,r,t,s,a,_templateObject,_templateObject2,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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 _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){o=_tslib.__decorate;},function(_lit){i=_lit.css;e=_lit.LitElement;r=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;}],execute:function(){n=/*#__PURE__*/function(_e){_inherits(n,_e);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.title="",_this.showSidebar=!1;return _this;}_createClass(n,[{key:"buttonClassMap",get:function get(){return{"nds-menu--active":this.showSidebar};}},{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-menu--wrapper  ","\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>          \n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    "])),a(this.buttonClassMap));}}]);return n;}(e);n.styles=i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid #e5e9eb;      \n      min-height: 100vh;\n      background: #fafafa;\n      border: 1px solid #e5e9eb;\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: 24px;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .menu-group {\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .view-component {\n      background-color: #fff;\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: #fff;\n      // padding: 1rem;\n      border-radius: 3px;\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n      margin-top: 12px !important;\n      margin-bottom: 12px !important;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  "]))),o([t()],n.prototype,"title",void 0),o([t()],n.prototype,"showSidebar",void 0),n=o([s("nile-sidebar")],n);}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-sidebar/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/nile-sidebar/index.ts"],"sourcesContent":["import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * An nile-menu element.\n */\n\ninterface MenuItem {\n  name: string;\n  icon: string;\n  href: string;\n}\n\ninterface MenuItemList {\n  [key: string]: MenuItem;\n}\n\n/**\n * An nile-sidebar element.\n *\n * @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n */\n@customElement('nile-sidebar')\nexport class NileSidebar extends LitElement {\n  static override styles = css`\n    :host {\n      background-color: var(--nile-alert-color-background-base);\n      border-right: 1px solid #e5e9eb;      \n      min-height: 100vh;\n      background: #fafafa;\n      border: 1px solid #e5e9eb;\n    }\n    :host([showSidebar=true]) {\n      min-width: 240px;\n    }\n    .nile-logo {\n      margin: 24px;\n      display: block;\n      margin-bottom: 12px;\n    }\n\n    .menu-group {\n      margin-left: 24px;\n      margin-right: 24px;\n    }\n\n    .view-component {\n      background-color: #fff;\n      min-width: 240px;\n    }\n    // padding: 3rem;\n    .view-component__item {\n      background-color: #fff;\n      // padding: 1rem;\n      border-radius: 3px;\n      border: solid 1px #eee;\n    }\n\n    .nile-menu__hr {\n      border-bottom: solid 1px rgba(0, 0, 0, 0.1);\n      margin-top: 12px !important;\n      margin-bottom: 12px !important;\n      background-color: rgba(0, 0, 0, 0.1);\n    }\n\n    .nds-menu--bottom {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .nds-menu--active .nile-logo {\n      display: none;\n    }\n  `;\n\n  /**\n   * Button Lab\n   */\n  @property()\n  title = '';\n\n  /**\n   * Hide Sidebar\n   */\n  @property()\n  showSidebar = false;\n\n  get buttonClassMap() {\n    return {\n      'nds-menu--active': this.showSidebar\n    };\n  }\n\n  // class=\"nds-menu ${classMap(this.buttonClassMap)}\"\n  \n  override render() {\n    return html`\n      <div class=\"nile-menu--wrapper  ${classMap(this.buttonClassMap)}\" >\n        <div class=\"nile-menu-group\">\n          <a class=\"nile-logo\" href=\"/\">\n            <img\n              src=\"https://assets.aquera.io/img/aquera-logo-blue.svg\"\n              alt=\"Aquera\"\n              width=\"112.94px\"\n              height=\"31.06px\"\n              tabindex=\"1\"\n            />\n          </a>          \n          <div class=\"menu-group\">\n            <slot name=\"menu\"></slot>\n          </div>\n        </div>\n        <div class=\"\">\n          <div class=\"nds-menu--bottom\">\n            <slot name=\"bottom\"></slot>\n          </div>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-sidebar': NileSidebar;\n  }\n}\n"],"names":["NileSidebar","constructor","this","title","showSidebar","buttonClassMap","render","html","classMap","LitElement","styles","css","__decorate","property","prototype","customElement"],"mappings":"2mHA0BaA,CAAb,sEAAAC,gFAwDEC,EAAAA,MAAKC,KAAG,CAAA,EAAA,CAMRD,MAAWE,WAAAA,CAAAA,CAAG,CAmCf,eAjCKC,wDAAAA,CACF,MAAO,CACL,mBAAoBH,IAAKE,CAAAA,WAAAA,CAE5B,EAIQE,uCAAAA,CACP,MAAOC,EAAI,quBACyBC,CAAAA,CAASN,IAAKG,CAAAA,cAAAA,CAAAA,EAsBnD,CA/FeL,eADeS,GACfT,CAAAA,CAAMU,OAAGC,CAAG,wnCAuD5BC,CAAAA,CAAAA,CAAA,CADCC,CACUb,EAAAA,CAAAA,CAAAA,CAAAA,CAAAc,SAAA,CAAA,OAAA,CAAA,IAAA,IAMXF,CAAA,CAAA,CADCC,CACmBb,EAAAA,CAAAA,CAAAA,CAAAA,CAAAc,UAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CA9DTd,EAAWY,CAAA,CAAA,CADvBG,EAAc,cACFf,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-sidebar/index.esm.js

@@ -0,0 +1,72 @@
+import{__decorate as o}from"tslib";import{css as i,LitElement as e,html as r}from"lit";import{property as t,customElement as s}from"lit/decorators.js";import{classMap as a}from"lit/directives/class-map.js";let n=class extends e{constructor(){super(...arguments),this.title="",this.showSidebar=!1}get buttonClassMap(){return{"nds-menu--active":this.showSidebar}}render(){return r`
+      <div class="nile-menu--wrapper  ${a(this.buttonClassMap)}" >
+        <div class="nile-menu-group">
+          <a class="nile-logo" href="/">
+            <img
+              src="https://assets.aquera.io/img/aquera-logo-blue.svg"
+              alt="Aquera"
+              width="112.94px"
+              height="31.06px"
+              tabindex="1"
+            />
+          </a>          
+          <div class="menu-group">
+            <slot name="menu"></slot>
+          </div>
+        </div>
+        <div class="">
+          <div class="nds-menu--bottom">
+            <slot name="bottom"></slot>
+          </div>
+        </div>
+      </div>
+    `}};n.styles=i`
+    :host {
+      background-color: var(--nile-alert-color-background-base);
+      border-right: 1px solid #e5e9eb;      
+      min-height: 100vh;
+      background: #fafafa;
+      border: 1px solid #e5e9eb;
+    }
+    :host([showSidebar=true]) {
+      min-width: 240px;
+    }
+    .nile-logo {
+      margin: 24px;
+      display: block;
+      margin-bottom: 12px;
+    }
+
+    .menu-group {
+      margin-left: 24px;
+      margin-right: 24px;
+    }
+
+    .view-component {
+      background-color: #fff;
+      min-width: 240px;
+    }
+    // padding: 3rem;
+    .view-component__item {
+      background-color: #fff;
+      // padding: 1rem;
+      border-radius: 3px;
+      border: solid 1px #eee;
+    }
+
+    .nile-menu__hr {
+      border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+      margin-top: 12px !important;
+      margin-bottom: 12px !important;
+      background-color: rgba(0, 0, 0, 0.1);
+    }
+
+    .nds-menu--bottom {
+      position: absolute;
+      bottom: 0;
+    }
+
+    .nds-menu--active .nile-logo {
+      display: none;
+    }
+  `,o([t()],n.prototype,"title",void 0),o([t()],n.prototype,"showSidebar",void 0),n=o([s("nile-sidebar")],n);

package/dist/nile-slide-toggle/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-slide-toggle.cjs.js","tslib","../index-adad7634.cjs.js","./nile-slide-toggle.css.cjs.js","lit","../custom-element-fc8dd455.cjs.js","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSlideToggleCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_nileSlideToggleCssCjsJs){},function(_lit){},function(_customElement003CjsJs){},function(_property002CjsJs){}],execute:function(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-slide-toggle/index.cjs.js.map

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

package/dist/nile-slide-toggle/index.esm.js

@@ -0,0 +1 @@
+import"./nile-slide-toggle.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"./nile-slide-toggle.css.esm.js";import"lit";import"../custom-element-ed237dbb.esm.js";import"../property-bf6307e2.esm.js";

package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js

@@ -0,0 +1,2 @@
+System.register(["tslib","../index-adad7634.cjs.js","./nile-slide-toggle.css.cjs.js","../custom-element-fc8dd455.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var e,s,t,l,i,o,_templateObject,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}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 _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){e=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;t=_index001CjsJs.y;},function(_nileSlideToggleCssCjsJs){l=_nileSlideToggleCssCjsJs.s;},function(_customElement003CjsJs){i=_customElement003CjsJs.e;},function(_property002CjsJs){o=_property002CjsJs.e;},function(_lit){}],execute:function(){c=/*#__PURE__*/function(_s){_inherits(c,_s);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.label="",_this.isChecked=!1;return _this;}_createClass(c,[{key:"toggleValue",value:function toggleValue(){this.isChecked=!this.isChecked,this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.isChecked}}));}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    <div class=\"nile-slide-toggle\">\n      <label class=\"nile-slide-toggle__switch\">\n        <input\n          type=\"checkbox\"\n          .checked=","\n          @change=","\n        />\n        <span class=\"nile-slide-toggle__slider\"></span>\n      </label>\n      <span class=\"nile-slide-toggle__label\"> "," </span>\n    </div>\n    "])),this.isChecked,this.toggleValue,this.label);}}]);return c;}(s);c.styles=l,e([o({type:String})],c.prototype,"label",void 0),e([o({type:Boolean,reflect:!0})],c.prototype,"isChecked",void 0),c=e([i("nile-slide-toggle")],c);}};});
+//# sourceMappingURL=nile-slide-toggle.cjs.js.map

package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-slide-toggle.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.ts"],"sourcesContent":["import { CSSResultGroup } from 'lit';\nimport { LitElement, html, property, customElement } from 'lit-element';\nimport styles from './nile-slide-toggle.css';\n\n@customElement('nile-slide-toggle')\nexport class NileSlideToggle extends LitElement {\n  public static styles: CSSResultGroup = styles;\n\n  @property({ type: String }) label = '';\n  @property({ type: Boolean, reflect: true }) isChecked = false;\n\n  toggleValue() {\n    this.isChecked = !this.isChecked;\n    this.dispatchEvent(\n      new CustomEvent('change', { detail: { checked: this.isChecked } })\n    );\n  }\n\n  public render() {\n    return html`\n    <div class=\"nile-slide-toggle\">\n      <label class=\"nile-slide-toggle__switch\">\n        <input\n          type=\"checkbox\"\n          .checked=${this.isChecked}\n          @change=${this.toggleValue}\n        />\n        <span class=\"nile-slide-toggle__slider\"></span>\n      </label>\n      <span class=\"nile-slide-toggle__label\"> ${this.label} </span>\n    </div>\n    `;\n  }\n}\n"],"names":["NileSlideToggle","constructor","this","label","isChecked","toggleValue","dispatchEvent","CustomEvent","detail","checked","render","html","LitElement","styles","__decorate","property","type","String","prototype","Boolean","reflect","customElement"],"mappings":"6sHAKaA,CAAAA,sEAAbC,YAAAA,oEAG8BC,EAAAA,MAAKC,MAAG,EACQD,CAAAA,MAASE,WAAG,CAwBzD,eAtBCC,gEACEH,IAAKE,CAAAA,SAAAA,CAAAA,CAAaF,KAAKE,SACvBF,CAAAA,IAAAA,CAAKI,cACH,GAAIC,YAAAA,CAAY,SAAU,CAAEC,MAAAA,CAAQ,CAAEC,OAASP,CAAAA,IAAAA,CAAKE,aAEvD,EAEMM,uCAAAA,CACL,MAAOC,EAAI,6ZAKMT,IAAKE,CAAAA,SAAAA,CACNF,IAAKG,CAAAA,WAAAA,CAIuBH,IAAKC,CAAAA,KAAAA,EAGlD,CAAA,eA3BkCS,CAArCX,EACgBD,CAAMa,CAAAA,MAAAA,CAAmBA,CAEXC,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,MAAqBjB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,OAAA,CAAA,IAAA,EACKJ,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMG,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAA0BpB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAkB,SAAA,CAAA,WAAA,CAAA,IAAA,EAJnDlB,CAAAA,CAAAA,CAAAA,CAAec,CAAA,CAAA,CAD3BO,EAAc,mBACFrB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-left: 2px;\n    font-size: 14px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--nile-colors-neutral-500);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-colors-white-base);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n"]))));}};});
+//# sourceMappingURL=nile-slide-toggle.css.cjs.js.map

package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-slide-toggle {\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-slide-toggle__switch {\n    position: relative;\n    display: inline-block;\n    width: 32px;\n    height: 16px;\n    line-height: 22px;\n    margin-right: 10px;\n  }\n\n  .nile-slide-toggle__label {\n    margin-left: 2px;\n    font-size: 14px;\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--nile-colors-neutral-500);\n    transition: 0.4s;\n    border-radius: 34px;\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 12px;\n    width: 12px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-colors-white-base);\n    transition: 0.4s;\n    border-radius: 50%;\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    box-shadow: 0 0 1px var(--nile-colors-primary-600);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: 20px;\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: 50%;\n  }\n`;\n"],"names":["styles","css"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG"}

package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js

@@ -0,0 +1,70 @@
+import{css as e}from"lit";var i=e`
+  .nile-slide-toggle {
+    display: flex;
+    align-items: center;
+  }
+
+  .nile-slide-toggle__switch {
+    position: relative;
+    display: inline-block;
+    width: 32px;
+    height: 16px;
+    line-height: 22px;
+    margin-right: 10px;
+  }
+
+  .nile-slide-toggle__label {
+    margin-left: 2px;
+    font-size: 14px;
+  }
+
+  .nile-slide-toggle__switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  .nile-slide-toggle__slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: var(--nile-colors-neutral-500);
+    transition: 0.4s;
+    border-radius: 34px;
+  }
+
+  .nile-slide-toggle__slider:before {
+    position: absolute;
+    content: '';
+    height: 12px;
+    width: 12px;
+    bottom: 2px;
+    left: 2px;
+    background-color: var(--nile-colors-white-base);
+    transition: 0.4s;
+    border-radius: 50%;
+  }
+
+  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {
+    background-color: var(--nile-colors-primary-600);
+  }
+
+  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {
+    box-shadow: 0 0 1px var(--nile-colors-primary-600);
+  }
+
+  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {
+    transform: translateX(16px);
+  }
+
+  .nile-slide-toggle__slider.round {
+    border-radius: 20px;
+  }
+
+  .nile-slide-toggle__slider.round:before {
+    border-radius: 50%;
+  }
+`;export{i as s};