@aquera/nile-elements 0.0.6-11 → 0.0.6-12

package/demo/index.html

@@ -189,7 +189,7 @@
       const w  = new Worker('fetchTextFromFileWorker.js');
       const getMessage =  (msg)=>{
         const icons = splitStringBy(msg.data, ',');
-        renderNewIcons(icons)
+        // renderNewIcons(icons)
       }
       function splitStringBy(str, seperator){
         return str.split(seperator)

package/dist/index.iife.js

@@ -4363,14 +4363,16 @@ const bM=Symbol.for(""),ZM=M=>{if((null==M?void 0:M.r)===bM)return null==M?void
   .nile-button-toggle__active {
     background-color: #c7ced4;
   }
-`;M.NileButtonToggle=class extends IM{constructor(){super(...arguments),this.active=!1,this.initial=!1,this.middle=!1,this.end=!1,this.value=""}static get styles(){return[WD]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.toggle)}disconnectedCallback(){this.removeEventListener("click",this.toggle),super.disconnectedCallback()}toggle(){this.active=!0;const M={active:this.active,value:this.value};this.dispatchEvent(new CustomEvent("nile-toggle-changed",{detail:M,bubbles:!0}))}render(){let M=["nile-button-toggle"];this.active&&M.push("nile-button-toggle__active"),this.initial&&M.push("nile-button-toggle__initial"),this.middle&&M.push("nile-button-toggle__middle"),this.end&&M.push("nile-button-toggle__end");const N=M.join(" ");return V`
+
+  .nile-button-toggle__disabled {
+    cursor: not-allowed;
+  }
+`;M.NileButtonToggle=class extends BM{constructor(){super(...arguments),this.active=!1,this.initial=!1,this.middle=!1,this.end=!1,this.disabled=!1,this.value=""}static get styles(){return[WD]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.toggle)}disconnectedCallback(){this.removeEventListener("click",this.toggle),super.disconnectedCallback()}toggle(){if(this.disabled)return;this.active=!0;const M={active:this.active,value:this.value};this.dispatchEvent(new CustomEvent("nile-toggle-changed",{detail:M,bubbles:!0}))}render(){let M=["nile-button-toggle"];this.active&&M.push("nile-button-toggle__active"),this.initial&&M.push("nile-button-toggle__initial"),this.middle&&M.push("nile-button-toggle__middle"),this.end&&M.push("nile-button-toggle__end"),this.disabled&&M.push("nile-button-toggle__disabled");const N=M.join(" ");return V`
       <div class="${N}">
         <slot name="prefix"></slot>
         <slot> </slot>
       </div>
-    `}},N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"active",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"initial",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"middle",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"end",void 0),N([zM({type:String})],M.NileButtonToggle.prototype,"value",void 0),M.NileButtonToggle=N([uM("nile-button-toggle")],M.NileButtonToggle);var VD=M.NileButtonToggle;M.NileButtonToggleGroup=class extends IM{static get styles(){return[pD]}connectedCallback(){super.connectedCallback()}firstUpdated(){this.defaultSlot.addEventListener("slotchange",(()=>this.updateTogglePositions())),this.addEventListener("nile-toggle-changed",this.handleToggle),this.updateTogglePositions()}updateTogglePositions(){const M=this.defaultSlot.assignedNodes({flatten:!0}).filter((M=>M instanceof VD));M.forEach(((N,D)=>{N.initial=0===D,N.middle=D>0&&D<M.length-1,N.end=D===M.length-1}))}handleToggle(M){const N=this.querySelectorAll("nile-button-toggle");N&&M.detail.active&&(N.forEach((N=>{N!==M.target&&(N.active=!1)})),this.dispatchEvent(new CustomEvent("nile-changed",{detail:{value:M.detail.value}})))}render(){return V`
-			<slot> </slot>
-			`}},N([function(M){return tM({descriptor:N=>({get(){var N,D;return null!==(D=null===(N=this.renderRoot)||void 0===N?void 0:N.querySelectorAll(M))&&void 0!==D?D:[]},enumerable:!0,configurable:!0})})}("nile-button-toggle")],M.NileButtonToggleGroup.prototype,"toggles",void 0),N([yM("slot:not([name])")],M.NileButtonToggleGroup.prototype,"defaultSlot",void 0),M.NileButtonToggleGroup=N([uM("nile-button-toggle-group")],M.NileButtonToggleGroup);const vD=u`
+    `}},N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"active",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"initial",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"middle",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"end",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggle.prototype,"disabled",void 0),N([zM({type:String})],M.NileButtonToggle.prototype,"value",void 0),M.NileButtonToggle=N([uM("nile-button-toggle")],M.NileButtonToggle);var VD=M.NileButtonToggle;M.NileButtonToggleGroup=class extends BM{constructor(){super(...arguments),this.disabled=!1}static get styles(){return[pD]}connectedCallback(){super.connectedCallback()}firstUpdated(){this.defaultSlot.addEventListener("slotchange",(()=>this.updateTogglePositions())),this.addEventListener("nile-toggle-changed",this.handleToggle),this.updateTogglePositions()}updated(M){super.updated(M),M.has("disabled")&&this.updateDisabledState()}updateDisabledState(){this.defaultSlot.assignedNodes({flatten:!0}).filter((M=>M instanceof VD)).forEach((M=>{M.disabled||(M.disabled=this.disabled)}))}updateTogglePositions(){const M=this.defaultSlot.assignedNodes({flatten:!0}).filter((M=>M instanceof VD));M.forEach(((N,D)=>{N.initial=0===D,N.middle=D>0&&D<M.length-1,N.end=D===M.length-1}))}handleToggle(M){if(this.disabled)return;const N=this.querySelectorAll("nile-button-toggle");N&&M.detail.active&&(N.forEach((N=>{N!==M.target&&(N.active=!1)})),this.emit("nile-change",{value:M.detail.value}))}render(){return V` <slot> </slot> `}},N([function(M){return tM({descriptor:N=>({get(){var N,D;return null!==(D=null===(N=this.renderRoot)||void 0===N?void 0:N.querySelectorAll(M))&&void 0!==D?D:[]},enumerable:!0,configurable:!0})})}("nile-button-toggle")],M.NileButtonToggleGroup.prototype,"toggles",void 0),N([yM("slot:not([name])")],M.NileButtonToggleGroup.prototype,"defaultSlot",void 0),N([zM({type:Boolean,reflect:!0})],M.NileButtonToggleGroup.prototype,"disabled",void 0),M.NileButtonToggleGroup=N([uM("nile-button-toggle-group")],M.NileButtonToggleGroup);const vD=u`
   :host {
     display: inline-block;
     width: 100%;

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

@@ -1,2 +1,2 @@
-System.register(["./nile-button-toggle.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileButtonToggleCjsJs){_export("NileButtonToggle",_nileButtonToggleCjsJs.a);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileButtonToggleCssCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
+System.register(["./nile-button-toggle.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileButtonToggleCjsJs){_export("NileButtonToggle",_nileButtonToggleCjsJs.a);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileButtonToggleCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{a as NileButtonToggle}from"./nile-button-toggle.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-button-toggle.css.esm.js";import"../property-09139d3c.esm.js";
+export{a as NileButtonToggle}from"./nile-button-toggle.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-button-toggle.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var t,e,i,o,s,l,_templateObject,n,r;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){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.s;i=_index001CjsJs.x;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileButtonToggleCssCjsJs){s=_nileButtonToggleCssCjsJs.s;},function(_property002CjsJs){l=_property002CjsJs.n;}],execute:function(){_export("a",n=/*#__PURE__*/function(_e){_inherits(n,_e);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.active=!1,_this.initial=!1,_this.middle=!1,_this.end=!1,_this.value="";return _this;}_createClass(n,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this.addEventListener("click",this.toggle);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("click",this.toggle),_get(_getPrototypeOf(n.prototype),"disconnectedCallback",this).call(this);}},{key:"toggle",value:function toggle(){this.active=!0;var t={active:this.active,value:this.value};this.dispatchEvent(new CustomEvent("nile-toggle-changed",{detail:t,bubbles:!0}));}},{key:"render",value:function render(){var t=["nile-button-toggle"];this.active&&t.push("nile-button-toggle__active"),this.initial&&t.push("nile-button-toggle__initial"),this.middle&&t.push("nile-button-toggle__middle"),this.end&&t.push("nile-button-toggle__end");var e=t.join(" ");return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"","\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    "])),e);}}],[{key:"styles",get:function get(){return[s];}}]);return n;}(e));t([l({type:Boolean,reflect:!0})],n.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"initial",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"middle",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"end",void 0),t([l({type:String})],n.prototype,"value",void 0),_export("a",n=t([o("nile-button-toggle")],n));_export("N",r=n);}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle.css.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,o,s,l,_templateObject,n,r;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){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileButtonToggleCssCjsJs){o=_nileButtonToggleCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;},function(_property002CjsJs){l=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("a",n=/*#__PURE__*/function(_s){_inherits(n,_s);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.active=!1,_this.initial=!1,_this.middle=!1,_this.end=!1,_this.disabled=!1,_this.value="";return _this;}_createClass(n,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(n.prototype),"connectedCallback",this).call(this),this.addEventListener("click",this.toggle);}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("click",this.toggle),_get(_getPrototypeOf(n.prototype),"disconnectedCallback",this).call(this);}},{key:"toggle",value:function toggle(){if(this.disabled)return;this.active=!0;var t={active:this.active,value:this.value};this.dispatchEvent(new CustomEvent("nile-toggle-changed",{detail:t,bubbles:!0}));}},{key:"render",value:function render(){var t=["nile-button-toggle"];this.active&&t.push("nile-button-toggle__active"),this.initial&&t.push("nile-button-toggle__initial"),this.middle&&t.push("nile-button-toggle__middle"),this.end&&t.push("nile-button-toggle__end"),this.disabled&&t.push("nile-button-toggle__disabled");var i=t.join(" ");return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"","\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    "])),i);}}],[{key:"styles",get:function get(){return[o];}}]);return n;}(s));t([l({type:Boolean,reflect:!0})],n.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"initial",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"middle",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"end",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),t([l({type:String})],n.prototype,"value",void 0),_export("a",n=t([i("nile-button-toggle")],n));_export("N",r=n);}};});
 //# sourceMappingURL=nile-button-toggle.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle.cjs.js","sources":["../../../src/nile-button-toggle/nile-button-toggle.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-button-toggle.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle\n *\n */\n@customElement('nile-button-toggle')\nexport class NileButtonToggle extends LitElement {\n\n\t/**\n\t * The styles for ButtonToggle\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  initial = false;\n\n  @property({ type: Boolean, reflect: true })\n  middle = false;\n\n  @property({ type: Boolean, reflect: true })\n  end = false;\n\n  @property({ type: String })\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.toggle);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.toggle);\n    super.disconnectedCallback();\n  }\n\n  toggle() {\n    this.active = true;\n    const eventData = { active: this.active, value: this.value };\n    this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));\n\n  }\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n  public render(): TemplateResult {\n    let classes = ['nile-button-toggle'];\n    if (this.active) {\n      classes.push('nile-button-toggle__active');\n    }\n    if (this.initial) {\n      classes.push('nile-button-toggle__initial');\n    }\n    if (this.middle) {\n      classes.push('nile-button-toggle__middle');\n    }\n    if (this.end) {\n      classes.push('nile-button-toggle__end');\n    }\n\n    const classString = classes.join(' ');\n\n    return html`\n      <div class=\"${classString}\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    `;\n  }\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggle;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle': NileButtonToggle;\n  }\n}\n"],"names":["NileButtonToggle","_e","_inherits","n","_super","_createSuper","constructor","this","active","initial","middle","end","value","_this","_createClass","key","connectedCallback","super","addEventListener","toggle","disconnectedCallback","removeEventListener","eventData","dispatchEvent","CustomEvent","detail","bubbles","render","classes","push","classString","join","html","_templateObject","_taggedTemplateLiteral","get","styles","LitElement","__decorate","property","type","Boolean","reflect","prototype","String","customElement","_export","NileButtonToggle$1"],"mappings":"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"}
+{"version":3,"file":"nile-button-toggle.cjs.js","sources":["../../../src/nile-button-toggle/nile-button-toggle.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-button-toggle.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle\n *\n */\n@customElement('nile-button-toggle')\nexport class NileButtonToggle extends NileElement {\n\n\t/**\n\t * The styles for ButtonToggle\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  initial = false;\n\n  @property({ type: Boolean, reflect: true })\n  middle = false;\n\n  @property({ type: Boolean, reflect: true })\n  end = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.toggle);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.toggle);\n    super.disconnectedCallback();\n  }\n\n  toggle() {\n    if (this.disabled) return;\n    this.active = true;\n    const eventData = { active: this.active, value: this.value };\n    this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));\n  }\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n  public render(): TemplateResult {\n    let classes = ['nile-button-toggle'];\n    if (this.active) {\n      classes.push('nile-button-toggle__active');\n    }\n    if (this.initial) {\n      classes.push('nile-button-toggle__initial');\n    }\n    if (this.middle) {\n      classes.push('nile-button-toggle__middle');\n    }\n    if (this.end) {\n      classes.push('nile-button-toggle__end');\n    }\n    if (this.disabled) {\n      classes.push('nile-button-toggle__disabled');\n    }\n\n    const classString = classes.join(' ');\n\n    return html`\n      <div class=\"${classString}\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    `;\n  }\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggle;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle': NileButtonToggle;\n  }\n}\n"],"names":["NileButtonToggle","n","constructor","this","active","initial","middle","end","disabled","value","_this","_createClass","key","connectedCallback","super","addEventListener","toggle","disconnectedCallback","removeEventListener","eventData","dispatchEvent","CustomEvent","detail","bubbles","render","classes","push","classString","join","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","_export","customElement","NileButtonToggle$1"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;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){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;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){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-button-toggle.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle.css.cjs.js","sources":["../../../src/nile-button-toggle/nile-button-toggle.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 * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-button-toggle.css.cjs.js","sources":["../../../src/nile-button-toggle/nile-button-toggle.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 * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -37,4 +37,8 @@ import{i as e}from"../index-cd2f9c12.esm.js";const o=e`
   .nile-button-toggle__active {
     background-color: #c7ced4;
   }
+
+  .nile-button-toggle__disabled {
+    cursor: not-allowed;
+  }
 `;export{o as s};

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

@@ -1,6 +1,6 @@
-import{__decorate as t}from"tslib";import{s as e,x as i}from"../index-cd2f9c12.esm.js";import{customElement as o}from"lit/decorators.js";import{s}from"./nile-button-toggle.css.esm.js";import{n as l}from"../property-09139d3c.esm.js";let n=class extends e{constructor(){super(...arguments),this.active=!1,this.initial=!1,this.middle=!1,this.end=!1,this.value=""}static get styles(){return[s]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.toggle)}disconnectedCallback(){this.removeEventListener("click",this.toggle),super.disconnectedCallback()}toggle(){this.active=!0;const t={active:this.active,value:this.value};this.dispatchEvent(new CustomEvent("nile-toggle-changed",{detail:t,bubbles:!0}))}render(){let t=["nile-button-toggle"];this.active&&t.push("nile-button-toggle__active"),this.initial&&t.push("nile-button-toggle__initial"),this.middle&&t.push("nile-button-toggle__middle"),this.end&&t.push("nile-button-toggle__end");const e=t.join(" ");return i`
-      <div class="${e}">
+import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as o}from"./nile-button-toggle.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{n as l}from"../property-09139d3c.esm.js";import"lit";let n=class extends s{constructor(){super(...arguments),this.active=!1,this.initial=!1,this.middle=!1,this.end=!1,this.disabled=!1,this.value=""}static get styles(){return[o]}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.toggle)}disconnectedCallback(){this.removeEventListener("click",this.toggle),super.disconnectedCallback()}toggle(){if(this.disabled)return;this.active=!0;const t={active:this.active,value:this.value};this.dispatchEvent(new CustomEvent("nile-toggle-changed",{detail:t,bubbles:!0}))}render(){let t=["nile-button-toggle"];this.active&&t.push("nile-button-toggle__active"),this.initial&&t.push("nile-button-toggle__initial"),this.middle&&t.push("nile-button-toggle__middle"),this.end&&t.push("nile-button-toggle__end"),this.disabled&&t.push("nile-button-toggle__disabled");const i=t.join(" ");return e`
+      <div class="${i}">
         <slot name="prefix"></slot>
         <slot> </slot>
       </div>
-    `}};t([l({type:Boolean,reflect:!0})],n.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"initial",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"middle",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"end",void 0),t([l({type:String})],n.prototype,"value",void 0),n=t([o("nile-button-toggle")],n);var r=n;export{r as N,n as a};
+    `}};t([l({type:Boolean,reflect:!0})],n.prototype,"active",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"initial",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"middle",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"end",void 0),t([l({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0),t([l({type:String})],n.prototype,"value",void 0),n=t([i("nile-button-toggle")],n);var r=n;export{r as N,n as a};

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

@@ -1,2 +1,2 @@
-System.register(["./nile-button-toggle-group.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle-group.css.cjs.js","../nile-button-toggle/nile-button-toggle.cjs.js","../nile-button-toggle/nile-button-toggle.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileButtonToggleGroupCjsJs){_export("NileButtonToggleGroup",_nileButtonToggleGroupCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileButtonToggleGroupCssCjsJs){},function(_nileButtonToggleNileButtonToggleCjsJs){},function(_nileButtonToggleNileButtonToggleCssCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
+System.register(["./nile-button-toggle-group.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle-group.css.cjs.js","../nile-button-toggle/nile-button-toggle.cjs.js","../nile-button-toggle/nile-button-toggle.css.cjs.js","../internal/nile-element.cjs.js","lit","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileButtonToggleGroupCjsJs){_export("NileButtonToggleGroup",_nileButtonToggleGroupCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileButtonToggleGroupCssCjsJs){},function(_nileButtonToggleNileButtonToggleCjsJs){},function(_nileButtonToggleNileButtonToggleCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-export{N as NileButtonToggleGroup}from"./nile-button-toggle-group.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-button-toggle-group.css.esm.js";import"../nile-button-toggle/nile-button-toggle.esm.js";import"../nile-button-toggle/nile-button-toggle.css.esm.js";import"../property-09139d3c.esm.js";
+export{N as NileButtonToggleGroup}from"./nile-button-toggle-group.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-button-toggle-group.css.esm.js";import"../nile-button-toggle/nile-button-toggle.esm.js";import"../nile-button-toggle/nile-button-toggle.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle-group.css.cjs.js","../nile-button-toggle/nile-button-toggle.cjs.js","../nile-button-toggle/nile-button-toggle.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var t,o,e,s,l,n,i,g,_templateObject,r;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){t=_tslib.__decorate;},function(_index001CjsJs){o=_index001CjsJs.s;e=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.queryAll;l=_litDecoratorsJs.query;n=_litDecoratorsJs.customElement;},function(_nileButtonToggleGroupCssCjsJs){i=_nileButtonToggleGroupCssCjsJs.s;},function(_nileButtonToggleNileButtonToggleCjsJs){g=_nileButtonToggleNileButtonToggleCjsJs.N;},function(_nileButtonToggleNileButtonToggleCssCjsJs){},function(_property002CjsJs){}],execute:function(){_export("N",r=/*#__PURE__*/function(_o){_inherits(r,_o);var _super=_createSuper(r);function r(){_classCallCheck(this,r);return _super.apply(this,arguments);}_createClass(r,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(r.prototype),"connectedCallback",this).call(this);}},{key:"firstUpdated",value:function firstUpdated(){var _this=this;this.defaultSlot.addEventListener("slotchange",function(){return _this.updateTogglePositions();}),this.addEventListener("nile-toggle-changed",this.handleToggle),this.updateTogglePositions();}},{key:"updateTogglePositions",value:function updateTogglePositions(){var t=this.defaultSlot.assignedNodes({flatten:!0}).filter(function(t){return t instanceof g;});t.forEach(function(o,e){o.initial=0===e,o.middle=e>0&&e<t.length-1,o.end=e===t.length-1;});}},{key:"handleToggle",value:function handleToggle(t){var o=this.querySelectorAll("nile-button-toggle");o&&t.detail.active&&(o.forEach(function(o){o!==t.target&&(o.active=!1);}),this.dispatchEvent(new CustomEvent("nile-changed",{detail:{value:t.detail.value}})));}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot> </slot>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);return r;}(o));t([s("nile-button-toggle")],r.prototype,"toggles",void 0),t([l("slot:not([name])")],r.prototype,"defaultSlot",void 0),_export("N",r=t([n("nile-button-toggle-group")],r));}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-button-toggle-group.css.cjs.js","../nile-button-toggle/nile-button-toggle.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.cjs.js","../nile-button-toggle/nile-button-toggle.css.cjs.js","lit"],function(_export,_context){"use strict";var t,e,o,s,i,l,n,r,a,_templateObject,g;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){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.x;},function(_litDecoratorsJs){o=_litDecoratorsJs.queryAll;s=_litDecoratorsJs.query;i=_litDecoratorsJs.customElement;},function(_nileButtonToggleGroupCssCjsJs){l=_nileButtonToggleGroupCssCjsJs.s;},function(_nileButtonToggleNileButtonToggleCjsJs){n=_nileButtonToggleNileButtonToggleCjsJs.N;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){a=_property002CjsJs.n;},function(_nileButtonToggleNileButtonToggleCssCjsJs){},function(_lit){}],execute:function(){_export("N",g=/*#__PURE__*/function(_r){_inherits(g,_r);var _super=_createSuper(g);function g(){var _this;_classCallCheck(this,g);_this=_super.apply(this,arguments),_this.disabled=!1;return _this;}_createClass(g,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(g.prototype),"connectedCallback",this).call(this);}},{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this.defaultSlot.addEventListener("slotchange",function(){return _this2.updateTogglePositions();}),this.addEventListener("nile-toggle-changed",this.handleToggle),this.updateTogglePositions();}},{key:"updated",value:function updated(t){_get(_getPrototypeOf(g.prototype),"updated",this).call(this,t),t.has("disabled")&&this.updateDisabledState();}},{key:"updateDisabledState",value:function updateDisabledState(){var _this3=this;this.defaultSlot.assignedNodes({flatten:!0}).filter(function(t){return t instanceof n;}).forEach(function(t){t.disabled||(t.disabled=_this3.disabled);});}},{key:"updateTogglePositions",value:function updateTogglePositions(){var t=this.defaultSlot.assignedNodes({flatten:!0}).filter(function(t){return t instanceof n;});t.forEach(function(e,o){e.initial=0===o,e.middle=o>0&&o<t.length-1,e.end=o===t.length-1;});}},{key:"handleToggle",value:function handleToggle(t){if(this.disabled)return;var e=this.querySelectorAll("nile-button-toggle");e&&t.detail.active&&(e.forEach(function(e){e!==t.target&&(e.active=!1);}),this.emit("nile-change",{value:t.detail.value}));}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral([" <slot> </slot> "])));}}],[{key:"styles",get:function get(){return[l];}}]);return g;}(r));t([o("nile-button-toggle")],g.prototype,"toggles",void 0),t([s("slot:not([name])")],g.prototype,"defaultSlot",void 0),t([a({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0),_export("N",g=t([i("nile-button-toggle-group")],g));}};});
 //# sourceMappingURL=nile-button-toggle-group.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle-group.cjs.js","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.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, query, queryAll } from 'lit/decorators.js';\nimport {styles} from './nile-button-toggle-group.css';\nimport NileButtonToggle from '../nile-button-toggle/nile-button-toggle';\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle-group\n *\n */\n@customElement('nile-button-toggle-group')\nexport class NileButtonToggleGroup extends LitElement {\n\n\t/**\n\t * The styles for ButtonToggleGroup\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  @queryAll('nile-button-toggle')\n  private toggles!: NodeListOf<NileButtonToggle>;\n\n  @query('slot:not([name])')\n  private defaultSlot!: HTMLSlotElement;\n\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  firstUpdated() {\n    this.defaultSlot.addEventListener('slotchange', () => this.updateTogglePositions());\n    this.addEventListener('nile-toggle-changed', this.handleToggle);\n    this.updateTogglePositions();\n  }\n\n  updateTogglePositions() {\n    const assignedNodes = this.defaultSlot.assignedNodes({flatten: true});\n    const toggles = assignedNodes.filter(node => node instanceof NileButtonToggle) as NileButtonToggle[];\n\n    toggles.forEach((toggle, index) => {\n      toggle.initial = index === 0;\n      toggle.middle = index > 0 && index < toggles.length - 1;\n      toggle.end = index === toggles.length - 1;\n    });\n  }\n\n  handleToggle(event: CustomEvent) {\n    const toggles = this.querySelectorAll('nile-button-toggle');\n\n    if (toggles && event.detail.active) {\n      toggles.forEach((toggle: any) => {\n        if (toggle !== event.target) {\n          toggle.active = false;\n        }\n      });\n\n      this.dispatchEvent(new CustomEvent('nile-changed', { detail: { value: event.detail.value } }));\n    }\n  };\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggleGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle-group': NileButtonToggleGroup;\n  }\n}\n"],"names":["NileButtonToggleGroup","_o","_inherits","r","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","connectedCallback","super","firstUpdated","this","defaultSlot","addEventListener","updateTogglePositions","handleToggle","toggles","assignedNodes","flatten","filter","node","NileButtonToggle","forEach","toggle","index","initial","middle","length","end","event","querySelectorAll","detail","active","target","dispatchEvent","CustomEvent","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","LitElement","queryAll","prototype","query","_export","customElement"],"mappings":"0gJAkBaA,CAAN,uBAAAC,EAAA,EAAAC,SAAA,CAAAC,CAAA,CAAAF,EAAA,MAAAG,MAAA,CAAAC,YAAA,CAAAF,CAAA,WAAAA,EAAA,EAAAG,eAAA,MAAAH,CAAA,SAAAC,MAAA,CAAAG,KAAA,MAAAC,SAAA,GAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,qBAAAC,KAAA,CAiBL,SAAAC,kBAAA,CACEC,CAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACD,CAED,GAAAH,GAAA,gBAAAC,KAAA,UAAAG,aAAA,CAAAA,KAAAA,KAAAA,MACEC,IAAKC,CAAAA,WAAAA,CAAYC,gBAAiB,CAAA,YAAA,CAAc,iBAAMF,CAAAA,KAAAA,CAAKG,qBAC3DH,CAAAA,CAAAA,EAAAA,CAAAA,CAAAA,IAAAA,CAAKE,gBAAiB,CAAA,qBAAA,CAAuBF,IAAKI,CAAAA,YAAAA,CAAAA,CAClDJ,IAAKG,CAAAA,qBAAAA,CAAAA,CACN,EAED,GAAAR,GAAA,yBAAAC,KAAA,UAAAO,sBAAA,CACE,CAAA,GACME,CAAAA,CADgBL,CAAAA,IAAAA,CAAKC,WAAYK,CAAAA,aAAAA,CAAc,CAACC,OAAAA,CAAAA,CAAS,CACjCC,CAAAA,CAAAA,CAAAA,MAAAA,CAAOC,SAAAA,CAAQA,QAAAA,CAAAA,CAAAA,WAAgBC,CAAAA,CAE7DL,EAAAA,CAAAA,CAAAA,CAAAA,CAAQM,OAAQ,CAAA,SAACC,CAAQC,CAAAA,CAAAA,CAAAA,CACvBD,CAAOE,CAAAA,OAAAA,CAAoB,CAAVD,GAAAA,CAAAA,CACjBD,CAAOG,CAAAA,MAAAA,CAASF,CAAQ,CAAA,CAAA,EAAKA,CAAQR,CAAAA,CAAAA,CAAQW,MAAS,CAAA,CAAA,CACtDJ,CAAOK,CAAAA,GAAAA,CAAMJ,CAAUR,GAAAA,CAAAA,CAAQW,MAAS,CAAA,CAAC,EAE5C,CAAA,EAED,GAAArB,GAAA,gBAAAC,KAAA,UAAAQ,aAAac,CACX,CAAA,CAAA,GAAMb,CAAAA,CAAUL,CAAAA,IAAAA,CAAKmB,gBAAiB,CAAA,oBAAA,CAAA,CAElCd,CAAWa,EAAAA,CAAAA,CAAME,MAAOC,CAAAA,MAAAA,GAC1BhB,CAAQM,CAAAA,OAAAA,CAASC,SAAAA,CACXA,CAAAA,CAAAA,CAAAA,GAAWM,CAAMI,CAAAA,MAAAA,GACnBV,CAAOS,CAAAA,MAAAA,CAAAA,CAAS,CACjB,CAAA,EAAA,CAAA,CAGHrB,IAAKuB,CAAAA,aAAAA,CAAc,GAAIC,CAAAA,WAAAA,CAAY,cAAgB,CAAA,CAAEJ,MAAQ,CAAA,CAAExB,KAAOsB,CAAAA,CAAAA,CAAME,MAAOxB,CAAAA,KAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAEtF,EAMK,GAAAD,GAAA,UAAAC,KAAA,UAAA6B,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uCAGX,CAjDAC,KAAAA,GAAAA,UAAAA,GAAAA,CALM,SAAAC,IAAA,CACN,CAAA,MAAO,CAACC,CAAAA,CACR,EASA,WAAA3C,CAAA,GAjByC4C,CAMnC,GAKNH,CAAAA,CAAA,CADCI,CAAS,CAAA,oBAAA,CAAA,CAAA,CACqChD,EAAAiD,SAAA,CAAA,SAAA,CAAA,IAAA,IAG/CL,CAAA,CAAA,CADCM,EAAM,kBAC+BlD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAiD,UAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KAd3BnD,EAAqB4C,CAAA,CAAA,CADjCQ,CAAc,CAAA,0BAAA,CAAA,CAAA,CACFpD"}
+{"version":3,"file":"nile-button-toggle-group.cjs.js","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.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, query, queryAll } from 'lit/decorators.js';\nimport {styles} from './nile-button-toggle-group.css';\nimport NileButtonToggle from '../nile-button-toggle/nile-button-toggle';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle-group\n *\n */\n@customElement('nile-button-toggle-group')\nexport class NileButtonToggleGroup extends NileElement {\n  /**\n   * The styles for ButtonToggleGroup\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @queryAll('nile-button-toggle')\n  private toggles!: NodeListOf<NileButtonToggle>;\n\n  @query('slot:not([name])')\n  private defaultSlot!: HTMLSlotElement;\n\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  firstUpdated() {\n    this.defaultSlot.addEventListener('slotchange', () =>\n      this.updateTogglePositions()\n    );\n    this.addEventListener('nile-toggle-changed', this.handleToggle);\n    this.updateTogglePositions();\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('disabled')) {\n      this.updateDisabledState();\n    }\n  }\n\n  private updateDisabledState() {\n    const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });\n    const toggles = assignedNodes.filter(\n      node => node instanceof NileButtonToggle\n    ) as NileButtonToggle[];\n\n    toggles.forEach(toggle => {\n      if (!toggle.disabled) {\n        toggle.disabled = this.disabled;\n      }\n    });\n  }\n\n  updateTogglePositions() {\n    const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });\n    const toggles = assignedNodes.filter(\n      node => node instanceof NileButtonToggle\n    ) as NileButtonToggle[];\n\n    toggles.forEach((toggle, index) => {\n      toggle.initial = index === 0;\n      toggle.middle = index > 0 && index < toggles.length - 1;\n      toggle.end = index === toggles.length - 1;\n    });\n  }\n\n  handleToggle(event: CustomEvent) {\n    if (this.disabled) return;\n    const toggles = this.querySelectorAll('nile-button-toggle');\n\n    if (toggles && event.detail.active) {\n      toggles.forEach((toggle: any) => {\n        if (toggle !== event.target) {\n          toggle.active = false;\n        }\n      });\n\n      this.emit('nile-change', { value: event.detail.value });\n    }\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html` <slot> </slot> `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileButtonToggleGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle-group': NileButtonToggleGroup;\n  }\n}\n"],"names":["NileButtonToggleGroup","_r","_inherits","g","_super","_createSuper","this","disabled","_this","_createClass","key","value","connectedCallback","super","firstUpdated","defaultSlot","addEventListener","updateTogglePositions","handleToggle","updated","changedProperties","has","updateDisabledState","assignedNodes","flatten","filter","node","NileButtonToggle","forEach","toggle","toggles","index","initial","middle","length","end","event","querySelectorAll","detail","active","target","emit","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","queryAll","prototype","query","property","type","Boolean","reflect","_export","customElement"],"mappings":"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"}

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

@@ -1,3 +1 @@
-import{__decorate as t}from"tslib";import{s as e,x as o}from"../index-cd2f9c12.esm.js";import{queryAll as s,query as l,customElement as n}from"lit/decorators.js";import{s as i}from"./nile-button-toggle-group.css.esm.js";import{N as g}from"../nile-button-toggle/nile-button-toggle.esm.js";import"../nile-button-toggle/nile-button-toggle.css.esm.js";import"../property-09139d3c.esm.js";let r=class extends e{static get styles(){return[i]}connectedCallback(){super.connectedCallback()}firstUpdated(){this.defaultSlot.addEventListener("slotchange",(()=>this.updateTogglePositions())),this.addEventListener("nile-toggle-changed",this.handleToggle),this.updateTogglePositions()}updateTogglePositions(){const t=this.defaultSlot.assignedNodes({flatten:!0}).filter((t=>t instanceof g));t.forEach(((e,o)=>{e.initial=0===o,e.middle=o>0&&o<t.length-1,e.end=o===t.length-1}))}handleToggle(t){const e=this.querySelectorAll("nile-button-toggle");e&&t.detail.active&&(e.forEach((e=>{e!==t.target&&(e.active=!1)})),this.dispatchEvent(new CustomEvent("nile-changed",{detail:{value:t.detail.value}})))}render(){return o`
-			<slot> </slot>
-			`}};t([s("nile-button-toggle")],r.prototype,"toggles",void 0),t([l("slot:not([name])")],r.prototype,"defaultSlot",void 0),r=t([n("nile-button-toggle-group")],r);export{r as N};
+import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{queryAll as o,query as s,customElement as i}from"lit/decorators.js";import{s as l}from"./nile-button-toggle-group.css.esm.js";import{N as n}from"../nile-button-toggle/nile-button-toggle.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{n as a}from"../property-09139d3c.esm.js";import"../nile-button-toggle/nile-button-toggle.css.esm.js";import"lit";let g=class extends r{constructor(){super(...arguments),this.disabled=!1}static get styles(){return[l]}connectedCallback(){super.connectedCallback()}firstUpdated(){this.defaultSlot.addEventListener("slotchange",(()=>this.updateTogglePositions())),this.addEventListener("nile-toggle-changed",this.handleToggle),this.updateTogglePositions()}updated(t){super.updated(t),t.has("disabled")&&this.updateDisabledState()}updateDisabledState(){this.defaultSlot.assignedNodes({flatten:!0}).filter((t=>t instanceof n)).forEach((t=>{t.disabled||(t.disabled=this.disabled)}))}updateTogglePositions(){const t=this.defaultSlot.assignedNodes({flatten:!0}).filter((t=>t instanceof n));t.forEach(((e,o)=>{e.initial=0===o,e.middle=o>0&&o<t.length-1,e.end=o===t.length-1}))}handleToggle(t){if(this.disabled)return;const e=this.querySelectorAll("nile-button-toggle");e&&t.detail.active&&(e.forEach((e=>{e!==t.target&&(e.active=!1)})),this.emit("nile-change",{value:t.detail.value}))}render(){return e` <slot> </slot> `}};t([o("nile-button-toggle")],g.prototype,"toggles",void 0),t([s("slot:not([name])")],g.prototype,"defaultSlot",void 0),t([a({type:Boolean,reflect:!0})],g.prototype,"disabled",void 0),g=t([i("nile-button-toggle-group")],g);export{g as N};

package/dist/src/nile-button-toggle/nile-button-toggle.css.js

@@ -47,6 +47,10 @@ export const styles = css `
   .nile-button-toggle__active {
     background-color: #c7ced4;
   }
+
+  .nile-button-toggle__disabled {
+    cursor: not-allowed;
+  }
 `;
 export default [styles];
 //# sourceMappingURL=nile-button-toggle.css.js.map

package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-button-toggle.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * ButtonToggle CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-button-toggle {\n    display: flex;\n    padding: 12px;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    border-radius: 4px;\n    color: #000;\n    text-align: center;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .nile-button-toggle__initial {\n    border-radius: 4px 0 0 4px;\n  }\n\n  .nile-button-toggle__end {\n    border-radius: 0 4px 4px 0;\n  }\n\n  .nile-button-toggle__middle {\n    border-width: 1px 0px;\n    border-style: solid;\n    border-color: #ccc;\n    border-radius: 0;\n  }\n\n  .nile-button-toggle__active {\n    background-color: #c7ced4;\n  }\n\n  .nile-button-toggle__disabled {\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-button-toggle/nile-button-toggle.d.ts

@@ -4,14 +4,15 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
 /**
  * Nile icon component.
  *
  * @tag nile-button-toggle
  *
  */
-export declare class NileButtonToggle extends LitElement {
+export declare class NileButtonToggle extends NileElement {
     /**
      * The styles for ButtonToggle
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -21,6 +22,7 @@ export declare class NileButtonToggle extends LitElement {
     initial: boolean;
     middle: boolean;
     end: boolean;
+    disabled: boolean;
     value: string;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/src/nile-button-toggle/nile-button-toggle.js

@@ -5,22 +5,24 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { LitElement, html, property } from 'lit-element';
+import { html, property } from 'lit-element';
 import { customElement } from 'lit/decorators.js';
 import { styles } from './nile-button-toggle.css';
+import NileElement from '../internal/nile-element';
 /**
  * Nile icon component.
  *
  * @tag nile-button-toggle
  *
  */
-let NileButtonToggle = class NileButtonToggle extends LitElement {
+let NileButtonToggle = class NileButtonToggle extends NileElement {
     constructor() {
         super(...arguments);
         this.active = false;
         this.initial = false;
         this.middle = false;
         this.end = false;
+        this.disabled = false;
         this.value = '';
         /* #endregion */
     }
@@ -40,6 +42,8 @@ let NileButtonToggle = class NileButtonToggle extends LitElement {
         super.disconnectedCallback();
     }
     toggle() {
+        if (this.disabled)
+            return;
         this.active = true;
         const eventData = { active: this.active, value: this.value };
         this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));
@@ -62,6 +66,9 @@ let NileButtonToggle = class NileButtonToggle extends LitElement {
         if (this.end) {
             classes.push('nile-button-toggle__end');
         }
+        if (this.disabled) {
+            classes.push('nile-button-toggle__disabled');
+        }
         const classString = classes.join(' ');
         return html `
       <div class="${classString}">
@@ -83,6 +90,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NileButtonToggle.prototype, "end", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "disabled", void 0);
 __decorate([
     property({ type: String })
 ], NileButtonToggle.prototype, "value", void 0);

package/dist/src/nile-button-toggle/nile-button-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAEhD;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAWL,WAAM,GAAG,KAAK,CAAC;QAGf,YAAO,GAAG,KAAK,CAAC;QAGhB,WAAM,GAAG,KAAK,CAAC;QAGf,QAAG,GAAG,KAAK,CAAC;QAGZ,UAAK,GAAG,EAAE,CAAC;QAgDZ,gBAAgB;IACjB,CAAC;IAtEA;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IAiBA,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9C,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/C,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,MAAM,SAAS,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;QAC7D,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,qBAAqB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAEnG,CAAC;IAEF;;;OAGG;IACK,MAAM;QACX,IAAI,OAAO,GAAG,CAAC,oBAAoB,CAAC,CAAC;QACrC,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SAC5C;QACD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,OAAO,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;SAC7C;QACD,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;SAC5C;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;SACzC;QAED,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAEtC,OAAO,IAAI,CAAA;oBACK,WAAW;;;;KAI1B,CAAC;IACJ,CAAC;CAGF,CAAA;AA7DC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC5B;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC5B;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAC/B;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAChB;AAvBA,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAwE5B;SAxEY,gBAAgB;AA0E7B,eAAe,gBAAgB,CAAC","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-button-toggle.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle\n *\n */\n@customElement('nile-button-toggle')\nexport class NileButtonToggle extends LitElement {\n\n\t/**\n\t * The styles for ButtonToggle\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  initial = false;\n\n  @property({ type: Boolean, reflect: true })\n  middle = false;\n\n  @property({ type: Boolean, reflect: true })\n  end = false;\n\n  @property({ type: String })\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.toggle);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.toggle);\n    super.disconnectedCallback();\n  }\n\n  toggle() {\n    this.active = true;\n    const eventData = { active: this.active, value: this.value };\n    this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));\n\n  }\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n  public render(): TemplateResult {\n    let classes = ['nile-button-toggle'];\n    if (this.active) {\n      classes.push('nile-button-toggle__active');\n    }\n    if (this.initial) {\n      classes.push('nile-button-toggle__initial');\n    }\n    if (this.middle) {\n      classes.push('nile-button-toggle__middle');\n    }\n    if (this.end) {\n      classes.push('nile-button-toggle__end');\n    }\n\n    const classString = classes.join(' ');\n\n    return html`\n      <div class=\"${classString}\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    `;\n  }\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggle;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle': NileButtonToggle;\n  }\n}\n"]}
+{"version":3,"file":"nile-button-toggle.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/nile-button-toggle.ts"],"names":[],"mappings":"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","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-button-toggle.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle\n *\n */\n@customElement('nile-button-toggle')\nexport class NileButtonToggle extends NileElement {\n\n\t/**\n\t * The styles for ButtonToggle\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  @property({ type: Boolean, reflect: true })\n  initial = false;\n\n  @property({ type: Boolean, reflect: true })\n  middle = false;\n\n  @property({ type: Boolean, reflect: true })\n  end = false;\n\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  @property({ type: String })\n  value = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.toggle);\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener('click', this.toggle);\n    super.disconnectedCallback();\n  }\n\n  toggle() {\n    if (this.disabled) return;\n    this.active = true;\n    const eventData = { active: this.active, value: this.value };\n    this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));\n  }\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n  public render(): TemplateResult {\n    let classes = ['nile-button-toggle'];\n    if (this.active) {\n      classes.push('nile-button-toggle__active');\n    }\n    if (this.initial) {\n      classes.push('nile-button-toggle__initial');\n    }\n    if (this.middle) {\n      classes.push('nile-button-toggle__middle');\n    }\n    if (this.end) {\n      classes.push('nile-button-toggle__end');\n    }\n    if (this.disabled) {\n      classes.push('nile-button-toggle__disabled');\n    }\n\n    const classString = classes.join(' ');\n\n    return html`\n      <div class=\"${classString}\">\n        <slot name=\"prefix\"></slot>\n        <slot> </slot>\n      </div>\n    `;\n  }\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggle;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle': NileButtonToggle;\n  }\n}\n"]}

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.d.ts

@@ -4,14 +4,15 @@
  * This source code is licensed under the BSD-3-Clause license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+import { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
 /**
  * Nile icon component.
  *
  * @tag nile-button-toggle-group
  *
  */
-export declare class NileButtonToggleGroup extends LitElement {
+export declare class NileButtonToggleGroup extends NileElement {
     /**
      * The styles for ButtonToggleGroup
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -19,8 +20,11 @@ export declare class NileButtonToggleGroup extends LitElement {
     static get styles(): CSSResultArray;
     private toggles;
     private defaultSlot;
+    disabled: boolean;
     connectedCallback(): void;
     firstUpdated(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    private updateDisabledState;
     updateTogglePositions(): void;
     handleToggle(event: CustomEvent): void;
     /**

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js

@@ -5,17 +5,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { LitElement, html } from 'lit-element';
+import { html, property } from 'lit-element';
 import { customElement, query, queryAll } from 'lit/decorators.js';
 import { styles } from './nile-button-toggle-group.css';
 import NileButtonToggle from '../nile-button-toggle/nile-button-toggle';
+import NileElement from '../internal/nile-element';
 /**
  * Nile icon component.
  *
  * @tag nile-button-toggle-group
  *
  */
-let NileButtonToggleGroup = class NileButtonToggleGroup extends LitElement {
+let NileButtonToggleGroup = class NileButtonToggleGroup extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.disabled = false;
+        /* #endregion */
+    }
     /**
      * The styles for ButtonToggleGroup
      * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
@@ -31,6 +37,21 @@ let NileButtonToggleGroup = class NileButtonToggleGroup extends LitElement {
         this.addEventListener('nile-toggle-changed', this.handleToggle);
         this.updateTogglePositions();
     }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('disabled')) {
+            this.updateDisabledState();
+        }
+    }
+    updateDisabledState() {
+        const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });
+        const toggles = assignedNodes.filter(node => node instanceof NileButtonToggle);
+        toggles.forEach(toggle => {
+            if (!toggle.disabled) {
+                toggle.disabled = this.disabled;
+            }
+        });
+    }
     updateTogglePositions() {
         const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });
         const toggles = assignedNodes.filter(node => node instanceof NileButtonToggle);
@@ -41,6 +62,8 @@ let NileButtonToggleGroup = class NileButtonToggleGroup extends LitElement {
         });
     }
     handleToggle(event) {
+        if (this.disabled)
+            return;
         const toggles = this.querySelectorAll('nile-button-toggle');
         if (toggles && event.detail.active) {
             toggles.forEach((toggle) => {
@@ -48,18 +71,15 @@ let NileButtonToggleGroup = class NileButtonToggleGroup extends LitElement {
                     toggle.active = false;
                 }
             });
-            this.dispatchEvent(new CustomEvent('nile-changed', { detail: { value: event.detail.value } }));
+            this.emit('nile-change', { value: event.detail.value });
         }
     }
-    ;
     /**
      * Render method
      * @slot This is a slot test
      */
     render() {
-        return html `
-			<slot> </slot>
-			`;
+        return html ` <slot> </slot> `;
     }
 };
 __decorate([
@@ -68,6 +88,9 @@ __decorate([
 __decorate([
     query('slot:not([name])')
 ], NileButtonToggleGroup.prototype, "defaultSlot", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggleGroup.prototype, "disabled", void 0);
 NileButtonToggleGroup = __decorate([
     customElement('nile-button-toggle-group')
 ], NileButtonToggleGroup);

package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-button-toggle-group.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAC,UAAU,EAAE,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAC,MAAM,EAAC,MAAM,gCAAgC,CAAC;AACtD,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AACxE;;;;;GAKG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAEpD;;;OAGG;IACI,MAAM,KAAK,MAAM;QACvB,OAAO,CAAC,MAAM,CAAC,CAAC;IACjB,CAAC;IASA,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,YAAY;QACV,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACpF,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED,qBAAqB;QACnB,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QACtE,MAAM,OAAO,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,YAAY,gBAAgB,CAAuB,CAAC;QAErG,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAChC,MAAM,CAAC,OAAO,GAAG,KAAK,KAAK,CAAC,CAAC;YAC7B,MAAM,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YACxD,MAAM,CAAC,GAAG,GAAG,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,YAAY,CAAC,KAAkB;QAC7B,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;QAE5D,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;YAClC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAW,EAAE,EAAE;gBAC9B,IAAI,MAAM,KAAK,KAAK,CAAC,MAAM,EAAE;oBAC3B,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;iBACvB;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;SAChG;IACH,CAAC;IAAA,CAAC;IAEH;;;OAGG;IACI,MAAM;QACZ,OAAO,IAAI,CAAA;;IAET,CAAC;IACJ,CAAC;CAGD,CAAA;AApDC;IADC,QAAQ,CAAC,oBAAoB,CAAC;sDACgB;AAG/C;IADC,KAAK,CAAC,kBAAkB,CAAC;0DACY;AAd3B,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CA+DjC;SA/DY,qBAAqB;AAiElC,eAAe,qBAAqB,CAAC","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, query, queryAll } from 'lit/decorators.js';\nimport {styles} from './nile-button-toggle-group.css';\nimport NileButtonToggle from '../nile-button-toggle/nile-button-toggle';\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle-group\n *\n */\n@customElement('nile-button-toggle-group')\nexport class NileButtonToggleGroup extends LitElement {\n\n\t/**\n\t * The styles for ButtonToggleGroup\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n  @queryAll('nile-button-toggle')\n  private toggles!: NodeListOf<NileButtonToggle>;\n\n  @query('slot:not([name])')\n  private defaultSlot!: HTMLSlotElement;\n\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  firstUpdated() {\n    this.defaultSlot.addEventListener('slotchange', () => this.updateTogglePositions());\n    this.addEventListener('nile-toggle-changed', this.handleToggle);\n    this.updateTogglePositions();\n  }\n\n  updateTogglePositions() {\n    const assignedNodes = this.defaultSlot.assignedNodes({flatten: true});\n    const toggles = assignedNodes.filter(node => node instanceof NileButtonToggle) as NileButtonToggle[];\n\n    toggles.forEach((toggle, index) => {\n      toggle.initial = index === 0;\n      toggle.middle = index > 0 && index < toggles.length - 1;\n      toggle.end = index === toggles.length - 1;\n    });\n  }\n\n  handleToggle(event: CustomEvent) {\n    const toggles = this.querySelectorAll('nile-button-toggle');\n\n    if (toggles && event.detail.active) {\n      toggles.forEach((toggle: any) => {\n        if (toggle !== event.target) {\n          toggle.active = false;\n        }\n      });\n\n      this.dispatchEvent(new CustomEvent('nile-changed', { detail: { value: event.detail.value } }));\n    }\n  };\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileButtonToggleGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle-group': NileButtonToggleGroup;\n  }\n}\n"]}
+{"version":3,"file":"nile-button-toggle-group.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.ts"],"names":[],"mappings":"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","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, query, queryAll } from 'lit/decorators.js';\nimport {styles} from './nile-button-toggle-group.css';\nimport NileButtonToggle from '../nile-button-toggle/nile-button-toggle';\nimport NileElement from '../internal/nile-element';\n/**\n * Nile icon component.\n *\n * @tag nile-button-toggle-group\n *\n */\n@customElement('nile-button-toggle-group')\nexport class NileButtonToggleGroup extends NileElement {\n  /**\n   * The styles for ButtonToggleGroup\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @queryAll('nile-button-toggle')\n  private toggles!: NodeListOf<NileButtonToggle>;\n\n  @query('slot:not([name])')\n  private defaultSlot!: HTMLSlotElement;\n\n  @property({ type: Boolean, reflect: true })\n  public disabled: boolean = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  firstUpdated() {\n    this.defaultSlot.addEventListener('slotchange', () =>\n      this.updateTogglePositions()\n    );\n    this.addEventListener('nile-toggle-changed', this.handleToggle);\n    this.updateTogglePositions();\n  }\n\n  updated(changedProperties: Map<string | number | symbol, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('disabled')) {\n      this.updateDisabledState();\n    }\n  }\n\n  private updateDisabledState() {\n    const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });\n    const toggles = assignedNodes.filter(\n      node => node instanceof NileButtonToggle\n    ) as NileButtonToggle[];\n\n    toggles.forEach(toggle => {\n      if (!toggle.disabled) {\n        toggle.disabled = this.disabled;\n      }\n    });\n  }\n\n  updateTogglePositions() {\n    const assignedNodes = this.defaultSlot.assignedNodes({ flatten: true });\n    const toggles = assignedNodes.filter(\n      node => node instanceof NileButtonToggle\n    ) as NileButtonToggle[];\n\n    toggles.forEach((toggle, index) => {\n      toggle.initial = index === 0;\n      toggle.middle = index > 0 && index < toggles.length - 1;\n      toggle.end = index === toggles.length - 1;\n    });\n  }\n\n  handleToggle(event: CustomEvent) {\n    if (this.disabled) return;\n    const toggles = this.querySelectorAll('nile-button-toggle');\n\n    if (toggles && event.detail.active) {\n      toggles.forEach((toggle: any) => {\n        if (toggle !== event.target) {\n          toggle.active = false;\n        }\n      });\n\n      this.emit('nile-change', { value: event.detail.value });\n    }\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html` <slot> </slot> `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileButtonToggleGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button-toggle-group': NileButtonToggleGroup;\n  }\n}\n"]}