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

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/form.d.ts

@@ -1,73 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-import type { NileFormControl } from '../internal/nile-element';
-import type { NileButton } from '../nile-button';
-export declare const formCollections: WeakMap<HTMLFormElement, Set<NileFormControl>>;
-export interface FormControlControllerOptions {
-    /** A function that returns the form containing the form control. */
-    form: (input: NileFormControl) => HTMLFormElement | null;
-    /** A function that returns the form control's name, which will be submitted with the form data. */
-    name: (input: NileFormControl) => string;
-    /** A function that returns the form control's current value. */
-    value: (input: NileFormControl) => unknown | unknown[];
-    /** A function that returns the form control's default value. */
-    defaultValue: (input: NileFormControl) => unknown | unknown[];
-    /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */
-    disabled: (input: NileFormControl) => boolean;
-    /**
-     * A function that maps to the form control's reportValidity() function. When the control is invalid, this will
-     * prevent submission and trigger the browser's constraint violation warning.
-     */
-    reportValidity: (input: NileFormControl) => boolean;
-    /** A function that sets the form control's value */
-    setValue: (input: NileFormControl, value: unknown) => void;
-    /**
-     * An array of event names to listen to. When all events in the list are emitted, the control will receive validity
-     * states such as user-valid and user-invalid.user interacted validity states. */
-    assumeInteractionOn: string[];
-}
-/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
-export declare class FormControlController implements ReactiveController {
-    host: NileFormControl & ReactiveControllerHost;
-    form?: HTMLFormElement | null;
-    options: FormControlControllerOptions;
-    constructor(host: ReactiveControllerHost & NileFormControl, options?: Partial<FormControlControllerOptions>);
-    hostConnected(): void;
-    hostDisconnected(): void;
-    hostUpdated(): void;
-    private attachForm;
-    private detachForm;
-    private handleFormData;
-    private handleFormSubmit;
-    private handleFormReset;
-    private handleInteraction;
-    private reportFormValidity;
-    private setUserInteracted;
-    private doAction;
-    /** Returns the associated `<form>` element, if one exists. */
-    getForm(): HTMLFormElement | null;
-    /** Resets the form, restoring all the control to their default value */
-    reset(submitter?: HTMLInputElement | NileButton): void;
-    /** Submits the form, triggering validation and form data injection. */
-    submit(submitter?: HTMLInputElement | NileButton): void;
-    /**
-     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-     * the host element immediately, i.e. before Lit updates the component in the next update.
-     */
-    setValidity(isValid: boolean): void;
-    /**
-     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-     * that affects constraint validation changes so the component receives the correct validity states.
-     */
-    updateValidity(): void;
-    /**
-     * Dispatches a non-bubbling, cancelable custom event of type `nile-invalid`.
-     * If the `nile-invalid` event will be cancelled then the original `invalid`
-     * event (which may have been passed as argument) will also be cancelled.
-     * If no original `invalid` event has been passed then the `nile-invalid`
-     * event will be cancelled before being dispatched.
-     */
-    emitInvalidEvent(originalInvalidEvent?: Event): void;
-}
-export declare const validValidityState: ValidityState;
-export declare const valueMissingValidityState: ValidityState;
-export declare const customErrorValidityState: ValidityState;

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/form.js

