@aquera/nile-elements 0.0.6 → 0.0.7

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-radio-button.js","sourceRoot":"","sources":["../../../src/nile-radio-button/nile-radio-button.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-radio-button.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../slot';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-radio-button\n *\n */\n@customElement('nile-radio-button')\nexport class NileRadioButton extends NileElement {\n  /**\n   * The styles for RadioButton\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  private readonly hasSlotController = new HasSlotController(\n    this,\n    '[default]',\n    'prefix',\n    'suffix'\n  );\n\n  @query('.button') input: HTMLInputElement;\n  @query('.hidden-input') hiddenInput: HTMLInputElement;\n\n  @state() protected hasFocus = false;\n\n  /**\n   * @internal The radio button's checked state. This is exposed as an \"internal\" attribute so we can reflect it, making\n   * it easier to style in button groups.\n   */\n  @property({ type: Boolean, reflect: true }) checked = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string;\n\n  /** Disables the radio button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\n   * this attribute can typically be omitted.\n   */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a pill-style radio button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.setAttribute('role', 'presentation');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleClick(e: MouseEvent) {\n    if (this.disabled) {\n      e.preventDefault();\n      e.stopPropagation();\n      return;\n    }\n\n    this.checked = true;\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  /** Sets focus on the radio button. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the radio button. */\n  blur() {\n    this.input.blur();\n  }\n\n  render() {\n    return html`\n      <div part=\"base\" role=\"presentation\">\n        <button\n          part=\"${`button${this.checked ? ' button--checked' : ''}`}\"\n          role=\"radio\"\n          aria-checked=\"${this.checked}\"\n          class=${classMap({\n            button: true,\n            'button--default': true,\n            'button--checked': this.checked,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--has-label': this.hasSlotController.test('[default]'),\n            'button--has-prefix': this.hasSlotController.test('prefix'),\n            'button--has-suffix': this.hasSlotController.test('suffix'),\n          })}\n          aria-disabled=${this.disabled}\n          type=\"button\"\n          value=${ifDefined(this.value)}\n          tabindex=\"${this.checked ? '0' : '-1'}\"\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n          <slot part=\"label\" class=\"button__label\"></slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        </button>\n      </div>\n    `;\n  }\n}\n\nexport default NileRadioButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-button': NileRadioButton;\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -1,70 +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';
-/**
- * RadioButtonGroup CSS
- */
-export const styles = css `
-  :host {
-    display: block;
-  }
-
-  .form-control {
-    border: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .form-control__label {
-    padding: 0;
-    font-size: 14px;
-    color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-
-  .radio-group--required .radio-group__label::after {
-    content: '*';
-    margin-inline-start: -2px;
-  }
-
-  .visually-hidden {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-
-  .form-control-input {
-    display: flex;
-    flex-wrap: nowrap;
-  }
-
-  .form-control--has-label .form-control__label {
-    display: inline-block;
-    color: inherit;
-    margin-bottom: 12px;
-    color: var(--nile-colors-dark-900);
-    font-family: Colfax-regular;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 14px;
-    letter-spacing: 0.2px;
-  }
-`;
-export default [styles];
-//# sourceMappingURL=nile-radio-button-group.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-radio-button-group.css.js","sourceRoot":"","sources":["../../../src/nile-radio-button-group/nile-radio-button-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,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 * RadioButtonGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  .form-control-input {\n    display: flex;\n    flex-wrap: nowrap;\n  }\n\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -1,66 +0,0 @@
-import NileElement from '../internal/nile-element';
-import type { CSSResultGroup } from 'lit';
-/**
- * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
- *
- * @dependency nile-button-group
- *
- * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event change - Emitted when the radio group's selected value changes.
- * @event input - Emitted when the radio group receives user input.
- * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
- */
-export declare class NileRadioButtonGroup extends NileElement {
-    static styles: CSSResultGroup;
-    private readonly hasSlotController;
-    private customValidityMessage;
-    defaultSlot: HTMLSlotElement;
-    private hasButtonGroup;
-    defaultValue: string;
-    /**
-     * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-     * instead.
-     */
-    label: string;
-    /** The name of the radio group, submitted as a name/value pair with form data. */
-    name: string;
-    /** The current value of the radio group, submitted as a name/value pair with form data. */
-    value: string;
-    /**
-     * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-     * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-     * the same document or shadow root for this to work.
-     */
-    form: string;
-    /** Ensures a child radio is checked before allowing the containing form to submit. */
-    required: boolean;
-    /** Used to show radio in inline or not */
-    labelInline: boolean;
-    /** Used to disabled or not */
-    disabled: boolean;
-    helpText: string;
-    errorMessage: string;
-    connectedCallback(): void;
-    private getAllRadios;
-    private handleRadioClick;
-    handleDisabledChange(): void;
-    private handleInitialDisabledState;
-    private handleKeyDown;
-    private handleLabelClick;
-    private handleSlotChange;
-    private findButton;
-    private updateCheckedRadio;
-    handleValueChange(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default NileRadioButtonGroup;
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-radio-button-group': NileRadioButtonGroup;
-    }
-}

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

