@assaabloy-dach/dach-partners-retailers NPM

DACH - web components

Partners Retailers

Custom HTML element Partners / retailers search component for the EMEA DACH region.

<dach-partners-retailers content="" theme=""></partners-retailers>

Properties | Name | Type | Description | | ------------- | --------- | ----------------------------- | | content | Object | base64 encoded | | theme | String | |

content

{
  "title": "DACH Partners / Retailers",
  "text": "<p>Lorem Ipsum is simply dummy</p> html of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.",
  "width": "100%",
  "config": {
    "padding": {
      "top": true,
      "bottom": true
    }
  },
  "searchType": "fachhandelssuche-assaabloy-de", // The type of search. One of "fachhandelssuche-assaabloy-de", "fachhandelssuche-assaabloy-ch", fachhandelssuche-assaabloy-at", "fachhandelssuche-keso-de", "internationale-vertretungen-assaabloy-de", "internationale-vertretungen-assaabloy-ch", "zertifizierte-partner-assaabloy-de"; Defaults to "fachhandelssuche-assaabloy-de"
  "language": "de", // The language to display. One of "de", "en", "fr", "ru". Defaults to "de".
  "showFilterAreas": true, // true to display the filter areas and checkboxes, false to only apply the preselected filters. Defaults to "true".
  "preselectedFilters": "", // Semicolon separated list of preselected filter ids, defaults to "".
  "hiddenFilters": "", // Semicolon separated list of filters and filter categories to hide, defaults to "".
  "showMap": true, // true for display the Google Map, false to only display the partner / retailers list. Defaults to true
  "googleMapsApiKey": "AIzaSyB9n_Cm9TYR_72Ko4DWEowiMEGUejdMdTw", // The Google Maps API key. Defaults to "AIzaSyB9n_Cm9TYR_72Ko4DWEowiMEGUejdMdTw"
  "apiEndpoint": "https://dach.assaabloy.com/de/api/bezugsquellen" // The API endpoint. Defaults to "https://dach.assaabloy.com/de/api/bezugsquellen".
}

theme Two different background options: