@ncino/web-components 3.3.0 → 3.4.0-preview.2

package/dist/types/components/input/gator/input-time/input-time.gator.d.ts

@@ -0,0 +1,42 @@
+import { TemplateResult, PropertyValueMap } from 'lit';
+import { Ref } from 'lit/directives/ref.js';
+import { NgcInputText } from '../input-text/input-text.gator.ts';
+import { NgcTimePicker } from '../../../time-picker/gator/time-picker.gator.ts';
+export declare class NgcInputTime extends NgcInputText {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import('lit').CSSResult[];
+    dropdownOpen: boolean;
+    private selectedMinute;
+    private selectedHour;
+    private selectedTimeOfDay;
+    type: string;
+    private debouncedHandleInput;
+    private debouncedHandleChange;
+    constructor();
+    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
+    firstUpdated(): void;
+    setToCurrentTime(): void;
+    setTimeValues(): void;
+    timePickerRef: Ref<NgcTimePicker>;
+    render(): TemplateResult<1>;
+    get shouldHaveEndMarkup(): boolean;
+    get endIconMarkup(): TemplateResult<1> | null;
+    clearValues(): void;
+    toggleVisibility(): void;
+    handleClose(event: CustomEvent): void;
+    _cleanup: (() => void) | undefined;
+    assignPosition(): void;
+    handlePickerChanged(e: CustomEvent): void;
+    handleInputEvent(e: InputEvent): void;
+    handleChange(e: Event): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-input-time': NgcInputTime;
+    }
+}

package/dist/types/components/input/index.gator.d.ts

@@ -11,3 +11,4 @@ export * as NgcInputDropdown from './gator/dropdown/input-dropdown.gator.ts';
 export * as NgcInputFile from './gator/input-file/input-file.gator.ts';
 export * as NgcInputFileUploadedPreview from './gator/input-file/file-uploaded-preview/file-upload-preview.gator.ts';
 export * as NgcInputSearch from './gator/input-search/input-search.gator.ts';
+export * as NgcInputTime from './gator/input-time/input-time.gator.ts';

package/dist/types/components/list/gator/list/list.gator.d.ts

