@assaabloy/gw-group-press-releases-slider

Web component - Press Releases Slider

Usage no npm install needed!

<script type="module">
  import assaabloyGwGroupPressReleasesSlider from 'https://cdn.skypack.dev/@assaabloy/gw-group-press-releases-slider';
</script>

README

ASSA ABLOY Global web - web components

Press Releases Slider

Custom HTML element

<gw-group-press-releases-slider content="" theme=""></press-releases-slider>

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

content

{
  "url": "",
  "detailedPageUrl": "",
  "title": "",
  "text": "",
  "noCardMessage": "",
  "lastCard": {
    "title": "",
    "link": {
      "text": "",
      "url": ""
    }
  },
  "config": {
    "padding": {
      "top": true,
      "bottom": true
    }
  },

  // Translations
  "readMore": "Read more",
  "regulatory": "Regulatory",
  "nonRegulatory": "Non-regulatory",
}


Response from url should contain the following:

{
  "itemsTotalCount": 0,
  "items": [
    {
      "id": "",
      "title": "",
      "isRegulatory": false,
      "publishDate": "",
      "category": "",
      "intro": "",
      "introOverridden": true,
      "cisionWireUrl": "",
      "rawHtmlUrl": "",
      "pdfUrl": ""
      "image": {
        "downloadUrl": ""
        "fileName": ""
        "title": ""
        "urlTo100x100ArResized": ""
        "urlTo100x100Thumbnail": ""
        "urlTo200x200ArResized": ""
        "urlTo200x200Thumbnail": ""
        "urlTo400x400ArResized": ""
        "urlTo800x800ArResized": ""
      },
    },
  ]

}

theme Two different background options:

  • "theme-alt-1" (white)
  • "theme-alt-2" (grey)

Dependencies @assaabloy/gw-group-vendor @assaabloy/brand-styles