@aquera/nile-elements 0.0.1-beta.16 → 0.0.1-beta.16-2

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

@@ -0,0 +1,45 @@
+import { css } from 'lit';
+export default css `
+  .nile-progress-bar__container {
+    width: 100%;
+    margin: 0 auto;
+  }
+
+  .nile-progress-bar__progress-bar {
+    width: 100%;
+    counter-reset: step;
+    padding: 0;
+    margin: 0 auto;
+    list-style: none;
+    display: flex;
+    height: 2px;
+    justify-content: space-between;
+  }
+
+  .nile-progress-bar__progress-bar li {
+    position: relative;
+    width: 100%;
+    height: 2px;
+    background-color: var(--nile-colors-neutral-400);
+  }
+
+  .nile-progress-bar__progress-bar li.changeColor::after {
+    background-color: var(--nile-colors-primary-600);
+  }
+
+  .nile-progress-bar__progress-bar li span {
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: var(--nile-colors-primary-600);
+    height: 2px;
+    transition: all 1s linear;
+  }
+
+  .nile-progress-bar__reset {
+    background-color: var(--nile-colors-neutral-400);
+    position: absolute;
+    z-index: 1;
+  }
+`;
+//# sourceMappingURL=nile-progress-bar.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-progress-bar.css.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 2px;\n    transition: all 1s linear;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n`;\n"]}

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

@@ -0,0 +1,6 @@
+import { LitElement, CSSResultGroup } from 'lit-element';
+export declare class NileProgressBar extends LitElement {
+    static styles: CSSResultGroup;
+    value: number;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,28 @@
+import { __decorate } from "tslib";
+import { LitElement, html, property, customElement } from 'lit-element';
+import styles from './nile-progress-bar.css';
+let NileProgressBar = class NileProgressBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = 0;
+    }
+    render() {
+        return html `
+      <div class="nile-progress-bar__container">
+        ${this.value === 0 ? html `<ul class="nile-progress-bar__progress-bar nile-progress-bar__reset"></ul>` : html ``}
+        <ul class="nile-progress-bar__progress-bar">
+          <li><span style="width: ${this.value}%"></span></li>
+        </ul>
+      </div>
+    `;
+    }
+};
+NileProgressBar.styles = styles;
+__decorate([
+    property({ type: Number })
+], NileProgressBar.prototype, "value", void 0);
+NileProgressBar = __decorate([
+    customElement('nile-progress-bar')
+], NileProgressBar);
+export { NileProgressBar };
+//# sourceMappingURL=nile-progress-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-progress-bar.js","sourceRoot":"","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAO,QAAQ,EAAE,aAAa,EAAkB,MAAM,aAAa,CAAC;AAC7F,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAG7C,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,UAAU;IAA/C;;QAG8B,UAAK,GAAG,CAAC,CAAC;IAYxC,CAAC;IAVU,MAAM;QACb,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,4EAA4E,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;;oCAElF,IAAI,CAAC,KAAK;;;KAGzC,CAAC;IACJ,CAAC;CACF,CAAA;AAdiB,sBAAM,GAAmB,MAAO,CAAA;AAEpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAW;AAH3B,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAe3B;SAfY,eAAe","sourcesContent":["import { LitElement, html, css, property, customElement, CSSResultGroup } from 'lit-element';\nimport styles from './nile-progress-bar.css';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends LitElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n\n  override render() {\n    return html`\n      <div class=\"nile-progress-bar__container\">\n        ${this.value === 0 ? html`<ul class=\"nile-progress-bar__progress-bar nile-progress-bar__reset\"></ul>` : html``}\n        <ul class=\"nile-progress-bar__progress-bar\">\n          <li><span style=\"width: ${this.value}%\"></span></li>\n        </ul>\n      </div>\n    `;\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+/**
+* 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.
+*/
+/**
+ * Radio CSS
+ */
+export declare const styles: import("lit-element").CSSResult;

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

