@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/collection/components/widgets/pn-level-up/pn-level-up.service.js

@@ -0,0 +1,65 @@
+import { FetchHelper } from "../../../globals/FetchHelper";
+import { LocalStorageService } from "../../../globals/LocalStorageService";
+export class PnLevelUpService {
+    _endpoint;
+    _levelupAuthorizePath = `/api/levelup/level-up-authorize`;
+    _levelupTokenGrantPath = `/api/levelup/level-up-token-grant`;
+    levelupLocalStorageKey = 'levelup';
+    fetchHelper = new FetchHelper('PnLevelUpService');
+    _storage = new LocalStorageService();
+    constructor(endpoint) {
+        this._endpoint = this.formatEndpoint(endpoint);
+    }
+    newLevelupUser() {
+        let threeMinutesInMilliseconds = 180000;
+        this._storage.set(this.levelupLocalStorageKey, { expire: Date.now() + threeMinutesInMilliseconds });
+    }
+    async levelupAuthorize(system, defaultReturn) {
+        if (!system) {
+            return defaultReturn;
+        }
+        let model = {
+            system: system
+        };
+        const fetchUrl = this._endpoint + this._levelupAuthorizePath;
+        const data = (await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false));
+        return this.handleResponse(data, defaultReturn);
+    }
+    async levelupTokenGrant(id, loopSeconds, defaultReturn) {
+        if (!id) {
+            return defaultReturn;
+        }
+        let model = {
+            id: id,
+            loopSeconds: loopSeconds
+        };
+        const fetchUrl = this._endpoint + this._levelupTokenGrantPath;
+        const data = (await this.fetchHelper.fetchJson(fetchUrl, this.getRequestInit(model), false));
+        return this.handleResponse(data, defaultReturn);
+    }
+    formatEndpoint(endpoint) {
+        return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;
+    }
+    handleResponse(data, defaultReturn, checkForArray = false) {
+        if (!data) {
+            return defaultReturn;
+        }
+        let parsedData = JSON.parse(data);
+        if (!parsedData || checkForArray && !Array.isArray(parsedData)) {
+            return defaultReturn;
+        }
+        return parsedData;
+    }
+    getRequestInit(model, method = 'POST', mode = 'cors', contentTypes = 'application/json') {
+        return {
+            mode: mode,
+            method: method,
+            headers: {
+                'Content-Type': contentTypes,
+                'CustomValidateAntiForgeryToken': "0111000001101110011000110110000101110100"
+            },
+            body: JSON.stringify(model)
+        };
+    }
+}
+//# sourceMappingURL=pn-level-up.service.js.map

