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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.d.ts +2 -0
  2. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js +2 -0
  3. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js.map +1 -1
  4. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/index.d.ts +1 -0
  5. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/index.js +2 -0
  6. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/index.js.map +1 -0
  7. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/{nile-radio-button/nile-radio-button.css.d.ts → nile-button-toggle/nile-button-toggle.css.d.ts} +1 -1
  8. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.css.js +56 -0
  9. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -0
  10. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.d.ts +41 -0
  11. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.js +104 -0
  12. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.js.map +1 -0
  13. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/index.d.ts +1 -0
  14. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/index.js +2 -0
  15. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/index.js.map +1 -0
  16. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.d.ts +12 -0
  17. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js +17 -0
  18. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js.map +1 -0
  19. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.d.ts +41 -0
  20. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.js +99 -0
  21. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.js.map +1 -0
  22. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/tsconfig.tsbuildinfo +1 -1
  23. package/demo/index.html +1 -1
  24. package/dist/index.cjs.js +1 -1
  25. package/dist/index.esm.js +1 -1
  26. package/dist/index.iife.js +251 -194
  27. package/dist/nile-button-toggle/index.cjs.js +2 -0
  28. package/dist/nile-button-toggle/index.esm.js +1 -0
  29. package/dist/nile-button-toggle/nile-button-toggle.cjs.js +2 -0
  30. package/dist/nile-button-toggle/nile-button-toggle.cjs.js.map +1 -0
  31. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js +2 -0
  32. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js.map +1 -0
  33. package/dist/nile-button-toggle/nile-button-toggle.css.esm.js +44 -0
  34. package/dist/nile-button-toggle/nile-button-toggle.esm.js +6 -0
  35. package/dist/nile-button-toggle-group/index.cjs.js +2 -0
  36. package/dist/nile-button-toggle-group/index.esm.js +1 -0
  37. package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js +2 -0
  38. package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js.map +1 -0
  39. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js +2 -0
  40. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js.map +1 -0
  41. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.esm.js +5 -0
  42. package/dist/nile-button-toggle-group/nile-button-toggle-group.esm.js +1 -0
  43. package/dist/src/index.d.ts +2 -0
  44. package/dist/src/index.js +2 -0
  45. package/dist/src/index.js.map +1 -1
  46. package/dist/src/nile-button-toggle/index.d.ts +1 -0
  47. package/dist/src/nile-button-toggle/index.js +2 -0
  48. package/dist/src/nile-button-toggle/index.js.map +1 -0
  49. package/dist/src/{nile-radio-button/nile-radio-button.css.d.ts → nile-button-toggle/nile-button-toggle.css.d.ts} +1 -1
  50. package/dist/src/nile-button-toggle/nile-button-toggle.css.js +56 -0
  51. package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -0
  52. package/dist/src/nile-button-toggle/nile-button-toggle.d.ts +41 -0
  53. package/dist/src/nile-button-toggle/nile-button-toggle.js +104 -0
  54. package/dist/src/nile-button-toggle/nile-button-toggle.js.map +1 -0
  55. package/dist/src/nile-button-toggle-group/index.d.ts +1 -0
  56. package/dist/src/nile-button-toggle-group/index.js +2 -0
  57. package/dist/src/nile-button-toggle-group/index.js.map +1 -0
  58. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.d.ts +12 -0
  59. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js +17 -0
  60. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js.map +1 -0
  61. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.d.ts +41 -0
  62. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js +99 -0
  63. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js.map +1 -0
  64. package/dist/tsconfig.tsbuildinfo +1 -1
  65. package/package.json +1 -1
  66. package/src/index.ts +3 -1
  67. package/src/nile-button-toggle/index.ts +1 -0
  68. package/src/nile-button-toggle/nile-button-toggle.css.ts +58 -0
  69. package/src/nile-button-toggle/nile-button-toggle.ts +106 -0
  70. package/src/nile-button-toggle-group/index.ts +1 -0
  71. package/src/nile-button-toggle-group/nile-button-toggle-group.css.ts +19 -0
  72. package/src/nile-button-toggle-group/nile-button-toggle-group.ts +115 -0
  73. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.d.ts +0 -1
  74. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.js +0 -2
  75. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.js.map +0 -1
  76. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.css.js +0 -173
  77. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.css.js.map +0 -1
  78. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.d.ts +0 -57
  79. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.js +0 -145
  80. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.js.map +0 -1
  81. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/index.d.ts +0 -1
  82. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/index.js +0 -2
  83. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/index.js.map +0 -1
  84. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.d.ts +0 -12
  85. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.js +0 -70
  86. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.js.map +0 -1
  87. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.d.ts +0 -66
  88. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.js +0 -308
  89. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.js.map +0 -1
  90. package/dist/nile-radio-button/index.cjs.js +0 -2
  91. package/dist/nile-radio-button/index.esm.js +0 -1
  92. package/dist/nile-radio-button/nile-radio-button.cjs.js +0 -2
  93. package/dist/nile-radio-button/nile-radio-button.cjs.js.map +0 -1
  94. package/dist/nile-radio-button/nile-radio-button.css.cjs.js +0 -2
  95. package/dist/nile-radio-button/nile-radio-button.css.cjs.js.map +0 -1
  96. package/dist/nile-radio-button/nile-radio-button.css.esm.js +0 -161
  97. package/dist/nile-radio-button/nile-radio-button.esm.js +0 -21
  98. package/dist/nile-radio-button-group/index.cjs.js +0 -2
  99. package/dist/nile-radio-button-group/index.esm.js +0 -1
  100. package/dist/nile-radio-button-group/nile-radio-button-group.cjs.js +0 -2
  101. package/dist/nile-radio-button-group/nile-radio-button-group.cjs.js.map +0 -1
  102. package/dist/nile-radio-button-group/nile-radio-button-group.css.cjs.js +0 -2
  103. package/dist/nile-radio-button-group/nile-radio-button-group.css.cjs.js.map +0 -1
  104. package/dist/nile-radio-button-group/nile-radio-button-group.css.esm.js +0 -58
  105. package/dist/nile-radio-button-group/nile-radio-button-group.esm.js +0 -56
  106. package/dist/src/nile-radio-button/index.d.ts +0 -1
  107. package/dist/src/nile-radio-button/index.js +0 -2
  108. package/dist/src/nile-radio-button/index.js.map +0 -1
  109. package/dist/src/nile-radio-button/nile-radio-button.css.js +0 -173
  110. package/dist/src/nile-radio-button/nile-radio-button.css.js.map +0 -1
  111. package/dist/src/nile-radio-button/nile-radio-button.d.ts +0 -57
  112. package/dist/src/nile-radio-button/nile-radio-button.js +0 -145
  113. package/dist/src/nile-radio-button/nile-radio-button.js.map +0 -1
  114. package/dist/src/nile-radio-button-group/index.d.ts +0 -1
  115. package/dist/src/nile-radio-button-group/index.js +0 -2
  116. package/dist/src/nile-radio-button-group/index.js.map +0 -1
  117. package/dist/src/nile-radio-button-group/nile-radio-button-group.css.d.ts +0 -12
  118. package/dist/src/nile-radio-button-group/nile-radio-button-group.css.js +0 -70
  119. package/dist/src/nile-radio-button-group/nile-radio-button-group.css.js.map +0 -1
  120. package/dist/src/nile-radio-button-group/nile-radio-button-group.d.ts +0 -66
  121. package/dist/src/nile-radio-button-group/nile-radio-button-group.js +0 -308
  122. package/dist/src/nile-radio-button-group/nile-radio-button-group.js.map +0 -1
  123. package/src/nile-radio-button/index.ts +0 -1
  124. package/src/nile-radio-button/nile-radio-button.css.ts +0 -175
  125. package/src/nile-radio-button/nile-radio-button.ts +0 -151
  126. package/src/nile-radio-button-group/index.ts +0 -1
  127. package/src/nile-radio-button-group/nile-radio-button-group.css.ts +0 -72
  128. package/src/nile-radio-button-group/nile-radio-button-group.ts +0 -337
  129. /package/dist/{nile-radio-button → nile-button-toggle}/index.cjs.js.map +0 -0
  130. /package/dist/{nile-radio-button-group → nile-button-toggle-group}/index.cjs.js.map +0 -0