@@ -0,0 +1,122 @@
+/**
+* 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';
+/**
+ * Radio CSS
+ */
+export const styles = css `
+
+
+  :host {
+    display: block;
+  }
+
+  :host(:focus-visible) {
+    outline: 0px;
+  }
+
+  .radio {
+    display: inline-flex;
+    align-items: top;
+    font-size: 14px;
+    font-weight: 500;
+    color: var(--nile-colors-dark-900);
+    vertical-align: middle;
+    cursor: pointer;
+    margin: 10px 0;
+  }
+
+  .radio--medium {
+    --toggle-size: 14px;
+    font-size: 14px;
+  }
+
+  .radio__checked-icon {
+    display: inline-flex;
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+    background: var(--nile-colors-primary-600);
+  }
+
+  .radio__control {
+    flex: 0 0 auto;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--nile-type-scale-3);
+    height: var(--nile-type-scale-3);
+    border: solid 1px var(--nile-colors-neutral-700);
+    border-radius: 50%;
+    background-color: var(--nile-colors-white-base);
+    color: transparent;
+    transition: var(--nile-transition-duration-default) border-color, var(--nile-transition-duration-default) background-color,
+    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default) box-shadow;
+  }
+
+  .radio__input {
+    position: absolute;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    pointer-events: none;
+  }
+
+  /* Hover */
+  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {
+    border: 1px solid var(--nile-colors-primary-600);
+    background: var(--nile-colors-primary-100);
+  }
+
+  /* Checked */
+  .radio--checked .radio__control {
+    color: var(--nile-colors-primary-600);
+    border: 1px solid var(--nile-colors-primary-600);
+    background-color: var(--nile-colors-white-base);
+  }
+
+  /* Checked + hover */
+  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {
+    border: 1px solid var(--nile-colors-primary-900);
+    background-color: var(--nile-colors-white-base);
+  }
+
+  /* Checked + hover */
+  .radio__checked-icon:hover {
+    background-color: var(--nile-colors-primary-900);
+  }
+
+  /* Checked + focus */
+  :host(:focus-visible) .radio__control {
+    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);
+    outline-offset: 1px;
+  }
+
+  /* Disabled */
+  .radio--disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    border-color: 1px solid var(--nile-colors-neutral-500);
+  }
+
+  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */
+  .radio:not(.radio--checked) svg circle {
+    opacity: 0;
+  }
+
+  .radio__label {
+    display: inline-block;
+    color: var(--nile-colors-dark-900);
+    line-height: var(--nile-type-scale-3);
+    margin-inline-start: 0.5em;
+    user-select: none;
+    font-size: var(--nile-type-scale-3);
+    margin-top: 2px;
+  }
+`;
+//# sourceMappingURL=nile-radio.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio.css.js","sourceRoot":"","sources":["../../../src/nile-radio/nile-radio.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GxB,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 * Radio CSS\n */\nexport const styles = css`\n\n\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--nile-colors-primary-600);\n  }\n\n  .radio__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3);\n    height: var(--nile-type-scale-3);\n    border: solid 1px var(--nile-colors-neutral-700);\n    border-radius: 50%;\n    background-color: var(--nile-colors-white-base);\n    color: transparent;\n    transition: var(--nile-transition-duration-default) border-color, var(--nile-transition-duration-default) background-color,\n    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default) box-shadow;\n  }\n\n  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-colors-primary-600);\n    background: var(--nile-colors-primary-100);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-colors-primary-600);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-colors-primary-900);\n    background-color: var(--nile-colors-white-base);\n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-colors-primary-900);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n    border-color: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n`;\n"]}

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

@@ -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 { TemplateResult } from 'lit-element';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-radio
+ *
+ *
+* @dependency nile-icon
+ *
+ * @slot - The radio's label.
+ *
+ * @event blur - Emitted when the control loses focus.
+ * @event focus - Emitted when the control gains focus.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart control - The circular container that wraps the radio's checked state.
+ * @csspart control--checked - The radio control when the radio is checked.
+ * @csspart checked-icon - The checked icon, an `<nile-icon>` element.
+ * @csspart label - The container that wraps the radio's label.
+ */
+export declare class NileRadio extends NileElement {
+    static styles: CSSResultGroup;
+    checked: boolean;
+    protected hasFocus: boolean;
+    /** The radio's value. When selected, the radio group will receive this value. */
+    value: string;
+    /** The radio's size. */
+    size: 'small' | 'medium' | 'large';
+    /** Disables the radio. */
+    disabled: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private addEventListeners;
+    private removeEventListeners;
+    private handleBlur;
+    private handleClick;
+    private handleFocus;
+    private setInitialAttributes;
+    handleCheckedChange(): void;
+    handleDisabledChange(): void;
+    render(): TemplateResult<1>;
+}
+export default NileRadio;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-radio': NileRadio;
+    }
+}

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

