@postnord/pn-marketweb-components 4.1.0 → 4.1.2

package/cjs/pn-product-tile-info_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const align_center = require('./align_center-1fb3b6a8.js');
 const arrow_right = require('./arrow_right-66958158.js');
 

package/cjs/pn-product-tile.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 
 const pnProductTileCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-tile{margin-bottom:1em;border:0.1rem solid #d3cecb;outline:none;background:white;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-tile [slot=content] h3{display:flex;width:100%;justify-content:space-between;margin-bottom:0.5em}pn-product-tile>pn-illustration{min-width:8rem;width:8rem;height:8rem;margin-right:3rem;align-self:center}pn-product-tile .tilecontent{display:flex;flex-direction:row;justify-content:center;flex-grow:1}pn-product-tile .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-tile .info{display:flex;justify-content:space-between;flex-grow:1;max-width:66.6666666667%;flex-flow:wrap}pn-product-tile .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";
 const PnProductTileStyle0 = pnProductTileCss;

package/cjs/pn-profile-modal-customernumber.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 
 const pnProfileModalCustomernumberCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pn-profile-modal-customernumber-button{display:block;border:0;margin:0;background:#fff;cursor:pointer;appearance:none;border:0;outline:0;padding:0.8rem;font-weight:400;font-size:1.4rem;border-radius:0.8rem;line-height:1.4;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-customernumber-button:hover,.pn-profile-modal-customernumber-button:focus,.pn-profile-modal-customernumber-button:active{background:#effbff}";
 const PnProfileModalCustomernumberStyle0 = pnProfileModalCustomernumberCss;

package/cjs/pn-profile-modal-profile.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
-const pnProfileModalStore = require('./pn-profile-modal-store-16f8092a.js');
+const index = require('./index-9a9efa1c.js');
+const pnProfileModalStore = require('./pn-profile-modal-store-d96aaa77.js');
 const arrow_left = require('./arrow_left-71879efe.js');
-require('./index-4067c6a5.js');
+require('./index-a8de2b09.js');
 
 const pnProfileModalProfileCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-modal-type[selected=true]:not([selected-profile=\"\"]) pn-profile-modal-profile[selected=false]{display:none}.pn-profile-modal-profile-listitem{overflow:hidden;max-height:10rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-listitem[aria-hidden=true]{max-height:0;opacity:0}.pn-profile-modal-profile-listitem-button{padding:0.8rem;margin:0;background:#ffffff;outline:0;appearance:none;border:0;cursor:pointer;border-radius:0.8rem;transition:background 0.15s ease;text-align:left;width:100%}.pn-profile-modal-profile-listitem-button:hover,.pn-profile-modal-profile-listitem-button:focus,.pn-profile-modal-profile-listitem-button:active{background:#effbff}.pn-profile-modal-profile-listitem[aria-hidden=true] .pn-profile-modal-profile-listitem-button{display:none}.pn-profile-modal-profile-listitem-heading{color:#005d92;font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-listitem-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details{max-height:300rem;transition:max-height 0.15s ease;opacity:1}.pn-profile-modal-profile-details[aria-hidden=true]{max-height:0;opacity:0;overflow:hidden}.pn-profile-modal-profile-details>pn-button{position:relative;margin-left:-1.2rem}.pn-profile-modal-profile-details>pn-button .pn-button-content{font-weight:500}.pn-profile-modal-profile-details-company{border-top:1px solid #d3cecb;border-bottom:1px solid #d3cecb;padding:0.8rem 0.8rem;margin:1.6rem 0}.pn-profile-modal-profile-details-label{font-size:1.4rem;font-weight:500;margin-bottom:1.2rem}.pn-profile-modal-profile-details-company-heading{font-weight:700;font-size:1.6rem}.pn-profile-modal-profile-details-company-description{color:#5e554a;font-weight:400;font-size:1.2rem}.pn-profile-modal-profile-details-list{display:flex;flex-direction:column;gap:1.6rem;padding:0 0}.pn-profile-modal-profile-details-list-label{font-size:1.4rem;font-weight:500;margin:0 0 0 0.8rem}";
 const PnProfileModalProfileStyle0 = pnProfileModalProfileCss;

package/cjs/{pn-profile-modal-store-16f8092a.js → pn-profile-modal-store-d96aaa77.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-4067c6a5.js');
+const index = require('./index-a8de2b09.js');
 
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({
@@ -16,4 +16,4 @@ const { state, onChange } = index.createStore({
 
 exports.state = state;
 
-//# sourceMappingURL=pn-profile-modal-store-16f8092a.js.map
+//# sourceMappingURL=pn-profile-modal-store-d96aaa77.js.map

package/cjs/{pn-profile-modal-store-16f8092a.js.map → pn-profile-modal-store-d96aaa77.js.map}

@@ -1 +1 @@
-{"file":"pn-profile-modal-store-16f8092a.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE;QACJ,kBAAkB,EAAE,EAAE;QACtB,MAAM,EAAE,EAAE;QACV,wBAAwB,EAAE,EAAE;KAC7B;CACF;;;;","names":["createStore"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  selectedUrl: '',\n  selectedType: '',\n  selectedProfile: '',\n  i18n: {\n    choosenCompanyText: '',\n    toText: '',\n    chooseCustomerNumberText: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}
+{"file":"pn-profile-modal-store-d96aaa77.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,WAAW,EAAE,EAAE;IACf,YAAY,EAAE,EAAE;IAChB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE;QACJ,kBAAkB,EAAE,EAAE;QACtB,MAAM,EAAE,EAAE;QACV,wBAAwB,EAAE,EAAE;KAC7B;CACF;;;;","names":["createStore"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  selectedUrl: '',\n  selectedType: '',\n  selectedProfile: '',\n  i18n: {\n    choosenCompanyText: '',\n    toText: '',\n    chooseCustomerNumberText: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}

package/cjs/pn-profile-modal-type.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
-const pnProfileModalStore = require('./pn-profile-modal-store-16f8092a.js');
-require('./index-4067c6a5.js');
+const index = require('./index-9a9efa1c.js');
+const pnProfileModalStore = require('./pn-profile-modal-store-d96aaa77.js');
+require('./index-a8de2b09.js');
 
 const pnProfileModalTypeCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";
 const PnProfileModalTypeStyle0 = pnProfileModalTypeCss;

package/cjs/pn-profile-modal.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
-const pnProfileModalStore = require('./pn-profile-modal-store-16f8092a.js');
+const index = require('./index-9a9efa1c.js');
+const pnProfileModalStore = require('./pn-profile-modal-store-d96aaa77.js');
 const arrow_right = require('./arrow_right-66958158.js');
-require('./index-4067c6a5.js');
+require('./index-a8de2b09.js');
 
 const pnProfileModalCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-modal{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profilemodal-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profilemodal-logo{display:none}.profilemodal-logo svg{display:block;margin:0 auto 2.4rem}.profilemodal-heading{text-align:center;font-weight:700}.profilemodal-content{margin:1.6rem 0 0}.profilemodal-content pn-segmented-control{transform:translateZ(0) translateX(-50%);left:50%}.profilemodal-cta{margin:1.6rem 0 0;transition:max-height 0.15s ease, opacity 0.15s ease;overflow:hidden;opacity:1}.profilemodal-cta[aria-hidden=true]{max-height:0;opacity:1}.profilemodal-cta>pn-button{width:100%}";
 const PnProfileModalStyle0 = pnProfileModalCss;

package/cjs/pn-profile-selector-option.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const arrow_right = require('./arrow_right-66958158.js');
 
 const pnProfileSelectorOptionCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-profile-selector-option{display:flex;width:100%;border-bottom:1px solid #d3cecb;padding:1.2rem 0}pn-profile-selector-option:first-of-type{margin-top:2.4rem}pn-profile-selector-option:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-selector-option:last-of-type .profileselectoroption{padding-bottom:0}.profileselectoroption{display:flex;width:100%;padding:1.2rem 0;text-decoration:none}.profileselectoroption pn-icon{align-self:center;position:relative;transform:translateX(-1rem);transition:transform 0.25s linear}.profileselectoroption:hover .profileselectoroption-name,.profileselectoroption:focus .profileselectoroption-name,.profileselectoroption:active .profileselectoroption-name{text-decoration:underline}.profileselectoroption:hover pn-icon,.profileselectoroption:focus pn-icon,.profileselectoroption:active pn-icon{transform:none;transition-timing-function:ease}.profileselectoroption-text{flex-grow:1;display:flex;flex-direction:column}.profileselectoroption-title{font-size:1em;color:#005d92;font-weight:700}.profileselectoroption-description{font-size:0.75em;color:#5e554a;font-weight:normal}";

package/cjs/pn-profile-selector.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 
 const translations = {
     sv: {

package/cjs/pn-proxio-findprice-result.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const translations = require('./translations-67ac592a.js');
 
 const pnProxioFindpriceResultCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";

package/cjs/pn-proxio-findprice.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-b02670c2.js');
+const index$1 = require('./index-9a9efa1c.js');
 const MarketWebContextService = require('./MarketWebContextService-0fdc43c8.js');
 const FetchHelper = require('./FetchHelper-2d4c697c.js');
-const index = require('./index-4067c6a5.js');
+const index = require('./index-a8de2b09.js');
 
 const icon = '<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M10.5 4a1 1 0 0 0-1 1h5a1 1 0 0 0-1-1zm6 1a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3h-2A2.5 2.5 0 0 0 5 9.95V19a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9.95A2.5 2.5 0 0 0 18.5 5zm.5 5H7v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zM5.5 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1zm4.5 5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';
 const trash_can = icon;

package/cjs/pn-proxio-pricegroup.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const FetchHelper = require('./FetchHelper-2d4c697c.js');
 const MarketWebContextService = require('./MarketWebContextService-0fdc43c8.js');
 const translations = require('./translations-67ac592a.js');

package/cjs/pn-proxio-productcard_4.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const arrow_right = require('./arrow_right-66958158.js');
 
 const pnProxioProductcardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";

package/cjs/pn-qr-code-generator.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 
 var browser = {};
 
@@ -2890,14 +2890,33 @@ const QrCodeGenerator = class {
     gray900 = '#2d2013';
     blackHex = '#000';
     whiteHex = '#fff';
+    connectedCallback() {
+        this.isOutdated = false;
+        if (this.timer == null) {
+            this.generateQRCode();
+            if (this.countdownSeconds !== -1) {
+                requestAnimationFrame(() => {
+                    this.startCountdown();
+                });
+            }
+        }
+    }
     componentWillLoad() {
         this.urlWithSegment = this.url + '#';
         this.remainingSeconds = this.countdownSeconds;
+        if (this.timer != null) {
+            this.resetCountdown();
+        }
     }
-    componentDidLoad() {
-        this.generateQRCode();
-        if (this.countdownSeconds !== -1) {
-            this.startCountdown();
+    disconnectedCallback() {
+        this.resetCountdown();
+    }
+    resetCountdown() {
+        if (this.timer !== null) {
+            this.remainingSeconds = this.countdownSeconds;
+            clearInterval(this.timer);
+            this.timer = null;
+            return;
         }
     }
     generateQRCode(urlSegment = '') {
@@ -2928,11 +2947,8 @@ const QrCodeGenerator = class {
             }
         }, 1000);
     }
-    disconnectedCallback() {
-        clearInterval(this.timer);
-    }
     render() {
-        return (index.h("div", { key: 'e0bc37a181c7787812bbd052877cf1c0ecffe4c9' }, index.h("button", { key: '6486b7b7e94493ba8cf32d6cef7e9224c119a8ea', class: "qr-button__wrapper", "aria-label": this.ariaLabel }, index.h("canvas", { key: 'e66b827b3a7b92b3cf250e73b0dade3675fad9b7', class: this.isOutdated ? 'outdated' : '', ref: el => (this.canvasRef = el) })), this.countdownSeconds !== -1 && index.h("div", { key: '122ba7328a26fb6116ffc5b6c9b3a4cdcc24b8a2', class: "timer" }, this.isOutdated && index.h("span", { key: 'da1c41fe27834b3fdfcc08f456ab0f53e13a9a12', class: "outdated-message" }, this.outdatedMessage), !this.isOutdated && this.expiresInMessage && index.h("span", { key: 'c6515a6aa7491e02267f82f55abac7388ed68d15' }, this.expiresInMessage, " ", this.remainingSeconds))));
+        return (index.h("div", { key: 'e5b9bef49f102baf00ff2638d1aacda0fb3d49c4' }, index.h("button", { key: 'ba1c2a070481c2eee9a4d23bd41e17e23158610c', class: "qr-button__wrapper", "aria-label": this.ariaLabel }, index.h("canvas", { key: '50c30caabfcf98666a6cd5c0aaf83934cfbbf3d5', class: this.isOutdated ? 'outdated' : '', ref: el => (this.canvasRef = el) })), this.countdownSeconds !== -1 && index.h("div", { key: 'dfcb33c704376bbe087e20737118325fae4eb6d8', class: "timer" }, this.isOutdated && index.h("span", { key: '617d0795c50621394aa0a8edc32c76ba004824da', class: "outdated-message" }, this.outdatedMessage), !this.isOutdated && this.expiresInMessage && index.h("span", { key: '0ff4b37fe905149f20432819889f64f4296f136c' }, this.expiresInMessage, " ", this.remainingSeconds))));
     }
     static get watchers() { return {
         "url": ["generateQRCode"]