@@ -0,0 +1,2 @@
1
+ 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(){}};});
2
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +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"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";
@@ -0,0 +1,2 @@
1
+ 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);}};});
2
+ //# sourceMappingURL=nile-button-toggle.cjs.js.map
@@ -0,0 +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';\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":"u0IAmBaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,qCAWLC,KAAAA,CAAMC,MAAAA,CAAAA,CAAG,CAGTD,CAAAA,KAAAA,CAAOE,OAAG,CAAA,CAAA,CAAA,CAGVF,KAAAA,CAAMG,MAAAA,CAAAA,CAAG,EAGTH,KAAAA,CAAGI,GAAAA,CAAAA,CAAG,CAGNJ,CAAAA,KAAAA,CAAQK,QAAG,CAAA,CAAA,CAAA,CAGXL,KAAAA,CAAKM,KAAAA,CAAG,EAoDT,QAAAC,KAAA,EAxEOC,YAAA,CAAAV,CAAA,GAAAW,GAAA,qBAAAH,KAAA,CAsBN,SAAAI,kBAAA,CACEC,CAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACAX,IAAAA,CAAKY,gBAAiB,CAAA,OAAA,CAASZ,IAAKa,CAAAA,MAAAA,CACrC,EAED,GAAAJ,GAAA,wBAAAH,KAAA,UAAAQ,qBAAA,CACEd,CAAAA,IAAAA,CAAKe,mBAAoB,CAAA,OAAA,CAASf,IAAKa,CAAAA,MAAAA,CAAAA,CAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,+BAAAA,IAAAA,MAExC,EAED,GAAAJ,GAAA,UAAAH,KAAA,UAAAO,OAAA,CAAAA,CACE,GAAIb,IAAAA,CAAKK,QAAU,CAAA,OACnBL,IAAKC,CAAAA,MAAAA,CAAAA,CAAS,CACd,CAAA,GAAMe,CAAAA,CAAY,CAAA,CAAEf,MAAQD,CAAAA,IAAAA,CAAKC,OAAQK,KAAON,CAAAA,IAAAA,CAAKM,KACrDN,CAAAA,CAAAA,IAAAA,CAAKiB,aAAc,CAAA,GAAIC,CAAAA,WAAY,CAAA,qBAAA,CAAuB,CAAEC,MAAAA,CAAQH,CAAWI,CAAAA,OAAAA,CAAAA,CAAS,CACzF,CAAA,CAAA,CAAA,EAMM,GAAAX,GAAA,UAAAH,KAAA,UAAAe,OAAA,CAAAA,CACL,GAAIC,CAAAA,CAAU,CAAA,CAAC,oBACXtB,CAAAA,CAAAA,IAAAA,CAAKC,MACPqB,EAAAA,CAAAA,CAAQC,IAAK,CAAA,4BAAA,CAAA,CAEXvB,IAAKE,CAAAA,OAAAA,EACPoB,CAAQC,CAAAA,IAAAA,CAAK,6BAEXvB,CAAAA,CAAAA,IAAAA,CAAKG,MACPmB,EAAAA,CAAAA,CAAQC,KAAK,4BAEXvB,CAAAA,CAAAA,IAAAA,CAAKI,GACPkB,EAAAA,CAAAA,CAAQC,IAAK,CAAA,yBAAA,CAAA,CAEXvB,IAAKK,CAAAA,QAAAA,EACPiB,CAAQC,CAAAA,IAAAA,CAAK,8BAGf,CAAA,CAAA,GAAMC,CAAAA,CAAcF,CAAAA,CAAAA,CAAQG,IAAK,CAAA,GAAA,CAAA,CAEjC,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sHACKJ,CAAAA,EAKjB,CAAA,KAAAf,GAAA,UAAAoB,GAAA,CArEK,SAAAA,IAAA,CAAWC,CACjB,MAAO,CAACA,CACR,CAAA,EAoBA,WAAAhC,CAAA,GA5BoCiC,CAAAA,GAWpCC,EAAA,CADCC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACrBvC,CAAAwC,CAAAA,SAAAA,CAAA,aAAA,EAGfL,CAAAA,CAAAA,CAAAA,CAAA,CADCC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACpBvC,EAAAwC,SAAA,CAAA,SAAA,CAAA,IAAA,EAGhBL,CAAAA,CAAAA,CAAAA,CAAA,CADCC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CACrBvC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwC,UAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAGfL,EAAA,CADCC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACxBvC,CAAAwC,CAAAA,SAAAA,CAAA,UAAA,EAGZL,CAAAA,CAAAA,CAAAA,CAAA,CADCC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CACnBvC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwC,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBL,CAAA,CAAA,CADCC,EAAS,CAAEC,IAAAA,CAAMI,MACPzC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAwC,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAAAE,OAAA,KA1BA1C,CAAgBmC,CAAAA,CAAAA,CAAA,CAD5BQ,CAAc,CAAA,oBAAA,CAAA,CAAA,CACF3C,IAgFb0C,OAAA,KAAAE,CAAAA,CAAe5C"}
@@ -0,0 +1,2 @@
1
+ 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"]))));}};});
2
+ //# sourceMappingURL=nile-button-toggle.css.cjs.js.map
@@ -0,0 +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 .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"}
@@ -0,0 +1,44 @@
1
+ import{i as e}from"../index-cd2f9c12.esm.js";const o=e`
2
+ :host {
3
+ }
4
+
5
+ .nile-button-toggle {
6
+ display: flex;
7
+ padding: 12px;
8
+ border: 1px solid #ccc;
9
+ cursor: pointer;
10
+ border-radius: 4px;
11
+ color: #000;
12
+ text-align: center;
13
+ font-family: Colfax-regular;
14
+ font-size: 14px;
15
+ line-height: 14px;
16
+ letter-spacing: 0.2px;
17
+ justify-content: center;
18
+ align-items: center;
19
+ gap: 10px;
20
+ }
21
+
22
+ .nile-button-toggle__initial {
23
+ border-radius: 4px 0 0 4px;
24
+ }
25
+
26
+ .nile-button-toggle__end {
27
+ border-radius: 0 4px 4px 0;
28
+ }
29
+
30
+ .nile-button-toggle__middle {
31
+ border-width: 1px 0px;
32
+ border-style: solid;
33
+ border-color: #ccc;
34
+ border-radius: 0;
35
+ }
36
+
37
+ .nile-button-toggle__active {
38
+ background-color: #c7ced4;
39
+ }
40
+
41
+ .nile-button-toggle__disabled {
42
+ cursor: not-allowed;
43
+ }
44
+ `;export{o as s};
@@ -0,0 +1,6 @@
1
+ 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`
2
+ <div class="${i}">
3
+ <slot name="prefix"></slot>
4
+ <slot> </slot>
5
+ </div>
6
+ `}};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};
@@ -0,0 +1,2 @@
1
+ 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(){}};});
2
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +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"../internal/nile-element.esm.js";import"lit";import"../property-09139d3c.esm.js";
@@ -0,0 +1,2 @@
1
+ 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));}};});
2
+ //# sourceMappingURL=nile-button-toggle-group.cjs.js.map
@@ -0,0 +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';\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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"}
@@ -0,0 +1,2 @@
1
+ System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var s,_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(_index001CjsJs){s=_index001CjsJs.i;}],execute:function(){_export("s",i=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n display: inline-flex;\n\t}\n"]))));}};});
2
+ //# sourceMappingURL=nile-button-toggle-group.css.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-button-toggle-group.css.cjs.js","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * ButtonToggleGroup CSS\n */\nexport const styles = css`\n\t:host {\n display: inline-flex;\n\t}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
@@ -0,0 +1,5 @@
1
+ import{i as s}from"../index-cd2f9c12.esm.js";const e=s`
2
+ :host {
3
+ display: inline-flex;
4
+ }
5
+ `;export{e as s};
@@ -0,0 +1 @@
1
+ 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};
@@ -30,5 +30,7 @@ export { NileFormErrorMessage } from './nile-form-error-message';
30
30
  export { NileFormHelpText } from './nile-form-help-text';
