@liquidcommerce/elements-sdk 2.6.0-beta.94 → 2.6.0-beta.95

package/dist/types/core/a11y/announcer.service.d.ts

@@ -0,0 +1,16 @@
+export type AnnouncementPoliteness = 'polite' | 'assertive';
+export declare class AnnouncerService {
+    private politeRegion;
+    private assertiveRegion;
+    private pendingTimeouts;
+    private readonly queues;
+    private readonly draining;
+    private lastMessage;
+    private lastMessageAt;
+    static getInstance(): AnnouncerService;
+    announce(message: string, politeness?: AnnouncementPoliteness): void;
+    private drain;
+    clear(): void;
+    destroy(): void;
+    private ensureRegion;
+}

package/dist/types/core/a11y/focus-manager.service.d.ts

@@ -0,0 +1,21 @@
+export declare const A11Y_PERSIST_ATTRIBUTE = "data-lce-a11y-persist";
+export type FocusScope = 'drawer' | 'product-drawer';
+export declare class FocusManagerService {
+    private readonly triggerStacks;
+    private hiddenBackground;
+    static getInstance(): FocusManagerService;
+    captureTrigger(scope: FocusScope, trigger?: Element | null, fallback?: () => HTMLElement | null): void;
+    restoreFocus(scope: FocusScope): boolean;
+    releaseTrigger(scope: FocusScope): void;
+    hasTrigger(scope: FocusScope): boolean;
+    hasRestorableTrigger(scope: FocusScope): boolean;
+    private resolveTrigger;
+    focusInitial(container: HTMLElement, preferredSelector?: string): boolean;
+    restoreFocusWhenReady(root: ParentNode, selector: string, maxFrames?: number): () => void;
+    containsFocus(container: HTMLElement): boolean;
+    trapFocus(container: HTMLElement): () => void;
+    private getDeepActiveElement;
+    hideBackground(overlayRoot: Element | null): void;
+    showBackground(): void;
+    destroy(): void;
+}

package/dist/types/core/a11y/focusable.d.ts

@@ -0,0 +1,5 @@
+export declare function isVisible(element: HTMLElement): boolean;
+export declare function isFocusable(element: HTMLElement, root?: ParentNode): boolean;
+export declare function getFocusableElements(root: ParentNode): HTMLElement[];
+export declare function isFocusTarget(element: HTMLElement): boolean;
+export declare function safeFocus(element: HTMLElement | null | undefined): boolean;

package/dist/types/core/a11y/index.d.ts

@@ -0,0 +1,3 @@
+export { type AnnouncementPoliteness, AnnouncerService } from '@/core/a11y/announcer.service';
+export { A11Y_PERSIST_ATTRIBUTE, FocusManagerService } from '@/core/a11y/focus-manager.service';
+export { getFocusableElements, isFocusable, isVisible, safeFocus } from '@/core/a11y/focusable';

package/dist/types/core/base-component.service.d.ts

@@ -1,3 +1,4 @@
+import { AnnouncerService } from '@/core/a11y';
 import { ClientConfigService } from '@/core/client/client-config.service';
 import { LoggerFactory } from '@/core/logger/logger-factory';
 import { PubSubService } from '@/core/pubsub/pubsub.service';
@@ -34,6 +35,7 @@ export declare abstract class BaseComponent<TParams = Record<string, any>, TConf
     protected readonly logger: ReturnType<typeof LoggerFactory.get>;
     protected readonly clientConfig: ClientConfigService;
     protected readonly telemetry: TelemetryService;
+    protected readonly announcer: AnnouncerService;
     private initialized;
     private isDestroyed;
     private renderScheduled;

package/dist/types/interfaces/configs/global.interface.d.ts