@@ -1,326 +0,0 @@
-//
-// We store a WeakMap of forms + controls so we can keep references to all Nile controls within a given form. As
-// elements connect and disconnect to/from the DOM, their containing form is used as the key and the form control is
-// added and removed from the form's set, respectively.
-//
-export const formCollections = new WeakMap();
-//
-// We store a WeakMap of reportValidity() overloads so we can override it when form controls connect to the DOM and
-// restore the original behavior when they disconnect.
-//
-const reportValidityOverloads = new WeakMap();
-//
-// We store a Set of controls that users have interacted with. This allows us to determine the interaction state
-// without littering the DOM with additional data attributes.
-//
-const userInteractedControls = new WeakSet();
-//
-// We store a WeakMap of interactions for each form control so we can track when all conditions are met for validation.
-//
-const interactions = new WeakMap();
-/** A reactive controller to allow form controls to participate in form submission, validation, etc. */
-export class FormControlController {
-    constructor(host, options) {
-        (this.host = host).addController(this);
-        this.options = {
-            form: input => {
-                // If there's a form attribute, use it to find the target form by id
-                if (input.hasAttribute('form') && input.getAttribute('form') !== '') {
-                    const root = input.getRootNode();
-                    const formId = input.getAttribute('form');
-                    if (formId) {
-                        return root.getElementById(formId);
-                    }
-                }
-                return input.closest('form');
-            },
-            name: input => input.name,
-            value: input => input.value,
-            defaultValue: input => input.defaultValue,
-            disabled: input => input.disabled ?? false,
-            reportValidity: input => (typeof input.reportValidity === 'function' ? input.reportValidity() : true),
-            setValue: (input, value) => (input.value = value),
-            assumeInteractionOn: ['nile-input'],
-            ...options
-        };
-        this.handleFormData = this.handleFormData.bind(this);
-        this.handleFormSubmit = this.handleFormSubmit.bind(this);
-        this.handleFormReset = this.handleFormReset.bind(this);
-        this.reportFormValidity = this.reportFormValidity.bind(this);
-        this.handleInteraction = this.handleInteraction.bind(this);
-    }
-    hostConnected() {
-        const form = this.options.form(this.host);
-        if (form) {
-            this.attachForm(form);
-        }
-        // Listen for interactions
-        interactions.set(this.host, []);
-        this.options.assumeInteractionOn.forEach(event => {
-            this.host.addEventListener(event, this.handleInteraction);
-        });
-    }
-    hostDisconnected() {
-        this.detachForm();
-        // Clean up interactions
-        interactions.delete(this.host);
-        this.options.assumeInteractionOn.forEach(event => {
-            this.host.removeEventListener(event, this.handleInteraction);
-        });
-    }
-    hostUpdated() {
-        const form = this.options.form(this.host);
-        // Detach if the form no longer exists
-        if (!form) {
-            this.detachForm();
-        }
-        // If the form has changed, reattach it
-        if (form && this.form !== form) {
-            this.detachForm();
-            this.attachForm(form);
-        }
-        if (this.host.hasUpdated) {
-            this.setValidity(this.host.validity.valid);
-        }
-    }
-    attachForm(form) {
-        if (form) {
-            this.form = form;
-            // Add this element to the form's collection
-            if (formCollections.has(this.form)) {
-                formCollections.get(this.form).add(this.host);
-            }
-            else {
-                formCollections.set(this.form, new Set([this.host]));
-            }
-            this.form.addEventListener('formdata', this.handleFormData);
-            this.form.addEventListener('submit', this.handleFormSubmit);
-            this.form.addEventListener('reset', this.handleFormReset);
-            // Overload the form's reportValidity() method so it looks at nile form controls
-            if (!reportValidityOverloads.has(this.form)) {
-                reportValidityOverloads.set(this.form, this.form.reportValidity);
-                this.form.reportValidity = () => this.reportFormValidity();
-            }
-        }
-        else {
-            this.form = undefined;
-        }
-    }
-    detachForm() {
-        if (this.form) {
-            // Remove this element from the form's collection
-            formCollections.get(this.form)?.delete(this.host);
-            this.form.removeEventListener('formdata', this.handleFormData);
-            this.form.removeEventListener('submit', this.handleFormSubmit);
-            this.form.removeEventListener('reset', this.handleFormReset);
-            // Remove the overload and restore the original method
-            if (reportValidityOverloads.has(this.form)) {
-                this.form.reportValidity = reportValidityOverloads.get(this.form);
-                reportValidityOverloads.delete(this.form);
-            }
-        }
-        this.form = undefined;
-    }
-    handleFormData(event) {
-        const disabled = this.options.disabled(this.host);
-        const name = this.options.name(this.host);
-        const value = this.options.value(this.host);
-        // For buttons, we only submit the value if they were the submitter. This is currently done in doAction() by
-        // injecting the name/value on a temporary button, so we can just skip them here.
-        const isButton = this.host.tagName.toLowerCase() === 'nile-button';
-        if (!disabled && !isButton && typeof name === 'string' && name.length > 0 && typeof value !== 'undefined') {
-            if (Array.isArray(value)) {
-                value.forEach(val => {
-                    event.formData.append(name, val.toString());
-                });
-            }
-            else {
-                event.formData.append(name, value.toString());
-            }
-        }
-    }
-    handleFormSubmit(event) {
-        const disabled = this.options.disabled(this.host);
-        const reportValidity = this.options.reportValidity;
-        // Update the interacted state for all controls when the form is submitted
-        if (this.form && !this.form.noValidate) {
-            formCollections.get(this.form)?.forEach(control => {
-                this.setUserInteracted(control, true);
-            });
-        }
-        if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {
-            event.preventDefault();
-            event.stopImmediatePropagation();
-        }
-    }
-    handleFormReset() {
-        this.options.setValue(this.host, this.options.defaultValue(this.host));
-        this.setUserInteracted(this.host, false);
-        interactions.set(this.host, []);
-    }
-    handleInteraction(event) {
-        const emittedEvents = interactions.get(this.host);
-        if (!emittedEvents.includes(event.type)) {
-            emittedEvents.push(event.type);
-        }
-        // Mark it as user-interacted as soon as all associated events have been emitted
-        if (emittedEvents.length === this.options.assumeInteractionOn.length) {
-            this.setUserInteracted(this.host, true);
-        }
-    }
-    reportFormValidity() {
-        //
-        // Nile form controls work hard to act like regular form controls. They support the Constraint Validation API
-        // and its associated methods such as setCustomValidity() and reportValidity(). However, the HTMLFormElement also
-        // has a reportValidity() method that will trigger validation on all child controls. Since we're not yet using
-        // ElementInternals, we need to overload this method so it looks for any element with the reportValidity() method.
-        //
-        // We preserve the original method in a WeakMap, but we don't call it from the overload because that would trigger
-        // validations in an unexpected order. When the element disconnects, we revert to the original behavior. This won't
-        // be necessary once we can use ElementInternals.
-        //
-        // Note that we're also honoring the form's novalidate attribute.
-        //
-        if (this.form && !this.form.noValidate) {
-            // This seems sloppy, but checking all elements will cover native inputs, Nile inputs, and other custom
-            // elements that support the constraint validation API.
-            const elements = this.form.querySelectorAll('*');
-            for (const element of elements) {
-                if (typeof element.reportValidity === 'function') {
-                    if (!element.reportValidity()) {
-                        return false;
-                    }
-                }
-            }
-        }
-        return true;
-    }
-    setUserInteracted(el, hasInteracted) {
-        if (hasInteracted) {
-            userInteractedControls.add(el);
-        }
-        else {
-            userInteractedControls.delete(el);
-        }
-        el.requestUpdate();
-    }
-    doAction(type, submitter) {
-        if (this.form) {
-            const button = document.createElement('button');
-            button.type = type;
-            button.style.position = 'absolute';
-            button.style.width = '0';
-            button.style.height = '0';
-            button.style.clipPath = 'inset(50%)';
-            button.style.overflow = 'hidden';
-            button.style.whiteSpace = 'nowrap';
-            // Pass name, value, and form attributes through to the temporary button
-            if (submitter) {
-                button.name = submitter.name;
-                button.value = submitter.value;
-                ['formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget'].forEach(attr => {
-                    if (submitter.hasAttribute(attr)) {
-                        button.setAttribute(attr, submitter.getAttribute(attr));
-                    }
-                });
-            }
-            this.form.append(button);
-            button.click();
-            button.remove();
-        }
-    }
-    /** Returns the associated `<form>` element, if one exists. */
-    getForm() {
-        return this.form ?? null;
-    }
-    /** Resets the form, restoring all the control to their default value */
-    reset(submitter) {
-        this.doAction('reset', submitter);
-    }
-    /** Submits the form, triggering validation and form data injection. */
-    submit(submitter) {
-        // Calling form.submit() bypasses the submit event and constraint validation. To prevent this, we can inject a
-        // native submit button into the form, "click" it, then remove it to simulate a standard form submission.
-        this.doAction('submit', submitter);
-    }
-    /**
-     * Synchronously sets the form control's validity. Call this when you know the future validity but need to update
-     * the host element immediately, i.e. before Lit updates the component in the next update.
-     */
-    setValidity(isValid) {
-        const host = this.host;
-        const hasInteracted = Boolean(userInteractedControls.has(host));
-        const required = Boolean(host.required);
-        //
-        // We're mapping the following "states" to data attributes. In the future, we can use ElementInternals.states to
-        // create a similar mapping, but instead of [data-invalid] it will look like :--invalid.
-        //
-        //
-        host.toggleAttribute('data-required', required);
-        host.toggleAttribute('data-optional', !required);
-        host.toggleAttribute('data-invalid', !isValid);
-        host.toggleAttribute('data-valid', isValid);
-        host.toggleAttribute('data-user-invalid', !isValid && hasInteracted);
-        host.toggleAttribute('data-user-valid', isValid && hasInteracted);
-    }
-    /**
-     * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything
-     * that affects constraint validation changes so the component receives the correct validity states.
-     */
-    updateValidity() {
-        const host = this.host;
-        this.setValidity(host.validity.valid);
-    }
-    /**
-     * Dispatches a non-bubbling, cancelable custom event of type `nile-invalid`.
-     * If the `nile-invalid` event will be cancelled then the original `invalid`
-     * event (which may have been passed as argument) will also be cancelled.
-     * If no original `invalid` event has been passed then the `nile-invalid`
-     * event will be cancelled before being dispatched.
-     */
-    emitInvalidEvent(originalInvalidEvent) {
-        const slInvalidEvent = new CustomEvent('nile-invalid', {
-            bubbles: false,
-            composed: false,
-            cancelable: true,
-            detail: {}
-        });
-        if (!originalInvalidEvent) {
-            slInvalidEvent.preventDefault();
-        }
-        if (!this.host.dispatchEvent(slInvalidEvent)) {
-            originalInvalidEvent?.preventDefault();
-        }
-    }
-}
-/*
- * Predefined common validity states.
- * All of them are read-only.
- */
-// A validity state object that represents `valid`
-export const validValidityState = Object.freeze({
-    badInput: false,
-    customError: false,
-    patternMismatch: false,
-    rangeOverflow: false,
-    rangeUnderflow: false,
-    stepMismatch: false,
-    tooLong: false,
-    tooShort: false,
-    typeMismatch: false,
-    valid: true,
-    valueMissing: false
-});
-// A validity state object that represents `value missing`
-export const valueMissingValidityState = Object.freeze({
-    ...validValidityState,
-    valid: false,
-    valueMissing: true
-});
-// A validity state object that represents a custom error
-export const customErrorValidityState = Object.freeze({
-    ...validValidityState,
-    valid: false,
-    customError: true
-});
-//# sourceMappingURL=form.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/internal/form.ts"],"names":[],"mappings":"AAIA,EAAE;AACF,gHAAgH;AAChH,oHAAoH;AACpH,uDAAuD;AACvD,EAAE;AACF,MAAM,CAAC,MAAM,eAAe,GAAmD,IAAI,OAAO,EAAE,CAAC;AAE7F,EAAE;AACF,mHAAmH;AACnH,sDAAsD;AACtD,EAAE;AACF,MAAM,uBAAuB,GAA4C,IAAI,OAAO,EAAE,CAAC;AAEvF,EAAE;AACF,gHAAgH;AAChH,6DAA6D;AAC7D,EAAE;AACF,MAAM,sBAAsB,GAA6B,IAAI,OAAO,EAAE,CAAC;AAEvE,EAAE;AACF,uHAAuH;AACvH,EAAE;AACF,MAAM,YAAY,GAAG,IAAI,OAAO,EAA6B,CAAC;AA0B9D,uGAAuG;AACvG,MAAM,OAAO,qBAAqB;IAKhC,YAAY,IAA8C,EAAE,OAA+C;QACzG,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,GAAG;YACb,IAAI,EAAE,KAAK,CAAC,EAAE;gBACZ,oEAAoE;gBACpE,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE;oBACnE,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,EAA2B,CAAC;oBAC1D,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;oBAE1C,IAAI,MAAM,EAAE;wBACV,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAoB,CAAC;qBACvD;iBACF;gBAED,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC/B,CAAC;YACD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;YACzB,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;YAC3B,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY;YACzC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK;YAC1C,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,KAAK,CAAC,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YACrG,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;YACzD,mBAAmB,EAAE,CAAC,YAAY,CAAC;YACnC,GAAG,OAAO;SACX,CAAC;QACF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7D,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7D,CAAC;IAED,aAAa;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1C,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SACvB;QAED,0BAA0B;QAC1B,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,wBAAwB;QACxB,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC/C,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW;QACT,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1C,sCAAsC;QACtC,IAAI,CAAC,IAAI,EAAE;YACT,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;QAED,uCAAuC;QACvC,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI,EAAE;YAC9B,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;SACvB;QAED,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SAC5C;IACH,CAAC;IAEO,UAAU,CAAC,IAAsB;QACvC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;YAEjB,4CAA4C;YAC5C,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAClC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAChD;iBAAM;gBACL,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,CAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;aACvE;YAED,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC5D,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAE1D,gFAAgF;YAChF,IAAI,CAAC,uBAAuB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC3C,uBAAuB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;gBACjE,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;aAC5D;SACF;aAAM;YACL,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;SACvB;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,iDAAiD;YACjD,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAElD,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC/D,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;YAC/D,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YAE7D,sDAAsD;YACtD,IAAI,uBAAuB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC1C,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,uBAAuB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC;gBACnE,uBAAuB,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3C;SACF;QAED,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;IACxB,CAAC;IAEO,cAAc,CAAC,KAAoB;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE5C,4GAA4G;QAC5G,iFAAiF;QACjF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,aAAa,CAAC;QAEnE,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE;YACzG,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACvB,KAAmB,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAG,GAAiC,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAC7E,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAG,KAAmC,CAAC,QAAQ,EAAE,CAAC,CAAC;aAC9E;SACF;IACH,CAAC;IAEO,gBAAgB,CAAC,KAAY;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAEnD,0EAA0E;QAC1E,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACtC,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE;gBAChD,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;SACJ;QAED,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACjF,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;SAClC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACvE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACzC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAEO,iBAAiB,CAAC,KAAY;QACpC,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC;QAEnD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YACvC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SAChC;QAED,gFAAgF;QAChF,IAAI,aAAa,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE;YACpE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;SACzC;IACH,CAAC;IAEO,kBAAkB;QACxB,EAAE;QACF,6GAA6G;QAC7G,iHAAiH;QACjH,8GAA8G;QAC9G,kHAAkH;QAClH,EAAE;QACF,kHAAkH;QAClH,mHAAmH;QACnH,iDAAiD;QACjD,EAAE;QACF,iEAAiE;QACjE,EAAE;QACF,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACtC,uGAAuG;YACvG,uDAAuD;YACvD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAmB,GAAG,CAAC,CAAC;YAEnE,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE;gBAC9B,IAAI,OAAO,OAAO,CAAC,cAAc,KAAK,UAAU,EAAE;oBAChD,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE;wBAC7B,OAAO,KAAK,CAAC;qBACd;iBACF;aACF;SACF;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAEO,iBAAiB,CAAC,EAAmB,EAAE,aAAsB;QACnE,IAAI,aAAa,EAAE;YACjB,sBAAsB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SAChC;aAAM;YACL,sBAAsB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;SACnC;QAED,EAAE,CAAC,aAAa,EAAE,CAAC;IACrB,CAAC;IAEO,QAAQ,CAAC,IAAwB,EAAE,SAAyC;QAClF,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAChD,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC;YACnB,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,UAAU,CAAC;YACnC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;YACzB,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;YAC1B,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC;YACrC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YACjC,MAAM,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAEnC,wEAAwE;YACxE,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC;gBAC7B,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;gBAE/B,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACzF,IAAI,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;wBAChC,MAAM,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,CAAC;qBAC1D;gBACH,CAAC,CAAC,CAAC;aACJ;YAED,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;YACzB,MAAM,CAAC,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,MAAM,EAAE,CAAC;SACjB;IACH,CAAC;IAED,8DAA8D;IAC9D,OAAO;QACL,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC;IAC3B,CAAC;IAED,wEAAwE;IACxE,KAAK,CAAC,SAAyC;QAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACpC,CAAC;IAED,uEAAuE;IACvE,MAAM,CAAC,SAAyC;QAC9C,8GAA8G;QAC9G,yGAAyG;QACzG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,CAAC;IAED;;;OAGG;IACH,WAAW,CAAC,OAAgB;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,MAAM,aAAa,GAAG,OAAO,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAExC,EAAE;QACF,gHAAgH;QAChH,wFAAwF;QACxF,EAAE;QACF,EAAE;QACF,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;QAChD,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;QACjD,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,CAAC;QAC/C,IAAI,CAAC,eAAe,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAC5C,IAAI,CAAC,eAAe,CAAC,mBAAmB,EAAE,CAAC,OAAO,IAAI,aAAa,CAAC,CAAC;QACrE,IAAI,CAAC,eAAe,CAAC,iBAAiB,EAAE,OAAO,IAAI,aAAa,CAAC,CAAC;IACpE,CAAC;IAED;;;OAGG;IACH,cAAc;QACZ,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC;IAED;;;;;;OAMG;IACH,gBAAgB,CAAC,oBAA4B;QAC3C,MAAM,cAAc,GAAG,IAAI,WAAW,CAA6B,cAAc,EAAE;YACjF,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,IAAI;YAChB,MAAM,EAAE,EAAE;SACX,CAAC,CAAC;QAEH,IAAI,CAAC,oBAAoB,EAAE;YACzB,cAAc,CAAC,cAAc,EAAE,CAAC;SACjC;QAED,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,EAAE;YAC5C,oBAAoB,EAAE,cAAc,EAAE,CAAC;SACxC;IACH,CAAC;CACF;AAED;;;GAGG;AAEH,kDAAkD;AAClD,MAAM,CAAC,MAAM,kBAAkB,GAAkB,MAAM,CAAC,MAAM,CAAC;IAC7D,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,IAAI;IACX,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,yBAAyB,GAAkB,MAAM,CAAC,MAAM,CAAC;IACpE,GAAG,kBAAkB;IACrB,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,IAAI;CACnB,CAAC,CAAC;AAEH,yDAAyD;AACzD,MAAM,CAAC,MAAM,wBAAwB,GAAkB,MAAM,CAAC,MAAM,CAAC;IACnE,GAAG,kBAAkB;IACrB,KAAK,EAAE,KAAK;IACZ,WAAW,EAAE,IAAI;CAClB,CAAC,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport type { NileButton } from '../nile-button';\n\n//\n// We store a WeakMap of forms + controls so we can keep references to all Nile controls within a given form. As\n// elements connect and disconnect to/from the DOM, their containing form is used as the key and the form control is\n// added and removed from the form's set, respectively.\n//\nexport const formCollections: WeakMap<HTMLFormElement, Set<NileFormControl>> = new WeakMap();\n\n//\n// We store a WeakMap of reportValidity() overloads so we can override it when form controls connect to the DOM and\n// restore the original behavior when they disconnect.\n//\nconst reportValidityOverloads: WeakMap<HTMLFormElement, () => boolean> = new WeakMap();\n\n//\n// We store a Set of controls that users have interacted with. This allows us to determine the interaction state\n// without littering the DOM with additional data attributes.\n//\nconst userInteractedControls: WeakSet<NileFormControl> = new WeakSet();\n\n//\n// We store a WeakMap of interactions for each form control so we can track when all conditions are met for validation.\n//\nconst interactions = new WeakMap<NileFormControl, string[]>();\n\nexport interface FormControlControllerOptions {\n  /** A function that returns the form containing the form control. */\n  form: (input: NileFormControl) => HTMLFormElement | null;\n  /** A function that returns the form control's name, which will be submitted with the form data. */\n  name: (input: NileFormControl) => string;\n  /** A function that returns the form control's current value. */\n  value: (input: NileFormControl) => unknown | unknown[];\n  /** A function that returns the form control's default value. */\n  defaultValue: (input: NileFormControl) => unknown | unknown[];\n  /** A function that returns the form control's current disabled state. If disabled, the value won't be submitted. */\n  disabled: (input: NileFormControl) => boolean;\n  /**\n   * A function that maps to the form control's reportValidity() function. When the control is invalid, this will\n   * prevent submission and trigger the browser's constraint violation warning.\n   */\n  reportValidity: (input: NileFormControl) => boolean;\n  /** A function that sets the form control's value */\n  setValue: (input: NileFormControl, value: unknown) => void;\n  /**\n   * An array of event names to listen to. When all events in the list are emitted, the control will receive validity\n   * states such as user-valid and user-invalid.user interacted validity states. */\n  assumeInteractionOn: string[];\n}\n\n/** A reactive controller to allow form controls to participate in form submission, validation, etc. */\nexport class FormControlController implements ReactiveController {\n  host: NileFormControl & ReactiveControllerHost;\n  form?: HTMLFormElement | null;\n  options: FormControlControllerOptions;\n\n  constructor(host: ReactiveControllerHost & NileFormControl, options?: Partial<FormControlControllerOptions>) {\n    (this.host = host).addController(this);\n    this.options = {\n      form: input => {\n        // If there's a form attribute, use it to find the target form by id\n        if (input.hasAttribute('form') && input.getAttribute('form') !== '') {\n          const root = input.getRootNode() as Document | ShadowRoot;\n          const formId = input.getAttribute('form');\n\n          if (formId) {\n            return root.getElementById(formId) as HTMLFormElement;\n          }\n        }\n\n        return input.closest('form');\n      },\n      name: input => input.name,\n      value: input => input.value,\n      defaultValue: input => input.defaultValue,\n      disabled: input => input.disabled ?? false,\n      reportValidity: input => (typeof input.reportValidity === 'function' ? input.reportValidity() : true),\n      setValue: (input, value: string) => (input.value = value),\n      assumeInteractionOn: ['nile-input'],\n      ...options\n    };\n    this.handleFormData = this.handleFormData.bind(this);\n    this.handleFormSubmit = this.handleFormSubmit.bind(this);\n    this.handleFormReset = this.handleFormReset.bind(this);\n    this.reportFormValidity = this.reportFormValidity.bind(this);\n    this.handleInteraction = this.handleInteraction.bind(this);\n  }\n\n  hostConnected() {\n    const form = this.options.form(this.host);\n\n    if (form) {\n      this.attachForm(form);\n    }\n\n    // Listen for interactions\n    interactions.set(this.host, []);\n    this.options.assumeInteractionOn.forEach(event => {\n      this.host.addEventListener(event, this.handleInteraction);\n    });\n  }\n\n  hostDisconnected() {\n    this.detachForm();\n\n    // Clean up interactions\n    interactions.delete(this.host);\n    this.options.assumeInteractionOn.forEach(event => {\n      this.host.removeEventListener(event, this.handleInteraction);\n    });\n  }\n\n  hostUpdated() {\n    const form = this.options.form(this.host);\n\n    // Detach if the form no longer exists\n    if (!form) {\n      this.detachForm();\n    }\n\n    // If the form has changed, reattach it\n    if (form && this.form !== form) {\n      this.detachForm();\n      this.attachForm(form);\n    }\n\n    if (this.host.hasUpdated) {\n      this.setValidity(this.host.validity.valid);\n    }\n  }\n\n  private attachForm(form?: HTMLFormElement) {\n    if (form) {\n      this.form = form;\n\n      // Add this element to the form's collection\n      if (formCollections.has(this.form)) {\n        formCollections.get(this.form)!.add(this.host);\n      } else {\n        formCollections.set(this.form, new Set<NileFormControl>([this.host]));\n      }\n\n      this.form.addEventListener('formdata', this.handleFormData);\n      this.form.addEventListener('submit', this.handleFormSubmit);\n      this.form.addEventListener('reset', this.handleFormReset);\n\n      // Overload the form's reportValidity() method so it looks at nile form controls\n      if (!reportValidityOverloads.has(this.form)) {\n        reportValidityOverloads.set(this.form, this.form.reportValidity);\n        this.form.reportValidity = () => this.reportFormValidity();\n      }\n    } else {\n      this.form = undefined;\n    }\n  }\n\n  private detachForm() {\n    if (this.form) {\n      // Remove this element from the form's collection\n      formCollections.get(this.form)?.delete(this.host);\n\n      this.form.removeEventListener('formdata', this.handleFormData);\n      this.form.removeEventListener('submit', this.handleFormSubmit);\n      this.form.removeEventListener('reset', this.handleFormReset);\n\n      // Remove the overload and restore the original method\n      if (reportValidityOverloads.has(this.form)) {\n        this.form.reportValidity = reportValidityOverloads.get(this.form)!;\n        reportValidityOverloads.delete(this.form);\n      }\n    }\n\n    this.form = undefined;\n  }\n\n  private handleFormData(event: FormDataEvent) {\n    const disabled = this.options.disabled(this.host);\n    const name = this.options.name(this.host);\n    const value = this.options.value(this.host);\n\n    // For buttons, we only submit the value if they were the submitter. This is currently done in doAction() by\n    // injecting the name/value on a temporary button, so we can just skip them here.\n    const isButton = this.host.tagName.toLowerCase() === 'nile-button';\n\n    if (!disabled && !isButton && typeof name === 'string' && name.length > 0 && typeof value !== 'undefined') {\n      if (Array.isArray(value)) {\n        (value as unknown[]).forEach(val => {\n          event.formData.append(name, (val as string | number | boolean).toString());\n        });\n      } else {\n        event.formData.append(name, (value as string | number | boolean).toString());\n      }\n    }\n  }\n\n  private handleFormSubmit(event: Event) {\n    const disabled = this.options.disabled(this.host);\n    const reportValidity = this.options.reportValidity;\n\n    // Update the interacted state for all controls when the form is submitted\n    if (this.form && !this.form.noValidate) {\n      formCollections.get(this.form)?.forEach(control => {\n        this.setUserInteracted(control, true);\n      });\n    }\n\n    if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  private handleFormReset() {\n    this.options.setValue(this.host, this.options.defaultValue(this.host));\n    this.setUserInteracted(this.host, false);\n    interactions.set(this.host, []);\n  }\n\n  private handleInteraction(event: Event) {\n    const emittedEvents = interactions.get(this.host)!;\n\n    if (!emittedEvents.includes(event.type)) {\n      emittedEvents.push(event.type);\n    }\n\n    // Mark it as user-interacted as soon as all associated events have been emitted\n    if (emittedEvents.length === this.options.assumeInteractionOn.length) {\n      this.setUserInteracted(this.host, true);\n    }\n  }\n\n  private reportFormValidity() {\n    //\n    // Nile form controls work hard to act like regular form controls. They support the Constraint Validation API\n    // and its associated methods such as setCustomValidity() and reportValidity(). However, the HTMLFormElement also\n    // has a reportValidity() method that will trigger validation on all child controls. Since we're not yet using\n    // ElementInternals, we need to overload this method so it looks for any element with the reportValidity() method.\n    //\n    // We preserve the original method in a WeakMap, but we don't call it from the overload because that would trigger\n    // validations in an unexpected order. When the element disconnects, we revert to the original behavior. This won't\n    // be necessary once we can use ElementInternals.\n    //\n    // Note that we're also honoring the form's novalidate attribute.\n    //\n    if (this.form && !this.form.noValidate) {\n      // This seems sloppy, but checking all elements will cover native inputs, Nile inputs, and other custom\n      // elements that support the constraint validation API.\n      const elements = this.form.querySelectorAll<HTMLInputElement>('*');\n\n      for (const element of elements) {\n        if (typeof element.reportValidity === 'function') {\n          if (!element.reportValidity()) {\n            return false;\n          }\n        }\n      }\n    }\n\n    return true;\n  }\n\n  private setUserInteracted(el: NileFormControl, hasInteracted: boolean) {\n    if (hasInteracted) {\n      userInteractedControls.add(el);\n    } else {\n      userInteractedControls.delete(el);\n    }\n\n    el.requestUpdate();\n  }\n\n  private doAction(type: 'submit' | 'reset', submitter?: HTMLInputElement | NileButton) {\n    if (this.form) {\n      const button = document.createElement('button');\n      button.type = type;\n      button.style.position = 'absolute';\n      button.style.width = '0';\n      button.style.height = '0';\n      button.style.clipPath = 'inset(50%)';\n      button.style.overflow = 'hidden';\n      button.style.whiteSpace = 'nowrap';\n\n      // Pass name, value, and form attributes through to the temporary button\n      if (submitter) {\n        button.name = submitter.name;\n        button.value = submitter.value;\n\n        ['formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget'].forEach(attr => {\n          if (submitter.hasAttribute(attr)) {\n            button.setAttribute(attr, submitter.getAttribute(attr)!);\n          }\n        });\n      }\n\n      this.form.append(button);\n      button.click();\n      button.remove();\n    }\n  }\n\n  /** Returns the associated `<form>` element, if one exists. */\n  getForm() {\n    return this.form ?? null;\n  }\n\n  /** Resets the form, restoring all the control to their default value */\n  reset(submitter?: HTMLInputElement | NileButton) {\n    this.doAction('reset', submitter);\n  }\n\n  /** Submits the form, triggering validation and form data injection. */\n  submit(submitter?: HTMLInputElement | NileButton) {\n    // Calling form.submit() bypasses the submit event and constraint validation. To prevent this, we can inject a\n    // native submit button into the form, \"click\" it, then remove it to simulate a standard form submission.\n    this.doAction('submit', submitter);\n  }\n\n  /**\n   * Synchronously sets the form control's validity. Call this when you know the future validity but need to update\n   * the host element immediately, i.e. before Lit updates the component in the next update.\n   */\n  setValidity(isValid: boolean) {\n    const host = this.host;\n    const hasInteracted = Boolean(userInteractedControls.has(host));\n    const required = Boolean(host.required);\n\n    //\n    // We're mapping the following \"states\" to data attributes. In the future, we can use ElementInternals.states to\n    // create a similar mapping, but instead of [data-invalid] it will look like :--invalid.\n    //\n    //\n    host.toggleAttribute('data-required', required);\n    host.toggleAttribute('data-optional', !required);\n    host.toggleAttribute('data-invalid', !isValid);\n    host.toggleAttribute('data-valid', isValid);\n    host.toggleAttribute('data-user-invalid', !isValid && hasInteracted);\n    host.toggleAttribute('data-user-valid', isValid && hasInteracted);\n  }\n\n  /**\n   * Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything\n   * that affects constraint validation changes so the component receives the correct validity states.\n   */\n  updateValidity() {\n    const host = this.host;\n    this.setValidity(host.validity.valid);\n  }\n\n  /**\n   * Dispatches a non-bubbling, cancelable custom event of type `nile-invalid`.\n   * If the `nile-invalid` event will be cancelled then the original `invalid`\n   * event (which may have been passed as argument) will also be cancelled.\n   * If no original `invalid` event has been passed then the `nile-invalid`\n   * event will be cancelled before being dispatched.\n   */\n  emitInvalidEvent(originalInvalidEvent?: Event) {\n    const slInvalidEvent = new CustomEvent<Record<PropertyKey, never>>('nile-invalid', {\n      bubbles: false,\n      composed: false,\n      cancelable: true,\n      detail: {}\n    });\n\n    if (!originalInvalidEvent) {\n      slInvalidEvent.preventDefault();\n    }\n\n    if (!this.host.dispatchEvent(slInvalidEvent)) {\n      originalInvalidEvent?.preventDefault();\n    }\n  }\n}\n\n/*\n * Predefined common validity states.\n * All of them are read-only.\n */\n\n// A validity state object that represents `valid`\nexport const validValidityState: ValidityState = Object.freeze({\n  badInput: false,\n  customError: false,\n  patternMismatch: false,\n  rangeOverflow: false,\n  rangeUnderflow: false,\n  stepMismatch: false,\n  tooLong: false,\n  tooShort: false,\n  typeMismatch: false,\n  valid: true,\n  valueMissing: false\n});\n\n// A validity state object that represents `value missing`\nexport const valueMissingValidityState: ValidityState = Object.freeze({\n  ...validValidityState,\n  valid: false,\n  valueMissing: true\n});\n\n// A validity state object that represents a custom error\nexport const customErrorValidityState: ValidityState = Object.freeze({\n  ...validValidityState,\n  valid: false,\n  customError: true\n});\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/nile-element.d.ts

