@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.5

package/dist/src/nile-radio-group/nile-radio-group.js

@@ -0,0 +1,326 @@
+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-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 NileRadioGroup = class NileRadioGroup 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 = '';
+        /** The radio's labelborder for whole gp. */
+        this.islabelborder = false;
+        /** Allow the radio to be unchecked. */
+        this.allowUncheckGroup = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.defaultValue = this.value;
+        this.handleInitialDisabledState();
+        this.emit('nile-init');
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.emit('nile-destroy');
+    }
+    getAllRadios() {
+        return [...this.querySelectorAll('nile-radio')];
+    }
+    handleRadioClick(event) {
+        const target = event.target.closest('nile-radio');
+        const radios = this.getAllRadios();
+        const oldValue = this.value;
+        if (target.disabled || this.disabled) {
+            return;
+        }
+        this.value = target.value;
+        if (!this.allowUncheckGroup) {
+            radios.forEach(radio => {
+                radio.checked = radio === target;
+            });
+        }
+        if (!this.allowUncheckGroup && this.value !== oldValue) {
+            this.emit('change', { value: this.value });
+            this.emit('input');
+        }
+        else if (this.allowUncheckGroup) {
+            this.emit('change', { value: this.value, checked: target.checked });
+            this.emit('input');
+        }
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('allowUncheckGroup')) {
+            if (this.allowUncheckGroup) {
+                this.getAllRadios().forEach(radio => {
+                    radio.allowUncheck = true;
+                });
+            }
+        }
+    }
+    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;
+            if (this.islabelborder) {
+                radio.islabelborder = true;
+            }
+        });
+        const nile_radio_check = 'nile-radio-button';
+        this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === nile_radio_check);
+        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');
+        }
+    }
+    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 hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');
+        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>
+
+        ${hasLabelSuffixSlot ? html ` <slot name="label-suffix"></slot> ` : ``}
+
+        <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 part="options-base" 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>
+    `;
+    }
+};
+NileRadioGroup.styles = styles;
+__decorate([
+    query('slot:not([name])')
+], NileRadioGroup.prototype, "defaultSlot", void 0);
+__decorate([
+    state()
+], NileRadioGroup.prototype, "hasButtonGroup", void 0);
+__decorate([
+    state()
+], NileRadioGroup.prototype, "defaultValue", void 0);
+__decorate([
+    property()
+], NileRadioGroup.prototype, "label", void 0);
+__decorate([
+    property()
+], NileRadioGroup.prototype, "name", void 0);
+__decorate([
+    property({ reflect: true })
+], NileRadioGroup.prototype, "value", void 0);
+__decorate([
+    property({ reflect: true })
+], NileRadioGroup.prototype, "form", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileRadioGroup.prototype, "required", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileRadioGroup.prototype, "labelInline", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileRadioGroup.prototype, "disabled", void 0);
+__decorate([
+    property({ attribute: 'help-text', reflect: true })
+], NileRadioGroup.prototype, "helpText", void 0);
+__decorate([
+    property({ attribute: 'error-message', reflect: true })
+], NileRadioGroup.prototype, "errorMessage", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileRadioGroup.prototype, "islabelborder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: true })
+], NileRadioGroup.prototype, "allowUncheckGroup", void 0);
+__decorate([
+    watch('disabled', { waitUntilFirstUpdate: true })
+], NileRadioGroup.prototype, "handleDisabledChange", null);
+__decorate([
+    watch('value')
+], NileRadioGroup.prototype, "handleValueChange", null);
+NileRadioGroup = __decorate([
+    customElement('nile-radio-group')
+], NileRadioGroup);
+export { NileRadioGroup };
+export default NileRadioGroup;
+//# sourceMappingURL=nile-radio-group.js.map

package/dist/src/nile-radio-group/nile-radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio-group.js","sourceRoot":"","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"names":[],"mappings":"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","sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @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.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  /** The radio's labelborder for whole gp. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  /** Allow the radio to be unchecked. */\n  @property({ type: Boolean, reflect: true, attribute: true }) allowUncheckGroup = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    if (!this.allowUncheckGroup) {\n      radios.forEach(radio => {\n        radio.checked = radio === target;\n      });\n    }\n\n    if (!this.allowUncheckGroup && this.value !== oldValue) {\n      this.emit('change', { value: this.value});\n      this.emit('input');\n    } else if (this.allowUncheckGroup) { \n      this.emit('change', { value: this.value , checked: target.checked});\n      this.emit('input');\n    }\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('allowUncheckGroup')) {\n      if (this.allowUncheckGroup) {\n        this.getAllRadios().forEach(radio => {\n          radio.allowUncheck = true;\n        });\n      }\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => {\n      radio.checked = radio.value === this.value;\n      if (this.islabelborder) {\n        radio.islabelborder=true;\n      }\n    });\n    const nile_radio_check='nile-radio-button';\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === nile_radio_check);\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    const defaultSlot = html`\n      <slot\n        @click=${this.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div part=\"options-base\" class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"]}