31
31
  export { NileCalendar } from './nile-calendar';
32
32
  export { NileLink } from './nile-link';
33
+ export { NileButtonToggleGroup } from './nile-button-toggle-group';
34
+ export { NileButtonToggle } from './nile-button-toggle';
33
35
  export { NileSwitcher } from './nile-switcher';
34
36
  export { NileContentEditor } from './nile-content-editor';
package/dist/src/index.js CHANGED
@@ -30,6 +30,8 @@ export { NileFormErrorMessage } from './nile-form-error-message';
30
30
  export { NileFormHelpText } from './nile-form-help-text';
31
31
  export { NileCalendar } from './nile-calendar';
32
32
  export { NileLink } from './nile-link';
33
+ export { NileButtonToggleGroup } from './nile-button-toggle-group';
34
+ export { NileButtonToggle } from './nile-button-toggle';
33
35
  export { NileSwitcher } from './nile-switcher';
34
36
  export { NileContentEditor } from './nile-content-editor';
35
37
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink} from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\n"]}
@@ -0,0 +1 @@
1
+ export { NileButtonToggle } from './nile-button-toggle';
@@ -0,0 +1,2 @@
1
+ export { NileButtonToggle } from './nile-button-toggle';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-button-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { NileButtonToggle } from './nile-button-toggle';\n"]}
@@ -5,7 +5,7 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  /**
8
- * RadioButton CSS
8
+ * ButtonToggle CSS
9
9
  */