@@ -1,26 +0,0 @@
-import { LitElement } from 'lit';
-export default class NileElement extends LitElement {
-    /** Emits a custom event with more convenient defaults. */
-    emit(name: string, detail?: any): void;
-}
-export interface NileFormControl extends NileElement {
-    name: string;
-    value: unknown;
-    disabled?: boolean;
-    defaultValue?: unknown;
-    defaultChecked?: boolean;
-    form?: string;
-    pattern?: string;
-    min?: number | string | Date;
-    max?: number | string | Date;
-    step?: number | 'any';
-    required?: boolean;
-    minlength?: number;
-    maxlength?: number;
-    readonly validity: ValidityState;
-    readonly validationMessage: string;
-    checkValidity: () => boolean;
-    getForm: () => HTMLFormElement | null;
-    reportValidity: () => boolean;
-    setCustomValidity: (message: string) => void;
-}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/nile-element.js

@@ -1,14 +0,0 @@
-import { LitElement } from 'lit';
-export default class NileElement extends LitElement {
-    /** Emits a custom event with more convenient defaults. */
-    emit(name, detail) {
-        const event = new CustomEvent(name, {
-            bubbles: true,
-            cancelable: false,
-            composed: true,
-            detail
-        });
-        this.dispatchEvent(event);
-    }
-}
-//# sourceMappingURL=nile-element.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/nile-element.js.map

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

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/offset.d.ts