package/dist/src/nile-radio-group/nile-radio-group.test.js

@@ -0,0 +1,174 @@
+import { html, fixture, expect } from '@open-wc/testing';
+import './nile-radio-group';
+import '../nile-radio/nile-radio';
+describe('nile-radio-group', () => {
+    it('should render the radio group with radios', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Select an option" name="options" value="2">
+        <nile-radio name="test" value="1" label="Radio 1"></nile-radio>
+        <nile-radio name="test" value="2" label="Radio 2"></nile-radio>
+        <nile-radio name="test" value="3" label="Radio 3"></nile-radio>
+      </nile-radio-group>
+    `);
+        const radios = element.querySelectorAll('nile-radio');
+        expect(radios.length).to.equal(3);
+        expect(element.label).to.equal('Select an option');
+    });
+    it('should select the correct radio based on value', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Select an option" name="options" value="2">
+        <nile-radio name="test" value="1" label="Radio 1"></nile-radio>
+        <nile-radio name="test" value="2" label="Radio 2"></nile-radio>
+        <nile-radio name="test" value="3" label="Radio 3"></nile-radio>
+      </nile-radio-group>
+    `);
+        const selectedRadio = element.querySelector('nile-radio[value="2"]');
+        expect(selectedRadio?.checked).to.be.true;
+    });
+    it('should emit change event when radio selection changes', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Select an option" name="options" value="1">
+        <nile-radio name="test" value="1" label="Radio 1"></nile-radio>
+        <nile-radio name="test" value="2" label="Radio 2"></nile-radio>
+      </nile-radio-group>
+    `);
+        let changeEventFired = false;
+        element.addEventListener('change', () => {
+            changeEventFired = true;
+        });
+        const secondRadio = element.querySelector('nile-radio[value="2"]');
+        secondRadio?.click(); // Simulate user clicking the second radio
+        await element.updateComplete;
+        expect(changeEventFired).to.be.true;
+        expect(element.value).to.equal('2');
+    });
+    it('should handle disabled radios correctly', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Disabled Option" name="options">
+        <nile-radio name="test" value="1"> Radio 1 </nile-radio>
+        <nile-radio name="test" value="2" disabled islabelborder>Radio 2</nile-radio>
+        <nile-radio name="test" value="3" disabled>Radio 3</nile-radio>
+        <nile-radio name="test" value="4">Radio 4</nile-radio>
+      </nile-radio-group>
+    `);
+        const disabledRadios = element.querySelectorAll('nile-radio[disabled]');
+        expect(disabledRadios.length).to.equal(2);
+        const enabledRadio = element.querySelector('nile-radio[value="1"]');
+        enabledRadio?.click(); // Simulate clicking the enabled radio
+        await element.updateComplete;
+        expect(element.value).to.equal('1'); // Should select the enabled radio
+    });
+    it('should not allow selection of disabled radio', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Disabled Option" name="options">
+        <nile-radio name="test" value="1"> Radio 1 </nile-radio>
+        <nile-radio name="test" value="2" disabled>Radio 2</nile-radio>
+        <nile-radio name="test" value="3">Radio 3</nile-radio>
+      </nile-radio-group>
+    `);
+        const disabledRadio = element.querySelector('nile-radio[value="2"]');
+        disabledRadio?.click(); // Attempt to click the disabled radio
+        await element.updateComplete;
+        expect(element.value).to.equal(''); // Should not change selection
+    });
+    it('should correctly handle the islabelborder property', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Border Option" name="options" islabelborder>
+        <nile-radio name="test" value="1"> Radio 1 </nile-radio>
+        <nile-radio name="test" value="2"> Radio 2 </nile-radio>
+      </nile-radio-group>
+    `);
+        const radios = element.querySelectorAll('nile-radio');
+        radios.forEach(radio => {
+            expect(radio.islabelborder).to.be.true; // Ensure islabelborder is set
+        });
+    });
+    it('should focus the first radio when the label is clicked', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Focus Test" name="options">
+        <nile-radio name="test" value="1"> Radio 1 </nile-radio>
+        <nile-radio name="test" value="2"> Radio 2 </nile-radio>
+      </nile-radio-group>
+    `);
+        const label = element.shadowRoot?.querySelector('label');
+        label?.click(); // Simulate clicking the label
+        await element.updateComplete;
+        const firstRadio = element.querySelector('nile-radio[value="1"]');
+        expect(document.activeElement).to.equal(firstRadio); // Should focus the first radio
+    });
+    it('should set required attribute correctly', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Required Test" name="options" required>
+        <nile-radio name="test" value="1"> Radio 1 </nile-radio>
+        <nile-radio name="test" value="2"> Radio 2 </nile-radio>
+      </nile-radio-group>
+    `);
+        const validationInput = element.shadowRoot?.querySelector('.radio-group__validation-input');
+        expect(validationInput?.required).to.be.true; // Should be marked as required
+    });
+    it('should reflect the current value property correctly', async () => {
+        const element = await fixture(html `
+      <nile-radio-group label="Reflect Test" name="options" value="1">
+        <nile-radio name="test" value="1"> Radio 1 </nile-radio>
+        <nile-radio name="test" value="2"> Radio 2 </nile-radio>
+      </nile-radio-group>
+    `);
+        expect(element.value).to.equal('1'); // Check initial value
+        element.value = '2'; // Change value
+        await element.updateComplete;
+        expect(element.value).to.equal('2'); // Ensure value reflects the change
+        const selectedRadio = element.querySelector('nile-radio[value="2"]');
+        expect(selectedRadio?.checked).to.be.true; // Check if the correct radio is selected
+    });
+    it('should toggle selection with arrow keys', async () => {
+        const element = await fixture(html `
+			<nile-radio-group label="Arrow Key Navigation" name="options">
+				<nile-radio name="test" value="1" label="Radio 1"></nile-radio>
+				<nile-radio name="test" value="2" label="Radio 2"></nile-radio>
+				<nile-radio name="test" value="3" label="Radio 3"></nile-radio>
+			</nile-radio-group>
+		`);
+        const slot = element.shadowRoot?.querySelector("fieldset > div > div:nth-child(2) > slot");
+        // Start by selecting the first radio button
+        const firstRadio = element.querySelector('nile-radio[value="1"]');
+        firstRadio?.click();
+        await element.updateComplete;
+        // Simulate Arrow Right key press
+        const rightEvent = new KeyboardEvent('keydown', { key: 'ArrowRight' });
+        slot?.dispatchEvent(rightEvent);
+        await element.updateComplete;
+        // Check if the second radio is selected
+        const secondRadio = element.querySelector('nile-radio[value="2"]');
+        expect(secondRadio?.checked).to.be.true;
+        // Simulate Arrow Right key press again
+        slot?.dispatchEvent(rightEvent);
+        await element.updateComplete;
+        // Check if the third radio is selected
+        const thirdRadio = element.querySelector('nile-radio[value="3"]');
+        expect(thirdRadio?.checked).to.be.true;
+        // Simulate Arrow Left key press
+        const leftEvent = new KeyboardEvent('keydown', { key: 'ArrowLeft' });
+        slot?.dispatchEvent(leftEvent);
+        await element.updateComplete;
+        // Check if the second radio is selected again
+        expect(secondRadio?.checked).to.be.true;
+        // Simulate Arrow Left key press again
+        slot?.dispatchEvent(leftEvent);
+        await element.updateComplete;
+        // Check if the first radio is selected again
+        expect(firstRadio?.checked).to.be.true;
+        // Simulate Arrow Down key press (assuming vertical layout)
+        const downEvent = new KeyboardEvent('keydown', { key: 'ArrowDown' });
+        slot?.dispatchEvent(downEvent);
+        await element.updateComplete;
+        // Check if the second radio is selected again (depending on your layout)
+        expect(secondRadio?.checked).to.be.true;
+        // Simulate Arrow Up key press (assuming vertical layout)
+        const upEvent = new KeyboardEvent('keydown', { key: 'ArrowUp' });
+        slot?.dispatchEvent(upEvent);
+        await element.updateComplete;
+        // Check if the first radio is selected again
+        expect(firstRadio?.checked).to.be.true;
+    });
+});
+//# sourceMappingURL=nile-radio-group.test.js.map

