@aquera/nile-elements 0.0.6-9 → 0.0.7-1

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

@@ -1 +1 @@
-{"version":3,"file":"nile-switcher.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n  \n */\n\nexport interface switchconfig {\n  toggleSwitch: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType: 'dropdown' | 'text' | 'checkbox' | 'text-area' | 'radio';\n  value?: String | boolean;\n  label?: String;\n  placeholder?: string;\n  disabled?: boolean;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType, inputType: string) {\n    const { value, label, placeholder, disabled } = Input;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .placeholder=${placeholder}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType, inputType: string) {\n    const { options, multiple, placeholder, disabled } = Input;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType, inputType: string) {\n    const { value, disabled } = Input;\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType, inputType: string) {\n    const { value, label, disabled } = Input;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      .disabled=${disabled}\n      @valueChange=${(e: CustomEvent) => {\n        this.handleChangeCheckbox(e, inputType);\n      }}\n    ></nile-checkbox>`;\n  }\n\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const { options, value, disabled } = Input;\n\n    return html`<nile-radio-group\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n    </nile-radio-group>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string) {\n    if (inputType === INPUT_TYPE.DEFAULT) {\n      this.nileSwitchConfig.defaultInput.value = event.detail.value;\n    } else {\n      this.nileSwitchConfig.switchInput.value = event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  handleChangeCheckbox(event: CustomEvent, inputType: string) {\n    if (inputType === INPUT_TYPE.DEFAULT) {\n      this.nileSwitchConfig.defaultInput.value = event.detail.checked;\n    } else {\n      this.nileSwitchConfig.switchInput.value = event.detail.checked;\n    }\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': icon === 'stringinput',\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    this.nileSwitchConfig = {\n      ...this.nileSwitchConfig,\n      toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n    };\n    this.emit('nile-switch', { config: this.nileSwitchConfig });\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              [\n                'text',\n                () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                'checkbox',\n                () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                'text-area',\n                () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                'radio',\n                () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                'dropdown',\n                () =>\n                  this.renderDropdown(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n            ],\n            () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)\n          )\n        : choose(\n            switchInputType,\n            [\n              [\n                'text-area',\n                () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                'text',\n                () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),\n              ],\n            ],\n\n            () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)\n          )}\n      ${this.renderIcon()}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(defaultInput, switchInput, toggleField)}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["INPUT_TYPE","DEFAULT","SWITCH","_export","NileSwitcher","_s","_inherits","c","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","connectedCallback","super","this","emit","disconnectedCallback","renderNileText","Input","inputType","_this","label","placeholder","disabled","html","_templateObject","_taggedTemplateLiteral","e","handleChange","renderDropdown","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","_this3","_templateObject4","renderNileCheckBox","_templateObject5","handleChangeCheckbox","renderNileRadio","_templateObject6","_templateObject7","event","nileSwitchConfig","defaultInput","detail","switchInput","stopPropagation","config","checked","renderIcon","icon","toggleSwitch","_templateObject8","classMap","toggleField","singleFieldSwitcher","_this6","defaultInputType","switchInputType","_templateObject9","choose","render","_this$nileSwitchConfi","_templateObject10","NileElement","styles","__decorate","property","type","Object","prototype","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-switcher.cjs.js","sources":["../../../src/nile-switcher/nile-switcher.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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-switcher.css';\nimport NileElement from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\nimport { choose } from 'lit/directives/choose.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * @summary Allows you to switch between nile elements\n\n * @dependency nile-icon\n * @dependency nile-input\n * @dependency nile-checkbox\n * @dependency nile-dropdown\n * @dependency nile-textarea\n *\n \n * @event nile-change - Emitted when the control's value changes.\n * @event nile-switch - Emitted when the nile component is being switched.\n  \n */\n\nexport interface switchconfig {\n  [key: string]: any;\n  toggleSwitch: boolean;\n  disable?: boolean;\n  defaultInput: switchInputType;\n  switchInput: switchInputType;\n}\n\nexport interface switchInputType {\n  inputType:\n    | INPUT_TYPE_NAMES.DROPDOWN\n    | INPUT_TYPE_NAMES.TEXT\n    | INPUT_TYPE_NAMES.CHECKBOX\n    | INPUT_TYPE_NAMES.TEXTAREA\n    | INPUT_TYPE_NAMES.RADIO\n    | INPUT_TYPE_NAMES.CONTENTEDITOR;\n  value?: String | boolean;\n  label?: String;\n  type: string;\n  placeholder?: string;\n  disabled?: boolean;\n  required?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  options?: Array<any>;\n  multiple?: boolean;\n}\n\nexport enum INPUT_TYPE {\n  DEFAULT = 'defaultInput',\n  SWITCH = 'switchInput',\n}\n\nexport enum INPUT_TYPE_NAMES {\n  DROPDOWN = 'dropdown',\n  TEXT = 'text',\n  CHECKBOX = 'checkbox',\n  TEXTAREA = 'text-area',\n  RADIO = 'radio',\n  CONTENTEDITOR = 'content-editor',\n}\n\n@customElement('nile-switcher')\nexport class NileSwitcher extends NileElement {\n  /**\n   * The styles for nile switcher\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  static styles: CSSResultGroup = styles;\n  @property({ type: Object }) nileSwitchConfig: switchconfig;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  renderNileText(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      label,\n      placeholder,\n      disabled,\n      required,\n      errorMessage,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-input\n      .value=${value}\n      .label=${label}\n      .disabled=${disabled}\n      .required=${required}\n      .errorMessage=${errorMessage}\n      .placeholder=${placeholder}\n      .error=${true}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-input>`;\n  }\n\n  renderDropdown(Input: switchInputType, inputType: string) {\n    const {\n      options,\n      multiple,\n      placeholder,\n      disabled,\n      inputType: inputTypeName,\n    } = Input;\n    return html`<nile-select\n      .placeholder=${placeholder}\n      .disabled=\"${disabled}\"\n      .multiple=\"${multiple}\"\n      @nile-change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options?.map((option: any) => {\n        return html`<nile-option .value=\"${option}\">${option} </nile-option>`;\n      })}\n    </nile-select>`;\n  }\n\n  renderNileTextArea(Input: switchInputType, inputType: string) {\n    const { value, disabled, inputType: inputTypeName } = Input;\n    return html`<nile-textarea\n      .value=${value}\n      .disabled=${disabled}\n      @nile-input=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-textarea>`;\n  }\n\n  renderNileCheckBox(Input: switchInputType, inputType: string) {\n    const { value, label, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-checkbox\n      .checked=${value}\n      .label=${label}\n      .disabled=${disabled}\n      @valueChange=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    ></nile-checkbox>`;\n  }\n\n  renderNileRadio(Input: switchInputType, inputType: string) {\n    const { options, value, disabled, inputType: inputTypeName } = Input;\n\n    return html`<nile-radio-group\n      .value=${value}\n      .disabled=${disabled}\n      @change=${(e: CustomEvent) => {\n        this.handleChange(e, inputType, inputTypeName);\n      }}\n    >\n      ${options &&\n      options.map((option: any) => {\n        return html`<nile-radio .value=\"${option}\">${option} </nile-radio>`;\n      })}\n    </nile-radio-group>`;\n  }\n\n  renderContentEditor(Input: switchInputType, inputType: string) {\n    const {\n      value,\n      options,\n      inputType: inputTypeName,\n      errorMessage,\n      type,\n    } = Input;\n    return html`<nile-content-editor\n       .value=${value}\n       .options=${options}\n       .type =${type}\n       .errorMessage=${errorMessage}\n       @nile-change=${(e: CustomEvent) => {\n         this.handleChange(e, inputType, inputTypeName);\n       }}\n     >\n     </nile-radio-group>`;\n  }\n\n  handleChange(event: CustomEvent, inputType: string, inputTypeName: string) {\n    if (inputTypeName === INPUT_TYPE_NAMES.CHECKBOX) {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.checked;\n    } else {\n      this.nileSwitchConfig[inputType as keyof switchconfig].value =\n        event.detail.value;\n    }\n    event.stopPropagation();\n    this.emit('nile-change', { config: this.nileSwitchConfig });\n  }\n\n  renderIcon() {\n    const icon = !this.nileSwitchConfig.toggleSwitch\n      ? 'header-functions'\n      : 'stringinput';\n    return html`<nile-icon\n      size=\"14\"\n      class=${classMap({\n        'pointer-cursor': true,\n        'flex-start': icon === 'stringinput',\n      })}\n      .name=${icon}\n      color=\"#005EA6\"\n      @click=${this.toggleField}\n    ></nile-icon>`;\n  }\n\n  toggleField() {\n    this.nileSwitchConfig = {\n      ...this.nileSwitchConfig,\n      toggleSwitch: !this.nileSwitchConfig.toggleSwitch,\n    };\n    this.emit('nile-switch', { config: this.nileSwitchConfig });\n  }\n\n  singleFieldSwitcher(\n    defaultInput: switchInputType,\n    switchInput: switchInputType,\n    toggleField: boolean,\n    disable: boolean\n  ) {\n    const defaultInputType = defaultInput.inputType;\n    const switchInputType = switchInput.inputType;\n    return html`\n      ${!toggleField\n        ? choose(\n            defaultInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.CHECKBOX,\n                () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.RADIO,\n                () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),\n              ],\n              [\n                INPUT_TYPE_NAMES.DROPDOWN,\n                () =>\n                  this.renderDropdown(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () =>\n                  this.renderContentEditor(\n                    this.nileSwitchConfig.defaultInput,\n                    INPUT_TYPE.DEFAULT\n                  ),\n              ],\n            ],\n            () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)\n          )\n        : choose(\n            switchInputType,\n            [\n              [\n                INPUT_TYPE_NAMES.TEXTAREA,\n                () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.TEXT,\n                () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),\n              ],\n              [\n                INPUT_TYPE_NAMES.CONTENTEDITOR,\n                () => this.renderContentEditor(switchInput, INPUT_TYPE.SWITCH),\n              ],\n            ],\n\n            () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)\n          )}\n      ${!disable ? this.renderIcon() : ''}\n    `;\n  }\n  public render(): TemplateResult {\n    const {\n      toggleSwitch: toggleField,\n      defaultInput,\n      switchInput,\n      disable,\n    } = this.nileSwitchConfig;\n\n    return html`<div class=\"input-container\">\n      ${this.singleFieldSwitcher(\n        defaultInput,\n        switchInput,\n        toggleField,\n        !!disable\n      )}\n    </div>`;\n  }\n}\n\nexport default NileSwitcher;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-switcher': NileSwitcher;\n  }\n}\n"],"names":["INPUT_TYPE","DEFAULT","SWITCH","INPUT_TYPE_NAMES","DROPDOWN","TEXT","CHECKBOX","TEXTAREA","RADIO","CONTENTEDITOR","_export","NileSwitcher","connectedCallback","super","this","emit","key","value","disconnectedCallback","renderNileText","Input","inputType","label","placeholder","disabled","required","errorMessage","inputTypeName","html","_templateObject","_taggedTemplateLiteral","e","handleChange","renderDropdown","_this2","options","multiple","_templateObject2","map","option","_templateObject3","renderNileTextArea","_templateObject4","renderNileCheckBox","_templateObject5","renderNileRadio","_templateObject6","_templateObject7","renderContentEditor","_this6","type","_templateObject8","event","nileSwitchConfig","detail","checked","stopPropagation","config","renderIcon","icon","toggleSwitch","_templateObject9","classMap","toggleField","singleFieldSwitcher","defaultInput","switchInput","disable","defaultInputType","switchInputType","_templateObject10","choose","render","_this$nileSwitchConfi","_templateObject11","d","NileElement","styles","__decorate","property","Object","prototype","customElement"],"mappings":"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"}

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

