@propeller-commerce/propeller-v2-vue-ui 0.3.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +549 -0
- package/LICENSE +21 -0
- package/MIGRATION.md +178 -0
- package/README.md +282 -0
- package/STYLING.md +119 -0
- package/dist/ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js +1706 -0
- package/dist/ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js.map +1 -0
- package/dist/ProductVideos.vue_vue_type_script_setup_true_lang-cfRT3L_k.cjs +1705 -0
- package/dist/ProductVideos.vue_vue_type_script_setup_true_lang-cfRT3L_k.cjs.map +1 -0
- package/dist/__mocks__/decorators.d.ts +17 -0
- package/dist/__mocks__/fixtures.d.ts +43 -0
- package/dist/__mocks__/mockServices.d.ts +7 -0
- package/dist/components/AccountIconAndMenu.vue.d.ts +152 -0
- package/dist/components/ActionCode.vue.d.ts +29 -0
- package/dist/components/AddToCart.vue.d.ts +122 -0
- package/dist/components/AddToFavorite.vue.d.ts +19 -0
- package/dist/components/AddressCard.vue.d.ts +169 -0
- package/dist/components/AddressSelector.vue.d.ts +30 -0
- package/dist/components/Breadcrumbs.vue.d.ts +69 -0
- package/dist/components/CartBonusItems.vue.d.ts +21 -0
- package/dist/components/CartCarriers.vue.d.ts +24 -0
- package/dist/components/CartIconAndSidebar.vue.d.ts +104 -0
- package/dist/components/CartItem.vue.d.ts +178 -0
- package/dist/components/CartOverview.vue.d.ts +41 -0
- package/dist/components/CartPaymethods.vue.d.ts +23 -0
- package/dist/components/CartSummary.vue.d.ts +58 -0
- package/dist/components/CategoryDescription.vue.d.ts +29 -0
- package/dist/components/CategoryShortDescription.vue.d.ts +18 -0
- package/dist/components/ClusterCard.vue.d.ts +251 -0
- package/dist/components/ClusterConfigurator.vue.d.ts +41 -0
- package/dist/components/ClusterInfo.vue.d.ts +73 -0
- package/dist/components/ClusterJsonLd.vue.d.ts +10 -0
- package/dist/components/ClusterOptions.vue.d.ts +44 -0
- package/dist/components/CompanySwitcher.vue.d.ts +18 -0
- package/dist/components/DeliveryDate.vue.d.ts +27 -0
- package/dist/components/FavoriteListDetails.vue.d.ts +94 -0
- package/dist/components/FavoriteListItem.vue.d.ts +141 -0
- package/dist/components/FavoriteLists.vue.d.ts +73 -0
- package/dist/components/ForgotPassword.vue.d.ts +35 -0
- package/dist/components/GridFilters.vue.d.ts +64 -0
- package/dist/components/GridPagination.vue.d.ts +34 -0
- package/dist/components/GridTitle.vue.d.ts +22 -0
- package/dist/components/GridToolbar.vue.d.ts +117 -0
- package/dist/components/ItemListJsonLd.vue.d.ts +10 -0
- package/dist/components/ItemStock.vue.d.ts +31 -0
- package/dist/components/ItemsOverview.vue.d.ts +40 -0
- package/dist/components/LoginForm.vue.d.ts +139 -0
- package/dist/components/Menu.vue.d.ts +73 -0
- package/dist/components/OrderActions.vue.d.ts +25 -0
- package/dist/components/OrderBonusItems.vue.d.ts +19 -0
- package/dist/components/OrderItemCard.vue.d.ts +47 -0
- package/dist/components/OrderList.vue.d.ts +66 -0
- package/dist/components/OrderShipments.vue.d.ts +11 -0
- package/dist/components/OrderSummary.vue.d.ts +49 -0
- package/dist/components/OrderTotals.vue.d.ts +34 -0
- package/dist/components/PriceToggle.vue.d.ts +24 -0
- package/dist/components/ProductBulkPrices.vue.d.ts +35 -0
- package/dist/components/ProductBundles.vue.d.ts +88 -0
- package/dist/components/ProductCard.vue.d.ts +332 -0
- package/dist/components/ProductDescription.vue.d.ts +30 -0
- package/dist/components/ProductDownloads.vue.d.ts +22 -0
- package/dist/components/ProductGallery.vue.d.ts +25 -0
- package/dist/components/ProductGrid.vue.d.ts +290 -0
- package/dist/components/ProductInfo.vue.d.ts +179 -0
- package/dist/components/ProductJsonLd.vue.d.ts +10 -0
- package/dist/components/ProductPrice.vue.d.ts +42 -0
- package/dist/components/ProductShortDescription.vue.d.ts +18 -0
- package/dist/components/ProductSlider.vue.d.ts +176 -0
- package/dist/components/ProductSpecifications.vue.d.ts +37 -0
- package/dist/components/ProductTabs.vue.d.ts +83 -0
- package/dist/components/ProductVideos.vue.d.ts +22 -0
- package/dist/components/PropellerProvider.vue.d.ts +40 -0
- package/dist/components/PurchaseAuthorizationConfigurator.vue.d.ts +44 -0
- package/dist/components/PurchaseAuthorizationRequests.vue.d.ts +50 -0
- package/dist/components/QuoteActions.vue.d.ts +22 -0
- package/dist/components/RegisterForm.vue.d.ts +87 -0
- package/dist/components/SearchBar.vue.d.ts +71 -0
- package/dist/components/UserDetails.vue.d.ts +44 -0
- package/dist/components/defaults/DefaultProductBadges.vue.d.ts +3 -0
- package/dist/components/defaults/DefaultProductImage.vue.d.ts +3 -0
- package/dist/components/defaults/DefaultProductSurcharges.vue.d.ts +3 -0
- package/dist/composables/shared/usePagination.d.ts +19 -0
- package/dist/composables/shared/useServiceFetch.d.ts +9 -0
- package/dist/composables/shared/useUserIdentity.d.ts +13 -0
- package/dist/composables/shared/utils/cartInit.d.ts +18 -0
- package/dist/composables/shared/utils/fetchActiveCart.d.ts +10 -0
- package/dist/composables/shared/utils/mergeAnonymousCart.d.ts +12 -0
- package/dist/composables/vue/useAddress.d.ts +50 -0
- package/dist/composables/vue/useAuth.d.ts +80 -0
- package/dist/composables/vue/useCart.d.ts +64 -0
- package/dist/composables/vue/useCheckout.d.ts +41 -0
- package/dist/composables/vue/useClusterConfigurator.d.ts +26 -0
- package/dist/composables/vue/useCompany.d.ts +31 -0
- package/dist/composables/vue/useFavorites.d.ts +39 -0
- package/dist/composables/vue/useInfraProps.d.ts +27 -0
- package/dist/composables/vue/useMenu.d.ts +24 -0
- package/dist/composables/vue/useOrders.d.ts +64 -0
- package/dist/composables/vue/useProductBundles.d.ts +37 -0
- package/dist/composables/vue/useProductInfo.d.ts +33 -0
- package/dist/composables/vue/useProductSearch.d.ts +49 -0
- package/dist/composables/vue/useProductSlider.d.ts +31 -0
- package/dist/composables/vue/useProductSpecs.d.ts +24 -0
- package/dist/composables/vue/usePurchaseAuthorization.d.ts +102 -0
- package/dist/composables/vue/useResolvedProps.d.ts +42 -0
- package/dist/composables/vue/useServices.d.ts +13 -0
- package/dist/context/ProductGridContext.d.ts +59 -0
- package/dist/context/PropellerContext.d.ts +51 -0
- package/dist/index-BN8nyGRL.js +518 -0
- package/dist/index-BN8nyGRL.js.map +1 -0
- package/dist/index-CrrZsxTR.cjs +517 -0
- package/dist/index-CrrZsxTR.cjs.map +1 -0
- package/dist/index.cjs +20086 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +109 -0
- package/dist/index.js +20088 -0
- package/dist/index.js.map +1 -0
- package/dist/plugin.d.ts +67 -0
- package/dist/pure.cjs +16 -0
- package/dist/pure.cjs.map +1 -0
- package/dist/pure.d.ts +37 -0
- package/dist/pure.js +16 -0
- package/dist/pure.js.map +1 -0
- package/dist/shared.cjs +50 -0
- package/dist/shared.cjs.map +1 -0
- package/dist/shared.d.ts +14 -0
- package/dist/shared.js +50 -0
- package/dist/shared.js.map +1 -0
- package/dist/styles.css +2 -0
- package/package.json +91 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { GraphQLClient, Cluster, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface ClusterInfoProps {
|
|
3
|
+
/** The authenticated user (Contact or Customer) */
|
|
4
|
+
user: Contact | Customer | null;
|
|
5
|
+
/**
|
|
6
|
+
* Pre-fetched cluster object to display.
|
|
7
|
+
* When provided the component skips internal fetching.
|
|
8
|
+
*/
|
|
9
|
+
cluster?: Cluster;
|
|
10
|
+
/**
|
|
11
|
+
* Cluster ID to fetch data for when no `cluster` prop is provided.
|
|
12
|
+
* Requires `graphqlClient` to be set.
|
|
13
|
+
*/
|
|
14
|
+
clusterId?: number;
|
|
15
|
+
/**
|
|
16
|
+
* Initialised Propeller SDK GraphQL client.
|
|
17
|
+
* Required when `clusterId` is provided for internal data fetching.
|
|
18
|
+
*/
|
|
19
|
+
graphqlClient?: GraphQLClient;
|
|
20
|
+
/**
|
|
21
|
+
* Called once the cluster data is loaded — either immediately (when
|
|
22
|
+
* `cluster` prop is supplied) or after the internal fetch completes.
|
|
23
|
+
* Use this to hydrate sibling components (configurator, price, gallery, etc.).
|
|
24
|
+
*/
|
|
25
|
+
onClusterLoaded?: (cluster: Cluster) => void;
|
|
26
|
+
/** Show the cluster name. Defaults to true. */
|
|
27
|
+
showTitle?: boolean;
|
|
28
|
+
/** Show the cluster SKU. Defaults to true. */
|
|
29
|
+
showSku?: boolean;
|
|
30
|
+
/** Language code used to resolve localised names. Defaults to 'NL'. */
|
|
31
|
+
language?: string;
|
|
32
|
+
/** Extra CSS class applied to the root element. */
|
|
33
|
+
className?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Tax zone to use for price calculation.
|
|
36
|
+
*/
|
|
37
|
+
taxZone?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Image search filter passed to ProductService.getProduct().
|
|
40
|
+
* Controls how many image items are returned.
|
|
41
|
+
* Example: { page: 1, offset: 20 }
|
|
42
|
+
*/
|
|
43
|
+
imageSearchFilters?: any;
|
|
44
|
+
/**
|
|
45
|
+
* Image variant transformation filter passed to ProductService.getProduct().
|
|
46
|
+
* Controls image size/format variants returned with the product.
|
|
47
|
+
* Example: imageVariantFiltersLarge from @/data/defaults
|
|
48
|
+
* Defaults to { transformations: [] } when omitted.
|
|
49
|
+
*/
|
|
50
|
+
imageVariantFilters?: any;
|
|
51
|
+
/**
|
|
52
|
+
* Config object providing imageSearchFiltersGrid and imageVariantFiltersSmall.
|
|
53
|
+
*/
|
|
54
|
+
configuration?: any;
|
|
55
|
+
/**
|
|
56
|
+
* Attribute codes/names to look up and display as badge overlays on the product image.
|
|
57
|
+
* Each code is resolved against `product.attributes.items[].attributeDescription.code`
|
|
58
|
+
* (or `.name`). Attributes with no matching value are silently omitted.
|
|
59
|
+
* Example: ['new', 'sale']
|
|
60
|
+
*/
|
|
61
|
+
imageLabels?: string[];
|
|
62
|
+
/**
|
|
63
|
+
* Attribute codes/names to look up and display as extra text rows below the product name.
|
|
64
|
+
* Resolved the same way as `imageLabels`.
|
|
65
|
+
* Example: ['brand', 'color']
|
|
66
|
+
*/
|
|
67
|
+
textLabels?: string[];
|
|
68
|
+
}
|
|
69
|
+
declare const _default: import('vue').DefineComponent<ClusterInfoProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ClusterInfoProps> & Readonly<{}>, {
|
|
70
|
+
showSku: boolean;
|
|
71
|
+
showTitle: boolean;
|
|
72
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
73
|
+
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Cluster } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
import { JsonLdContext } from '@propeller-commerce/propeller-v2-core-ui';
|
|
3
|
+
export interface ClusterJsonLdProps {
|
|
4
|
+
/** The cluster to describe. */
|
|
5
|
+
cluster: Cluster;
|
|
6
|
+
/** Per-request context: siteUrl, language, currency, portalMode, user, URL builders. */
|
|
7
|
+
context: JsonLdContext;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: import('vue').DefineComponent<ClusterJsonLdProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ClusterJsonLdProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ClusterOption, Product } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
/**
|
|
3
|
+
* Flattened render model for one product inside an option dropdown.
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* Flattened render model for one cluster option group, precomputed
|
|
7
|
+
* to avoid calling state methods with arguments inside JSX.
|
|
8
|
+
*/
|
|
9
|
+
export interface ClusterOptionsProps {
|
|
10
|
+
/**
|
|
11
|
+
* The cluster ID this options selector belongs to.
|
|
12
|
+
* @required
|
|
13
|
+
*/
|
|
14
|
+
clusterId: number;
|
|
15
|
+
/** Currency symbol to display. Defaults to '€'. */
|
|
16
|
+
currency?: string;
|
|
17
|
+
/**
|
|
18
|
+
* An array of options that belong to the cluster.
|
|
19
|
+
* Hidden options (option.hidden === 'Y') are automatically filtered out.
|
|
20
|
+
* @required
|
|
21
|
+
*/
|
|
22
|
+
options: ClusterOption[];
|
|
23
|
+
/**
|
|
24
|
+
* Fired whenever the user selects a product within any option group.
|
|
25
|
+
* Receives the full Product object of the chosen option product.
|
|
26
|
+
* Usually used to trigger a price update on the parent page.
|
|
27
|
+
*/
|
|
28
|
+
onOptionSelect?: (optionProduct: Product) => void;
|
|
29
|
+
/**
|
|
30
|
+
* Fired whenever the user clears an option (picks the empty/default entry
|
|
31
|
+
* in a non-required dropdown). Receives the option's `id`. Parents should
|
|
32
|
+
* remove that key from their `selectedOptionProducts` map so the price
|
|
33
|
+
* display drops the option's add-on price.
|
|
34
|
+
*/
|
|
35
|
+
onOptionClear?: (optionId: number) => void;
|
|
36
|
+
/** Override any UI string. Available keys: required, selectRequired, selectOptional, requiredError */
|
|
37
|
+
labels?: Record<string, string>;
|
|
38
|
+
/** When true, required options with no selection are highlighted with a validation error. */
|
|
39
|
+
showErrors?: boolean;
|
|
40
|
+
/** Extra CSS class applied to the root element. */
|
|
41
|
+
className?: string;
|
|
42
|
+
}
|
|
43
|
+
declare const _default: import('vue').DefineComponent<ClusterOptionsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ClusterOptionsProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Contact, Company } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface CompanySwitcherProps {
|
|
3
|
+
/** The contact to whom the companies are assigned. Default company is user.company, all companies are in user.companies. Resolved from `<PropellerProvider>` when omitted. */
|
|
4
|
+
user?: Contact;
|
|
5
|
+
/** Icon identifier for the company switcher trigger button. @default 'default-company-switch-icon' */
|
|
6
|
+
icon?: string;
|
|
7
|
+
/** Currently selected company ID (from CompanyContext). Syncs the switcher with external state. */
|
|
8
|
+
selectedCompanyId?: number;
|
|
9
|
+
/** Callback fired when the user selects a company. */
|
|
10
|
+
onCompanyChange: (company: Company) => void;
|
|
11
|
+
/** Translated labels keyed by the slugs used inside the component (see
|
|
12
|
+
* `getLabel` calls). Missing keys fall back to the English defaults. */
|
|
13
|
+
labels?: Record<string, string>;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: import('vue').DefineComponent<CompanySwitcherProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CompanySwitcherProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
16
|
+
containerRef: HTMLDivElement;
|
|
17
|
+
}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Cart } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface DeliveryDateProps {
|
|
3
|
+
/** The cart to use for the delivery date */
|
|
4
|
+
cart: Cart;
|
|
5
|
+
/** Show the upcoming N days in the date selector */
|
|
6
|
+
showUpcomingDays?: number;
|
|
7
|
+
/** Skip weekends in the date selector */
|
|
8
|
+
skipWeekends?: boolean;
|
|
9
|
+
/** Show date picker as an option in the date selector */
|
|
10
|
+
showDatePicker?: boolean;
|
|
11
|
+
/** Action when a delivery date is selected */
|
|
12
|
+
onDateSelect?: (date: string) => void;
|
|
13
|
+
/** Custom date display formatting function */
|
|
14
|
+
formatDateDisplay?: (date: string) => string;
|
|
15
|
+
/** Labels for the component */
|
|
16
|
+
labels?: Record<string, string>;
|
|
17
|
+
/** The CSS class for the container */
|
|
18
|
+
containerClass?: string;
|
|
19
|
+
/** Pre-selected date from cart (e.g. cart.postageData.requestDate: "2026-04-17T00:00:00.000Z") */
|
|
20
|
+
initialDate?: string;
|
|
21
|
+
}
|
|
22
|
+
declare const _default: import('vue').DefineComponent<DeliveryDateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DeliveryDateProps> & Readonly<{}>, {
|
|
23
|
+
showUpcomingDays: number;
|
|
24
|
+
skipWeekends: boolean;
|
|
25
|
+
showDatePicker: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
27
|
+
export default _default;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { Product, Cluster, FavoriteList, GraphQLClient, Contact, Customer, Cart, CartMainItem, CartChildItemInput } from '@propeller-commerce/propeller-sdk-v2';
|
|
3
|
+
export interface FavoriteListDetailsProps {
|
|
4
|
+
/** GraphQL client for the Propeller SDK */
|
|
5
|
+
graphqlClient: GraphQLClient;
|
|
6
|
+
/** The logged in user for which the favorite list is going to be displayed */
|
|
7
|
+
user: Contact | Customer;
|
|
8
|
+
/** The favorite list ID to display */
|
|
9
|
+
favoriteListId: string;
|
|
10
|
+
/** Action method for deleting a single favorite list item. If not provided, delete button is hidden */
|
|
11
|
+
onItemDelete?: (itemId: string, itemType?: string) => void;
|
|
12
|
+
/** Batched delete callback for the floating bar "Remove" action. When provided, it is called once with all selected items; otherwise the component falls back to calling `onItemDelete` per item */
|
|
13
|
+
onItemsDelete?: (items: {
|
|
14
|
+
id: string;
|
|
15
|
+
type: "product" | "cluster";
|
|
16
|
+
}[]) => void;
|
|
17
|
+
/** Called after the favorite list is fetched, with the full list object */
|
|
18
|
+
onListLoaded?: (list: FavoriteList) => void;
|
|
19
|
+
/** Called after an item is added to the list from the in-list search modal.
|
|
20
|
+
* Use this to refresh the source the lists overview reads from (e.g. the
|
|
21
|
+
* user object), so the per-list count stays correct after navigating back. */
|
|
22
|
+
onItemAdded?: (item: Product | Cluster) => void;
|
|
23
|
+
/** Number of items to show per page (default: 12) */
|
|
24
|
+
itemsPerPage?: number;
|
|
25
|
+
/** Show pagination controls (default: true) */
|
|
26
|
+
showPagination?: boolean;
|
|
27
|
+
/** Pagination display variant: 'compact' or 'full' (default: 'compact') */
|
|
28
|
+
paginationVariant?: string;
|
|
29
|
+
/** Extra CSS class applied to the root element */
|
|
30
|
+
className?: string;
|
|
31
|
+
/** Configuration object for URL generation */
|
|
32
|
+
configuration?: any;
|
|
33
|
+
/** UI string overrides */
|
|
34
|
+
labels?: Record<string, string>;
|
|
35
|
+
/** Should item titles link to the PDP (default: true) */
|
|
36
|
+
titleLinkable?: boolean;
|
|
37
|
+
/** Show stock availability on items (default: false) */
|
|
38
|
+
showStockComponent?: boolean;
|
|
39
|
+
/** Show availability status (e.g. "In stock") inside ItemStock (default: true) */
|
|
40
|
+
showAvailability?: boolean;
|
|
41
|
+
/** Show numeric stock quantity inside ItemStock (default: true) */
|
|
42
|
+
showStock?: boolean;
|
|
43
|
+
/** Display the SKU beneath item names (default: true) */
|
|
44
|
+
showSku?: boolean;
|
|
45
|
+
/** Enable add to cart for products. Clusters show "View cluster" instead (default: true) */
|
|
46
|
+
allowAddToCart?: boolean;
|
|
47
|
+
/** Show delete button on each item (default: true) */
|
|
48
|
+
showDelete?: boolean;
|
|
49
|
+
/** Callback when an item title or image is clicked */
|
|
50
|
+
onItemClick?: (item: Product | Cluster) => void;
|
|
51
|
+
/** ID of an existing cart to add items to */
|
|
52
|
+
cartId?: string;
|
|
53
|
+
/** Auto-create cart if none exists */
|
|
54
|
+
createCart?: boolean;
|
|
55
|
+
/** Called after a new cart is created internally by AddToCart */
|
|
56
|
+
onCartCreated?: (cart: Cart) => void;
|
|
57
|
+
/** Fully replaces the internal CartService.addItemToCart call */
|
|
58
|
+
onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: CartChildItemInput[], notes?: string, price?: number, showModal?: boolean) => Cart;
|
|
59
|
+
/** Called after every successful add-to-cart */
|
|
60
|
+
afterAddToCart?: (cart: Cart, item?: CartMainItem) => void;
|
|
61
|
+
/** Show modal after successful add (default: false) */
|
|
62
|
+
showModal?: boolean;
|
|
63
|
+
/** Renders increment/decrement buttons beside quantity input (default: true) */
|
|
64
|
+
allowIncrDecr?: boolean;
|
|
65
|
+
/** Validate stock before adding to cart (default: false) */
|
|
66
|
+
enableStockValidation?: boolean;
|
|
67
|
+
/** Language code forwarded to CartService (default: 'NL') */
|
|
68
|
+
language?: string;
|
|
69
|
+
/** Called when "Proceed to checkout" is clicked in AddToCart modal */
|
|
70
|
+
onProceedToCheckout?: () => void;
|
|
71
|
+
/** Called when "Request a Quote" is clicked in AddToCart modal */
|
|
72
|
+
onRequestQuoteClick?: (cart: Cart) => void;
|
|
73
|
+
/** Label overrides for AddToCart UI strings */
|
|
74
|
+
addToCartLabels?: Record<string, string>;
|
|
75
|
+
/** Label overrides for ItemStock UI strings */
|
|
76
|
+
stockLabels?: Record<string, string>;
|
|
77
|
+
/** Label overrides for FavoriteListItem UI strings */
|
|
78
|
+
itemLabels?: Record<string, string>;
|
|
79
|
+
/** Include tax in prices. Pass from PriceContext's usePrice() */
|
|
80
|
+
includeTax?: boolean;
|
|
81
|
+
favoriteListItemComponent?: Component;
|
|
82
|
+
gridPaginationComponent?: Component;
|
|
83
|
+
}
|
|
84
|
+
declare const _default: import('vue').DefineComponent<FavoriteListDetailsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FavoriteListDetailsProps> & Readonly<{}>, {
|
|
85
|
+
showStock: boolean;
|
|
86
|
+
showAvailability: boolean;
|
|
87
|
+
allowAddToCart: boolean;
|
|
88
|
+
titleLinkable: boolean;
|
|
89
|
+
showStockComponent: boolean;
|
|
90
|
+
showSku: boolean;
|
|
91
|
+
showDelete: boolean;
|
|
92
|
+
showPagination: boolean;
|
|
93
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
94
|
+
export default _default;
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import { Product, Cluster, GraphQLClient, Contact, Customer, Cart, CartMainItem, CartChildItemInput } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface FavoriteListItemProps {
|
|
3
|
+
/** Product or Cluster to be listed as a favorite list item */
|
|
4
|
+
item: Product | Cluster;
|
|
5
|
+
/** Currency symbol to display. Defaults to '€'. */
|
|
6
|
+
currency?: string;
|
|
7
|
+
/** Should the item title be a link to the PDP (default: true) */
|
|
8
|
+
titleLinkable?: boolean;
|
|
9
|
+
/** Should the stock be displayed in the favorite list item (default: false) */
|
|
10
|
+
showStockComponent?: boolean;
|
|
11
|
+
/** Show availability status (e.g. "In stock") inside ItemStock (default: true) */
|
|
12
|
+
showAvailability?: boolean;
|
|
13
|
+
/** Show numeric stock quantity inside ItemStock (default: true) */
|
|
14
|
+
showStock?: boolean;
|
|
15
|
+
/** Display the SKU of the item beneath the item name (default: true) */
|
|
16
|
+
showSku?: boolean;
|
|
17
|
+
/** Enables the add to cart functionality for products. Clusters show a "View cluster" button instead (default: true) */
|
|
18
|
+
allowAddToCart?: boolean;
|
|
19
|
+
/** Display a delete button that removes the favorite list item from the list (default: true) */
|
|
20
|
+
showDelete?: boolean;
|
|
21
|
+
/** Action callback fired when a favorite list item is deleted from the list */
|
|
22
|
+
onDelete?: (itemId: string) => void;
|
|
23
|
+
/** Callback when the item title or image is clicked. Prevents default <a> navigation when provided */
|
|
24
|
+
onItemClick?: (item: Product | Cluster) => void;
|
|
25
|
+
/** Extra CSS class applied to the root element */
|
|
26
|
+
className?: string;
|
|
27
|
+
/** Configuration object for URL generation */
|
|
28
|
+
configuration?: any;
|
|
29
|
+
/** UI string overrides */
|
|
30
|
+
labels?: Record<string, string>;
|
|
31
|
+
/** Include tax in the price display. When provided, overrides the internal PriceToggle state */
|
|
32
|
+
includeTax?: boolean;
|
|
33
|
+
/** Initialised Propeller SDK GraphQL client (required by embedded AddToCart) */
|
|
34
|
+
graphqlClient?: GraphQLClient;
|
|
35
|
+
/** Authenticated user — used for cart creation / lookup */
|
|
36
|
+
user?: Contact | Customer | null;
|
|
37
|
+
/** ID of an existing cart to add items to */
|
|
38
|
+
cartId?: string;
|
|
39
|
+
/** When true and no cartId is available, AddToCart automatically creates a cart */
|
|
40
|
+
createCart?: boolean;
|
|
41
|
+
/** Called after a new cart is created internally by AddToCart */
|
|
42
|
+
onCartCreated?: (cart: Cart) => void;
|
|
43
|
+
/** Fully replaces the internal CartService.addItemToCart call */
|
|
44
|
+
onAddToCart?: (product: Product, clusterId?: number, quantity?: number, childItems?: CartChildItemInput[], notes?: string, price?: number, showModal?: boolean) => Cart;
|
|
45
|
+
/** Called after every successful add-to-cart */
|
|
46
|
+
afterAddToCart?: (cart: Cart, item?: CartMainItem) => void;
|
|
47
|
+
/** Show modal after successful add (default: false) */
|
|
48
|
+
showModal?: boolean;
|
|
49
|
+
/** Renders increment/decrement buttons beside quantity input (default: true) */
|
|
50
|
+
allowIncrDecr?: boolean;
|
|
51
|
+
/** Validate stock before adding to cart (default: false) */
|
|
52
|
+
enableStockValidation?: boolean;
|
|
53
|
+
/** Language code forwarded to CartService (default: 'NL') */
|
|
54
|
+
language?: string;
|
|
55
|
+
/** Called when "Proceed to checkout" is clicked in AddToCart modal */
|
|
56
|
+
onProceedToCheckout?: () => void;
|
|
57
|
+
/** Called when "Request a Quote" is clicked in AddToCart modal */
|
|
58
|
+
onRequestQuoteClick?: (cart: Cart) => void;
|
|
59
|
+
/** Label overrides for AddToCart UI strings */
|
|
60
|
+
addToCartLabels?: Record<string, string>;
|
|
61
|
+
/** Label overrides for ItemStock UI strings */
|
|
62
|
+
stockLabels?: Record<string, string>;
|
|
63
|
+
}
|
|
64
|
+
interface FavoriteListItemState {
|
|
65
|
+
isProduct: () => boolean;
|
|
66
|
+
getProduct: () => Product;
|
|
67
|
+
getCluster: () => Cluster;
|
|
68
|
+
getName: () => string;
|
|
69
|
+
getSku: () => string;
|
|
70
|
+
getImageUrl: () => string;
|
|
71
|
+
getItemUrl: () => string;
|
|
72
|
+
getItemId: () => string;
|
|
73
|
+
getItemPrice: () => string;
|
|
74
|
+
getLabel: (key: string, fallback: string) => string;
|
|
75
|
+
handleItemClick: (e: any) => void;
|
|
76
|
+
handleDelete: () => void;
|
|
77
|
+
}
|
|
78
|
+
declare function handleItemClick(e: any): ReturnType<FavoriteListItemState["handleItemClick"]>;
|
|
79
|
+
declare function handleDelete(): ReturnType<FavoriteListItemState["handleDelete"]>;
|
|
80
|
+
declare function __VLS_template(): {
|
|
81
|
+
attrs: Partial<{}>;
|
|
82
|
+
slots: {
|
|
83
|
+
image?(_: {
|
|
84
|
+
item: Product | Cluster;
|
|
85
|
+
imageUrl: string;
|
|
86
|
+
itemUrl: string;
|
|
87
|
+
name: string;
|
|
88
|
+
linkable: boolean;
|
|
89
|
+
handleItemClick: typeof handleItemClick;
|
|
90
|
+
}): any;
|
|
91
|
+
sku?(_: {
|
|
92
|
+
item: Product | Cluster;
|
|
93
|
+
sku: string;
|
|
94
|
+
}): any;
|
|
95
|
+
name?(_: {
|
|
96
|
+
item: Product | Cluster;
|
|
97
|
+
name: string;
|
|
98
|
+
itemUrl: string;
|
|
99
|
+
linkable: boolean;
|
|
100
|
+
handleItemClick: typeof handleItemClick;
|
|
101
|
+
}): any;
|
|
102
|
+
stock?(_: {
|
|
103
|
+
item: Product | Cluster;
|
|
104
|
+
isProduct: boolean;
|
|
105
|
+
inventory: import('@propeller-commerce/propeller-sdk-v2').ProductInventory | undefined;
|
|
106
|
+
labels: Record<string, string> | undefined;
|
|
107
|
+
}): any;
|
|
108
|
+
price?(_: {
|
|
109
|
+
item: Product | Cluster;
|
|
110
|
+
formattedPrice: string;
|
|
111
|
+
}): any;
|
|
112
|
+
actions?(_: {
|
|
113
|
+
item: Product | Cluster;
|
|
114
|
+
isProduct: boolean;
|
|
115
|
+
showDelete: boolean;
|
|
116
|
+
allowAddToCart: boolean;
|
|
117
|
+
handleDelete: typeof handleDelete;
|
|
118
|
+
handleItemClick: typeof handleItemClick;
|
|
119
|
+
labels: Record<string, string> | undefined;
|
|
120
|
+
}): any;
|
|
121
|
+
};
|
|
122
|
+
refs: {};
|
|
123
|
+
rootEl: HTMLDivElement;
|
|
124
|
+
};
|
|
125
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
126
|
+
declare const __VLS_component: import('vue').DefineComponent<FavoriteListItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FavoriteListItemProps> & Readonly<{}>, {
|
|
127
|
+
showStock: boolean;
|
|
128
|
+
showAvailability: boolean;
|
|
129
|
+
allowAddToCart: boolean;
|
|
130
|
+
titleLinkable: boolean;
|
|
131
|
+
showStockComponent: boolean;
|
|
132
|
+
showSku: boolean;
|
|
133
|
+
showDelete: boolean;
|
|
134
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
135
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
136
|
+
export default _default;
|
|
137
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
138
|
+
new (): {
|
|
139
|
+
$slots: S;
|
|
140
|
+
};
|
|
141
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { GraphQLClient, Contact, Customer } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface FavoriteListFormData {
|
|
3
|
+
name: string;
|
|
4
|
+
isDefault: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface FavoriteListsProps {
|
|
7
|
+
/** The authenticated user (Contact or Customer) */
|
|
8
|
+
user: Contact | Customer | null;
|
|
9
|
+
/** The initialized GraphQL Client instance */
|
|
10
|
+
graphqlClient: GraphQLClient;
|
|
11
|
+
/** Callback when a list is clicked (navigate to detail) */
|
|
12
|
+
onListClick?: (listId: string | number) => void;
|
|
13
|
+
/** Limit the number of lists shown (e.g. 3 = last 3 modified). undefined = show all */
|
|
14
|
+
limit?: number;
|
|
15
|
+
/** Displays the "Default" badge on the favorite list (default: true) */
|
|
16
|
+
showDefaultIndicator?: boolean;
|
|
17
|
+
/** Displays the last modified date on the favorite list (default: true) */
|
|
18
|
+
showLastModified?: boolean;
|
|
19
|
+
/** Displays number of products and clusters contained in the favorite list (default: true) */
|
|
20
|
+
showItemsCount?: boolean;
|
|
21
|
+
/** Displays edit/delete action buttons on each list (default: true) */
|
|
22
|
+
showActions?: boolean;
|
|
23
|
+
/** Displays create new favorite list button (default: true) */
|
|
24
|
+
allowFavoriteListCreate?: boolean;
|
|
25
|
+
/** Custom class name */
|
|
26
|
+
className?: string;
|
|
27
|
+
/** Format date function override. If not provided, dates are formatted as dd/mm/YYYY */
|
|
28
|
+
formatDate?: (dateString: string) => string;
|
|
29
|
+
/** Localization labels */
|
|
30
|
+
labels?: {
|
|
31
|
+
lastModified?: string;
|
|
32
|
+
items?: string;
|
|
33
|
+
products?: string;
|
|
34
|
+
clusters?: string;
|
|
35
|
+
defaultBadge?: string;
|
|
36
|
+
editSave?: string;
|
|
37
|
+
editCancel?: string;
|
|
38
|
+
makeDefault?: string;
|
|
39
|
+
deleteTitle?: string;
|
|
40
|
+
deleteConfirm?: string;
|
|
41
|
+
deleteWarning?: string;
|
|
42
|
+
deleteButton?: string;
|
|
43
|
+
cancelButton?: string;
|
|
44
|
+
createTitle?: string;
|
|
45
|
+
createButton?: string;
|
|
46
|
+
createPlaceholder?: string;
|
|
47
|
+
setAsDefault?: string;
|
|
48
|
+
saveButton?: string;
|
|
49
|
+
noLists?: string;
|
|
50
|
+
noListsDescription?: string;
|
|
51
|
+
createFirstList?: string;
|
|
52
|
+
loading?: string;
|
|
53
|
+
nameLabel?: string;
|
|
54
|
+
editTooltip?: string;
|
|
55
|
+
deleteTooltip?: string;
|
|
56
|
+
};
|
|
57
|
+
/** Action function triggered when creating a new favorite list. If not provided, the default action is executed */
|
|
58
|
+
onCreate?: (favoriteListData: FavoriteListFormData) => void;
|
|
59
|
+
/** Action function triggered when editing a favorite list. If not provided, the default action is executed */
|
|
60
|
+
onEdit?: (favoriteListId: string, favoriteListData: FavoriteListFormData) => void;
|
|
61
|
+
/** Action function triggered when deleting a favorite list. If not provided, the default action is executed */
|
|
62
|
+
onDelete?: (favoriteListId: string) => void;
|
|
63
|
+
/** Called after any list mutation (create, edit, delete) succeeds */
|
|
64
|
+
onListChanged?: () => void;
|
|
65
|
+
}
|
|
66
|
+
declare const _default: import('vue').DefineComponent<FavoriteListsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FavoriteListsProps> & Readonly<{}>, {
|
|
67
|
+
showDefaultIndicator: boolean;
|
|
68
|
+
showLastModified: boolean;
|
|
69
|
+
showItemsCount: boolean;
|
|
70
|
+
showActions: boolean;
|
|
71
|
+
allowFavoriteListCreate: boolean;
|
|
72
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
73
|
+
export default _default;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { GraphQLClient } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface ForgotPasswordProps {
|
|
3
|
+
/** GraphQL client for the Propeller SDK */
|
|
4
|
+
graphqlClient: GraphQLClient;
|
|
5
|
+
/** Title of the forgot password form
|
|
6
|
+
* @default "Forgot password?"
|
|
7
|
+
*/
|
|
8
|
+
title?: string;
|
|
9
|
+
/** Subtitle of the forgot password form
|
|
10
|
+
* @default ""
|
|
11
|
+
*/
|
|
12
|
+
subtitle?: string;
|
|
13
|
+
/** Label for the submit button
|
|
14
|
+
* @default "Reset"
|
|
15
|
+
*/
|
|
16
|
+
buttonText?: string;
|
|
17
|
+
/** Message displayed after successful submission
|
|
18
|
+
* @default "If an account exists with this email, you will receive a password reset link shortly."
|
|
19
|
+
*/
|
|
20
|
+
responseMessage?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Labels for the forgot password form fields.
|
|
23
|
+
*
|
|
24
|
+
* Available keys:
|
|
25
|
+
* - email: Email field label (default: "Email")
|
|
26
|
+
* - emailPlaceholder: Email input placeholder (default: "name@example.com")
|
|
27
|
+
*/
|
|
28
|
+
labels?: Record<string, string>;
|
|
29
|
+
/** Callback before the forgot password process starts */
|
|
30
|
+
beforeForgotPassword?: () => void;
|
|
31
|
+
/** Callback after the user has requested a password reset */
|
|
32
|
+
afterForgotPassword?: (result: boolean) => void;
|
|
33
|
+
}
|
|
34
|
+
declare const _default: import('vue').DefineComponent<ForgotPasswordProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ForgotPasswordProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
35
|
+
export default _default;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { Contact, Customer, AttributeFilter } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface GridFiltersProps {
|
|
3
|
+
/**
|
|
4
|
+
* Attribute filter definitions from the ProductGrid API response.
|
|
5
|
+
* Each entry describes one filterable attribute (e.g. colour, brand, size).
|
|
6
|
+
*/
|
|
7
|
+
filters: AttributeFilter[];
|
|
8
|
+
/**
|
|
9
|
+
* Price bounds { min, max } from the current product set.
|
|
10
|
+
* When absent the price section is hidden.
|
|
11
|
+
*/
|
|
12
|
+
priceMin?: number;
|
|
13
|
+
priceMax?: number;
|
|
14
|
+
/** Language code. Defaults to 'NL'. */
|
|
15
|
+
language?: string;
|
|
16
|
+
/** Notification called after every filter change. */
|
|
17
|
+
getSelectedFilters?: () => void;
|
|
18
|
+
/**
|
|
19
|
+
* Called on every checkbox toggle.
|
|
20
|
+
* `filter` is the AttributeFilter; `value` is the toggled option string.
|
|
21
|
+
*/
|
|
22
|
+
onFilterChange: (filter: AttributeFilter, value: string | number) => void;
|
|
23
|
+
/**
|
|
24
|
+
* Called when the price range changes (on blur / slider release).
|
|
25
|
+
*/
|
|
26
|
+
onPriceChange?: (minPrice: number, maxPrice: number) => void;
|
|
27
|
+
/** Called when "Clear all" is clicked. */
|
|
28
|
+
onClearFilters?: () => void;
|
|
29
|
+
/** Enable mobile-specific behaviour (drops sticky positioning). */
|
|
30
|
+
isMobile?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* 'open' — show price filter for all users.
|
|
33
|
+
* 'semi-closed' — hide price filter for unauthenticated users.
|
|
34
|
+
*/
|
|
35
|
+
portalMode?: string;
|
|
36
|
+
/** Authenticated user — price filter visibility depends on this in semi-closed mode. */
|
|
37
|
+
user?: Contact | Customer | null;
|
|
38
|
+
/**
|
|
39
|
+
* Whether filter accordions start collapsed.
|
|
40
|
+
* Defaults to true.
|
|
41
|
+
*/
|
|
42
|
+
collapsed?: boolean;
|
|
43
|
+
/** Increment this counter to reset all selected filters and price inputs externally. */
|
|
44
|
+
clearSignal?: number;
|
|
45
|
+
/** Currently active text filters (URL-driven). Syncs internal checkbox state when filters are removed externally. */
|
|
46
|
+
activeTextFilters?: Record<string, string[]>;
|
|
47
|
+
/** Currently active price filter range (URL-driven). When undefined, resets price inputs to bounds. */
|
|
48
|
+
activePriceMin?: number;
|
|
49
|
+
activePriceMax?: number;
|
|
50
|
+
/**
|
|
51
|
+
* When true, all checkboxes and price inputs are disabled.
|
|
52
|
+
* Wire to ProductGrid's `onLoadingChange` to block rapid re-clicks while a fetch is in flight.
|
|
53
|
+
*/
|
|
54
|
+
isLoading?: boolean;
|
|
55
|
+
/** Extra CSS class on the root element. */
|
|
56
|
+
className?: string;
|
|
57
|
+
/** Translated labels keyed by the slugs used inside the component (see
|
|
58
|
+
* `getLabel` calls). Missing keys fall back to the English defaults. */
|
|
59
|
+
labels?: Record<string, string>;
|
|
60
|
+
}
|
|
61
|
+
declare const _default: import('vue').DefineComponent<GridFiltersProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridFiltersProps> & Readonly<{}>, {
|
|
62
|
+
collapsed: boolean;
|
|
63
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
64
|
+
export default _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { ProductsResponse } from '@propeller-commerce/propeller-sdk-v2';
|
|
2
|
+
export interface GridPaginationProps {
|
|
3
|
+
/**
|
|
4
|
+
* A ProductsResponse object for populating the pagination component.
|
|
5
|
+
* Reads `page` (current page), `pages` (total pages) from the response.
|
|
6
|
+
*/
|
|
7
|
+
products: ProductsResponse;
|
|
8
|
+
/**
|
|
9
|
+
* Called when the user navigates to a different page.
|
|
10
|
+
* Receives the newly selected page number (1-based).
|
|
11
|
+
*/
|
|
12
|
+
onPageChange: (page: number) => void;
|
|
13
|
+
/**
|
|
14
|
+
* Pagination display variant.
|
|
15
|
+
* 'compact' — Previous / "Page X of Y" / Next.
|
|
16
|
+
* 'full' — numbered page buttons with ellipsis collapsing + Previous / Next.
|
|
17
|
+
* Defaults to 'compact'.
|
|
18
|
+
*/
|
|
19
|
+
variant?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Number of visible page buttons rendered around the current page in 'full' style.
|
|
22
|
+
* Defaults to 5.
|
|
23
|
+
*/
|
|
24
|
+
siblingCount?: number;
|
|
25
|
+
/**
|
|
26
|
+
* Label overrides for the text inside the component.
|
|
27
|
+
* Supported keys: previous, next, page, of
|
|
28
|
+
*/
|
|
29
|
+
labels?: Record<string, string>;
|
|
30
|
+
/** Extra CSS class applied to the root element. */
|
|
31
|
+
className?: string;
|
|
32
|
+
}
|
|
33
|
+
declare const _default: import('vue').DefineComponent<GridPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridPaginationProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
34
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export interface GridTitleProps {
|
|
2
|
+
/**
|
|
3
|
+
* The main heading text to display.
|
|
4
|
+
* Typically the category name, search term, or brand name.
|
|
5
|
+
*/
|
|
6
|
+
title: string;
|
|
7
|
+
/**
|
|
8
|
+
* Language code for the content.
|
|
9
|
+
* Defaults to 'NL'.
|
|
10
|
+
*/
|
|
11
|
+
language: string;
|
|
12
|
+
/**
|
|
13
|
+
* Override the heading tag level.
|
|
14
|
+
* Defaults to 'h1'. Use 'h2' when the grid is embedded inside
|
|
15
|
+
* a page that already has an h1.
|
|
16
|
+
*/
|
|
17
|
+
headingLevel?: string;
|
|
18
|
+
/** Extra CSS class applied to the root element. */
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
declare const _default: import('vue').DefineComponent<GridTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
22
|
+
export default _default;
|