10
10
  export declare const styles: import("lit-element").CSSResult;
11
11
  declare const _default: import("lit-element").CSSResult[];
@@ -0,0 +1,56 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { css } from 'lit-element';
8
+ /**
9
+ * ButtonToggle CSS
10
+ */
11
+ export const styles = css `
12
+ :host {
13
+ }
14
+
15
+ .nile-button-toggle {
16
+ display: flex;
17
+ padding: 12px;
18
+ border: 1px solid #ccc;
19
+ cursor: pointer;
20
+ border-radius: 4px;
21
+ color: #000;
22
+ text-align: center;
23
+ font-family: Colfax-regular;
24
+ font-size: 14px;
25
+ line-height: 14px;
26
+ letter-spacing: 0.2px;
27
+ justify-content: center;
28
+ align-items: center;
29
+ gap: 10px;
30
+ }
31
+
32
+ .nile-button-toggle__initial {
33
+ border-radius: 4px 0 0 4px;
34
+ }
35
+
36
+ .nile-button-toggle__end {
37
+ border-radius: 0 4px 4px 0;
38
+ }
39
+
40
+ .nile-button-toggle__middle {
41
+ border-width: 1px 0px;
42
+ border-style: solid;
43
+ border-color: #ccc;
44
+ border-radius: 0;
45
+ }
46
+
47
+ .nile-button-toggle__active {
48
+ background-color: #c7ced4;
49
+ }
50
+
51
+ .nile-button-toggle__disabled {
52
+ cursor: not-allowed;
53
+ }
54
+ `;
55
+ export default [styles];
56
+ //# sourceMappingURL=nile-button-toggle.css.js.map
@@ -0,0 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"]}
@@ -0,0 +1,41 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { CSSResultArray, TemplateResult } from 'lit-element';
8
+ import NileElement from '../internal/nile-element';
9
+ /**
10
+ * Nile icon component.
11
+ *
12
+ * @tag nile-button-toggle
13
+ *
14
+ */
15
+ export declare class NileButtonToggle extends NileElement {
16
+ /**
17
+ * The styles for ButtonToggle
18
+ * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
19
+ */
20
+ static get styles(): CSSResultArray;
21
+ active: boolean;
22
+ initial: boolean;
23
+ middle: boolean;
24
+ end: boolean;
25
+ disabled: boolean;
26
+ value: string;
27
+ connectedCallback(): void;
28
+ disconnectedCallback(): void;
29
+ toggle(): void;
30
+ /**
31
+ * Render method
32
+ * @slot This is a slot test
33
+ */
34
+ render(): TemplateResult;
35
+ }
36
+ export default NileButtonToggle;
37
+ declare global {
38
+ interface HTMLElementTagNameMap {
39
+ 'nile-button-toggle': NileButtonToggle;
40
+ }
41
+ }
@@ -0,0 +1,104 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { __decorate } from "tslib";
8
+ import { html, property } from 'lit-element';
9
+ import { customElement } from 'lit/decorators.js';
10
+ import { styles } from './nile-button-toggle.css';
11
+ import NileElement from '../internal/nile-element';
12
+ /**
13
+ * Nile icon component.
14
+ *
15
+ * @tag nile-button-toggle
16
+ *
17
+ */
18
+ let NileButtonToggle = class NileButtonToggle extends NileElement {
19
+ constructor() {
20
+ super(...arguments);
21
+ this.active = false;
22
+ this.initial = false;
23
+ this.middle = false;
24
+ this.end = false;
25
+ this.disabled = false;
26
+ this.value = '';
27
+ /* #endregion */
28
+ }
29
+ /**
30
+ * The styles for ButtonToggle
31
+ * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
32
+ */
33
+ static get styles() {
34
+ return [styles];
35
+ }
36
+ connectedCallback() {
37
+ super.connectedCallback();
38
+ this.addEventListener('click', this.toggle);
39
+ }
40
+ disconnectedCallback() {
41
+ this.removeEventListener('click', this.toggle);
42
+ super.disconnectedCallback();
43
+ }
44
+ toggle() {
45
+ if (this.disabled)
46
+ return;
47
+ this.active = true;
48
+ const eventData = { active: this.active, value: this.value };
49
+ this.dispatchEvent(new CustomEvent('nile-toggle-changed', { detail: eventData, bubbles: true }));
50
+ }
51
+ /**
52
+ * Render method
53
+ * @slot This is a slot test
54
+ */
55
+ render() {
56
+ let classes = ['nile-button-toggle'];
57
+ if (this.active) {
58
+ classes.push('nile-button-toggle__active');
59
+ }
60
+ if (this.initial) {
61
+ classes.push('nile-button-toggle__initial');
62
+ }
63
+ if (this.middle) {
64
+ classes.push('nile-button-toggle__middle');
65
+ }
66
+ if (this.end) {
67
+ classes.push('nile-button-toggle__end');
68
+ }
69
+ if (this.disabled) {
70
+ classes.push('nile-button-toggle__disabled');
71
+ }
72
+ const classString = classes.join(' ');
73
+ return html `
74
+ <div class="${classString}">
75
+ <slot name="prefix"></slot>
76
+ <slot> </slot>
77
+ </div>
78
+ `;
79
+ }
80
+ };
81
+ __decorate([
82
+ property({ type: Boolean, reflect: true })
83
+ ], NileButtonToggle.prototype, "active", void 0);
84
+ __decorate([
85
+ property({ type: Boolean, reflect: true })
86
+ ], NileButtonToggle.prototype, "initial", void 0);
87
+ __decorate([
88
+ property({ type: Boolean, reflect: true })
89
+ ], NileButtonToggle.prototype, "middle", void 0);
90
+ __decorate([
91
+ property({ type: Boolean, reflect: true })
92
+ ], NileButtonToggle.prototype, "end", void 0);
93
+ __decorate([
94
+ property({ type: Boolean, reflect: true })
95
+ ], NileButtonToggle.prototype, "disabled", void 0);
96
+ __decorate([
97
+ property({ type: String })
98
+ ], NileButtonToggle.prototype, "value", void 0);
99
+ NileButtonToggle = __decorate([
100
+ customElement('nile-button-toggle')
101
+ ], NileButtonToggle);
102
+ export { NileButtonToggle };
103
+ export default NileButtonToggle;
104
+ //# sourceMappingURL=nile-button-toggle.js.map
@@ -0,0 +1 @@
1
+ {"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"]}
@@ -0,0 +1 @@
1
+ export { NileButtonToggleGroup } from './nile-button-toggle-group';
@@ -0,0 +1,2 @@
1
+ export { NileButtonToggleGroup } from './nile-button-toggle-group';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export { NileButtonToggleGroup } from './nile-button-toggle-group';\n"]}
@@ -0,0 +1,12 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ /**
8
+ * ButtonToggleGroup CSS
9
+ */
10
+ export declare const styles: import("lit-element").CSSResult;
11
+ declare const _default: import("lit-element").CSSResult[];
12
+ export default _default;
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { css } from 'lit-element';
8
+ /**
9
+ * ButtonToggleGroup CSS
10
+ */
11
+ export const styles = css `
12
+ :host {
13
+ display: inline-flex;
14
+ }
15
+ `;
16
+ export default [styles];
17
+ //# sourceMappingURL=nile-button-toggle-group.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-button-toggle-group.css.js","sourceRoot":"","sources":["../../../src/nile-button-toggle-group/nile-button-toggle-group.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,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 * ButtonToggleGroup CSS\n */\nexport const styles = css`\n\t:host {\n display: inline-flex;\n\t}\n`;\n\nexport default [styles];\n"]}
@@ -0,0 +1,41 @@
1
+ /**
2
+ * Copyright Aquera Inc 2023
3
+ *
4
+ * This source code is licensed under the BSD-3-Clause license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import { CSSResultArray, TemplateResult } from 'lit-element';
8
+ import NileElement from '../internal/nile-element';
9
+ /**
10
+ * Nile icon component.
11
+ *
12
+ * @tag nile-button-toggle-group
13
+ *
14
+ */
15
+ export declare class NileButtonToggleGroup extends NileElement {
16
+ /**
17
+ * The styles for ButtonToggleGroup
18
+ * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
19
+ */
20
+ static get styles(): CSSResultArray;
21
+ private toggles;
22
+ private defaultSlot;
23
+ disabled: boolean;
24
+ connectedCallback(): void;
25
+ firstUpdated(): void;
26
+ updated(changedProperties: Map<string | number | symbol, unknown>): void;
27
+ private updateDisabledState;
28
+ updateTogglePositions(): void;
29
+ handleToggle(event: CustomEvent): void;
30
+ /**
31
+ * Render method
32
+ * @slot This is a slot test
33
+ */
34
+ render(): TemplateResult;
35
+ }
36
+ export default NileButtonToggleGroup;
37
+ declare global {
38
+ interface HTMLElementTagNameMap {
39
+ 'nile-button-toggle-group': NileButtonToggleGroup;
40
+ }
41
+ }