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

package/src/nile-switcher/nile-switcher.ts

@@ -29,17 +29,29 @@ import { classMap } from 'lit/directives/class-map.js';
  */
 
 export interface switchconfig {
+  [key: string]: any;
   toggleSwitch: boolean;
+  disable?: boolean;
   defaultInput: switchInputType;
   switchInput: switchInputType;
 }
 
 export interface switchInputType {
-  inputType: 'dropdown' | 'text' | 'checkbox' | 'text-area' | 'radio';
+  inputType:
+    | INPUT_TYPE_NAMES.DROPDOWN
+    | INPUT_TYPE_NAMES.TEXT
+    | INPUT_TYPE_NAMES.CHECKBOX
+    | INPUT_TYPE_NAMES.TEXTAREA
+    | INPUT_TYPE_NAMES.RADIO
+    | INPUT_TYPE_NAMES.CONTENTEDITOR;
   value?: String | boolean;
   label?: String;
+  type: string;
   placeholder?: string;
   disabled?: boolean;
+  required?: boolean;
+  error?: boolean;
+  errorMessage?: string;
   options?: Array<any>;
   multiple?: boolean;
 }
@@ -49,6 +61,15 @@ export enum INPUT_TYPE {
   SWITCH = 'switchInput',
 }
 
+export enum INPUT_TYPE_NAMES {
+  DROPDOWN = 'dropdown',
+  TEXT = 'text',
+  CHECKBOX = 'checkbox',
+  TEXTAREA = 'text-area',
+  RADIO = 'radio',
+  CONTENTEDITOR = 'content-editor',
+}
+
 @customElement('nile-switcher')
 export class NileSwitcher extends NileElement {
   /**
@@ -69,26 +90,43 @@ export class NileSwitcher extends NileElement {
   }
 
   renderNileText(Input: switchInputType, inputType: string) {
-    const { value, label, placeholder, disabled } = Input;
+    const {
+      value,
+      label,
+      placeholder,
+      disabled,
+      required,
+      errorMessage,
+      inputType: inputTypeName,
+    } = Input;
     return html`<nile-input
       .value=${value}
       .label=${label}
       .disabled=${disabled}
+      .required=${required}
+      .errorMessage=${errorMessage}
       .placeholder=${placeholder}
+      .error=${true}
       @nile-input=${(e: CustomEvent) => {
-        this.handleChange(e, inputType);
+        this.handleChange(e, inputType, inputTypeName);
       }}
     ></nile-input>`;
   }
 
   renderDropdown(Input: switchInputType, inputType: string) {
-    const { options, multiple, placeholder, disabled } = Input;
+    const {
+      options,
+      multiple,
+      placeholder,
+      disabled,
+      inputType: inputTypeName,
+    } = Input;
     return html`<nile-select
       .placeholder=${placeholder}
       .disabled="${disabled}"
       .multiple="${multiple}"
       @nile-change=${(e: CustomEvent) => {
-        this.handleChange(e, inputType);
+        this.handleChange(e, inputType, inputTypeName);
       }}
     >
       ${options?.map((option: any) => {
@@ -98,37 +136,37 @@ export class NileSwitcher extends NileElement {
   }
 
   renderNileTextArea(Input: switchInputType, inputType: string) {
-    const { value, disabled } = Input;
+    const { value, disabled, inputType: inputTypeName } = Input;
     return html`<nile-textarea
       .value=${value}
       .disabled=${disabled}
       @nile-input=${(e: CustomEvent) => {
-        this.handleChange(e, inputType);
+        this.handleChange(e, inputType, inputTypeName);
       }}
     ></nile-textarea>`;
   }
 
   renderNileCheckBox(Input: switchInputType, inputType: string) {
-    const { value, label, disabled } = Input;
+    const { value, label, disabled, inputType: inputTypeName } = Input;
 
     return html`<nile-checkbox
       .checked=${value}
       .label=${label}
       .disabled=${disabled}
       @valueChange=${(e: CustomEvent) => {
-        this.handleChangeCheckbox(e, inputType);
+        this.handleChange(e, inputType, inputTypeName);
       }}
     ></nile-checkbox>`;
   }
 
   renderNileRadio(Input: switchInputType, inputType: string) {
-    const { options, value, disabled } = Input;
+    const { options, value, disabled, inputType: inputTypeName } = Input;
 
     return html`<nile-radio-group
       .value=${value}
       .disabled=${disabled}
       @change=${(e: CustomEvent) => {
-        this.handleChange(e, inputType);
+        this.handleChange(e, inputType, inputTypeName);
       }}
     >
       ${options &&
@@ -138,22 +176,35 @@ export class NileSwitcher extends NileElement {
     </nile-radio-group>`;
   }
 
-  handleChange(event: CustomEvent, inputType: string) {
-    if (inputType === INPUT_TYPE.DEFAULT) {
-      this.nileSwitchConfig.defaultInput.value = event.detail.value;
-    } else {
-      this.nileSwitchConfig.switchInput.value = event.detail.value;
-    }
-    event.stopPropagation();
-    this.emit('nile-change', { config: this.nileSwitchConfig });
+  renderContentEditor(Input: switchInputType, inputType: string) {
+    const {
+      value,
+      options,
+      inputType: inputTypeName,
+      errorMessage,
+      type,
+    } = Input;
+    return html`<nile-content-editor
+       .value=${value}
+       .options=${options}
+       .type =${type}
+       .errorMessage=${errorMessage}
+       @nile-change=${(e: CustomEvent) => {
+         this.handleChange(e, inputType, inputTypeName);
+       }}
+     >
+     </nile-radio-group>`;
   }
 
-  handleChangeCheckbox(event: CustomEvent, inputType: string) {
-    if (inputType === INPUT_TYPE.DEFAULT) {
-      this.nileSwitchConfig.defaultInput.value = event.detail.checked;
+  handleChange(event: CustomEvent, inputType: string, inputTypeName: string) {
+    if (inputTypeName === INPUT_TYPE_NAMES.CHECKBOX) {
+      this.nileSwitchConfig[inputType as keyof switchconfig].value =
+        event.detail.checked;
     } else {
-      this.nileSwitchConfig.switchInput.value = event.detail.checked;
+      this.nileSwitchConfig[inputType as keyof switchconfig].value =
+        event.detail.value;
     }
+    event.stopPropagation();
     this.emit('nile-change', { config: this.nileSwitchConfig });
   }
 
@@ -184,7 +235,8 @@ export class NileSwitcher extends NileElement {
   singleFieldSwitcher(
     defaultInput: switchInputType,
     switchInput: switchInputType,
-    toggleField: boolean
+    toggleField: boolean,
+    disable: boolean
   ) {
     const defaultInputType = defaultInput.inputType;
     const switchInputType = switchInput.inputType;
@@ -194,29 +246,37 @@ export class NileSwitcher extends NileElement {
             defaultInputType,
             [
               [
-                'text',
+                INPUT_TYPE_NAMES.TEXT,
                 () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT),
               ],
               [
-                'checkbox',
+                INPUT_TYPE_NAMES.CHECKBOX,
                 () => this.renderNileCheckBox(defaultInput, INPUT_TYPE.DEFAULT),
               ],
               [
-                'text-area',
+                INPUT_TYPE_NAMES.TEXTAREA,
                 () => this.renderNileTextArea(defaultInput, INPUT_TYPE.DEFAULT),
               ],
               [
-                'radio',
+                INPUT_TYPE_NAMES.RADIO,
                 () => this.renderNileRadio(defaultInput, INPUT_TYPE.DEFAULT),
               ],
               [
-                'dropdown',
+                INPUT_TYPE_NAMES.DROPDOWN,
                 () =>
                   this.renderDropdown(
                     this.nileSwitchConfig.defaultInput,
                     INPUT_TYPE.DEFAULT
                   ),
               ],
+              [
+                INPUT_TYPE_NAMES.CONTENTEDITOR,
+                () =>
+                  this.renderContentEditor(
+                    this.nileSwitchConfig.defaultInput,
+                    INPUT_TYPE.DEFAULT
+                  ),
+              ],
             ],
             () => this.renderNileText(defaultInput, INPUT_TYPE.DEFAULT)
           )
@@ -224,18 +284,22 @@ export class NileSwitcher extends NileElement {
             switchInputType,
             [
               [
-                'text-area',
+                INPUT_TYPE_NAMES.TEXTAREA,
                 () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH),
               ],
               [
-                'text',
+                INPUT_TYPE_NAMES.TEXT,
                 () => this.renderNileText(switchInput, INPUT_TYPE.SWITCH),
               ],
+              [
+                INPUT_TYPE_NAMES.CONTENTEDITOR,
+                () => this.renderContentEditor(switchInput, INPUT_TYPE.SWITCH),
+              ],
             ],
 
             () => this.renderNileTextArea(switchInput, INPUT_TYPE.SWITCH)
           )}
-      ${this.renderIcon()}
+      ${!disable ? this.renderIcon() : ''}
     `;
   }
   public render(): TemplateResult {
@@ -243,10 +307,16 @@ export class NileSwitcher extends NileElement {
       toggleSwitch: toggleField,
       defaultInput,
       switchInput,
+      disable,
     } = this.nileSwitchConfig;
 
     return html`<div class="input-container">
-      ${this.singleFieldSwitcher(defaultInput, switchInput, toggleField)}
+      ${this.singleFieldSwitcher(
+        defaultInput,
+        switchInput,
+        toggleField,
+        !!disable
+      )}
     </div>`;
   }
 }

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.d.ts

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.js

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-radio-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileRadioButton } from './nile-radio-button';\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.css.js

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

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nile-radio-button.css.js","sourceRoot":"","sources":["../../../src/nile-radio-button/nile-radio-button.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKxB,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 * RadioButton CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    color: var(--color-text-default, #000);\n    text-align: center;\n    border-radius: 4px;\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px; /* 100% */\n    letter-spacing: 0.2px;\n    text-decoration: none;\n    user-select: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    padding: 12px;\n    cursor: pointer;\n    gap: 10px;\n  }\n\n  .button::-moz-focus-inner {\n    border: 0;\n  }\n\n  .button:focus {\n    outline: none;\n  }\n\n  .button:focus-visible {\n    outline: var(--nile-focus-ring);\n    outline-offset: var(--nile-focus-ring-offset);\n  }\n\n  .button--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  /* When disabled, prevent mouse events from bubbling up from children */\n  .button--disabled * {\n    pointer-events: none;\n  }\n\n  .button__prefix,\n  .button__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n  }\n\n  .button__label {\n    display: inline-block;\n  }\n\n  .button__label::slotted(nile-icon) {\n    vertical-align: -2px;\n  }\n\n  /* Default */\n  .button--default {\n    border: 1px solid #c7ced4;\n    background: #fff;\n    color: black;\n  }\n\n  .button--default:hover:not(.button--disabled) {\n    border: 1px solid #c7ced4;\n    background: #e5e9eb;\n  }\n\n  .button--default:active:not(.button--disabled) {\n    border: 1px solid #c7ced4;\n    background: #e5e9eb;\n  }\n\n  .button--checked {\n    border: 1px solid #c7ced4;\n    background: #e5e9eb;\n  }\n\n  .button--has-label.button--medium .button__label {\n    padding: 0 var(--nile-spacing-medium);\n  }\n\n  .button--has-prefix.button--medium {\n    padding-inline-start: var(--nile-spacing-small);\n  }\n\n  .button--has-prefix.button--medium .button__label {\n    padding-inline-start: var(--nile-spacing-small);\n  }\n\n  .button--has-suffix.button--medium,\n  .button--caret.button--medium {\n    padding-inline-end: var(--nile-spacing-small);\n  }\n\n  .button--has-suffix.button--medium .button__label,\n  .button--caret.button--medium .button__label {\n    padding-inline-end: var(--nile-spacing-small);\n  }\n\n  .nile-radio-button--first {\n    background-color: red;\n  }\n\n  :host(.nile-radio-button--first:not(.nile-radio-button--last)) .button {\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n  }\n\n  :host(.nile-group-button--inner) .button {\n    border-radius: 0;\n  }\n\n  :host(.nile-radio-button--last:not(.nile-radio-button--first)) .button {\n    border-start-start-radius: 0;\n    border-end-start-radius: 0;\n  }\n\n  /* All except the first */\n  :host(.nile-radio-button__button:not(.nile-radio-button__button--first)) {\n    margin-inline-start: calc(-1 * var(--nile-input-border-width));\n  }\n\n  :host(.nile-radio-button--inner) .button {\n    border-radius: 0;\n    border-left: 0;\n    border-right: 0;\n  }\n\n  .button__prefix,\n  .button__suffix,\n  .button__label {\n    display: inline-flex;\n    position: relative;\n    align-items: center;\n  }\n\n  /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.\n    We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */\n  .hidden-input {\n    all: unset;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    outline: dotted 1px red;\n    opacity: 0;\n    z-index: -1;\n  }\n`;\n\nexport default [styles];\n"]}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.d.ts

@@ -1,57 +0,0 @@
-/**
- * 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-radio-button
- *
- */
-export declare class NileRadioButton extends NileElement {
-    /**
-     * The styles for RadioButton
-     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
-     */
-    static get styles(): CSSResultArray;
-    private readonly hasSlotController;
-    input: HTMLInputElement;
-    hiddenInput: HTMLInputElement;
-    protected hasFocus: boolean;
-    /**
-     * @internal The radio button's checked state. This is exposed as an "internal" attribute so we can reflect it, making
-     * it easier to style in button groups.
-     */
-    checked: boolean;
-    /** The radio's value. When selected, the radio group will receive this value. */
-    value: string;
-    /** Disables the radio button. */
-    disabled: boolean;
-    /**
-     * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so
-     * this attribute can typically be omitted.
-     */
-    size: 'small' | 'medium' | 'large';
-    /** Draws a pill-style radio button with rounded edges. */
-    pill: boolean;
-    connectedCallback(): void;
-    private handleBlur;
-    private handleClick;
-    private handleFocus;
-    handleDisabledChange(): void;
-    /** Sets focus on the radio button. */
-    focus(options?: FocusOptions): void;
-    /** Removes focus from the radio button. */
-    blur(): void;
-    render(): TemplateResult<1>;
-}
-export default NileRadioButton;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-radio-button': NileRadioButton;
-    }
-}

