https://www.routeone.co.uk/cdn/shop/t/2669/assets/component-ReadMore.min.js?v=172207998159057381041790178967

1// !!!! - DO NOT MODIFY - !!!!
2// THIS FILE IS DEPLOYED AUTOMATICALLY BY MATTv2.
3//
4//  Deployment info:
5//    Updated at:     2026-06-18T09:47:20+00:00
6//    Cause:          Manual deployment.
7//    Deployment ID:  192497
8//    Project:        234
9//    Environment:    493 - master
10//    MD5:            7a86bc5ef4599a398941adf9203cf15f
11//    Signature:      eyJpdiI6IlpvblwvVzkrXC9NOWpLakZCajVyT3Zpdz09IiwidmFsdWUiOiJITFwvNlR5SHRWMG1LNUxXQzVMSVJucm9EMnY1ZVp6Qk4yTllxUzVadWNaUmIxZmREd2s2WmRcL3NCOGRhQnRBNCsrNHlaYXBOdmF3b2tpNytRZFVxWkZ4bUNpeWo5XC9vZG1lQ1NJWEtPdjQ3UWJkQ0FycmtBd0QwQXZcL2dDckRvSTVrcWsyYldLNnM3aWJDMTMySDlWRmk0MEgzVGJkcHhYYzg5WFU0XC90eHhMNVU1WDVyWit1TXRyOVlkdFdwUjlEaDkybUNuZ2wwNXdGclJcL21adWxSaHFUKzUxQ1dEcm1zbXdVSHlLNjh0b0tEQXZJWGU4R1A0d2tPN1laN2FXT3NHeGFMVmNIaVdxZFczSFBlRFlYMzZndGRBNkJNUmR2UHdXMWR5c3lmdzNINGNseTFsWUk5djhwV2w5N1k0MUt2WTlPZkZMVjl3ekx1Yk5cL1Vua2RkV2NoeDY2cXhiK3E5dG5ZSmd2T2N4QnVsaElpcXZhRzc0ejI5S09uVzJkNndlVVo1SFFvVThXcFE2eDdDd2JKYzA4K3E0c0szbHdERml6Vzd5YlZrZ1wvb2s9IiwibWFjIjoiZjI2ZDlmOGE3MzgwNmQ4NDk5YzE0OWVlMjRlZmU1MDNiZmNjZjMwZTJhZWE0ZDVlNzMwOTgxZjQ5MDhkMGQ4NCJ9
12import { ThemeComponent } from "./theme.min.js";
13import "./vendor.min.js";
14class ReadMore extends ThemeComponent {
15  init() {
16    if (this.readMoreButton && this.truncated && this.full) {
17      this.$listen(this.readMoreButton, "click", () => {
18        this.truncated.classList.toggle("read-more__content--truncated--hidden");
19        this.full.classList.toggle("read-more__content--full--visible");
20      });
21    }
22    if (this.readLessButton && this.truncated && this.full) {
23      this.$listen(this.readLessButton, "click", () => {
24        this.truncated.classList.toggle("read-more__content--truncated--hidden");
25        this.full.classList.toggle("read-more__content--full--visible");
26      });
27    }
28  }
29}
30const ___PropTypes = {};
31ReadMore.prototype.$name = "ReadMore";
32ReadMore.prototype.$info = JSON.parse('{"name":"ReadMore","meta":{"isLegacy":false,"selector":"read-more"},"props":[],"refs":[{"selector":"[data-ref=\\"truncated\\"]","required":false,"propertyKey":"truncated","propertyType":"Object","propertyTypeName":"Object","propertyTsTypeName":"HTMLElement"},{"selector":"[data-ref=\\"full\\"]","required":false,"propertyKey":"full","propertyType":"Object","propertyTypeName":"Object","propertyTsTypeName":"HTMLElement"},{"selector":"[data-ref=\\"readMoreButton\\"]","required":false,"propertyKey":"readMoreButton","propertyType":"Object","propertyTypeName":"Object","propertyTsTypeName":"HTMLElement"},{"selector":"[data-ref=\\"readLessButton\\"]","required":false,"propertyKey":"readLessButton","propertyType":"Object","propertyTypeName":"Object","propertyTsTypeName":"HTMLElement"}]}');
33ReadMore.prototype.$info.component = ReadMore;
34for (const prop of ReadMore.prototype.$info.props) {
35  prop.propertyType = ___PropTypes[prop.propertyType];
36}
37window.componentService.registerComponent("ReadMore/ReadMore.ts", { ReadMore }, void 0);
38
39;(() => {
40    const style = document.createElement('style');
41    style.innerHTML =`/* component-ReadMore.css */ 
42/* ---------------------------------------------
43    Variables 
44--------------------------------------------- */
45/**
46 -------------------------------------------------------------------------
47 Global Variables - Fonts
48 -------------------------------------------------------------------------
49*/
50/* ---------------------------------------------
51    Fonts
52--------------------------------------------- */
53/* ---------------------------------------------
54    Font Weight
55--------------------------------------------- */
56/* ---------------------------------------------
57    Line Height 
58--------------------------------------------- */
59/* ---------------------------------------------
60    Z-index
61--------------------------------------------- */
62/* ---------------------------------------------
63    Spacing
64--------------------------------------------- */
65/* ---------------------------------------------
66    Screen sizes
67--------------------------------------------- */
68/* ---------------------------------------------
69    Animation
70--------------------------------------------- */
71.read-more {
72  display: block;
73  position: relative;
74}
75.read-more__content--truncated--hidden {
76  display: none;
77}
78.read-more__content--full {
79  display: none;
80}
81.read-more__content--full--visible {
82  display: block;
83}
84.read-more__button {
85  -webkit-appearance: none;
86     -moz-appearance: none;
87          appearance: none;
88  background: none;
89  border: 0;
90  color: inherit;
91  padding: 0;
92  font-size: inherit;
93  line-height: inherit;
94  font-weight: 400;
95  text-decoration: underline;
96  text-underline-offset: 3px;
97}
98.read-more--avoid-height-jump .read-more__content--truncated {
99  width: 100%;
100  position: absolute;
101  top: 0;
102  left: 50%;
103  transform: translateX(-50%);
104  -webkit-transform: translateX(-50%);
105  -moz-transform: translateX(-50%);
106  -ms-transform: translateX(-50%);
107  -o-transform: translateX(-50%);
108  z-index: 1;
109}
110.read-more--avoid-height-jump .read-more__content--full {
111  display: block;
112  opacity: 0;
113}
114.read-more--avoid-height-jump .read-more__content--full--visible {
115  opacity: 1;
116}`;
117    document.body.appendChild(style);
118})();