@@ -1,11 +0,0 @@
-/**
- * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
- * parent doesn't have to be positioned relative or absolute.
- *
- * NOTE: This was created to work around what appears to be a bug in Chrome where a slotted element's offsetParent seems
- * to ignore elements inside the surrounding shadow DOM: https://bugs.chromium.org/p/chromium/issues/detail?id=920069
- */
-export declare function getOffset(element: HTMLElement, parent: HTMLElement): {
-    top: number;
-    left: number;
-};

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/offset.js

@@ -1,14 +0,0 @@
-/**
- * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
- * parent doesn't have to be positioned relative or absolute.
- *
- * NOTE: This was created to work around what appears to be a bug in Chrome where a slotted element's offsetParent seems
- * to ignore elements inside the surrounding shadow DOM: https://bugs.chromium.org/p/chromium/issues/detail?id=920069
- */
-export function getOffset(element, parent) {
-    return {
-        top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),
-        left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left)
-    };
-}
-//# sourceMappingURL=offset.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/offset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"offset.js","sourceRoot":"","sources":["../../../src/internal/offset.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CAAC,OAAoB,EAAE,MAAmB;IACjE,OAAO;QACL,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;QACzF,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;KAC7F,CAAC;AACJ,CAAC","sourcesContent":["/**\n * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n * parent doesn't have to be positioned relative or absolute.\n *\n * NOTE: This was created to work around what appears to be a bug in Chrome where a slotted element's offsetParent seems\n * to ignore elements inside the surrounding shadow DOM: https://bugs.chromium.org/p/chromium/issues/detail?id=920069\n */\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n  return {\n    top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),\n    left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left)\n  };\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/scroll.d.ts