package/collection/components/widgets/pn-level-up/pn-level-up.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pn-level-up.service.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-level-up/pn-level-up.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { FetchHelper } from '@/globals/FetchHelper';\nimport { LevelUpAuthorizeParameters, LevelUpAuthResponse, LevelUpTokenGrantParameters, LevelUpTokenGrantResponse } from './pn-level-up.models';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\nexport class PnLevelUpService {\n  private readonly _endpoint;\n  private readonly _levelupAuthorizePath = `/api/levelup/level-up-authorize`;\n  private readonly _levelupTokenGrantPath = `/api/levelup/level-up-token-grant`;\n  private readonly levelupLocalStorageKey = 'levelup';\n  \n  private fetchHelper = new FetchHelper('PnLevelUpService');\n  private _storage: LocalStorageService = new LocalStorageService();\n\n  constructor(endpoint: string) {\n    this._endpoint = this.formatEndpoint(endpoint);\n  }\n\n  public newLevelupUser() {\n    let threeMinutesInMilliseconds = 180000;\n    this._storage.set(this.levelupLocalStorageKey, { expire: Date.now() + threeMinutesInMilliseconds });\n  }\n\n  public async levelupAuthorize(system: string, defaultReturn: LevelUpAuthResponse) : Promise<LevelUpAuthResponse> {\n    if (!system) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpAuthorizeParameters = {\n      system: system\n    };\n\n    const fetchUrl = this._endpoint + this._levelupAuthorizePath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpAuthResponse>(data, defaultReturn);\n  }\n  \n  public async levelupTokenGrant(id: string, loopSeconds: string, defaultReturn: LevelUpTokenGrantResponse) : Promise<LevelUpTokenGrantResponse> {\n    if (!id) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpTokenGrantParameters = {\n      id: id,\n      loopSeconds: loopSeconds\n    };\n\n    const fetchUrl = this._endpoint + this._levelupTokenGrantPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpTokenGrantResponse>(data, defaultReturn);\n  }\n  \n  private formatEndpoint(endpoint: string) : string {\n    return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n  }\n\n  private handleResponse<T>(data : any, defaultReturn : any, checkForArray: boolean = false) {\n    if (!data) {\n      return defaultReturn;\n    }\n\n    let parsedData = JSON.parse(data) as T;\n    if (!parsedData || checkForArray && !Array.isArray(parsedData)) {\n      return defaultReturn;\n    }\n\n    return parsedData;\n  }\n  \n  private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n    return {\n      mode: mode,\n      method: method,\n      headers: \n      {\n        'Content-Type': contentTypes,\n        'CustomValidateAntiForgeryToken': \"0111000001101110011000110110000101110100\"\n      },\n      body: JSON.stringify(model)\n    };\n  }\n}"]}

package/collection/components/widgets/pn-level-up/pn-level-up.stories.js

@@ -0,0 +1,88 @@
+import { createDocumentation, createComponent } from "../../../globals/documentation/story";
+import docs from "./pn-level-up-docs.json";
+const { argTypes, textContent } = createDocumentation(docs);
+const meta = {
+    title: 'Components/Widgets/Level up',
+    parameters: {
+        actions: {},
+        docs: {
+            description: {
+                story: textContent
+            }
+        }
+    },
+    args: {
+        heading: 'Verify your address to find more packages',
+        headingLevel: 'h2',
+        preamble: 'Level up your account with BankID.',
+        imageUrl: 'https://picsum.photos/id/101/200/200',
+        imageAltText: 'Alt Text',
+        endpoint: 'https://se-integration.postnord.com',
+        webModalContinueOtherDeviceLabel: 'Mobilt BankID',
+        webModalContinueThisDeviceLabel: 'BankID på denna enhet',
+        mobileModalContinueThisDeviceLabel: 'Öppna BankID',
+        mobileModalContinueOtherDeviceLabel: 'BankID på en annan enhet',
+        modalInstructionPhoneLineOne: 'Open your BankID app',
+        modalInstructionPhoneLineTwo: 'Click on the QR button in the app',
+        modalInstructionPhoneLineThree: 'Scan the QR code',
+        modalHeadingText: 'Level up with BankID',
+        modalOutdatedQRMessage: 'The QR has expired',
+        modalExpiresInMessage: 'Expires in',
+        qrAriaLabel: 'QR code for BankID',
+        leveledupMessage: 'You have successfully leveled up!'
+    },
+    argTypes,
+};
+export default meta;
+export const LevelUp = {
+    name: 'pn-level-up',
+    render: (args) => createComponent('pn-level-up', args),
+};
+export const LevelUpLocalhost = {
+    name: 'levelup to localhost endpoints',
+    render: LevelUp.render, args: {
+        heading: 'Verify your address to find more packages',
+        headingLevel: 'h2',
+        preamble: 'Level up your account with BankID.',
+        imageUrl: 'https://picsum.photos/id/101/200/200',
+        imageAltText: 'Alt Text',
+        endpoint: 'https://localhost:51547',
+        webModalContinueOtherDeviceLabel: 'Mobilt BankID',
+        webModalContinueThisDeviceLabel: 'BankID på denna enhet',
+        mobileModalContinueThisDeviceLabel: 'Öppna BankID',
+        mobileModalContinueOtherDeviceLabel: 'BankID på en annan enhet',
+        modalInstructionPhoneLineOne: 'Open your BankID app',
+        modalInstructionPhoneLineTwo: 'Click on the QR button in the app',
+        modalInstructionPhoneLineThree: 'Scan the QR code',
+        modalHeadingText: 'Level up with BankID',
+        modalOutdatedQRMessage: 'The QR has expired',
+        modalExpiresInMessage: 'Expires in',
+        qrAriaLabel: 'QR code for BankID',
+        leveledupMessage: 'You have successfully leveled up!'
+    }
+};
+export const AlreadyLeveledup = {
+    name: 'already leveled up',
+    render: LevelUp.render, args: {
+        heading: 'Verify your address to find more packages',
+        headingLevel: 'h2',
+        preamble: 'Level up your account with BankID.',
+        imageUrl: 'https://picsum.photos/id/101/200/200',
+        imageAltText: 'Alt Text',
+        endpoint: 'https://localhost:51547',
+        webModalContinueOtherDeviceLabel: 'Mobilt BankID',
+        webModalContinueThisDeviceLabel: 'BankID på denna enhet',
+        mobileModalContinueThisDeviceLabel: 'Öppna BankID',
+        mobileModalContinueOtherDeviceLabel: 'BankID på en annan enhet',
+        modalInstructionPhoneLineOne: 'Open your BankID app',
+        modalInstructionPhoneLineTwo: 'Click on the QR button in the app',
+        modalInstructionPhoneLineThree: 'Scan the QR code',
+        modalHeadingText: 'Level up with BankID',
+        modalOutdatedQRMessage: 'The QR has expired',
+        modalExpiresInMessage: 'Expires in',
+        qrAriaLabel: 'QR code for BankID',
+        leveledupMessage: 'You have successfully leveled up!',
+        isLeveledUp: true
+    }
+};
+//# sourceMappingURL=pn-level-up.stories.js.map

package/collection/components/widgets/pn-level-up/pn-level-up.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pn-level-up.stories.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-level-up/pn-level-up.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,IAAI,MAAM,yBAAyB,CAAC;AAE3C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAE5D,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,6BAA6B;IACpC,UAAU,EAAE;QACV,OAAO,EAAE,EACR;QACD,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,WAAW;aACnB;SACF;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2CAA2C;QACpD,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAC,oCAAoC;QAC7C,QAAQ,EAAE,sCAAsC;QAChD,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,qCAAqC;QAC/C,gCAAgC,EAAE,eAAe;QACjD,+BAA+B,EAAE,uBAAuB;QACxD,kCAAkC,EAAE,cAAc;QAClD,mCAAmC,EAAE,0BAA0B;QAC/D,4BAA4B,EAAE,sBAAsB;QACpD,4BAA4B,EAAE,mCAAmC;QACjE,8BAA8B,EAAE,kBAAkB;QAClD,gBAAgB,EAAE,sBAAsB;QACxC,sBAAsB,EAAE,oBAAoB;QAC5C,qBAAqB,EAAE,YAAY;QACnC,WAAW,EAAE,oBAAoB;QACjC,gBAAgB,EAAE,mCAAmC;KACtD;IACD,QAAQ;CACT,CAAC;AAIF,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,gCAAgC;IACtC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,IAAI,EAAE;QAC3B,OAAO,EAAE,2CAA2C;QACpD,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAC,oCAAoC;QAC7C,QAAQ,EAAE,sCAAsC;QAChD,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,yBAAyB;QACnC,gCAAgC,EAAE,eAAe;QACjD,+BAA+B,EAAE,uBAAuB;QACxD,kCAAkC,EAAE,cAAc;QAClD,mCAAmC,EAAE,0BAA0B;QAC/D,4BAA4B,EAAE,sBAAsB;QACpD,4BAA4B,EAAE,mCAAmC;QACjE,8BAA8B,EAAE,kBAAkB;QAClD,gBAAgB,EAAE,sBAAsB;QACxC,sBAAsB,EAAE,oBAAoB;QAC5C,qBAAqB,EAAE,YAAY;QACnC,WAAW,EAAE,oBAAoB;QACjC,gBAAgB,EAAE,mCAAmC;KACtD;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,oBAAoB;IAC1B,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,IAAI,EAAE;QAC3B,OAAO,EAAE,2CAA2C;QACpD,YAAY,EAAE,IAAI;QAClB,QAAQ,EAAC,oCAAoC;QAC7C,QAAQ,EAAE,sCAAsC;QAChD,YAAY,EAAE,UAAU;QACxB,QAAQ,EAAE,yBAAyB;QACnC,gCAAgC,EAAE,eAAe;QACjD,+BAA+B,EAAE,uBAAuB;QACxD,kCAAkC,EAAE,cAAc;QAClD,mCAAmC,EAAE,0BAA0B;QAC/D,4BAA4B,EAAE,sBAAsB;QACpD,4BAA4B,EAAE,mCAAmC;QACjE,8BAA8B,EAAE,kBAAkB;QAClD,gBAAgB,EAAE,sBAAsB;QACxC,sBAAsB,EAAE,oBAAoB;QAC5C,qBAAqB,EAAE,YAAY;QACnC,WAAW,EAAE,oBAAoB;QACjC,gBAAgB,EAAE,mCAAmC;QACrD,WAAW,EAAE,IAAI;KAClB;CACF,CAAC","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\n\nimport { createDocumentation, createComponent } from '@/globals/documentation/story';\nimport docs from './pn-level-up-docs.json';\n\nconst { argTypes, textContent } = createDocumentation(docs);\n\nconst meta: Meta<HTMLPnLevelUpElement> = {\n  title: 'Components/Widgets/Level up',\n  parameters: {\n    actions: {\n    },\n    docs: {\n      description: {\n        story: textContent\n      }\n    }\n  },\n  args: {\n    heading: 'Verify your address to find more packages',\n    headingLevel: 'h2',\n    preamble:'Level up your account with BankID.',\n    imageUrl: 'https://picsum.photos/id/101/200/200',\n    imageAltText: 'Alt Text',\n    endpoint: 'https://se-integration.postnord.com',\n    webModalContinueOtherDeviceLabel: 'Mobilt BankID',\n    webModalContinueThisDeviceLabel: 'BankID på denna enhet',\n    mobileModalContinueThisDeviceLabel: 'Öppna BankID',\n    mobileModalContinueOtherDeviceLabel: 'BankID på en annan enhet',\n    modalInstructionPhoneLineOne: 'Open your BankID app',\n    modalInstructionPhoneLineTwo: 'Click on the QR button in the app',\n    modalInstructionPhoneLineThree: 'Scan the QR code',\n    modalHeadingText: 'Level up with BankID',\n    modalOutdatedQRMessage: 'The QR has expired',\n    modalExpiresInMessage: 'Expires in',\n    qrAriaLabel: 'QR code for BankID',\n    leveledupMessage: 'You have successfully leveled up!'\n  },\n  argTypes,\n};\n\ntype Story = StoryObj<HTMLPnLevelUpElement>;\n\nexport default meta;\n\nexport const LevelUp: Story = {\n  name: 'pn-level-up',\n  render: (args) => createComponent('pn-level-up', args),\n};\n\nexport const LevelUpLocalhost: Story = {\n  name: 'levelup to localhost endpoints',\n  render: LevelUp.render,args: {\n    heading: 'Verify your address to find more packages',\n    headingLevel: 'h2',\n    preamble:'Level up your account with BankID.',\n    imageUrl: 'https://picsum.photos/id/101/200/200',\n    imageAltText: 'Alt Text',\n    endpoint: 'https://localhost:51547',\n    webModalContinueOtherDeviceLabel: 'Mobilt BankID',\n    webModalContinueThisDeviceLabel: 'BankID på denna enhet',\n    mobileModalContinueThisDeviceLabel: 'Öppna BankID',\n    mobileModalContinueOtherDeviceLabel: 'BankID på en annan enhet',\n    modalInstructionPhoneLineOne: 'Open your BankID app',\n    modalInstructionPhoneLineTwo: 'Click on the QR button in the app',\n    modalInstructionPhoneLineThree: 'Scan the QR code',\n    modalHeadingText: 'Level up with BankID',\n    modalOutdatedQRMessage: 'The QR has expired',\n    modalExpiresInMessage: 'Expires in',\n    qrAriaLabel: 'QR code for BankID',\n    leveledupMessage: 'You have successfully leveled up!'\n  }\n};\n\n\nexport const AlreadyLeveledup: Story = {\n  name: 'already leveled up',\n  render: LevelUp.render,args: {\n    heading: 'Verify your address to find more packages',\n    headingLevel: 'h2',\n    preamble:'Level up your account with BankID.',\n    imageUrl: 'https://picsum.photos/id/101/200/200',\n    imageAltText: 'Alt Text',\n    endpoint: 'https://localhost:51547',\n    webModalContinueOtherDeviceLabel: 'Mobilt BankID',\n    webModalContinueThisDeviceLabel: 'BankID på denna enhet',\n    mobileModalContinueThisDeviceLabel: 'Öppna BankID',\n    mobileModalContinueOtherDeviceLabel: 'BankID på en annan enhet',\n    modalInstructionPhoneLineOne: 'Open your BankID app',\n    modalInstructionPhoneLineTwo: 'Click on the QR button in the app',\n    modalInstructionPhoneLineThree: 'Scan the QR code',\n    modalHeadingText: 'Level up with BankID',\n    modalOutdatedQRMessage: 'The QR has expired',\n    modalExpiresInMessage: 'Expires in',\n    qrAriaLabel: 'QR code for BankID',\n    leveledupMessage: 'You have successfully leveled up!',\n    isLeveledUp: true\n  }\n};\n"]}

package/collection/components/widgets/pn-level-up/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/collection/components/widgets/pn-level-up/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/widgets/pn-level-up/types.ts"],"names":[],"mappings":"","sourcesContent":["export type DeviceType = 'ios' | 'android' | 'web';"]}

package/collection/components/widgets/pn-link-list/pn-link-list.css

@@ -2,6 +2,31 @@ 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-link-list .link-list__header {
   display: flex;
   justify-content: center;

package/collection/components/widgets/pn-link-list/pn-link-list.js

@@ -45,7 +45,7 @@ export class PnLinkList {
         }
     };
     render() {
-        return (h(Host, { key: '0cfb80f2de46eeae8943f13868ca744c54974a09' }, (this.heading || this.preamble) && (h("div", { key: 'a396fea209035c911b5f545919ae1b1c9ff77e79', class: "link-list__header" }, this.heading && h("h2", { key: 'fbf8d3282fe16b7acc4b1568357e1db099597262', class: "link-list__heading" }, this.heading), this.preamble && h("p", { key: '06ee3ced935e335782f258a214b76de728978481', class: "link-list__preamble" }, this.preamble))), h("div", { key: 'c5a5d02539b7c687d4024d8ef97c68a16f9c8227', class: "link-list" }, h("div", { key: '7e77c23f6c72c0fe9ce14d39aef88223c4af00a4', class: "link-list__container", onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove }, h("div", { key: 'd0948943177059f1aa66f079574a02a7a23ee79b', class: "link-list__scrollable" }, h("slot", { key: '52c2ed2c68dc45f5ee0c75b986f84183a9bc7dc5', name: "linklist" })))), this.showMoreUrl ? (h("div", { class: "link-list__button" }, h("pn-button", { appearance: "light", href: this.showMoreUrl }, this.showMoreLabel), ' ')) : ('')));
+        return (h(Host, { key: '294904b3412b9e53557ec4d9f2743de25c646e21' }, (this.heading || this.preamble) && (h("div", { key: 'e51721d8f30bd637fb872bceaf3e63d63cf60faa', class: "link-list__header" }, this.heading && h("h2", { key: 'e7fab15c721d47c6baea3b7d2ddec452e2448445', class: "link-list__heading" }, this.heading), this.preamble && h("p", { key: 'd631a6a3c6e239e9325064f936bb9e3a216659d9', class: "link-list__preamble" }, this.preamble))), h("div", { key: '1337466d68dbccb1183ffb864cd36cdbf1af3017', class: "link-list" }, h("div", { key: '5934a9b4c3c4846f5988c2cbf20e8c268d6970a9', class: "link-list__container", onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, onMouseLeave: this.handleMouseLeave, onMouseMove: this.handleMouseMove }, h("div", { key: 'ae387d9591953a3867d22633c245931d215a1ccb', class: "link-list__scrollable" }, h("slot", { key: '2548751e6d2161de5236694e32fde16d2140fd88', name: "linklist" })))), this.showMoreUrl ? (h("div", { class: "link-list__button" }, h("pn-button", { appearance: "light", href: this.showMoreUrl }, this.showMoreLabel), ' ')) : ('')));
     }
     static get is() { return "pn-link-list"; }
     static get originalStyleUrls() {

package/collection/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.css

@@ -0,0 +1,96 @@
+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-marketweb-carousel {
+  display: inline-block;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .slider-wrapper {
+  margin: 1rem;
+  overflow: hidden;
+  position: relative;
+  touch-action: pan-y pinch-zoom;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .slides-container {
+  display: flex;
+  width: 100%;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  position: relative;
+  touch-action: none;
+  transition: transform 0.5s ease-in-out;
+  user-select: none;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .slides-container[data-partial=false] .slide {
+  width: 100%;
+}
+pn-marketweb-carousel .pn-marketweb-carousel [data-slide] {
+  flex: 0 0 auto;
+  transition: transform 0.5s ease-in-out;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .nav-button {
+  cursor: pointer;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  transform: translateY(-50%);
+  height: 2rem;
+  margin: auto;
+  padding: 0;
+  opacity: 0.85;
+  transition: opacity 200ms;
+  z-index: 1;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .nav-button.invisible {
+  opacity: 0;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .nav-button[data-show=false] {
+  display: none;
+}
+pn-marketweb-carousel .pn-marketweb-carousel .nav-button:hover, pn-marketweb-carousel .pn-marketweb-carousel .nav-button:focus {
+  opacity: 1;
+}
+pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-prev] {
+  left: 1.75rem;
+  border-radius: 0 2rem 2rem 0;
+}
+pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-next] {
+  right: 1.75rem;
+  border-radius: 2rem 0 0 2rem;
+}
+@media (prefers-reduced-motion: reduce) {
+  pn-marketweb-carousel .slides-container {
+    transition: none;
+  }
+  pn-marketweb-carousel [data-slide] {
+    transition: none;
+  }
+}