@@ -23,6 +23,8 @@ export interface IGlobalTheme {
     warningColor: string;
     successColor: string;
     drawerBackgroundColor: string;
+    inputBorderColor?: string;
+    focusRingColor?: string;
 }
 export interface IPromoTicker {
     promoCode: string;

package/dist/types/modules/address/address-input.component.d.ts

@@ -25,10 +25,19 @@ export declare class AddressInputComponent extends BaseComponent<IAddressInputCo
     private handleCancel;
     private handleCheckAvailability;
     private handleSuggestionClick;
-    private handleDocumentClick;
+    private suggestionsStatus;
+    private activeSuggestionIndex;
+    private handleRootClick;
+    private handleFocusOut;
     private searchAddresses;
     private updateErrorDisplay;
     private updateSuggestionsDisplay;
+    private updateSuggestionsStatus;
+    private getSuggestionOptions;
+    private moveActiveSuggestion;
+    private setActiveSuggestion;
+    private isSuggestionListOpen;
+    private handleComboboxKeydown;
     private showSuggestions;
     private hideSuggestions;
     private createElement;

package/dist/types/modules/cart/components/cart-body.component.d.ts

@@ -10,6 +10,7 @@ export declare class CartBodyComponent extends BaseComponent<null, ICartComponen
     private getRetailerElementById;
     private getLoadingElement;
     private showEmptyCartState;
+    private preserveDialogFocus;
     private addLoadingOverlay;
     private removeLoadingOverlay;
     private setupEmptyCartListeners;

package/dist/types/modules/cart/components/cart-item-quantity-price.component.d.ts

@@ -7,14 +7,19 @@ export declare class CartItemQuantityPriceComponent extends BaseComponent<ICartI
     private qtyIncreaseButton;
     private qtyDecreaseButton;
     private quantitySpan;
+    private priceElement;
+    private unitPriceElement;
     get hostClasses(): string[];
     constructor();
+    onStoreChanged(changes: IOnStoreChanged[]): boolean;
     onStoreWatch(changes: IOnStoreChanged[]): void;
     private getItemStore;
     private calculateQuantityLimits;
     private getAvailableQuantity;
     private updateButtonStates;
     private handleQuantityChange;
+    private updatePriceText;
+    private applyUnitPrice;
     private createQuantityContainer;
     private createPriceContainer;
     protected template(): HTMLElement[];

package/dist/types/modules/cart/components/cart-item.component.d.ts

@@ -6,6 +6,12 @@ export declare class CartItemComponent extends BaseComponent<ICartItemComponentP
     get hostClasses(): string[];
     get hostAttributes(): Record<string, string>;
     constructor();
+    private lastFocusedKey;
+    private cancelFocusRestore;
+    protected connected(): void;
+    protected disconnected(): void;
+    private readonly handleFocusIn;
+    protected afterRender(): void;
     private handleOpenEngravingForm;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/checkout/components/checkout-completed.component.d.ts

@@ -12,5 +12,7 @@ export interface ICheckoutCompletedComponentParams {
 }
 export declare class CheckoutCompletedComponent extends BaseComponent<ICheckoutCompletedComponentParams, ICheckoutComponent> {
     get hostClasses(): string[];
+    private hasAnnouncedCompletion;
+    protected afterRender(): void;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/checkout/components/checkout-item-quantity.component.d.ts

@@ -14,6 +14,7 @@ export declare class CheckoutItemQuantityComponent extends BaseComponent<IChecko
     private getProductStoreByLiquidId;
     private getAvailableQuantity;
     private calculateQuantityLimits;
+    private get itemName();
     private updateButtonStates;
     private handleQuantityChange;
     protected template(): HTMLElement[];

package/dist/types/modules/checkout/components/checkout-payment.component.d.ts

@@ -21,6 +21,7 @@ export declare class CheckoutPaymentComponent extends BaseComponent<ICheckoutSen
     private handleBillingSameAsShippingChange;
     afterRender(): Promise<void>;
     private updateSaveButtonState;
+    private lastAnnouncedPaymentError;
     private updateErrorMessage;
     private showError;
     protected template(): HTMLElement[];

package/dist/types/modules/checkout/components/checkout-place-order-button.component.d.ts

@@ -4,6 +4,8 @@ export declare class CheckoutPlaceOrderButtonComponent extends BaseComponent<nul
     private placeOrderButton;
     private errorContainer;
     private errorTimeoutId;
+    private lastButtonState;
+    private lastAnnouncedError;
     get hostClasses(): string[];
     constructor();
     afterRender(): void;

package/dist/types/modules/product/components/product-drawer.component.d.ts

@@ -8,12 +8,18 @@ export declare class ProductDrawerComponent extends BaseComponent<IProductDrawer
     private isOpen;
     private contentContainer;
     private currentContentType;
+    private focusEntryFrame;
+    private readonly focusManager;
+    private readonly boundHandleKeydown;
     constructor();
+    private handleKeydown;
+    disconnected(): void;
     private getProductId;
     onStoreChanged(changes: IOnStoreChanged[]): boolean;
     private openWithContent;
     private open;
     private close;
+    private moveFocusIntoPanel;
     private updateDrawerState;
     protected template(): HTMLElement;
 }

package/dist/types/modules/product/product.commands.d.ts

@@ -19,10 +19,10 @@ export declare class ProductCommands extends BaseCommand {
     updateQuantity(productId: string, delta: number): Promise<void>;
     changeFulfillmentType(productId: string, newFulfillmentType: FulfillmentType): Promise<void>;
     removeProduct(productId: string): Promise<void>;
-    openProductDrawer(productId: string, contentType: IProductDrawerContentConfig['type'], data?: Record<string, any>): Promise<void>;
+    openProductDrawer(productId: string, contentType: IProductDrawerContentConfig['type'], data?: Record<string, any>, trigger?: HTMLElement | null): Promise<void>;
     closeProductDrawer(productId: string): Promise<void>;
     rerenderAllProducts(): Promise<void>;
-    addToCart(productId: string, params: AddItemParams): Promise<void>;
+    addToCart(productId: string, params: AddItemParams, trigger?: HTMLElement | null): Promise<void>;
     addPresaleToCart(productId: string, params: AddItemParams): Promise<void>;
     productDataForEventFromStore(identifier: string): IBaseProductEventData;
 }

package/dist/types/modules/product-list/components/card-components/product-price-and-personalization.d.ts

@@ -8,6 +8,7 @@ export interface IPricePersonalizationSectionParams {
     priceClassName?: string;
     personalizeClassName?: string;
     personalizeText?: string;
+    productName?: string;
     onPersonalizeClick?: () => void;
 }
-export declare const createPricePersonalizationSection: ({ price, showPrice, hasPersonalization, showPersonalization, hasAddress, wrapperClassName, priceClassName, personalizeClassName, personalizeText, onPersonalizeClick, }: IPricePersonalizationSectionParams) => HTMLElement | null;
+export declare const createPricePersonalizationSection: ({ price, showPrice, hasPersonalization, showPersonalization, hasAddress, wrapperClassName, priceClassName, personalizeClassName, personalizeText, productName, onPersonalizeClick, }: IPricePersonalizationSectionParams) => HTMLElement | null;

package/dist/types/modules/product-list/components/card-components/product-sizes-list.d.ts

@@ -7,6 +7,7 @@ export interface IProductListSizeSelectorParams {
 }
 export declare class ProductListSizeSelectorComponent extends BaseComponent<IProductListSizeSelectorParams> {
     private onOutsideClick;
+    private readonly uid;
     get hostClasses(): string[];
     protected disconnected?(): void;
     protected template(): HTMLElement[];

package/dist/types/modules/product-list/components/filter-components/product-list-fulfillment-filter.d.ts

@@ -11,4 +11,5 @@ export declare function createFulfillmentFilter(params: ICreateFulfillmentFilter
     elements: HTMLElement[];
     chevronContainer: HTMLElement;
     fulfillmentList: HTMLElement;
+    headerButton: HTMLButtonElement;
 };

package/dist/types/modules/product-list/components/product-list-filters.component.d.ts

@@ -50,6 +50,7 @@ export declare class ProductListFiltersComponent extends BaseComponent<IProductL
     private isEngravingCurrentlyDisabled;
     private buildEngravingFilterElements;
     private isSameDayDeliveryCurrentlyDisabled;
+    private fulfillmentFilterHeaderButton;
     private toggleFulfillmentFilterCollapse;
     private buildFulfillmentFilterElements;
     private togglePriceFilterCollapse;

package/dist/types/modules/product-list/components/product-list-product-pre-cart.component.d.ts

@@ -19,9 +19,11 @@ export declare class ProductListProductPreCartComponent extends BaseComponent<IP
     constructor();
     private getListConfig;
     protected connected?(): void;
+    private pendingViewFocus;
     private handleRetailersBack;
     private handleEngravingBack;
     private handleEngravingEdit;
+    protected afterRender(): void;
     protected disconnected?(): void;
     private getSelectedSize;
     onStoreWatch(changes: IOnStoreChanged[]): void;

package/dist/types/modules/product-list/product-list.commands.d.ts

@@ -22,7 +22,7 @@ export declare class ProductListCommands extends BaseCommand {
     getItemsPerPage(slug: string): number;
     updatePagination(navigation: INavigationResponse | undefined): IPagination;
     createInitialPagination(): IPagination;
-    addToCart(slug: string, productId: string, params: AddItemParams): Promise<void>;
+    addToCart(slug: string, productId: string, params: AddItemParams, trigger?: HTMLElement | null): Promise<void>;
     selectSize(slug: string, productId: string, sizeId: string): Promise<void>;
     changeFulfillmentType: (slug: string, productId: string, newFulfillmentType: FulfillmentType) => Promise<void>;
     selectFulfillment: (slug: string, productId: string, selectedFulfillmentId: string) => Promise<void>;

package/dist/types/modules/product-list/product-list.component.d.ts

@@ -31,7 +31,10 @@ export declare class ProductListComponent extends BaseComponent<IProductListComp
     private loadMoreProducts;
     private createCardsContainer;
     private renderLoadingState;
+    private hasRenderedProductsOnce;
+    private lastAnnouncedSentinelState;
     private renderProducts;
+    private announceResultCount;
     private appendNewProducts;
     private setupInfiniteScroll;
     private createScrollSentinel;

package/dist/types/modules/ui-components/alert/alert.component.d.ts

@@ -9,8 +9,8 @@ export interface IAlertComponentParams {
 export declare class AlertComponent extends BaseComponent<IAlertComponentParams, null> {
     private hideTimeout;
     private elements;
+    private lastAnnouncedKey;
     get hostClasses(): string[];
-    get hostAttributes(): Record<string, string>;
     beforeSetupStoreWatchers(): void;
     afterRender(): void;
     onStoreWatch(changes: IOnStoreChanged[]): void;

package/dist/types/modules/ui-components/buttons/buttons-open-cart.component.d.ts

@@ -5,7 +5,12 @@ export interface IButtonsOpenCartComponentParams {
 }
 export declare class ButtonsOpenCartComponent extends BaseComponent<IButtonsOpenCartComponentParams, null> {
     get hostClasses(): string[];
+    private buttonElement;
+    private badgeElement;
+    private unwatchQuantity;
     protected template(): HTMLElement[];
     protected afterRender(): void;
+    protected disconnected(): void;
     private setupCartBadge;
+    private applyCartQuantity;
 }

package/dist/types/modules/ui-components/drawer/drawer.component.d.ts

@@ -8,7 +8,14 @@ export declare class DrawerComponent extends BaseComponent {
     private currentContentType;
     private mode;
     private isTransitioning;
+    private readonly focusManager;
+    private releaseFocusTrap;
+    private focusEntryFrame;
+    private contentTeardownTimeout;
+    private previousBodyOverflow;
+    private pendingFocusKey;
     private readonly boundHandleKeydown;
+    private readonly boundHandleBackdropClick;
     constructor();
     disconnected(): void;
     onStoreChanged(changes: IOnStoreChanged[]): boolean;
@@ -16,6 +23,13 @@ export declare class DrawerComponent extends BaseComponent {
     private animateContentSwap;
     private open;
     private close;
+    private applyDialogSemantics;
+    private setupOverlaySemantics;
+    private teardownOverlaySemantics;
+    private moveFocusIntoDrawer;
+    private getTopLevelHost;
+    private scheduleContentTeardown;
+    private cancelPendingContentTeardown;
     private cleanupCurrentContent;
     private handleBackdropClick;
     private handleKeydown;

package/dist/types/modules/ui-components/engraving/engraving-form.component.d.ts

@@ -10,6 +10,7 @@ export interface IEngravingFormComponentParams {
     fee: number;
     location?: string;
     displayMode?: DisplayModeType;
+    returnFocusKey?: string;
 }
 export declare class EngravingFormComponent extends BaseComponent<IEngravingFormComponentParams, null> {
     get hostClasses(): string[];
@@ -26,6 +27,7 @@ export declare class EngravingFormComponent extends BaseComponent<IEngravingForm
     private getFulfillmentData;
     private retailersSection;
     private engravingLinesSection;
+    private returnToCart;
     private actionButtonsSection;
     protected template(): HTMLElement[];
 }

package/dist/types/modules/ui-components/engraving/engraving-view.component.d.ts

@@ -13,6 +13,7 @@ export declare class EngravingViewComponent extends BaseComponent<IEngravingView
     private engravingQuantityFee;
     private engravingLines;
     private isEngravingRequired;
+    private get editFocusKey();
     private handleEdit;
     private handleRemove;
     protected template(): HTMLElement | HTMLElement[] | string;

package/dist/types/modules/ui-components/input/input.component.d.ts

@@ -25,10 +25,14 @@ export interface IInputComponentParams {
     disabled?: boolean;
 }
 export declare class InputComponent extends BaseComponent<IInputComponentParams, null> {
+    private readonly uid;
     get hostClasses(): string[];
+    private get controlId();
+    private get errorContainerId();
     private inputElement;
     private errorContainer;
     private validationTimeout;
+    private announceNextErrors;
     private handlePhoneKeydown;
     private formatPhoneNumber;
     private formatDate;

package/dist/types/modules/ui-components/ui.commands.d.ts

@@ -2,10 +2,12 @@ import { BaseCommand } from '@/core/command/base-command.service';
 import type { IDrawerContentConfig } from '@/core/store/interfaces/core.interface';
 export declare class UICommands extends BaseCommand {
     static getInstance(): UICommands;
-    openDrawer({ mode, contentType, data, }: {
+    openDrawer({ mode, contentType, data, trigger, triggerFallback, }: {
         mode?: 'drawer' | 'modal';
         contentType: IDrawerContentConfig['type'];
         data?: Record<string, any>;
+        trigger?: HTMLElement | null;
+        triggerFallback?: () => HTMLElement | null;
     }): void;
     closeDrawer(): void;
 }

package/package.json

@@ -3,7 +3,7 @@
   "description": "LiquidCommerce Elements SDK",
   "license": "UNLICENSED",
   "author": "LiquidCommerce Team",
-  "version": "2.6.0-beta.94",
+  "version": "2.6.0-beta.95",
   "homepage": "https://docs.liquidcommerce.co/elements-sdk",
   "repository": {
     "type": "git",
@@ -14,7 +14,7 @@
   },
   "module": "./dist/index.esm.js",
   "types": "./dist/types/index.d.ts",
-  "packageManager": "pnpm@11.10.0",
+  "packageManager": "pnpm@11.18.0",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -68,17 +68,46 @@
   },
   "keywords": [
     "liquidcommerce",
+    "vesper",
+    "vesper-commerce",
+    "accelpay",
+    "reservebar",
+    "minibar",
     "alcohol",
     "beverage",
-    "alcohol tech",
     "elements",
-    "custom web components",
-    "embeddable components",
-    "embeddable web components",
-    "embeddable commerce"
+    "alcohol-ecommerce",
+    "ecommerce",
+    "ecommerce-sdk",
+    "headless-commerce",
+    "embeddable-commerce",
+    "embeddable-components",
+    "web-components",
+    "custom-elements",
+    "shadow-dom",
+    "framework-agnostic",
+    "typescript",
+    "zero-dependencies",
+    "product-display",
+    "product-list",
+    "shopping-cart",
+    "cart-drawer",
+    "checkout",
+    "hosted-checkout",
+    "stripe",
+    "payments",
+    "promo-codes",
+    "gift-cards",
+    "address-autocomplete",
+    "delivery",
+    "shipping",
+    "pickup",
+    "presale",
+    "fulfillment",
+    "theming"
   ],
   "devDependencies": {
-    "@biomejs/biome": "^2.5.3",
+    "@biomejs/biome": "^2.5.6",
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@rollup/plugin-alias": "^6.0.0",
@@ -87,21 +116,21 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-terser": "^1.0.0",
-    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/changelog": "^7.0.0",
     "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/git": "^11.0.1",
     "@semantic-release/github": "^12.0.9",
     "@semantic-release/npm": "^13.1.5",
     "@semantic-release/release-notes-generator": "^14.1.1",
     "@types/core-js": "^2.5.8",
-    "@types/node": "^26.1.1",
-    "conventional-changelog": "8.0.1",
+    "@types/node": "^26.1.2",
+    "conventional-changelog": "8.1.0",
     "husky": "^9.1.7",
     "process": "^0.11.10",
-    "rollup": "^4.62.2",
+    "rollup": "^4.62.3",
     "rollup-obfuscator": "^4.1.1",
     "rollup-plugin-typescript2": "^0.37.0",
-    "semantic-release": "^25.0.5",
+    "semantic-release": "^25.0.8",
     "ts-node": "^10.9.2",
     "typescript": "6.0.3"
   },