@@ -0,0 +1,148 @@
+/**
+ * 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-radio.css';
+import { classMap } from 'lit/directives/class-map.js';
+import { state } from 'lit/decorators.js';
+import { watch } from '../internal/watch';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-radio
+ *
+ *
+* @dependency nile-icon
+ *
+ * @slot - The radio's label.
+ *
+ * @event blur - Emitted when the control loses focus.
+ * @event focus - Emitted when the control gains focus.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart control - The circular container that wraps the radio's checked state.
+ * @csspart control--checked - The radio control when the radio is checked.
+ * @csspart checked-icon - The checked icon, an `<nile-icon>` element.
+ * @csspart label - The container that wraps the radio's label.
+ */
+let NileRadio = class NileRadio extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.checked = false;
+        this.hasFocus = false;
+        /** The radio's value. When selected, the radio group will receive this value. */
+        this.value = '';
+        /** The radio's size. */
+        this.size = 'medium';
+        /** Disables the radio. */
+        this.disabled = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.handleBlur = this.handleBlur.bind(this);
+        this.handleClick = this.handleClick.bind(this);
+        this.handleFocus = this.handleFocus.bind(this);
+        this.setInitialAttributes();
+        this.addEventListeners();
+    }
+    disconnectedCallback() {
+        this.removeEventListeners();
+    }
+    addEventListeners() {
+        this.addEventListener('blur', this.handleBlur);
+        this.addEventListener('click', this.handleClick);
+        this.addEventListener('focus', this.handleFocus);
+    }
+    removeEventListeners() {
+        this.removeEventListener('blur', this.handleBlur);
+        this.removeEventListener('click', this.handleClick);
+        this.removeEventListener('focus', this.handleFocus);
+    }
+    handleBlur() {
+        this.hasFocus = false;
+        this.dispatchEvent(new CustomEvent('nile-blur', {
+            bubbles: true,
+            composed: true
+        }));
+    }
+    handleClick() {
+        if (!this.disabled) {
+            this.checked = true;
+        }
+    }
+    handleFocus() {
+        this.hasFocus = true;
+        this.dispatchEvent(new CustomEvent('nile-focus', {
+            bubbles: true,
+            composed: true
+        }));
+    }
+    setInitialAttributes() {
+        this.setAttribute('role', 'radio');
+        this.setAttribute('tabindex', '-1');
+        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+    }
+    handleCheckedChange() {
+        this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
+        this.setAttribute('tabindex', this.checked ? '0' : '-1');
+    }
+    handleDisabledChange() {
+        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
+    }
+    render() {
+        return html `
+      <span
+        part="base"
+        class=${classMap({
+            radio: true,
+            'radio--checked': this.checked,
+            'radio--disabled': this.disabled,
+            'radio--focused': this.hasFocus,
+            'radio--medium': this.size === 'medium',
+        })}
+      >
+        <span part="${`control${this.checked ? ' control--checked' : ''}`}" class="radio__control">
+          ${this.checked
+            ? html ` <span class="radio__checked-icon"></span> `
+            : ''}
+        </span>
+
+        <slot part="label" class="radio__label"></slot>
+      </span>
+    `;
+    }
+};
+NileRadio.styles = styles;
+__decorate([
+    state()
+], NileRadio.prototype, "checked", void 0);
+__decorate([
+    state()
+], NileRadio.prototype, "hasFocus", void 0);
+__decorate([
+    property()
+], NileRadio.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], NileRadio.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileRadio.prototype, "disabled", void 0);
+__decorate([
+    watch('checked')
+], NileRadio.prototype, "handleCheckedChange", null);
+__decorate([
+    watch('disabled', { waitUntilFirstUpdate: true })
+], NileRadio.prototype, "handleDisabledChange", null);
+NileRadio = __decorate([
+    customElement('nile-radio')
+], NileRadio);
+export { NileRadio };
+export default NileRadio;
+//# sourceMappingURL=nile-radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio.js","sourceRoot":"","sources":["../../../src/nile-radio/nile-radio.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-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @state() checked = false;\n  @state() protected hasFocus = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string = '';\n\n  /** The radio's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the radio. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n\n    this.setInitialAttributes();\n    this.addEventListeners();\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n  }\n\n  private addEventListeners() {\n    this.addEventListener('blur', this.handleBlur);\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('focus', this.handleFocus);\n  }\n\n  private removeEventListeners() {\n    this.removeEventListener('blur', this.handleBlur);\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('focus', this.handleFocus);\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.dispatchEvent(\n      new CustomEvent('nile-blur', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private handleClick() {\n    if (!this.disabled) {\n      this.checked = true;\n    }\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.dispatchEvent(\n      new CustomEvent('nile-focus', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private setInitialAttributes() {\n    this.setAttribute('role', 'radio');\n    this.setAttribute('tabindex', '-1');\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('checked')\n  handleCheckedChange() {\n    this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          radio: true,\n          'radio--checked': this.checked,\n          'radio--disabled': this.disabled,\n          'radio--focused': this.hasFocus,\n          'radio--medium': this.size === 'medium',\n        })}\n      >\n        <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n          ${this.checked\n            ? html` <span class=\"radio__checked-icon\"></span> `\n            : ''}\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    `;\n  }\n}\n\nexport default NileRadio;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio': NileRadio;\n  }\n}\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

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

@@ -0,0 +1,40 @@
+import { css } from 'lit';
+export default css `
+
+  :host {
+    display: block;
+  }
+
+  .form-control--inline-radio ::slotted(nile-radio) {
+    display: inline-block;
+    margin-right: 1.3rem !important;
+  }
+
+  .form-control {
+    border: none;
+    padding: 0;
+    margin: 0;
+  }
+
+  .form-control__label {
+    padding: 0;
+  }
+
+  .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;
+  }
+`;
+//# sourceMappingURL=nile-radio-group.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio-group.css.js","sourceRoot":"","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\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"]}

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

@@ -0,0 +1,66 @@
+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 NileRadioGroup extends NileElement {
+    static styles: CSSResultGroup;
+    private readonly hasSlotController;
+    private customValidityMessage;
+    defaultSlot: HTMLSlotElement;
+    private hasButtonGroup;
+    private errorMessage;
+    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 radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */
+    helpText: 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;
+    connectedCallback(): void;
+    private getAllRadios;
+    private handleRadioClick;
+    handleDisabledChange(): void;
+    private handleInitialDisabledState;
+    private handleKeyDown;
+    private handleLabelClick;
+    private handleSlotChange;
+    private updateCheckedRadio;
+    handleValueChange(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default NileRadioGroup;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-radio-group': NileRadioGroup;
+    }
+}