@@ -28,6 +28,14 @@ export declare class NgcList extends NgcComponent {
      * @property {string} ariaLabelledBy The id of the element that labels the list
      */
     ariaLabelledBy: string;
+    /**
+     * @property {Array} ariaLabelledByElements
+     */
+    ariaLabelledByElements: Element[] | undefined;
+    /**
+     * @property {Array} ariaDescribedByElements
+     */
+    ariaDescribedByElements: Element[] | undefined;
     /**
      * @property {string} ariaDescribedby The id of the element that labels the list
      */
@@ -50,21 +58,20 @@ export declare class NgcList extends NgcComponent {
     get listRole(): string;
     handleSlotChanged(e: Event): void;
     updateSlottedItems(nodes: Element[]): void;
-    setFalseFocusToValue(value: string | number | File | File[] | Date): string | undefined;
-    setCurrentListItem(): string | undefined;
+    setFalseFocusToValue(value: string | number | File | File[] | Date): Element | undefined;
+    setCurrentListItem(): Element | undefined;
     private _focusFirstSelectedItem;
     private _setFauxFocus;
     private _removeFauxFocus;
-    falseFocusFirstItem(): string | undefined;
-    falseFocusPreviousItem(): string | undefined;
-    falseFocusNextItem(): string | undefined;
+    falseFocusFirstItem(): Element | undefined;
+    falseFocusPreviousItem(): Element | undefined;
+    falseFocusNextItem(): Element | undefined;
     selectFalseFocusedItem(): void;
     unselectAllListItems(): void;
     handleKeyUp(e: KeyboardEvent): void;
     get nodes(): Element[] | undefined;
     assignChildNodeDensity(): void;
     assignChildNodeHideCheckmark(): void;
-    assignChildNodeMenuItemRole(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/list/gator/list-item/list-item.gator.d.ts

@@ -72,7 +72,8 @@ export declare class NgcListItem extends NgcComponent {
     role: string | null;
     falseFocusing: boolean;
     listItemRef: Ref<HTMLLIElement>;
-    get elementRole(): string;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import('lit').TemplateResult<1>;
     get replacedStringId(): string;
     get listItemDensityClass(): string;
@@ -90,6 +91,8 @@ export declare class NgcListItem extends NgcComponent {
     selectItem(): void;
     falseFocus(): void;
     removeFalseFocus(): void;
+    setAriaSelected(): void;
+    setRole(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/modal/gator/modal.gator.d.ts

@@ -1,12 +1,14 @@
 import { NjcModal } from '../modal.ts';
+import { Ref } from 'lit/directives/ref.js';
 export declare class NgcModal extends NjcModal {
     static styles: import('lit').CSSResult[];
+    protected _destructiveMessageRef: Ref<Element>;
+    protected _primaryActionButtonRef: Ref<Element>;
     render(): import('lit').TemplateResult<1> | null;
     get gatorModalContentLoadingMarkup(): import('lit').TemplateResult<1>;
     get gatorModalFooterMarkup(): import('lit').TemplateResult<1> | null;
     get footerWarningMessageMarkup(): import('lit').TemplateResult<1> | null;
     get footerPrimaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
-    get primaryButtonDescribedBy(): "gator-modal-warning-message" | null;
     get footerSecondaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
     get actionButtonLoaderMarkup(): import('lit').TemplateResult<1>;
     handleKeyDown(event: KeyboardEvent): void;

package/dist/types/components/selection-box-group/selection-box-group.gator.d.ts

@@ -25,7 +25,7 @@ export declare class NgcSelectionBoxGroup extends TestableLitElement {
     /**
      * @property {string} value - Defines the current value of the selection group.
      */
-    value: string;
+    value: string | undefined;
     /**
      * @property {string} label - Defines the visible label of the selection group.
      */

package/dist/types/components/selector/gator/selector.gator.d.ts

@@ -30,6 +30,11 @@ export declare class NgcSelector extends TestableLitElement {
     * @type {number}
     */
     tabindex: number;
+    /**
+     * @property role - The role of the selector
+     * @type {SELECTOR_TYPE}
+     */
+    role: string | null;
     render(): import('lit').TemplateResult<1>;
     get selectedClass(): "" | "gator-selector_selected";
     get disabledClass(): "" | "gator-selector_disabled";

package/dist/types/components/tabs/gator/tabset/tabset.gator.d.ts

@@ -4,9 +4,13 @@ import { TestableLitElement } from '../../../../utils/components/testable-lit-el
 export declare class NgcTabset extends TestableLitElement {
     static styles: import('lit').CSSResult[];
     /**
-     * @property {string} tabsetAriaLabelledby - The value to be applied to the aria-labelledby attribute on the tabset role element
+     * @property {string} tabsetAriaLabelledByElements used to programmatically associate a visible label to the tabset.
      */
-    tabsetAriaLabelledby: string;
+    tabsetAriaLabelledByElements: Element[];
+    /**
+     * @property {string} tabsetAriaLabel if no visible label, this is used to set the aria-label for the tabset.
+     */
+    tabsetAriaLabel: String | undefined;
     /**
      * @property {string} size - The size of the tabs in the tabset
      */
@@ -14,11 +18,13 @@ export declare class NgcTabset extends TestableLitElement {
     activeTabIndex: number;
     tabs: NgcTab[] | undefined;
     _contentRef: Ref<HTMLDivElement>;
+    _tablistRef: Ref<HTMLDivElement>;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import('lit').TemplateResult<1>;
     get tabSizeClass(): string;
     get tabContainerSizeClass(): string;
     get tabSpacerClass(): "" | "gator-tabset-spacer";
-    getButtonTabIndex(index: number): "-1" | "0";
+    getButtonTabIndex(index: number): "0" | "-1";
     handleTabKeydown(e: KeyboardEvent): void;
     focusFirstTab(): void;
     focusLastTab(): void;

package/dist/types/components/time-picker/gator/index.d.ts

@@ -0,0 +1 @@
+export * as NgcTimePicker from './time-picker.gator.ts';

package/dist/types/components/time-picker/gator/time-picker.gator.d.ts

@@ -0,0 +1,44 @@
+import { NgcInputDate } from '../../input/gator/input-date/input-date.gator.ts';
+import { NgcComponent } from '../../../utils/components/ngc-component.ts';
+import { PropertyValueMap, PropertyValues } from 'lit';
+export declare class NgcTimePicker extends NgcComponent {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static styles: import('lit').CSSResult[];
+    hour: number | null;
+    minute: number | null;
+    timeOfDay: string | null;
+    protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    render(): import('lit').TemplateResult<1>;
+    scrollToOptions(): void;
+    get hourOptions(): import('lit').TemplateResult<1>[];
+    get minuteOptions(): import('lit').TemplateResult<1>[];
+    handleMinuteKeyDown(event: KeyboardEvent): void;
+    handleHourKeyDown(event: KeyboardEvent): void;
+    selectNextHour(): void;
+    selectPreviousHour(): void;
+    selectNextMinute(): void;
+    selectPreviousMinute(): void;
+    handleSelectionChange(event: CustomEvent, property: string): void;
+    focusNextHour(): void;
+    focusPreviousHour(): void;
+    focusNextMinute(): void;
+    focusPreviousMinute(): void;
+    focusNewOption(newElement: HTMLElement, currentElement: HTMLElement): void;
+    focusOtherTimeOfDayOption(event: KeyboardEvent): void;
+    sendClearEvent(): void;
+    sendNowEvent(): void;
+    handleNowButtonKeyDown(event: KeyboardEvent): void;
+    focus(): void;
+    handleTopLevelKeyUp(event: KeyboardEvent): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-time-picker': NgcInputDate;
+    }
+}

package/dist/types/custom-aria.d.js

@@ -0,0 +1 @@
+

package/dist/types/index.gator.d.ts

@@ -35,6 +35,7 @@ export { NgcSwitch } from './components/switch';
 export * from './components/tabs/index.gator.ts';
 export { NgcTextDetail } from './components/text-detail';
 export { NgcTextLink } from './components/text-link';
+export { NgcTimePicker } from './components/time-picker/gator';
 export { NgcToast } from './components/toast';
 export { NgcTooltip } from './components/tooltip';
 export * from './components/table';

package/dist/types/utils/accessibility-utils.d.ts

@@ -0,0 +1 @@
+export declare function getFirstFocusableElement(element: Element | undefined): Element | null;

package/dist/types/utils/components/ngc-component.d.ts

@@ -1,6 +1,17 @@
 import { TestableLitElement } from './testable-lit-element/testable-lit-element.ts';
 declare const NgcComponent_base: typeof TestableLitElement;
 export declare class NgcComponent extends NgcComponent_base {
+    /**
+     * A boolean property that determines whether ARIA-related attributes
+     * (e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed
+     * by the host element or delegated to the component.
+     *
+     * - When `true` (default), ARIA attributes are removed from the host
+     *   and managed internally by the component.
+     * - When `false`, previously removed ARIA attributes are restored
+     *   to the host element.
+     */
+    delegatesARIA: boolean;
     static styles: import('lit').CSSResult[];
 }
 export {};

package/dist/types/utils/mixins/attribute-deletion.d.ts

@@ -1,5 +1,20 @@
 import { LitElement } from 'lit';
 type Constructor<T = {}> = new (...args: any[]) => T;
+/**
+ * A mixin that extends a LitElement-based class to handle the deletion and restoration
+ * of specific attributes (e.g., ARIA attributes) from the host element. This is useful
+ * for managing accessibility-related attributes dynamically based on the component's state.
+ *
+ * @template T - The base class to extend, typically a LitElement.
+ * @param superClass - The base class to extend.
+ * @returns A class that extends the base class with attribute deletion functionality.
+ */
 export declare const AttributeDeletionMixin: <T extends Constructor<LitElement>>(superClass: T) => T;
+/**
+ * Determines whether a given attribute should be removed from the host element.
+ *
+ * @param attribute - The name of the attribute to check.
+ * @returns `true` if the attribute should be removed, otherwise `false`.
+ */
 export declare function isAttributeToRemove(attribute: string): boolean;
 export {};

package/dist/types/utils/reactivity-utils.d.ts

@@ -0,0 +1 @@
+export declare function debounce<T extends (...args: any[]) => void>(func: T, wait: number): T;

package/dist/types/utils/string-utils.d.ts

@@ -3,3 +3,4 @@ export declare function generateRandomId(): string;
 export declare function getElementId(id: string | undefined, randomId: string): string;
 export declare function replacedStringId(id: string): string;
 export declare function camelToKebab(str: string): string;
+export declare function zeroPad(num: number, places: number): string | number;

package/dist/types/utils/vitest-a11y-utils.d.ts

@@ -6,6 +6,7 @@ export declare const superLongStringForReflowTest: string;
  * @returns An array of Axe violations found in the element.
  */
 export declare function runAxeAndGetViolations(element: HTMLElement): Promise<axe.Result[]>;
+export declare function expectNoAxeViolations(element: HTMLElement): Promise<void>;
 export declare function resizeWindowForReflowTest(): Promise<void>;
 export declare function expectComponentNotToHaveHorizontalScrollbar(component: HTMLElement): void;
 export declare function expectComponentFocusStyle(component: HTMLElement, styleAttribute: string, styleValue: string): void;

package/dist/utils/accessibility-utils.js

@@ -0,0 +1 @@
+function l(e){var t;if(!e)return null;const n=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return((t=e.shadowRoot)==null?void 0:t.querySelector(n.join(",")))||null}export{l as getFirstFocusableElement};

package/dist/utils/components/illustration-list/illustration-list.gator.js

@@ -1,4 +1,4 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";import{illustrations as p}from"../../../components/illustration/illustration-registry.js";var c=Object.getOwnPropertyDescriptor,v=(r,i,o,l)=>{for(var t=l>1?void 0:l?c(i,o):i,e=r.length-1,s;e>=0;e--)(s=r[e])&&(t=s(t)||t);return t};let a=class extends m{render(){return n`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{illustrations as p}from"../../../components/illustration/illustration-registry.js";var c=Object.getOwnPropertyDescriptor,v=(r,e,o,l)=>{for(var t=l>1?void 0:l?c(e,o):e,i=r.length-1,s;i>=0;i--)(s=r[i])&&(t=s(t)||t);return t};let a=class extends m{render(){return n`
             <div style="display: flex; flex-wrap: wrap; font-family: sans-serif">
                 ${Array.from(p.keys()).map(r=>n`
                     <div style="display: flex; flex-direction: column; align-items: center; margin: 1rem;">

package/dist/utils/components/ngc-component.js

@@ -1 +1 @@
-import m from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import o from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import s from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import{TestableLitElement as e}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as p}from"../mixins/attribute-deletion.js";import{unsafeCSS as t}from"../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";const i=class i extends p(e){};i.styles=[t(m),t(o),t(s)];let r=i;export{r as NgcComponent};
+import f from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import l from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import n from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{TestableLitElement as u}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as d}from"../mixins/attribute-deletion.js";import{property as v}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as e}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,y=(s,m,p,b)=>{for(var t=void 0,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(m,p,t)||t);return t&&A(m,p,t),t};const o=class o extends d(u){constructor(){super(...arguments),this.delegatesARIA=!0}};o.styles=[e(f),e(l),e(n)];let i=o;y([v({type:Boolean})],i.prototype,"delegatesARIA");export{i as NgcComponent};

package/dist/utils/components/slot-placeholder/slot-placeholder.js

@@ -1,9 +1,9 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import{html as i}from"../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import{LitElement as p}from"../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import{customElement as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";import{css as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,n=(m,r,s,t)=>{for(var e=t>1?void 0:t?h(r,s):r,l=m.length-1,a;l>=0;l--)(a=m[l])&&(e=(t?a(r,s,e):a(e))||e);return t&&e&&u(r,s,e),e};let o=class extends p{constructor(){super(...arguments),this.slotName=""}render(){return i`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as m}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as p}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as d}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{css as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,n=(i,t,s,r)=>{for(var e=r>1?void 0:r?h(t,s):t,l=i.length-1,a;l>=0;l--)(a=i[l])&&(e=(r?a(t,s,e):a(e))||e);return r&&e&&u(t,s,e),e};let o=class extends p{constructor(){super(...arguments),this.slotName=""}render(){return m`
             <div class="slot-placeholder">
                 Swap this with your design
                 ${this.namedSlotMarkup}
             </div>
-        `}get namedSlotMarkup(){return this.slotName?i`<div style="font-size: 0.8rem;">Slot Name : ${this.slotName}</div>`:null}};o.styles=[c`
+        `}get namedSlotMarkup(){return this.slotName?m`<div style="font-size: 0.8rem;">Slot Name : ${this.slotName}</div>`:null}};o.styles=[c`
             .slot-placeholder {
                 background: #D8C3F3;
                 border: 1px dashed #9747FF;

package/dist/utils/components/testable-lit-element/testable-lit-element.js

@@ -1 +1 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";import"../../../node_modules/.pnpm/lit-html@3.2.1/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.1.1/node_modules/lit-element/lit-element.js";import{property as o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";var p=Object.defineProperty,n=(e,r,i,T)=>{for(var t=void 0,a=e.length-1,s;a>=0;a--)(s=e[a])&&(t=s(r,i,t)||t);return t&&p(r,i,t),t};class l extends d{constructor(){super(...arguments),this.dataTestid=void 0}get labelDataTestid(){return this.dataTestid?`${this.dataTestid}-label`:void 0}get helpTextDataTestid(){return this.dataTestid?`${this.dataTestid}-help-text`:void 0}get errorMessageDataTestid(){return this.dataTestid?`${this.dataTestid}-error-message`:void 0}}n([o({type:String,attribute:"data-testid"})],l.prototype,"dataTestid");export{l as TestableLitElement};
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{property as o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";var p=Object.defineProperty,n=(e,i,r,T)=>{for(var t=void 0,a=e.length-1,s;a>=0;a--)(s=e[a])&&(t=s(i,r,t)||t);return t&&p(i,r,t),t};class l extends d{constructor(){super(...arguments),this.dataTestid=void 0}get labelDataTestid(){return this.dataTestid?`${this.dataTestid}-label`:void 0}get helpTextDataTestid(){return this.dataTestid?`${this.dataTestid}-help-text`:void 0}get errorMessageDataTestid(){return this.dataTestid?`${this.dataTestid}-error-message`:void 0}}n([o({type:String,attribute:"data-testid"})],l.prototype,"dataTestid");export{l as TestableLitElement};

package/dist/utils/mixins/attribute-deletion.js

@@ -1 +1 @@
-const n=t=>{class r extends t{attributeChangedCallback(e,s,i){if(!l(e)){super.attributeChangedCallback(e,s,i);return}this.removeAttribute(e);const a=o(e);i===null?delete this.dataset[a]:this.dataset[a]=i,this.requestUpdate(a,s)}}return r};function l(t){return["aria-label","aria-labelledby","id","title","role"].includes(t)}function o(t){return t.replace(/-\w/g,r=>r[1].toUpperCase())}export{n as AttributeDeletionMixin,l as isAttributeToRemove};
+const b=s=>{class i extends s{constructor(){super(...arguments),this.attributesRemovedFromHost=new Map}attributeChangedCallback(t,e,r){if(!this.shouldApplyAttributeDeletion||!a(t)){super.attributeChangedCallback(t,e,r);return}this.removeAttributesFromHost(t,e,r)}get shouldApplyAttributeDeletion(){return this.delegatesARIA??!1}updated(t){super.updated(t),t.has("delegatesARIA")&&(this.delegatesARIA||this.restoreAttributesToHost())}removeAttributesFromHost(t,e,r){this.attributesRemovedFromHost.has(t)||this.attributesRemovedFromHost.set(t,e),this.removeAttribute(t);const o=u(t);r===null?delete this.dataset[o]:this.dataset[o]=r,this.requestUpdate(o,e)}restoreAttributesToHost(){this.attributesRemovedFromHost.forEach((t,e)=>{t!==null&&this.setAttribute(e,t)}),this.attributesRemovedFromHost.clear()}}return i};function a(s){return["aria-label","aria-labelledby","title","id","role","aria-haspopup"].includes(s)}function u(s){return s.replace(/-\w/g,i=>i[1].toUpperCase())}export{b as AttributeDeletionMixin,a as isAttributeToRemove};

package/dist/utils/reactivity-utils.js

@@ -0,0 +1 @@
+function i(e,o){let t;return function(...u){clearTimeout(t),t=setTimeout(()=>e.apply(this,u),o)}}export{i as debounce};

package/dist/utils/storybook-args.js

@@ -1 +1 @@
-const n={errorText:{name:"error-text",description:"Custom error message to be displayed. This value overrides any native or internal error messaging. If this is set, the component will be styled in an error state.",table:{category:"Base Input",defaultValue:{summary:""}}},helpText:{name:"help-text",description:"Custom help text to be displayed inline below the component.",table:{category:"Base Input",defaultValue:{summary:""}}},placeholder:{description:"Placeholder text to be displayed in the input.",table:{category:"Base Input",defaultValue:{summary:""}}},value:{description:"Value of the component.",table:{category:"Base Input",defaultValue:{summary:"undefined"}}},label:{description:"Visible label for the component. This is the gold standard, best practice way to label an input for built in accessibility support. If this is not set, you must set the ariaLabelledByElements property for correct programmatic association between your custom label and the input element.",table:{category:"Base Input",defaultValue:{summary:""}}},ariaLabelledByElements:{name:"aria-labelled-by-elements",description:"Used to programmatically associate a custom label to the input. This should only be used when you are using a custom label outside of the ngc input component due to limitations of the shadow dom. Accepts a list of elements. For more information on ARIA element reflection, see [here](https://wicg.github.io/aom/aria-reflection-explainer.html).",type:{summary:"Element[]"},table:{category:"Base Input",defaultValue:{summary:""}}},required:{description:"Whether the component is required.",table:{category:"Base Input",defaultValue:{summary:"false"}}},disabled:{description:"Whether the component is disabled.",table:{category:"Base Input",defaultValue:{summary:"false"}}},id:{description:"Unique ID for the component. Required for accessibility.",table:{category:"Base Input",defaultValue:{summary:""}}}},i={pattern:{description:"The pattern attribute to be passed to the input. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).",control:"text",table:{defaultValue:{summary:"undefined"}}}},r={min:{description:"The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min).",control:"number"},max:{description:"The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. If the value of the element is greater than this, the element fails validation. This value must be greater than or equal to the value of the min attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max).",control:"number"},step:{description:"The step attribute to be passed to the input for number inputs. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",control:"number",table:{defaultValue:{summary:"1"}}}},s={ariaDescription:{name:"aria-description",description:"The aria-description attribute for the component."}},l={startIcon:{name:"start-icon",description:"Icon to be displayed at the start of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"}}},u={endIcon:{name:"end-icon",description:"Icon to be displayed at the end of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"}}},m=(t,o)=>{let e,a={};for(e in t)t.hasOwnProperty(e)&&!o.includes(e)&&(a[e]=t[e]);return a},c=(t,o)=>{let e,a={};for(e in t)t.hasOwnProperty(e)&&o.includes(e)&&(a[e]=t[e]);return a};export{u as END_ICON_ARG,s as INPUT_A11Y_ARGS,n as INPUT_BASE_ARGS,r as INPUT_NUMERIC_ARGS,i as INPUT_TEXT_ARGS,l as START_ICON_ARG,m as argsExclude,c as argsOnly};
+const i={errorText:{name:"error-text",description:"Custom error message to be displayed. This value overrides any native or internal error messaging. If this is set, the component will be styled in an error state.",table:{category:"Base Input",defaultValue:{summary:""}}},helpText:{name:"help-text",description:"Custom help text to be displayed inline below the component.",table:{category:"Base Input",defaultValue:{summary:""}}},placeholder:{description:"Placeholder text to be displayed in the input.",table:{category:"Base Input",defaultValue:{summary:""}}},value:{description:"Value of the component.",table:{category:"Base Input",defaultValue:{summary:"undefined"}}},label:{description:"Visible label for the component. This is the gold standard, best practice way to label an input for built in accessibility support. If this is not set, you must set the ariaLabelledByElements property for correct programmatic association between your custom label and the input element.",table:{category:"Base Input",defaultValue:{summary:""}}},ariaLabelledByElements:{name:"aria-labelled-by-elements",description:"Used to programmatically associate a custom label to the input. This should only be used when you are using a custom label outside of the ngc input component due to limitations of the shadow dom. Accepts a list of elements. For more information on ARIA element reflection, see [here](https://wicg.github.io/aom/aria-reflection-explainer.html).",type:{summary:"Element[]"},table:{category:"Base Input",defaultValue:{summary:""}}},required:{description:"Whether the component is required.",table:{category:"Base Input",defaultValue:{summary:"false"}}},disabled:{description:"Whether the component is disabled.",table:{category:"Base Input",defaultValue:{summary:"false"}}},id:{description:"Unique ID for the component. Required for accessibility.",table:{category:"Base Input",defaultValue:{summary:""}}}},n={pattern:{description:"The pattern attribute to be passed to the input. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern).",control:"text",table:{defaultValue:{summary:"undefined"}}}},r={min:{description:"The min attribute defines the minimum value that is acceptable and valid for the input containing the attribute. If the value of the element is less than this, the element fails validation. This value must be less than or equal to the value of the max attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min).",control:"string"},max:{description:"The max attribute defines the maximum value that is acceptable and valid for the input containing the attribute. If the value of the element is greater than this, the element fails validation. This value must be greater than or equal to the value of the min attribute. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max).",control:"string"},step:{description:"The step attribute to be passed to the input for number inputs. See more information [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).",control:"number",table:{defaultValue:{summary:"1"}}}},s={ariaDescription:{name:"aria-description",description:"The aria-description attribute for the component."}},l={startIcon:{name:"start-icon",description:"Icon to be displayed at the start of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"}}},u={endIcon:{name:"end-icon",description:"Icon to be displayed at the end of the component. Should be a valid icon name from the [icon library](?path=/story/components-icon--gator-icon-list).",control:{type:"text"}}},m=(t,o)=>{let e,a={};for(e in t)t.hasOwnProperty(e)&&!o.includes(e)&&(a[e]=t[e]);return a},c=(t,o)=>{let e,a={};for(e in t)t.hasOwnProperty(e)&&o.includes(e)&&(a[e]=t[e]);return a};export{u as END_ICON_ARG,s as INPUT_A11Y_ARGS,i as INPUT_BASE_ARGS,r as INPUT_NUMERIC_ARGS,n as INPUT_TEXT_ARGS,l as START_ICON_ARG,m as argsExclude,c as argsOnly};

package/dist/utils/string-utils.js

@@ -1 +1 @@
-function n(r){return r&&r.trim()!==""}function o(){const r=String.fromCharCode(97+Math.floor(Math.random()*26)),t=Math.random().toString(36).substring(2,12);return`${r}${t}`}function a(r,t){return r&&n(r)?e(r):t}function e(r){return r.replace(" ","")}function c(r){return r.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}export{c as camelToKebab,o as generateRandomId,a as getElementId,n as isNotNullOrWhitespace,e as replacedStringId};
+function e(r){return r&&r.trim()!==""}function i(){const r=String.fromCharCode(97+Math.floor(Math.random()*26)),t=Math.random().toString(36).substring(2,12);return`${r}${t}`}function a(r,t){return r&&e(r)?o(r):t}function o(r){return r.replace(" ","")}function c(r){return r.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function u(r,t){if(r==null||t==null)return r;const n=t-r.toString().length+1;return Array(+(n>0&&n)).join("0")+r}export{c as camelToKebab,i as generateRandomId,a as getElementId,e as isNotNullOrWhitespace,o as replacedStringId,u as zeroPad};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as n}from"../node_modules/.pnpm/@vitest_browser@3.1.1_msw@2.7.3_@types_node@22.13.10_typescript@5.8.2__playwright@1.51._f090b6db94019832c44d618c1c700bd2/node_modules/@vitest/browser/context.js";import u from"../_virtual/axe.js";import{a as r}from"../node_modules/.pnpm/vitest@3.1.1_@types_debug@4.1.12_@types_node@22.13.10_@vitest_browser@3.1.1_@vitest_ui@_10eb3c608a954c2845bfad81b0d7d772/node_modules/vitest/dist/chunks/vi.B-PuvDzu.js";const p="Supercalifragilisticexpialidocious".repeat(10);async function h(t){return(await u.run(t)).violations}function x(){return n.viewport(320,256)}function m(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const i=e.scrollWidth>e.clientWidth;return r(i).toBe(!1)}return r(!0).toBe(!1)}function w(t,e,i){var l;const s={attribute:e};let o=t.querySelector(":focus-visible");if(o||(o=(l=t.shadowRoot)==null?void 0:l.querySelector(":focus-visible")),o){const a=getComputedStyle(o).getPropertyValue(s.attribute);return r(a).toContain(i)}return r(!0).toBe(!1)}export{w as expectComponentFocusStyle,m as expectComponentNotToHaveHorizontalScrollbar,x as resizeWindowForReflowTest,h as runAxeAndGetViolations,p as superLongStringForReflowTest};
+import{page as n}from"../node_modules/.pnpm/@vitest_browser@3.1.2_msw@2.7.3_@types_node@22.13.10_typescript@5.8.3__playwright@1.52._d9f437d9be40af4c1087950720317100/node_modules/@vitest/browser/context.js";import u from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.1.2_@types_debug@4.1.12_@types_node@22.13.10_@vitest_browser@3.1.2_@vitest_ui@_b3e273fb96cdae5dad1113241e94b66d/node_modules/vitest/dist/chunks/vi.ClIskdbk.js";const h="Supercalifragilisticexpialidocious".repeat(10);async function c(t){return(await u.run(t)).violations}async function x(t){const e=await c(t);o(e).toHaveLength(0)}function w(){return n.viewport(320,256)}function g(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function m(t,e,r){var l;const s={attribute:e};let i=t.querySelector(":focus-visible");if(i||(i=(l=t.shadowRoot)==null?void 0:l.querySelector(":focus-visible")),i){const a=getComputedStyle(i).getPropertyValue(s.attribute);return o(a).toContain(r)}return o(!0).toBe(!1)}export{m as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,x as expectNoAxeViolations,w as resizeWindowForReflowTest,c as runAxeAndGetViolations,h as superLongStringForReflowTest};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "3.3.0",
+    "version": "3.4.0-preview.2",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
     "module": "dist/index.js",
     "engineStrict": false,
     "private": false,
-    "packageManager": "pnpm@10.7.1",
+    "packageManager": "pnpm@10.9.0",
     "exports": {
         ".": {
             "import": "./dist/index.js",
@@ -69,17 +69,16 @@
         "@floating-ui/dom": "^1.6.13",
         "@lit/localize": "^0.12.2",
         "ckeditor5": "^44.3.0",
-        "libphonenumber-js": "^1.12.6",
-        "lit": "^3.2.1"
+        "libphonenumber-js": "^1.12.7",
+        "lit": "^3.3.0"
     },
     "devDependencies": {
         "@actions/core": "^1.11.1",
         "@actions/exec": "^1.1.1",
         "@custom-elements-manifest/analyzer": "0.10.4",
         "@geometricpanda/storybook-addon-badges": "^2.0.5",
-        "@lit/react": "^1.0.7",
         "@lit/localize-tools": "^0.8.0",
-        "@salesforce-ux/design-system": "^2.26.2",
+        "@salesforce-ux/design-system": "^2.27.0",
         "@storybook/addon-a11y": "^8.6.12",
         "@storybook/addon-actions": "^8.6.12",
         "@storybook/addon-designs": "^8.2.1",
@@ -93,18 +92,18 @@
         "@storybook/test": "^8.6.12",
         "@storybook/web-components": "^8.6.12",
         "@storybook/web-components-vite": "^8.6.12",
-        "@types/react": "^19.1.0",
-        "@typescript-eslint/parser": "^8.29.0",
-        "@vitest/browser": "^3.1.1",
-        "@vitest/coverage-v8": "^3.1.1",
-        "@vitest/ui": "3.1.1",
+        "@types/react": "^19.1.2",
+        "@typescript-eslint/parser": "^8.31.0",
+        "@vitest/browser": "^3.1.2",
+        "@vitest/coverage-v8": "^3.1.2",
+        "@vitest/ui": "3.1.2",
         "axe-core": "^4.10.3",
         "cem-plugin-expanded-types": "^1.4.0",
-        "chromatic": "^11.28.0",
+        "chromatic": "^11.28.2",
         "conventional-changelog-conventionalcommits": "^8.0.0",
         "custom-element-jet-brains-integration": "^1.7.0",
         "custom-elements-manifest": "^2.1.0",
-        "eslint": "^9.24.0",
+        "eslint": "^9.25.1",
         "eslint-config-standard": "^17.1.0",
         "eslint-plugin-import": "^2.31.0",
         "eslint-plugin-json": "^4.0.1",
@@ -113,20 +112,19 @@
         "eslint-plugin-storybook": "^0.12.0",
         "eslint-plugin-yml": "1.17.0",
         "glob": "^11.0.1",
-        "jsdom": "26.0.0",
-        "playwright": "1.51.1",
+        "jsdom": "26.1.0",
+        "playwright": "1.52.0",
         "postcss": "^8.5.3",
-        "react": "^19.1.0",
         "rimraf": "^6.0.1",
-        "sass": "1.86.2",
+        "sass": "1.86.3",
         "storybook": "^8.6.12",
         "storybook-dark-mode": "^4.0.2",
         "storybook-design-token": "^3.2.0",
-        "typescript": "^5.8.2",
-        "vite": "6.2.5",
+        "typescript": "^5.8.3",
+        "vite": "6.3.2",
         "vite-plugin-dts": "4.5.3",
-        "vite-plugin-static-copy": "^2.3.0",
-        "vitest": "^3.1.1",
+        "vite-plugin-static-copy": "^2.3.1",
+        "vitest": "^3.1.2",
         "wc-storybook-helpers": "2.0.4",
         "yaml-eslint-parser": "^1.3.0"
     },