@mapvx/web-components-ssr 1.6.1 → 1.7.0-dev.2
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/README.md +23 -17
- package/dist/browser/chunk-BcTPI0Ei.js +4336 -0
- package/dist/browser/chunk-BxefRtM9.js +3 -0
- package/dist/browser/chunk-C64ZrtDH.js +348 -0
- package/dist/browser/chunk-C7x5ioh5.js +6148 -0
- package/dist/browser/chunk-C8XJWaI5.js +2 -0
- package/dist/browser/chunk-CHv413eO.js +13 -0
- package/dist/browser/chunk-CRCKWzfw.js +3 -0
- package/dist/browser/chunk-CYtO4qrL.js +3 -0
- package/dist/browser/chunk-CgRco1rJ.js +2 -0
- package/dist/browser/chunk-CwafJShv.js +3 -0
- package/dist/browser/chunk-D6zG2upO.js +1180 -0
- package/dist/browser/chunk-DIEcQ4a-.js +1318 -0
- package/dist/browser/chunk-DtPiRK4g.js +3 -0
- package/dist/browser/chunk-FjUzkN6v.js +2 -0
- package/dist/browser/chunk-KW-jIWmp.js +3 -0
- package/dist/browser/chunk-sqKVpUVP.js +4116 -0
- package/dist/browser/main.js +552 -533
- package/dist/browser/styles.css +1 -1
- package/dist/types/public-api.d.ts +90 -24
- package/package.json +40 -33
- package/dist/browser/chunk-Bjk3HkK2.js +0 -2
- package/dist/browser/chunk-CCaUxYwr.js +0 -2
- package/dist/browser/chunk-CP_etSVX.js +0 -4343
- package/dist/browser/chunk-CTFjnL_B.js +0 -1
- package/dist/browser/chunk-CdqAsQa0.js +0 -2047
- package/dist/browser/chunk-Dkhxm9pV.js +0 -1
- package/dist/browser/chunk-Dm8HBhbB.js +0 -1
- package/dist/browser/chunk-DsKCGfdq.js +0 -1
- package/dist/browser/chunk-LltjhLJU.js +0 -4115
- package/dist/browser/chunk-UfDdP4s_.js +0 -1
- package/dist/browser/chunk-VDwq1GVr.js +0 -511
package/README.md
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
# MapVX Website Component
|
|
2
2
|
|
|
3
|
-
A modern, framework-agnostic web component built with Angular
|
|
3
|
+
A modern, framework-agnostic web component built with Angular 22 that provides an interactive map and location discovery interface.
|
|
4
|
+
|
|
5
|
+
📖 **Documentation (Spanish and English): https://docs.mapvx.app/ssr-angular-component/**
|
|
4
6
|
|
|
5
7
|
## 🚀 Features
|
|
6
8
|
|
|
7
9
|
- ✅ Compatible with any framework (React, Vue, Vanilla JS, etc.)
|
|
8
|
-
- ✅ Self-contained
|
|
9
|
-
- ✅
|
|
10
|
-
- ✅ Angular
|
|
10
|
+
- ✅ Self-contained: one ES module (`main.js`, which lazy-loads its `chunk-*.js` files) plus one stylesheet
|
|
11
|
+
- ✅ Scoped styles: renders in the light DOM (no Shadow DOM), with Angular's emulated style encapsulation
|
|
12
|
+
- ✅ Angular 22 with modern architecture (standalone components, zoneless)
|
|
11
13
|
- 🔑 **Requires API Key**: The component needs a valid API key to function
|
|
12
14
|
|
|
13
15
|
## 📦 Installation
|
|
@@ -245,19 +247,23 @@ export class MyComponent {
|
|
|
245
247
|
|
|
246
248
|
The web component accepts the following input properties to customize its behavior:
|
|
247
249
|
|
|
248
|
-
| Property
|
|
249
|
-
|
|
|
250
|
-
| `api-key`
|
|
251
|
-
| `institution-id`
|
|
252
|
-
| `initial-data`
|
|
253
|
-
| `default-to-map`
|
|
254
|
-
| `show-category-filters`
|
|
255
|
-
| `show-city-filter`
|
|
256
|
-
| `
|
|
257
|
-
| `
|
|
258
|
-
| `
|
|
259
|
-
| `
|
|
260
|
-
| `
|
|
250
|
+
| Property | Type | Required | Default | Description |
|
|
251
|
+
| ------------------------- | --------- | ---------- | ------------------------------- | ------------------------------------------------------------------------------------------------- |
|
|
252
|
+
| `api-key` | `string` | ✅ **Yes** | - | Valid API key to initialize the SDK |
|
|
253
|
+
| `institution-id` | `string` | ✅ **Yes** | - | Institution ID for specific data filtering and search |
|
|
254
|
+
| `initial-data` | `string` | ❌ No | - | JSON string with initial data (use `prepareInitialData` from `@mapvx/web-components-ssr-helpers`) |
|
|
255
|
+
| `default-to-map` | `boolean` | ❌ No | `false` | If `true`, shows map view by default |
|
|
256
|
+
| `show-category-filters` | `boolean` | ❌ No | `true` | If `true`, shows category filters |
|
|
257
|
+
| `show-city-filter` | `boolean` | ❌ No | `true` | If `true`, shows city filter |
|
|
258
|
+
| `show-view-toggle` | `boolean` | ❌ No | `true` | If `true`, shows the Grid View / Map View toggle |
|
|
259
|
+
| `show-search-bar` | `boolean` | ❌ No | `true` | If `true`, shows the search bar |
|
|
260
|
+
| `full-width-map` | `boolean` | ❌ No | `false` | If `true`, the map fills the width in map view and the card list beside it is hidden |
|
|
261
|
+
| `hide-unselected-markers` | `boolean` | ❌ No | `false` | If `true`, while a place profile is open only that place's marker stays on the map |
|
|
262
|
+
| `inherit-font-family` | `boolean` | ❌ No | `false` | If `true`, inherits font family from parent |
|
|
263
|
+
| `hide-deals` | `boolean` | ❌ No | `false` | If `true`, hides deals and promotional content |
|
|
264
|
+
| `show-deal-labels` | `boolean` | ❌ No | `false` | If `true`, shows deal labels over their images on the home screen |
|
|
265
|
+
| `card-width` | `number` | ❌ No | `237` (desktop), `170` (mobile) | Custom card width in pixels for grid view. Affects card size and number of cards per row |
|
|
266
|
+
| `rows-per-page` | `number` | ❌ No | `2` | Maximum number of rows per page (1-10). Shows fewer rows if not enough cards to fill all rows |
|
|
261
267
|
|
|
262
268
|
### Input Usage Examples
|
|
263
269
|
|