package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.js

@@ -1,145 +0,0 @@
-/**
- * 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, query, state } from 'lit/decorators.js';
-import { styles } from './nile-radio-button.css';
-import NileElement from '../internal/nile-element';
-import { HasSlotController } from '../slot';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { watch } from '../internal/watch';
-/**
- * Nile icon component.
- *
- * @tag nile-radio-button
- *
- */
-let NileRadioButton = class NileRadioButton extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');
-        this.hasFocus = false;
-        /**
-         * @internal The radio button's checked state. This is exposed as an "internal" attribute so we can reflect it, making
-         * it easier to style in button groups.
-         */
-        this.checked = false;
-        /** Disables the radio button. */
-        this.disabled = false;
-        /**
-         * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so
-         * this attribute can typically be omitted.
-         */
-        this.size = 'medium';
-        /** Draws a pill-style radio button with rounded edges. */
-        this.pill = false;
-    }
-    /**
-     * The styles for RadioButton
-     * @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.setAttribute('role', 'presentation');
-    }
-    handleBlur() {
-        this.hasFocus = false;
-        this.emit('nile-blur');
-    }
-    handleClick(e) {
-        if (this.disabled) {
-            e.preventDefault();
-            e.stopPropagation();
-            return;
-        }
-        this.checked = true;
-    }
-    handleFocus() {
-        this.hasFocus = true;
-        this.emit('nile-focus');
-    }
-    handleDisabledChange() {
-        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
-    }
-    /** Sets focus on the radio button. */
-    focus(options) {
-        this.input.focus(options);
-    }
-    /** Removes focus from the radio button. */
-    blur() {
-        this.input.blur();
-    }
-    render() {
-        return html `
-      <div part="base" role="presentation">
-        <button
-          part="${`button${this.checked ? ' button--checked' : ''}`}"
-          role="radio"
-          aria-checked="${this.checked}"
-          class=${classMap({
-            button: true,
-            'button--default': true,
-            'button--checked': this.checked,
-            'button--disabled': this.disabled,
-            'button--focused': this.hasFocus,
-            'button--has-label': this.hasSlotController.test('[default]'),
-            'button--has-prefix': this.hasSlotController.test('prefix'),
-            'button--has-suffix': this.hasSlotController.test('suffix'),
-        })}
-          aria-disabled=${this.disabled}
-          type="button"
-          value=${ifDefined(this.value)}
-          tabindex="${this.checked ? '0' : '-1'}"
-          @blur=${this.handleBlur}
-          @focus=${this.handleFocus}
-          @click=${this.handleClick}
-        >
-          <slot name="prefix" part="prefix" class="button__prefix"></slot>
-          <slot part="label" class="button__label"></slot>
-          <slot name="suffix" part="suffix" class="button__suffix"></slot>
-        </button>
-      </div>
-    `;
-    }
-};
-__decorate([
-    query('.button')
-], NileRadioButton.prototype, "input", void 0);
-__decorate([
-    query('.hidden-input')
-], NileRadioButton.prototype, "hiddenInput", void 0);
-__decorate([
-    state()
-], NileRadioButton.prototype, "hasFocus", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButton.prototype, "checked", void 0);
-__decorate([
-    property()
-], NileRadioButton.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButton.prototype, "disabled", void 0);
-__decorate([
-    property({ reflect: true })
-], NileRadioButton.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButton.prototype, "pill", void 0);
-__decorate([
-    watch('disabled', { waitUntilFirstUpdate: true })
-], NileRadioButton.prototype, "handleDisabledChange", null);
-NileRadioButton = __decorate([
-    customElement('nile-radio-button')
-], NileRadioButton);
-export { NileRadioButton };
-export default NileRadioButton;
-//# sourceMappingURL=nile-radio-button.js.map