@@ -1,308 +0,0 @@
-import { __decorate } from "tslib";
-import { classMap } from 'lit/directives/class-map.js';
-import { customElement, property, query, state } from 'lit/decorators.js';
-import { HasSlotController } from '../internal/slot';
-import { html } from 'lit';
-import { watch } from '../internal/watch';
-import NileElement from '../internal/nile-element';
-import styles from './nile-radio-button-group.css';
-/**
- * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.
- *
- * @dependency nile-button-group
- *
- * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
- *  attribute.
- *
- * @event change - Emitted when the radio group's selected value changes.
- * @event input - Emitted when the radio group receives user input.
- * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
- * @csspart button-group - The button group that wraps radio buttons.
- * @csspart button-group__base - The button group's `base` part.
- */
-let NileRadioButtonGroup = class NileRadioButtonGroup extends NileElement {
-    constructor() {
-        super(...arguments);
-        this.hasSlotController = new HasSlotController(this, 'help-text', 'label');
-        this.customValidityMessage = '';
-        this.hasButtonGroup = false;
-        this.defaultValue = '';
-        /**
-         * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
-         * instead.
-         */
-        this.label = '';
-        /** The name of the radio group, submitted as a name/value pair with form data. */
-        this.name = 'option';
-        /** The current value of the radio group, submitted as a name/value pair with form data. */
-        this.value = '';
-        /**
-         * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
-         * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
-         * the same document or shadow root for this to work.
-         */
-        this.form = '';
-        /** Ensures a child radio is checked before allowing the containing form to submit. */
-        this.required = false;
-        /** Used to show radio in inline or not */
-        this.labelInline = false;
-        /** Used to disabled or not */
-        this.disabled = false;
-        this.helpText = '';
-        this.errorMessage = '';
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.defaultValue = this.value;
-        this.handleInitialDisabledState();
-    }
-    getAllRadios() {
-        return [...this.querySelectorAll('nile-radio-button')];
-    }
-    handleRadioClick(event) {
-        const target = event.target.closest('nile-radio-button');
-        const radios = this.getAllRadios();
-        const oldValue = this.value;
-        if (target.disabled) {
-            return;
-        }
-        this.value = target.value;
-        radios.forEach(radio => (radio.checked = radio === target));
-        if (this.value !== oldValue) {
-            this.emit('nile-change', { value: this.value });
-            this.emit('input');
-        }
-    }
-    handleDisabledChange() {
-        this.getAllRadios().forEach(radio => {
-            radio.disabled = this.disabled;
-        });
-    }
-    handleInitialDisabledState() {
-        this.getAllRadios().forEach(radio => {
-            radio.disabled = radio.hasAttribute('disabled')
-                ? radio.disabled
-                : this.disabled;
-        });
-    }
-    handleKeyDown(event) {
-        if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {
-            return;
-        }
-        const radios = this.getAllRadios().filter(radio => !radio.disabled);
-        const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];
-        const incr = event.key === ' '
-            ? 0
-            : ['ArrowUp', 'ArrowLeft'].includes(event.key)
-                ? -1
-                : 1;
-        const oldValue = this.value;
-        let index = radios.indexOf(checkedRadio) + incr;
-        if (index < 0) {
-            index = radios.length - 1;
-        }
-        if (index > radios.length - 1) {
-            index = 0;
-        }
-        this.getAllRadios().forEach(radio => {
-            radio.checked = false;
-            if (!this.hasButtonGroup) {
-                radio.tabIndex = -1;
-            }
-        });
-        this.value = radios[index].value;
-        radios[index].checked = true;
-        if (!this.hasButtonGroup) {
-            radios[index].tabIndex = 0;
-            radios[index].focus();
-        }
-        else {
-            radios[index].shadowRoot.querySelector('button').focus();
-        }
-        if (this.value !== oldValue) {
-            this.emit('change');
-            this.emit('input');
-        }
-        event.preventDefault();
-    }
-    handleLabelClick() {
-        const radios = this.getAllRadios();
-        const checked = radios.find(radio => radio.checked);
-        const radioToFocus = checked || radios[0];
-        // Move focus to the checked radio (or the first one if none are checked) when clicking the label
-        if (radioToFocus) {
-            radioToFocus.focus();
-        }
-    }
-    handleSlotChange() {
-        const radios = this.getAllRadios();
-        radios.forEach(radio => (radio.checked = radio.value === this.value));
-        this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'nile-radio-button');
-        if (!radios.some(radio => radio.checked)) {
-            if (this.hasButtonGroup) {
-                const buttonRadio = radios[0].shadowRoot.querySelector('button');
-                buttonRadio.tabIndex = 0;
-            }
-            else {
-                radios[0].tabIndex = 0;
-            }
-        }
-        if (this.hasButtonGroup) {
-            const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');
-        }
-        const slottedElements = [
-            ...this.defaultSlot.assignedElements({ flatten: true }),
-        ];
-        // console.log(slottedElements);
-        slottedElements.forEach(el => {
-            const index = slottedElements.indexOf(el);
-            const button = this.findButton(el);
-            if (button !== null) {
-                button.classList.toggle('nile-radio-button--first', index === 0);
-                button.classList.toggle('nile-radio-button--inner', index > 0 && index < slottedElements.length - 1);
-                button.classList.toggle('nile-radio-button--last', index === slottedElements.length - 1);
-            }
-        });
-    }
-    findButton(el) {
-        const selector = 'nile-radio-button';
-        return el.closest(selector) ?? el.querySelector(selector);
-    }
-    updateCheckedRadio() {
-        const radios = this.getAllRadios();
-        radios.forEach(radio => (radio.checked = radio.value === this.value));
-    }
-    handleValueChange() {
-        if (this.hasUpdated) {
-            this.updateCheckedRadio();
-        }
-    }
-    render() {
-        const hasLabelSlot = this.hasSlotController.test('label');
-        const hasHelpTextSlot = this.hasSlotController.test('help-text');
-        const hasLabel = this.label ? true : !!hasLabelSlot;
-        const hasHelpText = this.helpText ? true : false;
-        const hasErrorMessage = this.errorMessage ? true : false;
-        const defaultSlot = html `
-      <slot
-        @click=${this.handleRadioClick}
-        @keydown=${this.handleKeyDown}
-        @slotchange=${this.handleSlotChange}
-        role="presentation"
-      ></slot>
-    `;
-        return html `
-      <fieldset
-        part="form-control"
-        class=${classMap({
-            'form-control': true,
-            'form-control--medium': true,
-            'form-control--radio-group': true,
-            'form-control--has-label': hasLabel,
-            'form-control--has-help-text': hasHelpText,
-        })}
-        role="radiogroup"
-        aria-labelledby="label"
-        aria-describedby="help-text"
-        aria-errormessage="error-message"
-      >
-        <label
-          part="form-control-label"
-          id="label"
-          class="form-control__label"
-          aria-hidden=${hasLabel ? 'false' : 'true'}
-          @click=${this.handleLabelClick}
-        >
-          <slot name="label">${this.label}</slot>
-        </label>
-
-        <div part="form-control-input" class="form-control-input">
-          <div class="visually-hidden">
-            <label class="radio-group__validation">
-              <input
-                type="text"
-                class="radio-group__validation-input"
-                ?required=${this.required}
-                tabindex="-1"
-                hidden
-              />
-            </label>
-          </div>
-
-          ${this.hasButtonGroup
-            ? html ` ${defaultSlot} `
-            : html `
-                <div
-                  class="${this.labelInline
-                ? `form-control--inline-radio`
-                : ``}"
-                >
-                  ${defaultSlot}
-                </div>
-              `}
-        </div>
-
-        ${hasHelpText
-            ? html ` <nile-form-help-text>${this.helpText}</nile-form-help-text> `
-            : ``}
-        ${hasErrorMessage
-            ? html `
-              <nile-form-error-message
-                >${this.errorMessage}</nile-form-error-message
-              >
-            `
-            : ``}
-      </fieldset>
-    `;
-    }
-};
-NileRadioButtonGroup.styles = styles;
-__decorate([
-    query('slot:not([name])')
-], NileRadioButtonGroup.prototype, "defaultSlot", void 0);
-__decorate([
-    state()
-], NileRadioButtonGroup.prototype, "hasButtonGroup", void 0);
-__decorate([
-    state()
-], NileRadioButtonGroup.prototype, "defaultValue", void 0);
-__decorate([
-    property()
-], NileRadioButtonGroup.prototype, "label", void 0);
-__decorate([
-    property()
-], NileRadioButtonGroup.prototype, "name", void 0);
-__decorate([
-    property({ reflect: true })
-], NileRadioButtonGroup.prototype, "value", void 0);
-__decorate([
-    property({ reflect: true })
-], NileRadioButtonGroup.prototype, "form", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButtonGroup.prototype, "required", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButtonGroup.prototype, "labelInline", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NileRadioButtonGroup.prototype, "disabled", void 0);
-__decorate([
-    property({ attribute: 'help-text' })
-], NileRadioButtonGroup.prototype, "helpText", void 0);
-__decorate([
-    property({ attribute: 'error-message' })
-], NileRadioButtonGroup.prototype, "errorMessage", void 0);
-__decorate([
-    watch('disabled', { waitUntilFirstUpdate: true })
-], NileRadioButtonGroup.prototype, "handleDisabledChange", null);
-__decorate([
-    watch('value')
-], NileRadioButtonGroup.prototype, "handleValueChange", null);
-NileRadioButtonGroup = __decorate([
-    customElement('nile-radio-button-group')
-], NileRadioButtonGroup);
-export { NileRadioButtonGroup };
-export default NileRadioButtonGroup;
-//# sourceMappingURL=nile-radio-button-group.js.map