@@ -1,11 +0,0 @@
-/**
- * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible
- * without premature unlocking.
- */
-export declare function lockBodyScrolling(lockingEl: HTMLElement): void;
-/**
- * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.
- */
-export declare function unlockBodyScrolling(lockingEl: HTMLElement): void;
-/** Scrolls an element into view of its container. If the element is already in view, nothing will happen. */
-export declare function scrollIntoView(element: HTMLElement, container: HTMLElement, direction?: 'horizontal' | 'vertical' | 'both', behavior?: 'smooth' | 'auto'): void;

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/scroll.js

@@ -1,58 +0,0 @@
-import { getOffset } from './offset';
-const locks = new Set();
-/** Returns the width of the document's scrollbar */
-function getScrollbarWidth() {
-    const documentWidth = document.documentElement.clientWidth;
-    return Math.abs(window.innerWidth - documentWidth);
-}
-/**
- * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible
- * without premature unlocking.
- */
-export function lockBodyScrolling(lockingEl) {
-    locks.add(lockingEl);
-    // When the first lock is created, set the scroll lock size to match the scrollbar's width to prevent content from
-    // shifting. We only do this on the first lock because the scrollbar width will measure zero after overflow is hidden.
-    if (!document.body.classList.contains('nile-scroll-lock')) {
-        const scrollbarWidth = getScrollbarWidth(); // must be measured before the `nile-scroll-lock` class is applied
-        document.body.classList.add('nile-scroll-lock');
-        document.body.style.setProperty('--nile-scroll-lock-size', `${scrollbarWidth}px`);
-    }
-}
-/**
- * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.
- */
-export function unlockBodyScrolling(lockingEl) {
-    locks.delete(lockingEl);
-    if (locks.size === 0) {
-        document.body.classList.remove('nile-scroll-lock');
-        document.body.style.removeProperty('--nile-scroll-lock-size');
-    }
-}
-/** Scrolls an element into view of its container. If the element is already in view, nothing will happen. */
-export function scrollIntoView(element, container, direction = 'vertical', behavior = 'smooth') {
-    const offset = getOffset(element, container);
-    const offsetTop = offset.top + container.scrollTop;
-    const offsetLeft = offset.left + container.scrollLeft;
-    const minX = container.scrollLeft;
-    const maxX = container.scrollLeft + container.offsetWidth;
-    const minY = container.scrollTop;
-    const maxY = container.scrollTop + container.offsetHeight;
-    if (direction === 'horizontal' || direction === 'both') {
-        if (offsetLeft < minX) {
-            container.scrollTo({ left: offsetLeft, behavior });
-        }
-        else if (offsetLeft + element.clientWidth > maxX) {
-            container.scrollTo({ left: offsetLeft - container.offsetWidth + element.clientWidth, behavior });
-        }
-    }
-    if (direction === 'vertical' || direction === 'both') {
-        if (offsetTop < minY) {
-            container.scrollTo({ top: offsetTop, behavior });
-        }
-        else if (offsetTop + element.clientHeight > maxY) {
-            container.scrollTo({ top: offsetTop - container.offsetHeight + element.clientHeight, behavior });
-        }
-    }
-}
-//# sourceMappingURL=scroll.js.map

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/scroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll.js","sourceRoot":"","sources":["../../../src/internal/scroll.ts"],"names":[],"mappings":"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","sourcesContent":["import { getOffset } from './offset';\n\nconst locks = new Set();\n\n/** Returns the width of the document's scrollbar */\nfunction getScrollbarWidth() {\n  const documentWidth = document.documentElement.clientWidth;\n  return Math.abs(window.innerWidth - documentWidth);\n}\n\n/**\n * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible\n * without premature unlocking.\n */\nexport function lockBodyScrolling(lockingEl: HTMLElement) {\n  locks.add(lockingEl);\n\n  // When the first lock is created, set the scroll lock size to match the scrollbar's width to prevent content from\n  // shifting. We only do this on the first lock because the scrollbar width will measure zero after overflow is hidden.\n  if (!document.body.classList.contains('nile-scroll-lock')) {\n    const scrollbarWidth = getScrollbarWidth(); // must be measured before the `nile-scroll-lock` class is applied\n    document.body.classList.add('nile-scroll-lock');\n    document.body.style.setProperty('--nile-scroll-lock-size', `${scrollbarWidth}px`);\n  }\n}\n\n/**\n * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.\n */\nexport function unlockBodyScrolling(lockingEl: HTMLElement) {\n  locks.delete(lockingEl);\n\n  if (locks.size === 0) {\n    document.body.classList.remove('nile-scroll-lock');\n    document.body.style.removeProperty('--nile-scroll-lock-size');\n  }\n}\n\n/** Scrolls an element into view of its container. If the element is already in view, nothing will happen. */\nexport function scrollIntoView(\n  element: HTMLElement,\n  container: HTMLElement,\n  direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n  behavior: 'smooth' | 'auto' = 'smooth'\n) {\n  const offset = getOffset(element, container);\n  const offsetTop = offset.top + container.scrollTop;\n  const offsetLeft = offset.left + container.scrollLeft;\n  const minX = container.scrollLeft;\n  const maxX = container.scrollLeft + container.offsetWidth;\n  const minY = container.scrollTop;\n  const maxY = container.scrollTop + container.offsetHeight;\n\n  if (direction === 'horizontal' || direction === 'both') {\n    if (offsetLeft < minX) {\n      container.scrollTo({ left: offsetLeft, behavior });\n    } else if (offsetLeft + element.clientWidth > maxX) {\n      container.scrollTo({ left: offsetLeft - container.offsetWidth + element.clientWidth, behavior });\n    }\n  }\n\n  if (direction === 'vertical' || direction === 'both') {\n    if (offsetTop < minY) {\n      container.scrollTo({ top: offsetTop, behavior });\n    } else if (offsetTop + element.clientHeight > maxY) {\n      container.scrollTo({ top: offsetTop - container.offsetHeight + element.clientHeight, behavior });\n    }\n  }\n}\n"]}

package/.rollup.cache/Users/ravisankar/repos/design-system/packages/nile-elements/dist/src/internal/slot.d.ts

@@ -1,23 +0,0 @@
-import type { ReactiveController, ReactiveControllerHost } from 'lit';
-/** A reactive controller that determines when slots exist. */
-export declare class HasSlotController implements ReactiveController {
-    host: ReactiveControllerHost & Element;
-    slotNames: string[];
-    constructor(host: ReactiveControllerHost & Element, ...slotNames: string[]);
-    private hasDefaultSlot;
-    private hasNamedSlot;
-    test(slotName: string): boolean;
-    hostConnected(): void;
-    hostDisconnected(): void;
-    handleSlotChange(event: Event): void;
-}
-/**
- * Given a slot, this function iterates over all of its assigned element and text nodes and returns the concatenated
- * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.
- */
-export declare function getInnerHTML(slot: HTMLSlotElement): string;
-/**
- * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a
- * string. This is useful because we can't use slot.textContent as an alternative.
- */
-export declare function getTextContent(slot: HTMLSlotElement | undefined | null): string;