@propeller-commerce/propeller-v2-vue-ui 0.3.14

package/dist/components/CartItem.vue.d.ts

@@ -0,0 +1,178 @@
+import { Component } from 'vue';
+import { BundleItem, Cart, CartBaseItem, CartMainItem, Cluster, Contact, Crossupsell, Customer, GraphQLClient, MediaImageProductSearchInput, Product, ProductInventory, TransformationsInput } from '@propeller-commerce/propeller-sdk-v2';
+export interface CartItemProps {
+    /** GraphQL client for the Propeller SDK */
+    graphqlClient: GraphQLClient;
+    /** The shopping cart unique identifier */
+    cartId: string;
+    /** Tax zone for price calculations */
+    taxZone?: string;
+    /** Authenticated user for cart operations */
+    user?: Contact | Customer | null;
+    /** A shopping cart item */
+    cartItem: CartMainItem;
+    /** Currency symbol to display. Defaults to '€'. */
+    currency?: string;
+    /** Should the item title be a link to the PDP. Defaults to true. */
+    titleLinkable?: boolean;
+    /** Should the stock be displayed in the cart item. Defaults to false. */
+    showStockComponent?: boolean;
+    /** Display the SKU of the cart item beneath the item name. Defaults to true. */
+    showSku?: boolean;
+    /** +/- buttons on left and right of quantity input. Defaults to true. */
+    enableIncrementDecrement?: boolean;
+    /** Should the cart item notes field be displayed. Defaults to false. */
+    showCartItemNotesField?: boolean;
+    /** Action callback when a cart item quantity is changed */
+    onQuantityChange?: (item: CartMainItem, quantity: number) => void;
+    /** Action callback when a cart item note is changed */
+    onNoteChange?: (item: CartMainItem, note: string) => void;
+    /** Action callback when a cart item is deleted */
+    onDelete?: (item: CartMainItem) => void;
+    /** Callback with the updated cart after any cart mutation */
+    afterCartUpdate?: (cart: Cart) => void;
+    /** Label overrides for UI strings
+     *
+     * Available keys: remove, notes, notesPlaceholder, includedOptions, updating, deleting
+     */
+    labels?: Record<string, string>;
+    /** Language code for CartService operations. Defaults to 'NL'. */
+    language?: string;
+    /** Configuration object for image filters and URL generation */
+    configuration?: {
+        language?: string;
+        imageSearchFiltersGrid?: MediaImageProductSearchInput;
+        imageVariantFiltersSmall?: TransformationsInput;
+        imageVariantFiltersMedium?: TransformationsInput;
+        urls?: {
+            getProductUrl: (product: Product, language?: string) => string;
+        };
+    };
+    /** Show cross-sell/upsell product suggestions below the item. Defaults to false. */
+    showCrossupsells?: boolean;
+    /** Which cross-sell types to fetch. Defaults to ['ACCESSORIES']. Values: 'ACCESSORIES', 'ALTERNATIVES', 'OPTIONS', 'PARTS', 'RELATED' */
+    crossupsellTypes?: string[];
+    /** Maximum number of cross-sell products to display. Defaults to 3. */
+    crossupsellLimit?: number;
+    /** Callback when a cross-sell product is clicked */
+    onCrossupsellClick?: (product: Product | Cluster) => void;
+    /** Additional CSS class for the root element */
+    className?: string;
+    /** Include tax in price. Defaults to false. */
+    includeTax?: boolean;
+    /** Active company ID for PAC lookup. */
+    companyId?: number;
+    priceComponent?: Component;
+    stockComponent?: Component;
+    surchargesComponent?: Component;
+    /** When false, root element drops the card frame
+     *  ('bg-card p-4 rounded-[var(--radius-container)] shadow-sm border border-border'),
+     *  leaving only the flex layout. Default: true. Used by drawer / summary
+     *  widgets. */
+    cardFrame?: boolean;
+    /** When false, the delete button (and #delete slot in compound mode)
+     *  returns null. Default: true. */
+    showDelete?: boolean;
+    /** When true, quantity renders as 'Qty: {n}' text — no stepper, no
+     *  input. Default: false. Independent from enableIncrementDecrement. */
+    readOnlyQuantity?: boolean;
+    /** Optional title click callback. Fires BEFORE default navigation; the
+     *  consumer may call event.preventDefault() to suppress nav. Used by
+     *  the cart drawer to close the sidebar on title click. */
+    onTitleClick?: (event: MouseEvent, item: CartMainItem) => void;
+}
+declare function handleDelete(): Promise<void>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {
+            cartItem: CartMainItem;
+            imageUrl: string;
+            productUrl: string;
+            name: string;
+        }): any;
+        sku?(_: {
+            cartItem: CartMainItem;
+            sku: string;
+        }): any;
+        title?(_: {
+            cartItem: CartMainItem;
+            isBundle: boolean;
+            name: string;
+            bundleName: string;
+            productUrl: string;
+            linkable: boolean;
+            handleTitleClick: (e: any) => void | undefined;
+        }): any;
+        surcharges?(_: {
+            cartItem: CartMainItem;
+            surcharges: string[];
+            includeTax: boolean | undefined;
+            labels: Record<string, string> | undefined;
+        }): any;
+        stock?(_: {
+            cartItem: CartMainItem;
+            inventory: ProductInventory | null;
+            labels: Record<string, string> | undefined;
+        }): any;
+        bundleItems?(_: {
+            cartItem: CartMainItem;
+            leaderName: string;
+            leaderPrice: string;
+            nonLeaders: BundleItem[];
+        }): any;
+        childItems?(_: {
+            cartItem: CartMainItem;
+            childItems: CartBaseItem[];
+        }): any;
+        notes?(_: {
+            cartItem: CartMainItem;
+            notes: string;
+            onNoteChange: (value: any) => void;
+        }): any;
+        crossupsells?(_: {
+            cartItem: CartMainItem;
+            crossupsells: Crossupsell[];
+        }): any;
+        price?(_: {
+            cartItem: CartMainItem;
+            isBundle: boolean;
+            price: import('@propeller-commerce/propeller-sdk-v2').ProductPrice | undefined;
+            formattedPrice: string;
+            bundlePrice: string;
+            includeTax: boolean | undefined;
+            currency: string | undefined;
+            labels: Record<string, string> | undefined;
+        }): any;
+        quantity?(_: {
+            cartItem: CartMainItem;
+            quantity: number;
+            readOnly: boolean | undefined;
+            minQuantity: number;
+            step: number;
+            onChange: (newQty: any) => Promise<void>;
+            labels: Record<string, string> | undefined;
+        }): any;
+        delete?(_: {
+            cartItem: CartMainItem;
+            deleting: boolean;
+            onDelete: typeof handleDelete;
+            labels: Record<string, string> | undefined;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CartItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CartItemProps> & Readonly<{}>, {
+    titleLinkable: boolean;
+    showSku: boolean;
+    enableIncrementDecrement: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CartOverview.vue.d.ts

@@ -0,0 +1,41 @@
+import { Cart, GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
+export interface CartOverviewProps {
+    /** GraphQL client for the Propeller SDK */
+    graphqlClient: GraphQLClient;
+    /** Shopping cart object from which the cart overview will be displayed */
+    cart: Cart;
+    /** The CSS class for the cart overview container */
+    overviewContainerClass?: string;
+    /** Title of the cart overview */
+    title?: string;
+    /** Labels for the cart overview form fields and buttons */
+    labels?: Record<string, string>;
+    /** Show the notes field for the cart */
+    showNotes?: boolean;
+    /** Show the reference field for the cart */
+    showReference?: boolean;
+    /** Show the terms and conditions acceptance */
+    showTermsAndConditions?: boolean;
+    /** Action when the "Terms and conditions" link is clicked */
+    onTermsAndConditionsClick?: () => void;
+    /** Show the "Purchase" button for placing an order */
+    showPurchaseButton?: boolean;
+    /** Action when the purchase button is clicked. Receives cart, reference, and notes */
+    onPurchaseButtonClick?: (cart: Cart, reference: string, notes: string) => void;
+    /**
+     * Optional list of countries used to resolve ISO codes (e.g. 'NL') to display
+     * names (e.g. 'Netherlands') in the address blocks. When omitted, the shared
+     * built-in COUNTRIES list is used as a fallback.
+     */
+    countries?: {
+        code: string;
+        name: string;
+    }[];
+}
+declare const _default: import('vue').DefineComponent<CartOverviewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CartOverviewProps> & Readonly<{}>, {
+    showNotes: boolean;
+    showReference: boolean;
+    showTermsAndConditions: boolean;
+    showPurchaseButton: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CartPaymethods.vue.d.ts

@@ -0,0 +1,23 @@
+import { Cart, CartPaymethod, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
+export interface CartPaymethodsProps {
+    /** Shopping cart object from which the payment methods will be displayed */
+    cart: Cart;
+    /** Currency symbol to display. Defaults to '€'. */
+    currency?: string;
+    /** Authenticated user — used for cart creation / lookup. */
+    user: Contact | Customer | null;
+    /** The CSS class for the payment methods container */
+    paymentsContainerClass?: string;
+    /** Display the on account payment method for anonymous users */
+    showOnAccountForGuests?: boolean;
+    /** Action when a payment method is selected */
+    onPaymethodSelect?: (paymethod: CartPaymethod) => void;
+    /** Custom price formatting function */
+    formatPrice?: (price: number) => string;
+    /** Labels for the component */
+    labels?: Record<string, string>;
+}
+declare const _default: import('vue').DefineComponent<CartPaymethodsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CartPaymethodsProps> & Readonly<{}>, {
+    showOnAccountForGuests: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CartSummary.vue.d.ts

@@ -0,0 +1,58 @@
+import { Cart, Contact, Customer, GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
+export interface CartSummaryProps {
+    /** The shopping cart used to populate the cart summary data */
+    cart: Cart;
+    /** Currency symbol to display. Defaults to '€'. */
+    currency?: string;
+    /** Cart summary block title */
+    title?: string;
+    /** Labels for the component */
+    labels?: Record<string, string>;
+    /** Display the subtotal of the shopping cart */
+    showSubtotal?: boolean;
+    /** Display the total discount of the shopping cart */
+    showDiscount?: boolean;
+    /** Display the shipping costs of the shopping cart */
+    showShippingCosts?: boolean;
+    /** Display all VATs of the shopping cart */
+    showVATs?: boolean;
+    /** Display the total of the shopping cart excluding the VAT */
+    showTotalExclVat?: boolean;
+    /** Display the total VAT of the shopping cart */
+    showTotalVat?: boolean;
+    /** Display the checkout button */
+    showCheckoutButton?: boolean;
+    /** Action handler when the checkout button is clicked */
+    onCheckoutButtonClick?: (cart: Cart) => void;
+    /** Custom price formatting function */
+    formatPrice?: (price: number) => string;
+    /** GraphQL client — required for the default requestPurchaseAuthorization handler */
+    graphqlClient?: GraphQLClient;
+    /** Logged-in user — used to determine purchaser role and authorization limit */
+    user?: Contact | Customer;
+    /** Active company ID — used to look up the user's PAC for this company */
+    companyId?: number;
+    /**
+     * Override the default CartService.requestPurchaseAuthorization() call.
+     * Note: when this override is used, afterRequestAuthorization receives the original cart.
+     */
+    onRequestAuthorization?: (cart: Cart) => void;
+    /** Fires after authorization request is sent; receives the updated cart */
+    afterRequestAuthorization?: (cart: Cart) => void;
+    /** Called when requestPurchaseAuthorization fails; receives the error */
+    onError?: (err: Error) => void;
+    /** Action handler when the "Request a Quote" button is clicked */
+    onRequestQuoteClick?: (cart: Cart) => void;
+    /** Configuration object for image filters */
+    configuration?: any;
+}
+declare const _default: import('vue').DefineComponent<CartSummaryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CartSummaryProps> & Readonly<{}>, {
+    showCheckoutButton: boolean;
+    showSubtotal: boolean;
+    showDiscount: boolean;
+    showShippingCosts: boolean;
+    showVATs: boolean;
+    showTotalExclVat: boolean;
+    showTotalVat: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/CategoryDescription.vue.d.ts

@@ -0,0 +1,29 @@
+import { Category } from '@propeller-commerce/propeller-sdk-v2';
+export interface CategoryDescriptionProps {
+    /**
+     * Language code used to resolve the correct localised description
+     * from `category.description`.
+     */
+    language: string;
+    /**
+     * Propeller Category object.
+     * The component reads `category.description` (an array of LocalizedString)
+     * and renders the matching language entry as HTML.
+     */
+    category?: Category | null;
+    /**
+     * When `true` (default), the description is truncated to `maxLength`
+     * characters and a "Read more" / "Read less" toggle is shown.
+     */
+    collapsed?: boolean;
+    /**
+     * Maximum number of characters to display before truncating.
+     * Only applies when `collapsed` is `true`.
+     * Defaults to 200.
+     */
+    maxLength?: number;
+    /** Extra CSS class applied to the root element. */
+    className?: string;
+}
+declare const _default: import('vue').DefineComponent<CategoryDescriptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CategoryDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/CategoryShortDescription.vue.d.ts

@@ -0,0 +1,18 @@
+import { Category } from '@propeller-commerce/propeller-sdk-v2';
+export interface CategoryShortDescriptionProps {
+    /**
+     * Language code used to resolve the correct localised short description
+     * from `category.shortDescription`.
+     */
+    language: string;
+    /**
+     * Propeller Category object.
+     * The component reads `category.shortDescription` (an array of LocalizedString)
+     * and renders the matching language entry as HTML.
+     */
+    category?: Category;
+    /** Extra CSS class applied to the root element. */
+    className?: string;
+}
+declare const _default: import('vue').DefineComponent<CategoryShortDescriptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CategoryShortDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ClusterCard.vue.d.ts

@@ -0,0 +1,251 @@
+import { Component } from 'vue';
+import { Cluster } from '@propeller-commerce/propeller-sdk-v2';
+export interface ClusterCardProps {
+    /** The cluster object to display */
+    cluster: Cluster;
+    /** Currency symbol to display. Defaults to '€'. */
+    currency?: string;
+    /** Show the cluster name. Defaults to true. */
+    showName?: boolean;
+    /** Show the default product image. Defaults to true. */
+    showImage?: boolean;
+    /** Show the cluster short description. Defaults to false. */
+    showShortDescription?: boolean;
+    /**
+     * Show the SKU. Displays the cluster SKU; falls back to the default product SKU
+     * if the cluster SKU is empty. Defaults to true.
+     */
+    showSku?: boolean;
+    /** Show the default product manufacturer. Defaults to false. */
+    showManufacturer?: boolean;
+    /**
+     * Show default product stock information (quantity badge).
+     * Reads `defaultProduct.inventory.totalQuantity`. Defaults to true.
+     */
+    showStock?: boolean;
+    /**
+     * Show only the availability indicator (Available / Not available) inside ItemStock.
+     * Only relevant when `showStock` is true.
+     * Defaults to true.
+     */
+    showAvailability?: boolean;
+    /**
+     * Show the price below the product name.
+     * Defaults to true.
+     */
+    showPrice?: boolean;
+    /**
+     * Label overrides forwarded to the embedded ItemStock component.
+     * Keys: inStock, outOfStock, lowStock, available, notAvailable, pieces
+     */
+    stockLabels?: Record<string, string>;
+    /**
+     * Attribute codes/names to look up on the default product and display as
+     * badge overlays on the image. Resolved against
+     * `defaultProduct.attributes.items[].attributeDescription.name`.
+     * Attributes with no matching value are silently omitted.
+     * Example: ['new', 'sale']
+     */
+    imageLabels?: string[];
+    /**
+     * Attribute codes/names to look up on the default product and display as
+     * extra text rows below the cluster name. Resolved the same way as `imageLabels`.
+     * Example: ['brand', 'color']
+     */
+    textLabels?: string[];
+    /** Renders a heart-icon toggle button on the cluster image. Defaults to false. */
+    enableAddFavorite?: boolean;
+    /**
+     * Called whenever the favourite state is toggled.
+     * The second argument indicates the new state: `true` = added, `false` = removed.
+     */
+    onToggleFavorite?: (cluster: Cluster, isFavorite: boolean) => void;
+    /**
+     * Called when the cluster name, image, or "View cluster" button is clicked.
+     * When provided, the default `<a>` navigation is prevented so the consumer
+     * can use framework-specific routing (e.g. Next.js `router.push`).
+     */
+    onClusterClick?: (cluster: Cluster) => void;
+    /**
+     * Override any UI string.
+     * Available keys: addToFavorites, removeFromFavorites, viewCluster,
+     *                 inStock, lowStock, outOfStock
+     */
+    labels?: Record<string, string>;
+    /** Number of grid columns — when 1 the card renders as a compact horizontal row. */
+    columns?: number;
+    /** Extra CSS class applied to the root element. */
+    className?: string;
+    /** Configuration object passed to the component */
+    configuration?: any;
+    /** Include tax in the price display */
+    includeTax?: boolean;
+    /** Language code used to resolve localised names and slugs. Defaults to 'NL'. */
+    language?: string;
+    priceComponent?: Component;
+    stockComponent?: Component;
+    imageComponent?: Component;
+    badgesComponent?: Component;
+    favoriteComponent?: Component;
+}
+interface ClusterCardState {
+    isFavorite: boolean;
+    includeTax: boolean;
+    priceListener: any;
+    isRow: () => boolean;
+    getClusterName: () => string;
+    getClusterSku: () => string;
+    getClusterImageUrl: () => string;
+    getClusterUrl: () => string;
+    getClusterShortDescription: () => string;
+    getClusterManufacturer: () => string;
+    getStockQuantity: () => number;
+    getStockStatusLabel: () => string;
+    getStockStatusClass: () => string;
+    getClusterPrice: () => string;
+    getLabel: (key: string, fallback: string) => string;
+    handleClusterClick: (e: any) => void;
+    handleToggleFavorite: (e: any) => void;
+    computedImageLabels: () => string[];
+    computedTextLabels: () => {
+        name: string;
+        value: string;
+    }[];
+}
+declare function handleClusterClick(e: any): ReturnType<ClusterCardState["handleClusterClick"]>;
+declare function handleToggleFavorite(e: any): ReturnType<ClusterCardState["handleToggleFavorite"]>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {
+            cluster: Cluster;
+            language: string | undefined;
+            imageUrl: string;
+            imageSearchFilters: any;
+            imageVariantFilters: any;
+            onNavigate: typeof handleClusterClick;
+        }): any;
+        badges?(_: {
+            cluster: Cluster;
+            imageLabels: string[];
+            labels: Record<string, string> | undefined;
+        }): any;
+        favorite?(_: {
+            cluster: Cluster;
+            isFavorite: boolean;
+            toggle: typeof handleToggleFavorite;
+            labels: Record<string, string> | undefined;
+        }): any;
+        sku?(_: {
+            cluster: Cluster;
+            sku: string;
+        }): any;
+        sku?(_: {
+            cluster: Cluster;
+            sku: string;
+        }): any;
+        name?(_: {
+            cluster: Cluster;
+            clusterUrl: string;
+            handleClusterClick: typeof handleClusterClick;
+            linkable: boolean;
+            name: string;
+        }): any;
+        name?(_: {
+            cluster: Cluster;
+            clusterUrl: string;
+            handleClusterClick: typeof handleClusterClick;
+            linkable: boolean;
+            name: string;
+        }): any;
+        textLabels?(_: {
+            cluster: Cluster;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        }): any;
+        textLabels?(_: {
+            cluster: Cluster;
+            values: {
+                name: string;
+                value: string;
+            }[];
+        }): any;
+        manufacturer?(_: {
+            cluster: Cluster;
+            manufacturer: string;
+        }): any;
+        manufacturer?(_: {
+            cluster: Cluster;
+            manufacturer: string;
+        }): any;
+        shortDescription?(_: {
+            cluster: Cluster;
+            text: string;
+        }): any;
+        shortDescription?(_: {
+            cluster: Cluster;
+            text: string;
+        }): any;
+        stock?(_: {
+            cluster: Cluster;
+            inventory: import('@propeller-commerce/propeller-sdk-v2').ProductInventory;
+            showAvailability: boolean;
+            labels: Record<string, string> | undefined;
+        }): any;
+        stock?(_: {
+            cluster: Cluster;
+            inventory: import('@propeller-commerce/propeller-sdk-v2').ProductInventory;
+            showAvailability: boolean;
+            labels: Record<string, string> | undefined;
+        }): any;
+        price?(_: {
+            cluster: Cluster;
+            price: import('@propeller-commerce/propeller-sdk-v2').ProductPrice | undefined;
+            includeTax: boolean;
+            currency: string | undefined;
+            labels: Record<string, string> | undefined;
+        }): any;
+        price?(_: {
+            cluster: Cluster;
+            price: import('@propeller-commerce/propeller-sdk-v2').ProductPrice | undefined;
+            includeTax: boolean;
+            currency: string | undefined;
+            labels: Record<string, string> | undefined;
+        }): any;
+        viewClusterLink?(_: {
+            cluster: Cluster;
+            clusterUrl: string;
+            handleClusterClick: typeof handleClusterClick;
+            label: string;
+        }): any;
+        viewClusterLink?(_: {
+            cluster: Cluster;
+            clusterUrl: string;
+            handleClusterClick: typeof handleClusterClick;
+            label: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ClusterCardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ClusterCardProps> & Readonly<{}>, {
+    showPrice: boolean;
+    showStock: boolean;
+    showAvailability: boolean;
+    enableAddFavorite: boolean;
+    showSku: boolean;
+    showName: boolean;
+    showImage: boolean;
+    showShortDescription: boolean;
+    showManufacturer: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ClusterConfigurator.vue.d.ts

@@ -0,0 +1,41 @@
+import { ClusterConfig, Product } from '@propeller-commerce/propeller-sdk-v2';
+/**
+ * A computed object containing a cluster config setting enriched with
+ * its current UI state: available values for drilldown, the currently
+ * selected value, and whether the selector should be disabled.
+ */
+export interface ClusterConfiguratorProps {
+    /**
+     * The cluster ID this configurator belongs to.
+     * @required
+     */
+    clusterId: number;
+    /**
+     * All products that belong to the cluster.
+     * Used to derive available values per attribute and to match
+     * the configured product when all selections are made.
+     * @required
+     */
+    products: Product[];
+    /**
+     * Cluster configuration object (cluster.config).
+     * Provides the ordered list of attribute settings.
+     * @required
+     */
+    config: ClusterConfig;
+    /**
+     * Fired whenever the user completes a set of attribute selections
+     * that uniquely identifies a cluster product.
+     * Also fired whenever any selection changes and a matching product
+     * can already be determined (e.g. only one setting exists).
+     */
+    onConfigurationChange?: (product: Product) => void;
+    /** Default product to pre-populate the attribute selections on mount. */
+    defaultProduct?: Product;
+    /** Override any UI string. Available keys: selectOption */
+    labels?: Record<string, string>;
+    /** Extra CSS class applied to the root element. */
+    className?: string;
+}
+declare const _default: import('vue').DefineComponent<ClusterConfiguratorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ClusterConfiguratorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;