@@ -1,40 +1,50 @@
-import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as t}from"lit/decorators.js";import{s as n}from"./nile-switcher.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{choose as l}from"lit/directives/choose.js";import{classMap as r}from"lit/directives/class-map.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";var a;!function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(a||(a={}));let c=class extends s{connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e,t){const{value:n,label:s,placeholder:l,disabled:r}=e;return i`<nile-input
+import{__decorate as e}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{customElement as t}from"lit/decorators.js";import{s as n}from"./nile-switcher.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";import{choose as s}from"lit/directives/choose.js";import{classMap as l}from"lit/directives/class-map.js";import{n as o}from"../property-09139d3c.esm.js";import"lit";var a,c;!function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput"}(a||(a={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor"}(c||(c={}));let d=class extends r{connectedCallback(){super.connectedCallback(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}renderNileText(e,t){const{value:n,label:r,placeholder:s,disabled:l,required:o,errorMessage:a,inputType:c}=e;return i`<nile-input
       .value=${n}
-      .label=${s}
-      .disabled=${r}
-      .placeholder=${l}
-      @nile-input=${e=>{this.handleChange(e,t)}}
-    ></nile-input>`}renderDropdown(e,t){const{options:n,multiple:s,placeholder:l,disabled:r}=e;return i`<nile-select
-      .placeholder=${l}
-      .disabled="${r}"
-      .multiple="${s}"
-      @nile-change=${e=>{this.handleChange(e,t)}}
+      .label=${r}
+      .disabled=${l}
+      .required=${o}
+      .errorMessage=${a}
+      .placeholder=${s}
+      .error=${!0}
+      @nile-input=${e=>{this.handleChange(e,t,c)}}
+    ></nile-input>`}renderDropdown(e,t){const{options:n,multiple:r,placeholder:s,disabled:l,inputType:o}=e;return i`<nile-select
+      .placeholder=${s}
+      .disabled="${l}"
+      .multiple="${r}"
+      @nile-change=${e=>{this.handleChange(e,t,o)}}
     >
       ${n?.map((e=>i`<nile-option .value="${e}">${e} </nile-option>`))}
-    </nile-select>`}renderNileTextArea(e,t){const{value:n,disabled:s}=e;return i`<nile-textarea
+    </nile-select>`}renderNileTextArea(e,t){const{value:n,disabled:r,inputType:s}=e;return i`<nile-textarea
       .value=${n}
-      .disabled=${s}
-      @nile-input=${e=>{this.handleChange(e,t)}}
-    ></nile-textarea>`}renderNileCheckBox(e,t){const{value:n,label:s,disabled:l}=e;return i`<nile-checkbox
+      .disabled=${r}
+      @nile-input=${e=>{this.handleChange(e,t,s)}}
+    ></nile-textarea>`}renderNileCheckBox(e,t){const{value:n,label:r,disabled:s,inputType:l}=e;return i`<nile-checkbox
       .checked=${n}
-      .label=${s}
-      .disabled=${l}
-      @valueChange=${e=>{this.handleChangeCheckbox(e,t)}}
-    ></nile-checkbox>`}renderNileRadio(e,t){const{options:n,value:s,disabled:l}=e;return i`<nile-radio-group
-      .value=${s}
-      .disabled=${l}
-      @change=${e=>{this.handleChange(e,t)}}
+      .label=${r}
+      .disabled=${s}
+      @valueChange=${e=>{this.handleChange(e,t,l)}}
+    ></nile-checkbox>`}renderNileRadio(e,t){const{options:n,value:r,disabled:s,inputType:l}=e;return i`<nile-radio-group
+      .value=${r}
+      .disabled=${s}
+      @change=${e=>{this.handleChange(e,t,l)}}
     >
       ${n&&n.map((e=>i`<nile-radio .value="${e}">${e} </nile-radio>`))}
-    </nile-radio-group>`}handleChange(e,i){i===a.DEFAULT?this.nileSwitchConfig.defaultInput.value=e.detail.value:this.nileSwitchConfig.switchInput.value=e.detail.value,e.stopPropagation(),this.emit("nile-change",{config:this.nileSwitchConfig})}handleChangeCheckbox(e,i){i===a.DEFAULT?this.nileSwitchConfig.defaultInput.value=e.detail.checked:this.nileSwitchConfig.switchInput.value=e.detail.checked,this.emit("nile-change",{config:this.nileSwitchConfig})}renderIcon(){const e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return i`<nile-icon
+    </nile-radio-group>`}renderContentEditor(e,t){const{value:n,options:r,inputType:s,errorMessage:l,type:o}=e;return i`<nile-content-editor
+       .value=${n}
+       .options=${r}
+       .type =${o}
+       .errorMessage=${l}
+       @nile-change=${e=>{this.handleChange(e,t,s)}}
+     >
+     </nile-radio-group>`}handleChange(e,i,t){t===c.CHECKBOX?this.nileSwitchConfig[i].value=e.detail.checked:this.nileSwitchConfig[i].value=e.detail.value,e.stopPropagation(),this.emit("nile-change",{config:this.nileSwitchConfig})}renderIcon(){const e=this.nileSwitchConfig.toggleSwitch?"stringinput":"header-functions";return i`<nile-icon
       size="14"
-      class=${r({"pointer-cursor":!0,"flex-start":"stringinput"===e})}
+      class=${l({"pointer-cursor":!0,"flex-start":"stringinput"===e})}
       .name=${e}
       color="#005EA6"
       @click=${this.toggleField}
-    ></nile-icon>`}toggleField(){this.nileSwitchConfig={...this.nileSwitchConfig,toggleSwitch:!this.nileSwitchConfig.toggleSwitch},this.emit("nile-switch",{config:this.nileSwitchConfig})}singleFieldSwitcher(e,t,n){const s=e.inputType,r=t.inputType;return i`
-      ${n?l(r,[["text-area",()=>this.renderNileTextArea(t,a.SWITCH)],["text",()=>this.renderNileText(t,a.SWITCH)]],(()=>this.renderNileTextArea(t,a.SWITCH))):l(s,[["text",()=>this.renderNileText(e,a.DEFAULT)],["checkbox",()=>this.renderNileCheckBox(e,a.DEFAULT)],["text-area",()=>this.renderNileTextArea(e,a.DEFAULT)],["radio",()=>this.renderNileRadio(e,a.DEFAULT)],["dropdown",()=>this.renderDropdown(this.nileSwitchConfig.defaultInput,a.DEFAULT)]],(()=>this.renderNileText(e,a.DEFAULT)))}
-      ${this.renderIcon()}
-    `}render(){const{toggleSwitch:e,defaultInput:t,switchInput:n}=this.nileSwitchConfig;return i`<div class="input-container">
-      ${this.singleFieldSwitcher(t,n,e)}
-    </div>`}};c.styles=n,e([o({type:Object})],c.prototype,"nileSwitchConfig",void 0),c=e([t("nile-switcher")],c);export{c as N};
+    ></nile-icon>`}toggleField(){this.nileSwitchConfig={...this.nileSwitchConfig,toggleSwitch:!this.nileSwitchConfig.toggleSwitch},this.emit("nile-switch",{config:this.nileSwitchConfig})}singleFieldSwitcher(e,t,n,r){const l=e.inputType,o=t.inputType;return i`
+      ${n?s(o,[[c.TEXTAREA,()=>this.renderNileTextArea(t,a.SWITCH)],[c.TEXT,()=>this.renderNileText(t,a.SWITCH)],[c.CONTENTEDITOR,()=>this.renderContentEditor(t,a.SWITCH)]],(()=>this.renderNileTextArea(t,a.SWITCH))):s(l,[[c.TEXT,()=>this.renderNileText(e,a.DEFAULT)],[c.CHECKBOX,()=>this.renderNileCheckBox(e,a.DEFAULT)],[c.TEXTAREA,()=>this.renderNileTextArea(e,a.DEFAULT)],[c.RADIO,()=>this.renderNileRadio(e,a.DEFAULT)],[c.DROPDOWN,()=>this.renderDropdown(this.nileSwitchConfig.defaultInput,a.DEFAULT)],[c.CONTENTEDITOR,()=>this.renderContentEditor(this.nileSwitchConfig.defaultInput,a.DEFAULT)]],(()=>this.renderNileText(e,a.DEFAULT)))}
+      ${r?"":this.renderIcon()}
+    `}render(){const{toggleSwitch:e,defaultInput:t,switchInput:n,disable:r}=this.nileSwitchConfig;return i`<div class="input-container">
+      ${this.singleFieldSwitcher(t,n,e,!!r)}
+    </div>`}};d.styles=n,e([o({type:Object})],d.prototype,"nileSwitchConfig",void 0),d=e([t("nile-switcher")],d);export{d as N};

package/dist/src/index.d.ts

@@ -30,5 +30,8 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileButtonToggleGroup } from './nile-button-toggle-group';
+export { NileButtonToggle } from './nile-button-toggle';
 export { NileSwitcher } from './nile-switcher';
 export { NileContentEditor } from './nile-content-editor';
+export { NileDialog } from './nile-dialog';

package/dist/src/index.js

@@ -30,6 +30,9 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileButtonToggleGroup } from './nile-button-toggle-group';
+export { NileButtonToggle } from './nile-button-toggle';
 export { NileSwitcher } from './nile-switcher';
 export { NileContentEditor } from './nile-content-editor';
+export { NileDialog } from './nile-dialog';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -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"]}
+{"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;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,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';\nexport { NileDialog } from './nile-dialog';\n"]}

package/dist/src/internal/modal.d.ts

@@ -0,0 +1,12 @@
+export default class Modal {
+    element: HTMLElement;
+    tabDirection: 'forward' | 'backward';
+    constructor(element: HTMLElement);
+    activate(): void;
+    deactivate(): void;
+    isActive(): boolean;
+    checkFocus(): void;
+    handleFocusIn(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleKeyUp(): void;
+}

package/dist/src/internal/modal.js

@@ -0,0 +1,52 @@
+import { getTabbableBoundary } from './tabbable';
+let activeModals = [];
+export default class Modal {
+    constructor(element) {
+        this.tabDirection = 'forward';
+        this.element = element;
+        this.handleFocusIn = this.handleFocusIn.bind(this);
+        this.handleKeyDown = this.handleKeyDown.bind(this);
+        this.handleKeyUp = this.handleKeyUp.bind(this);
+    }
+    activate() {
+        activeModals.push(this.element);
+        document.addEventListener('focusin', this.handleFocusIn);
+        document.addEventListener('keydown', this.handleKeyDown);
+        document.addEventListener('keyup', this.handleKeyUp);
+    }
+    deactivate() {
+        activeModals = activeModals.filter(modal => modal !== this.element);
+        document.removeEventListener('focusin', this.handleFocusIn);
+        document.removeEventListener('keydown', this.handleKeyDown);
+        document.removeEventListener('keyup', this.handleKeyUp);
+    }
+    isActive() {
+        // The "active" modal is always the most recent one shown
+        return activeModals[activeModals.length - 1] === this.element;
+    }
+    checkFocus() {
+        if (this.isActive()) {
+            if (!this.element.matches(':focus-within')) {
+                const { start, end } = getTabbableBoundary(this.element);
+                const target = this.tabDirection === 'forward' ? start : end;
+                if (typeof target?.focus === 'function') {
+                    target.focus({ preventScroll: true });
+                }
+            }
+        }
+    }
+    handleFocusIn() {
+        this.checkFocus();
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Tab' && event.shiftKey) {
+            this.tabDirection = 'backward';
+            // Ensure focus remains trapped after the key is pressed
+            requestAnimationFrame(() => this.checkFocus());
+        }
+    }
+    handleKeyUp() {
+        this.tabDirection = 'forward';
+    }
+}
+//# sourceMappingURL=modal.js.map

package/dist/src/internal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/internal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,IAAI,YAAY,GAAkB,EAAE,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,KAAK;IAIxB,YAAY,OAAoB;QAFhC,iBAAY,GAA2B,SAAS,CAAC;QAG/C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,QAAQ;QACN,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACvD,CAAC;IAED,UAAU;QACR,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC;QACpE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,QAAQ;QACN,yDAAyD;QACzD,OAAO,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAChE,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;gBAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACzD,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;gBAE7D,IAAI,OAAO,MAAM,EAAE,KAAK,KAAK,UAAU,EAAE;oBACvC,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;iBACvC;aACF;SACF;IACH,CAAC;IAED,aAAa;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,aAAa,CAAC,KAAoB;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;YACzC,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;YAE/B,wDAAwD;YACxD,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SAChD;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;IAChC,CAAC;CACF","sourcesContent":["import { getTabbableBoundary } from './tabbable';\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n  element: HTMLElement;\n  tabDirection: 'forward' | 'backward' = 'forward';\n\n  constructor(element: HTMLElement) {\n    this.element = element;\n    this.handleFocusIn = this.handleFocusIn.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleKeyUp = this.handleKeyUp.bind(this);\n  }\n\n  activate() {\n    activeModals.push(this.element);\n    document.addEventListener('focusin', this.handleFocusIn);\n    document.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keyup', this.handleKeyUp);\n  }\n\n  deactivate() {\n    activeModals = activeModals.filter(modal => modal !== this.element);\n    document.removeEventListener('focusin', this.handleFocusIn);\n    document.removeEventListener('keydown', this.handleKeyDown);\n    document.removeEventListener('keyup', this.handleKeyUp);\n  }\n\n  isActive() {\n    // The \"active\" modal is always the most recent one shown\n    return activeModals[activeModals.length - 1] === this.element;\n  }\n\n  checkFocus() {\n    if (this.isActive()) {\n      if (!this.element.matches(':focus-within')) {\n        const { start, end } = getTabbableBoundary(this.element);\n        const target = this.tabDirection === 'forward' ? start : end;\n\n        if (typeof target?.focus === 'function') {\n          target.focus({ preventScroll: true });\n        }\n      }\n    }\n  }\n\n  handleFocusIn() {\n    this.checkFocus();\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab' && event.shiftKey) {\n      this.tabDirection = 'backward';\n\n      // Ensure focus remains trapped after the key is pressed\n      requestAnimationFrame(() => this.checkFocus());\n    }\n  }\n\n  handleKeyUp() {\n    this.tabDirection = 'forward';\n  }\n}\n"]}

package/dist/src/internal/nile-element.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 export default class NileElement extends LitElement {
     /** Emits a custom event with more convenient defaults. */
-    emit(name: string, detail?: any): void;
+    emit(name: string, detail?: any): CustomEvent<any>;
 }
 export interface NileFormControl extends NileElement {
     name: string;

package/dist/src/internal/nile-element.js

@@ -9,6 +9,7 @@ export default class NileElement extends LitElement {
             detail
         });
         this.dispatchEvent(event);
+        return event;
     }
 }
 //# sourceMappingURL=nile-element.js.map

package/dist/src/internal/nile-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-element.js","sourceRoot":"","sources":["../../../src/internal/nile-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IAEjD,0DAA0D;IAC1D,IAAI,CAAC,IAAY,EAAE,MAAY;QAC7B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE;YAClC,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport default class NileElement extends LitElement {\n\n  /** Emits a custom event with more convenient defaults. */\n  emit(name: string, detail?: any) {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail\n    });\n\n    this.dispatchEvent(event);\n  }\n}\n\n\nexport interface NileFormControl extends NileElement {\n  // Form attributes\n  name: string;\n  value: unknown;\n  disabled?: boolean;\n  defaultValue?: unknown;\n  defaultChecked?: boolean;\n  form?: string;\n\n  // Constraint validation attributes\n  pattern?: string;\n  min?: number | string | Date;\n  max?: number | string | Date;\n  step?: number | 'any';\n  required?: boolean;\n  minlength?: number;\n  maxlength?: number;\n\n  // Form validation properties\n  readonly validity: ValidityState;\n  readonly validationMessage: string;\n\n  // Form validation methods\n  checkValidity: () => boolean;\n  getForm: () => HTMLFormElement | null;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n}\n\n"]}
+{"version":3,"file":"nile-element.js","sourceRoot":"","sources":["../../../src/internal/nile-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IAEjD,0DAA0D;IAC1D,IAAI,CAAC,IAAY,EAAE,MAAY;QAC7B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE;YAClC,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport default class NileElement extends LitElement {\n\n  /** Emits a custom event with more convenient defaults. */\n  emit(name: string, detail?: any) {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail\n    });\n\n    this.dispatchEvent(event);\n    return event;\n  }\n}\n\n\nexport interface NileFormControl extends NileElement {\n  // Form attributes\n  name: string;\n  value: unknown;\n  disabled?: boolean;\n  defaultValue?: unknown;\n  defaultChecked?: boolean;\n  form?: string;\n\n  // Constraint validation attributes\n  pattern?: string;\n  min?: number | string | Date;\n  max?: number | string | Date;\n  step?: number | 'any';\n  required?: boolean;\n  minlength?: number;\n  maxlength?: number;\n\n  // Form validation properties\n  readonly validity: ValidityState;\n  readonly validationMessage: string;\n\n  // Form validation methods\n  checkValidity: () => boolean;\n  getForm: () => HTMLFormElement | null;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n}\n\n"]}

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

@@ -0,0 +1 @@
+export { NileButtonToggle } from './nile-button-toggle';

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

@@ -0,0 +1,2 @@
+export { NileButtonToggle } from './nile-button-toggle';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/{.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.d.ts → dist/src/nile-button-toggle/nile-button-toggle.css.d.ts}

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 /**
- * RadioButtonGroup CSS
+ * ButtonToggle CSS
  */
 export declare const styles: import("lit-element").CSSResult;
 declare const _default: import("lit-element").CSSResult[];

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

@@ -0,0 +1,56 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * 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 { css } from 'lit-element';
+/**
+ * ButtonToggle CSS
+ */
+export const styles = css `
+  :host {
+  }
+
+  .nile-button-toggle {
+    display: flex;
+    padding: 12px;
+    border: 1px solid #ccc;
+    cursor: pointer;
+    border-radius: 4px;
+    color: #000;
+    text-align: center;
+    font-family: Colfax-regular;
+    font-size: 14px;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+    justify-content: center;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .nile-button-toggle__initial {
+    border-radius: 4px 0 0 4px;
+  }
+
+  .nile-button-toggle__end {
+    border-radius: 0 4px 4px 0;
+  }
+
+  .nile-button-toggle__middle {
+    border-width: 1px 0px;
+    border-style: solid;
+    border-color: #ccc;
+    border-radius: 0;
+  }
+
+  .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

@@ -0,0 +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"]}

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

@@ -0,0 +1,41 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * 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 { CSSResultArray, TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-button-toggle
+ *
+ */
+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]`
+     */
+    static get styles(): CSSResultArray;
+    active: boolean;
+    initial: boolean;
+    middle: boolean;
+    end: boolean;
+    disabled: boolean;
+    value: string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    toggle(): void;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileButtonToggle;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-button-toggle': NileButtonToggle;
+    }
+}

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

@@ -0,0 +1,104 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * 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 { __decorate } from "tslib";
+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 NileElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.initial = false;
+        this.middle = false;
+        this.end = false;
+        this.disabled = false;
+        this.value = '';
+        /* #endregion */
+    }
+    /**
+     * The styles for ButtonToggle
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', this.toggle);
+    }
+    disconnectedCallback() {
+        this.removeEventListener('click', this.toggle);
+        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 }));
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        let classes = ['nile-button-toggle'];
+        if (this.active) {
+            classes.push('nile-button-toggle__active');
+        }
+        if (this.initial) {
+            classes.push('nile-button-toggle__initial');
+        }
+        if (this.middle) {
+            classes.push('nile-button-toggle__middle');
+        }
+        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}">
+        <slot name="prefix"></slot>
+        <slot> </slot>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "initial", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileButtonToggle.prototype, "middle", void 0);
+__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);
+NileButtonToggle = __decorate([
+    customElement('nile-button-toggle')
+], NileButtonToggle);
+export { NileButtonToggle };
+export default NileButtonToggle;
+//# sourceMappingURL=nile-button-toggle.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1 @@
+export { NileButtonToggleGroup } from './nile-button-toggle-group';

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

@@ -0,0 +1,2 @@
+export { NileButtonToggleGroup } from './nile-button-toggle-group';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * ButtonToggleGroup CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

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

@@ -0,0 +1,17 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* 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 { css } from 'lit-element';
+/**
+ * ButtonToggleGroup CSS
+ */
+export const styles = css `
+	:host {
+    display: inline-flex;
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-button-toggle-group.css.js.map

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

@@ -0,0 +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"]}