package/dist/src/nile-radio-group/nile-radio-group.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-radio-group.test.js","sourceRoot":"","sources":["../../../src/nile-radio-group/nile-radio-group.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport './nile-radio-group';\nimport NileRadioGroup from './nile-radio-group';\nimport NileRadio from '../nile-radio/nile-radio';\nimport'../nile-radio/nile-radio';\n\ndescribe('nile-radio-group', () => {\n  it('should render the radio group with radios', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Select an option\" name=\"options\" value=\"2\">\n        <nile-radio name=\"test\" value=\"1\" label=\"Radio 1\"></nile-radio>\n        <nile-radio name=\"test\" value=\"2\" label=\"Radio 2\"></nile-radio>\n        <nile-radio name=\"test\" value=\"3\" label=\"Radio 3\"></nile-radio>\n      </nile-radio-group>\n    `);\n\n    const radios = element.querySelectorAll('nile-radio');\n    expect(radios.length).to.equal(3);\n    expect(element.label).to.equal('Select an option');\n  });\n\n  it('should select the correct radio based on value', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Select an option\" name=\"options\" value=\"2\">\n        <nile-radio name=\"test\" value=\"1\" label=\"Radio 1\"></nile-radio>\n        <nile-radio name=\"test\" value=\"2\" label=\"Radio 2\"></nile-radio>\n        <nile-radio name=\"test\" value=\"3\" label=\"Radio 3\"></nile-radio>\n      </nile-radio-group>\n    `);\n\n    const selectedRadio = element.querySelector<NileRadio>('nile-radio[value=\"2\"]');\n    expect(selectedRadio?.checked).to.be.true;\n  });\n\n  it('should emit change event when radio selection changes', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Select an option\" name=\"options\" value=\"1\">\n        <nile-radio name=\"test\" value=\"1\" label=\"Radio 1\"></nile-radio>\n        <nile-radio name=\"test\" value=\"2\" label=\"Radio 2\"></nile-radio>\n      </nile-radio-group>\n    `);\n\n    let changeEventFired = false;\n    element.addEventListener('change', () => {\n      changeEventFired = true;\n    });\n\n    const secondRadio = element.querySelector<NileRadio>('nile-radio[value=\"2\"]');\n    secondRadio?.click(); // Simulate user clicking the second radio\n    await element.updateComplete;\n\n    expect(changeEventFired).to.be.true;\n    expect(element.value).to.equal('2');\n  });\n\n  it('should handle disabled radios correctly', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Disabled Option\" name=\"options\">\n        <nile-radio name=\"test\" value=\"1\"> Radio 1 </nile-radio>\n        <nile-radio name=\"test\" value=\"2\" disabled islabelborder>Radio 2</nile-radio>\n        <nile-radio name=\"test\" value=\"3\" disabled>Radio 3</nile-radio>\n        <nile-radio name=\"test\" value=\"4\">Radio 4</nile-radio>\n      </nile-radio-group>\n    `);\n\n    const disabledRadios = element.querySelectorAll('nile-radio[disabled]');\n    expect(disabledRadios.length).to.equal(2);\n\n    const enabledRadio = element.querySelector<NileRadio>('nile-radio[value=\"1\"]');\n    enabledRadio?.click(); // Simulate clicking the enabled radio\n    await element.updateComplete;\n\n    expect(element.value).to.equal('1'); // Should select the enabled radio\n  });\n\n  it('should not allow selection of disabled radio', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Disabled Option\" name=\"options\">\n        <nile-radio name=\"test\" value=\"1\"> Radio 1 </nile-radio>\n        <nile-radio name=\"test\" value=\"2\" disabled>Radio 2</nile-radio>\n        <nile-radio name=\"test\" value=\"3\">Radio 3</nile-radio>\n      </nile-radio-group>\n    `);\n\n    const disabledRadio = element.querySelector<NileRadio>('nile-radio[value=\"2\"]');\n    disabledRadio?.click(); // Attempt to click the disabled radio\n    await element.updateComplete;\n\n    expect(element.value).to.equal(''); // Should not change selection\n  });\n\n  it('should correctly handle the islabelborder property', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Border Option\" name=\"options\" islabelborder>\n        <nile-radio name=\"test\" value=\"1\"> Radio 1 </nile-radio>\n        <nile-radio name=\"test\" value=\"2\"> Radio 2 </nile-radio>\n      </nile-radio-group>\n    `);\n\n    const radios = element.querySelectorAll('nile-radio');\n    radios.forEach(radio => {\n      expect(radio.islabelborder).to.be.true; // Ensure islabelborder is set\n    });\n  });\n\n  it('should focus the first radio when the label is clicked', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Focus Test\" name=\"options\">\n        <nile-radio name=\"test\" value=\"1\"> Radio 1 </nile-radio>\n        <nile-radio name=\"test\" value=\"2\"> Radio 2 </nile-radio>\n      </nile-radio-group>\n    `);\n\n    const label = element.shadowRoot?.querySelector<HTMLElement>('label');\n    label?.click(); // Simulate clicking the label\n    await element.updateComplete;\n\n    const firstRadio = element.querySelector('nile-radio[value=\"1\"]');\n    expect(document.activeElement).to.equal(firstRadio); // Should focus the first radio\n  });\n\n  it('should set required attribute correctly', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Required Test\" name=\"options\" required>\n        <nile-radio name=\"test\" value=\"1\"> Radio 1 </nile-radio>\n        <nile-radio name=\"test\" value=\"2\"> Radio 2 </nile-radio>\n      </nile-radio-group>\n    `);\n\n    const validationInput = element.shadowRoot?.querySelector<HTMLInputElement>('.radio-group__validation-input');\n    expect(validationInput?.required).to.be.true; // Should be marked as required\n  });\n\n  it('should reflect the current value property correctly', async () => {\n    const element = await fixture<NileRadioGroup>(html`\n      <nile-radio-group label=\"Reflect Test\" name=\"options\" value=\"1\">\n        <nile-radio name=\"test\" value=\"1\"> Radio 1 </nile-radio>\n        <nile-radio name=\"test\" value=\"2\"> Radio 2 </nile-radio>\n      </nile-radio-group>\n    `);\n\n    expect(element.value).to.equal('1'); // Check initial value\n    element.value = '2'; // Change value\n    await element.updateComplete;\n\n    expect(element.value).to.equal('2'); // Ensure value reflects the change\n    const selectedRadio = element.querySelector<NileRadio>('nile-radio[value=\"2\"]');\n    expect(selectedRadio?.checked).to.be.true; // Check if the correct radio is selected\n  });\n\n\tit('should toggle selection with arrow keys', async () => {\n\t\tconst element = await fixture<NileRadioGroup>(html`\n\t\t\t<nile-radio-group label=\"Arrow Key Navigation\" name=\"options\">\n\t\t\t\t<nile-radio name=\"test\" value=\"1\" label=\"Radio 1\"></nile-radio>\n\t\t\t\t<nile-radio name=\"test\" value=\"2\" label=\"Radio 2\"></nile-radio>\n\t\t\t\t<nile-radio name=\"test\" value=\"3\" label=\"Radio 3\"></nile-radio>\n\t\t\t</nile-radio-group>\n\t\t`);\n\t\tconst slot=element.shadowRoot?.querySelector(\"fieldset > div > div:nth-child(2) > slot\")\n\t\n\t\t// Start by selecting the first radio button\n\t\tconst firstRadio = element.querySelector<NileRadio>('nile-radio[value=\"1\"]');\n\t\tfirstRadio?.click();\n\t\tawait element.updateComplete;\n\t\n\t\t// Simulate Arrow Right key press\n\t\tconst rightEvent = new KeyboardEvent('keydown', { key: 'ArrowRight' });\n\t\tslot?.dispatchEvent(rightEvent);\n\t\tawait element.updateComplete;\n\t\n\t\t// Check if the second radio is selected\n\t\tconst secondRadio = element.querySelector<NileRadio>('nile-radio[value=\"2\"]');\n\t\texpect(secondRadio?.checked).to.be.true;\n\t\n\t\t// Simulate Arrow Right key press again\n\t\tslot?.dispatchEvent(rightEvent);\n\t\tawait element.updateComplete;\n\t\n\t\t// Check if the third radio is selected\n\t\tconst thirdRadio = element.querySelector<NileRadio>('nile-radio[value=\"3\"]');\n\t\texpect(thirdRadio?.checked).to.be.true;\n\t\n\t\t// Simulate Arrow Left key press\n\t\tconst leftEvent = new KeyboardEvent('keydown', { key: 'ArrowLeft' });\n\t\tslot?.dispatchEvent(leftEvent);\n\t\tawait element.updateComplete;\n\t\n\t\t// Check if the second radio is selected again\n\t\texpect(secondRadio?.checked).to.be.true;\n\t\n\t\t// Simulate Arrow Left key press again\n\t\tslot?.dispatchEvent(leftEvent);\n\t\tawait element.updateComplete;\n\t\n\t\t// Check if the first radio is selected again\n\t\texpect(firstRadio?.checked).to.be.true;\n\t\n\t\t// Simulate Arrow Down key press (assuming vertical layout)\n\t\tconst downEvent = new KeyboardEvent('keydown', { key: 'ArrowDown' });\n\t\tslot?.dispatchEvent(downEvent);\n\t\tawait element.updateComplete;\n\t\n\t\t// Check if the second radio is selected again (depending on your layout)\n\t\texpect(secondRadio?.checked).to.be.true;\n\t\n\t\t// Simulate Arrow Up key press (assuming vertical layout)\n\t\tconst upEvent = new KeyboardEvent('keydown', { key: 'ArrowUp' });\n\t\tslot?.dispatchEvent(upEvent);\n\t\tawait element.updateComplete;\n\t\n\t\t// Check if the first radio is selected again\n\t\texpect(firstRadio?.checked).to.be.true;\n\t});\n\t\n});\n"]}

package/dist/src/nile-rich-text-editor/index.js

@@ -0,0 +1,2 @@
+export { NileRichTextEditor } from './nile-rich-text-editor';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-rich-text-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-rich-text-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { NileRichTextEditor } from './nile-rich-text-editor';"]}