npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.3 → 4.0.0 - Mend

@postnord/pn-marketweb-components 3.5.3 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1509) hide show

package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.css CHANGED Viewed

@@ -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-dropdown-with-multi-input-rows-row .input-element-row {
   display: flex;
   gap: 1rem;

package/collection/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.css CHANGED Viewed

@@ -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-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row {
   margin-bottom: 1rem;
 }

package/collection/components/input/pn-filter-checkbox/pn-filter-checkbox.css CHANGED Viewed

@@ -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;
+  }
+}
 :host {
   display: inline-block;
   user-select: none;

package/collection/components/input/pn-marketweb-input/pn-marketweb-input.css CHANGED Viewed

@@ -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--marketweb-input {
   display: inline-flex;
   flex-direction: column;

package/collection/components/input/pn-marketweb-search/pn-marketweb-search.css CHANGED Viewed

@@ -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;
+  }
+}
 :host {
   display: inline-flex;
 }

package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js CHANGED Viewed

@@ -35,10 +35,11 @@ export class PnMarketwebSearch {
     setVal(e) {
         this.value = e.target.value;
     }
-    clearInput() {
+    clearInput(e) {
         this.value = '';
         this.update.emit(this.value);
-        this.hostElement.querySelector('input').focus();
+        const closestInputField = e.target.closest("div.input-container")?.querySelector("input[type=search]");
+        closestInputField?.focus();
     }
     getClassNames() {
         let classNames = '';
@@ -79,7 +80,7 @@ export class PnMarketwebSearch {
         });
     }
     render() {
-        return (h(Host, { key: '0b682770e7717859ae63e30fb63eafb58688213b' }, h("div", { key: '47a7b03aead0498b5387e322771876730d91e0ee', class: `input-container ${this.getClassNames()}`, "data-haslist": (this.list !== null) + '' }, h("input", { key: '214e1b792f8ed6334e1e7719a3a60617260f4e13', type: "search", value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, list: this.list, onKeyDown: e => this.emitSearch(e), onInput: e => this.setVal(e) }), h("div", { key: 'e8e385b02015e69fffdb3d98ef7019cbe3a0ae8a', class: "button-container" }, (this.button === 'none' || this.button === 'icon-inline') && (h("button", { key: '162340c5e929f729479e69800ddd0f1f70387ac7', class: "search", tabindex: this.button === 'icon-inline' ? '0' : '-1', onClick: e => this.emitSearch(e), "aria-label": "search", title: "search" }, h("pn-icon", { key: 'aff75aa97f4defa3d16d1c0b380733279fad5e1b', icon: search, color: "blue700" }))), this.button !== 'icon-inline' && (h("button", { key: 'f468e08f5093bdc629663af835b711b8ebe22f00', class: "clear", "aria-label": "clear", title: "clear search field", tabindex: this.value && (!this.loading || this.button !== 'none') ? '0' : '-1', onClick: () => this.clearInput() }, h("pn-icon", { key: '17b4ed79a3ff0694cea246c3151feafdb459ce7d', icon: close_small, color: "blue700" }))), this.button === 'none' || (this.button === 'icon-inline' && h("pn-spinner", { key: '248118b563d93c74cd45d3d68ce923caeb008d76' })))), this.button !== 'none' && this.button !== 'icon-inline' && (h("pn-button", { key: '68ce11c62c479707fc9f6c06bbca63ae9453cf14', onClick: e => this.emitSearch(e), loading: this.loading, icon: search, appearance: this.light ? 'light' : 'dark', tooltip: this.button === 'icon' ? this.label : null }, this.label)), this.list && (h("datalist", { key: '4fffbc6bd51af6299eda20f3bcbe7521b73d96d5', id: this.list }, this.listSuggestion.map(item => {
+        return (h(Host, { key: 'bd91a32439d948f4362fd667a2a897e00b480a5b' }, h("div", { key: 'dd45a9899d15079c13c060e4cfd75c60730ac922', class: `input-container ${this.getClassNames()}`, "data-haslist": (this.list !== null) + '' }, h("input", { key: '0e283a03de256f134b2d8936fdf2a4d2dd206f2c', type: "search", value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, list: this.list, onKeyDown: e => this.emitSearch(e), onInput: e => this.setVal(e) }), h("div", { key: '1eff04ef905ee36aa2e7d7976e522a8bc114681b', class: "button-container" }, (this.button === 'none' || this.button === 'icon-inline') && (h("button", { key: '46f1d1b36518d0b7cc5430efa9167b626d7c80eb', class: "search", tabindex: this.button === 'icon-inline' ? '0' : '-1', onClick: e => this.emitSearch(e), "aria-label": "search", title: "search" }, h("pn-icon", { key: 'ba9cb2a21f9561d79ab779058acaf83f0be7da7a', icon: search, color: "blue700" }))), this.button !== 'icon-inline' && (h("button", { key: '5b537c0cb6227ad2f3fb1d7227c698436510a5b9', class: "clear", "aria-label": "clear", title: "clear search field", tabindex: this.value && (!this.loading || this.button !== 'none') ? '0' : '-1', onClick: (e) => this.clearInput(e) }, h("pn-icon", { key: '70873e93689282f189e65b68a9fa980ad6f9158b', icon: close_small, color: "blue700" }))), this.button === 'none' || (this.button === 'icon-inline' && h("pn-spinner", { key: '6fe9c471b0b67f785e3e5a98ab79c93dacd32d80' })))), this.button !== 'none' && this.button !== 'icon-inline' && (h("pn-button", { key: 'a3671a3fbca963021a75540284144d1cea41c8ab', onClick: e => this.emitSearch(e), loading: this.loading, icon: search, appearance: this.light ? 'light' : 'dark', tooltip: this.button === 'icon' ? this.label : null }, this.label)), this.list && (h("datalist", { key: '7e0bfeda8401c388ebeb3e0e185b52e09636ac8d', id: this.list }, this.listSuggestion.map(item => {
             return h("option", null, item);
         })))));
     }

package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-marketweb-search.js","sourceRoot":"","sources":["../../../../src/components/input/pn-marketweb-search/pn-marketweb-search.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAO1E,MAAM,OAAO,iBAAiB;;wBACA,KAAK;2BACH,IAAI;uBACR,IAAI;oBACP,IAAI;4BACI,IAAI;oBACZ,IAAI;qBACH,IAAI;qBAEJ,IAAI;uBAED,KAAK;sBAEP,EAAE;qBAEF,KAAK;kCA0CkB,IAAI;8BACjB,KAAK;8BACJ,EAAE;;IA1C3B,WAAW,CAAc;IAEpC,wEAAwE;IAC/D,MAAM,CAAe;IAC9B,kIAAkI;IACzH,MAAM,CAAe;IAG9B,YAAY;QACV,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,UAAU,CAAC,CAAC;QACV,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,CAAC,EAAE,CAAC;YACtE,yGAAyG;YACzG,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,MAAM,CAAC,CAAC;QACN,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;IAClD,CAAC;IAED,aAAa;QACX,IAAI,UAAU,GAAG,EAAE,CAAC;QAEpB,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC;QACpD,IAAI,IAAI,CAAC,KAAK;YAAE,UAAU,IAAI,YAAY,CAAC;QAC3C,IAAI,IAAI,CAAC,OAAO;YAAE,UAAU,IAAI,UAAU,CAAC;QAC3C,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;YAAE,UAAU,IAAI,UAAU,IAAI,CAAC,MAAM,GAAG,CAAC;QAE9E,OAAO,UAAU,CAAC;IACpB,CAAC;IAID,mBAAmB;QACjB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,wBAAwB,EAAE,CAAC;IAClC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,wBAAwB;QACtB,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/G,OAAO;QACT,CAAC;QACD,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtD,IAAI,CAAC,kBAAkB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACpG,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3E,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,cAAc,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,IAAuB,EAAE,EAAE;YAC5D,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC/B,OAAO,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC;YACD,OAAO,IAAI,CAAC,SAAS,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,aAAa,EAAE,EAAE,kBAAgB,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;gBAC5F,8DACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAC5B;gBAEF,4DAAK,KAAK,EAAC,kBAAkB;oBAC1B,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,aAAa,CAAC,IAAI,CAC5D,+DAAQ,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,gBAAa,QAAQ,EAAC,KAAK,EAAC,QAAQ;wBAC/I,gEAAS,IAAI,EAAE,MAAM,EAAE,KAAK,EAAC,SAAS,GAAW,CAC1C,CACV;oBACA,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,CAChC,+DACE,KAAK,EAAC,OAAO,gBACF,OAAO,EAClB,KAAK,EAAC,oBAAoB,EAC1B,QAAQ,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9E,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;wBAEhC,gEAAS,IAAI,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS,GAAW,CAC/C,CACV;oBAEA,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,oEAAyB,CAAC,CACnF,CACF;YAEL,IAAI,CAAC,MAAM,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,CAC1D,kEACE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAChC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACzC,OAAO,EAAE,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAElD,IAAI,CAAC,KAAK,CACD,CACb;YACA,IAAI,CAAC,IAAI,IAAI,CACZ,iEAAU,EAAE,EAAE,IAAI,CAAC,IAAI,IACpB,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAC9B,OAAO,kBAAS,IAAI,CAAU,CAAC;YACjC,CAAC,CAAC,CACO,CACZ,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter, Element, Listen, State } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-search',\n styleUrl: 'pn-marketweb-search.scss',\n shadow: true,\n})\nexport class PnMarketwebSearch {\n @Prop() disabled: boolean = false;\n @Prop() placeholder: string = null;\n @Prop() inputid: string = null;\n @Prop() name: string = null;\n @Prop() autocomplete: string = null;\n @Prop() list: string = null;\n @Prop() value: string = null;\n /** Label for the button /\n @Prop() label: string = null;\n /* Loading animation /\n @Prop() loading: boolean = false;\n /* Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) /\n @Prop() button: string = '';\n /* Light instead of dark search button /\n @Prop() light: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n /* This is emitted on search submission both with keyboard and mouse /\n @Event() search: EventEmitter;\n /* custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n @Event() update: EventEmitter;\n\n @Listen('input')\n inputHandler() {\n this.update.emit(this.value);\n }\n\n emitSearch(e) {\n if (e.type === 'click' \|\| (e.type === 'keydown' && e.key === 'Enter')) {\n // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n e.preventDefault();\n this.search.emit(this.value);\n }\n }\n\n setVal(e) {\n this.value = e.target.value;\n }\n\n clearInput() {\n this.value = '';\n this.update.emit(this.value);\n this.hostElement.querySelector('input').focus();\n }\n\n getClassNames() {\n let classNames = '';\n\n const buttonTypes = ['none', 'icon', 'icon-inline'];\n if (this.value) classNames += 'searching ';\n if (this.loading) classNames += 'loading ';\n if (buttonTypes.includes(this.button)) classNames += `button-${this.button} `;\n\n return classNames;\n }\n @State() suggestionObserver: MutationObserver = null;\n @State() hasClonedInput: boolean = false;\n @State() listSuggestion: string[] = [];\n componentWillRender() {\n this.cloneListContent();\n this.autocompleteEventBinding();\n }\n\n onSuggestionUpdate() {\n this.cloneListContent();\n }\n\n autocompleteEventBinding() {\n if (this.suggestionObserver !== null \|\| !this.list \|\| !this.hostElement \|\| !document.getElementById(this.list)) {\n return;\n }\n const targetNode = document.getElementById(this.list);\n this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));\n this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });\n }\n\n cloneListContent() {\n if (!this.list \|\| !this.hostElement \|\| !document.getElementById(this.list)) {\n return;\n }\n const options = [...document.getElementById(this.list).querySelectorAll('option')];\n this.listSuggestion = options.map((item: HTMLOptionElement) => {\n if (item.hasAttribute('value')) {\n return item.getAttribute('value');\n }\n return item.innerText;\n });\n }\n\n render() {\n return (\n <Host>\n <div class={`input-container ${this.getClassNames()}`} data-haslist={(this.list !== null) + ''}>\n <input\n type=\"search\"\n value={this.value}\n id={this.inputid}\n name={this.name}\n placeholder={this.placeholder}\n disabled={this.disabled}\n autocomplete={this.autocomplete}\n list={this.list}\n onKeyDown={e => this.emitSearch(e)}\n onInput={e => this.setVal(e)}\n />\n\n <div class=\"button-container\">\n {(this.button === 'none' \|\| this.button === 'icon-inline') && (\n <button class=\"search\" tabindex={this.button === 'icon-inline' ? '0' : '-1'} onClick={e => this.emitSearch(e)} aria-label=\"search\" title=\"search\">\n <pn-icon icon={search} color=\"blue700\"></pn-icon>\n </button>\n )}\n {this.button !== 'icon-inline' && (\n <button\n class=\"clear\"\n aria-label=\"clear\"\n title=\"clear search field\"\n tabindex={this.value && (!this.loading \|\| this.button !== 'none') ? '0' : '-1'}\n onClick={() => this.clearInput()}\n >\n <pn-icon icon={close_small} color=\"blue700\"></pn-icon>\n </button>\n )}\n\n {this.button === 'none' \|\| (this.button === 'icon-inline' && <pn-spinner></pn-spinner>)}\n </div>\n </div>\n\n {this.button !== 'none' && this.button !== 'icon-inline' && (\n <pn-button\n onClick={e => this.emitSearch(e)}\n loading={this.loading}\n icon={search}\n appearance={this.light ? 'light' : 'dark'}\n tooltip={this.button === 'icon' ? this.label : null}\n >\n {this.label}\n </pn-button>\n )}\n {this.list && (\n <datalist id={this.list}>\n {this.listSuggestion.map(item => {\n return <option>{item}</option>;\n })}\n </datalist>\n )}\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pn-marketweb-search.js","sourceRoot":"","sources":["../../../../src/components/input/pn-marketweb-search/pn-marketweb-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Event, EventEmitter, Element, Listen, State } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-search',\n styleUrl: 'pn-marketweb-search.scss',\n shadow: true,\n})\nexport class PnMarketwebSearch {\n @Prop() disabled: boolean = false;\n @Prop() placeholder: string = null;\n @Prop() inputid: string = null;\n @Prop() name: string = null;\n @Prop() autocomplete: string = null;\n @Prop() list: string = null;\n @Prop() value: string = null;\n /** Label for the button /\n @Prop() label: string = null;\n /* Loading animation /\n @Prop() loading: boolean = false;\n /* Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) /\n @Prop() button: string = '';\n /* Light instead of dark search button /\n @Prop() light: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n /* This is emitted on search submission both with keyboard and mouse /\n @Event() search: EventEmitter;\n /* custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n @Event() update: EventEmitter;\n\n @Listen('input')\n inputHandler() {\n this.update.emit(this.value);\n }\n\n emitSearch(e) {\n if (e.type === 'click' \|\| (e.type === 'keydown' && e.key === 'Enter')) {\n // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n e.preventDefault();\n this.search.emit(this.value);\n }\n }\n\n setVal(e) {\n this.value = e.target.value;\n }\n\n clearInput(e) {\n this.value = '';\n this.update.emit(this.value);\n const closestInputField = e.target.closest(\"div.input-container\")?.querySelector(\"input[type=search]\");\n closestInputField?.focus();\n }\n\n getClassNames() {\n let classNames = '';\n\n const buttonTypes = ['none', 'icon', 'icon-inline'];\n if (this.value) classNames += 'searching ';\n if (this.loading) classNames += 'loading ';\n if (buttonTypes.includes(this.button)) classNames += `button-${this.button} `;\n\n return classNames;\n }\n @State() suggestionObserver: MutationObserver = null;\n @State() hasClonedInput: boolean = false;\n @State() listSuggestion: string[] = [];\n componentWillRender() {\n this.cloneListContent();\n this.autocompleteEventBinding();\n }\n\n onSuggestionUpdate() {\n this.cloneListContent();\n }\n\n autocompleteEventBinding() {\n if (this.suggestionObserver !== null \|\| !this.list \|\| !this.hostElement \|\| !document.getElementById(this.list)) {\n return;\n }\n const targetNode = document.getElementById(this.list);\n this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));\n this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });\n }\n\n cloneListContent() {\n if (!this.list \|\| !this.hostElement \|\| !document.getElementById(this.list)) {\n return;\n }\n const options = [...document.getElementById(this.list).querySelectorAll('option')];\n this.listSuggestion = options.map((item: HTMLOptionElement) => {\n if (item.hasAttribute('value')) {\n return item.getAttribute('value');\n }\n return item.innerText;\n });\n }\n\n render() {\n return (\n <Host>\n <div class={`input-container ${this.getClassNames()}`} data-haslist={(this.list !== null) + ''}>\n <input\n type=\"search\"\n value={this.value}\n id={this.inputid}\n name={this.name}\n placeholder={this.placeholder}\n disabled={this.disabled}\n autocomplete={this.autocomplete}\n list={this.list}\n onKeyDown={e => this.emitSearch(e)}\n onInput={e => this.setVal(e)}\n />\n\n <div class=\"button-container\">\n {(this.button === 'none' \|\| this.button === 'icon-inline') && (\n <button class=\"search\" tabindex={this.button === 'icon-inline' ? '0' : '-1'} onClick={e => this.emitSearch(e)} aria-label=\"search\" title=\"search\">\n <pn-icon icon={search} color=\"blue700\"></pn-icon>\n </button>\n )}\n {this.button !== 'icon-inline' && (\n <button\n class=\"clear\"\n aria-label=\"clear\"\n title=\"clear search field\"\n tabindex={this.value && (!this.loading \|\| this.button !== 'none') ? '0' : '-1'}\n onClick={(e) => this.clearInput(e)}\n >\n <pn-icon icon={close_small} color=\"blue700\"></pn-icon>\n </button>\n )}\n\n {this.button === 'none' \|\| (this.button === 'icon-inline' && <pn-spinner></pn-spinner>)}\n </div>\n </div>\n\n {this.button !== 'none' && this.button !== 'icon-inline' && (\n <pn-button\n onClick={e => this.emitSearch(e)}\n loading={this.loading}\n icon={search}\n appearance={this.light ? 'light' : 'dark'}\n tooltip={this.button === 'icon' ? this.label : null}\n >\n {this.label}\n </pn-button>\n )}\n {this.list && (\n <datalist id={this.list}>\n {this.listSuggestion.map(item => {\n return <option>{item}</option>;\n })}\n </datalist>\n )}\n </Host>\n );\n }\n}\n"]}

package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.css CHANGED Viewed

@@ -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-multi-row-connected-dropdown-row {
   gap: 1rem;
 }

package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.css CHANGED Viewed

@@ -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-multi-row-connected-dropdown {
   gap: 1rem;
 }

package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.css CHANGED Viewed

@@ -2,10 +2,60 @@ 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-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-sitefooter .social-media a[target=_blank]:not(.pn-button):after {
   content: none;
 }

package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js CHANGED Viewed

@@ -128,7 +128,7 @@ export class PnMarketwebSiteheader {
     renderCols() {
         if (this.gotData && this.footerContent?.columns) {
             return this.footerContent.columns.map(column => {
-                return (h("pn-site-footer-col", { theme: this.theme }, column.firstLinkAsHeader && column.links && column.links[0] ? (h("a", { href: column.links[0].linkHref, target: column.links[0].openInNewWindow ? '_blank' : null, rel: column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null, title: column.links[0].linkText, id: this.uniqueId(column.links[0].linkText) }, h(HeadingTag, { heading: column.links[0].linkText, level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` }))) : (h(HeadingTag, { heading: column.heading, level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` })), column.links && (!column.body || this.theme === 'tpl') ? (h("ul", { ...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' }) }, column.links.map((link, i) => {
+                return (h("pn-site-footer-col", { theme: this.theme }, column.firstLinkAsHeader && column.links && column.links[0] ? (h("a", { href: column.links[0].linkHref, target: column.links[0].openInNewWindow ? '_blank' : null, rel: column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null, title: column.links[0].linkText, id: this.uniqueId(column.links[0].linkText) }, h(HeadingTag, { level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` }, column.links[0].linkText))) : (h(HeadingTag, { level: this.headingLevel, cssClass: `${"pn-" + this.headingLevel}` }, column.heading)), column.links && (!column.body || this.theme === 'tpl') ? (h("ul", { ...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' }) }, column.links.map((link, i) => {
                     if (!link.linkHref || (column.firstLinkAsHeader && i == 0)) {
                         return false;
                     }

package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-marketweb-sitefooter.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n tag: 'pn-marketweb-sitefooter',\n styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n\n @Prop({ mutable: true, reflect: true }) market: string = 'se';\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @Prop({ mutable: true, reflect: true }) environment: string = null;\n @Prop() endpoint: string = null;\n\n /** Adjusts the menus URLs /\n @Prop() siteDomainInUrls: boolean = false;\n\n /* If the component should use cached requests /\n @Prop() cache: boolean = false;\n\n /* dotcom prop /\n @Prop({ reflect: true }) theme: string = 'default';\n /* dotcom backgroundcolor */\n @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n @Prop() showSwan: boolean = false;\n @Prop() headingLevel: string = \"h2\";\n\n @State() siteDefinition: MenuSiteDefinition;\n @State() footerContent: SiteFooterContentModel;\n\n @State() i18n: any;\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n\n fetchHelper = new FetchHelper('sitefooter');\n endpointPath = '/api/footer/footer';\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.fetchData();\n }\n\n setFetchUrl(endpointBase: string) {\n switch (this.theme) {\n case 'dotcom':\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n default:\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n }\n }\n\n async fetchData() {\n if (this.endpoint === null \|\| !this.market \|\| !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = this.setFetchUrl(endpointBase);\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n this.onFetchRefreshed.bind(this),\n )) as any;\n await this.setStateFromData(data);\n }\n\n onFetchRefreshed(data) {\n this.setStateFromData(data);\n }\n\n setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n this.siteDefinition = data.sitedefinition;\n this.footerContent = data.footer;\n\n if (this.siteDomainInUrls) {\n this.adjustLinks();\n }\n\n this.gotData = true;\n this.fetchingData = true;\n }\n adjustLinks() {\n this.footerContent.bottomLinks.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n this.footerContent.columns.forEach(col => {\n col.links.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n });\n }\n\n adjustHref(href: string) {\n if (!href \|\| href.indexOf('http') === 0 \|\| this.siteDomainInUrls) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n href = domainUrl + href;\n return href;\n }\n\n uniqueId(text: string) {\n return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n renderCols() {\n if (this.gotData && this.footerContent?.columns) {\n return this.footerContent.columns.map(column => {\n return (\n <pn-site-footer-col theme={this.theme}>\n {column.firstLinkAsHeader && column.links && column.links[0] ? (\n <a\n href={column.links[0].linkHref}\n target={column.links[0].openInNewWindow ? '_blank' : null}\n rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n title={column.links[0].linkText}\n id={this.uniqueId(column.links[0].linkText)}\n >\n <HeadingTag heading={column.links[0].linkText} level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}/>\n </a>\n ) : (\n <HeadingTag heading={column.heading} level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}/>\n )}\n {column.links && (!column.body \|\| this.theme === 'tpl') ? (\n <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n {column.links.map((link, i) => {\n if (!link.linkHref \|\| (column.firstLinkAsHeader && i == 0)) {\n return false;\n }\n let linkText = link.linkText;\n if (link.linkType) {\n linkText = getSocialMediaIconsByType(link.linkType);\n }\n let linkId = this.uniqueId(linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n </a>\n </li>\n );\n })}\n </ul>\n ) : null}\n {column.body ? <div innerHTML={column.body}></div> : null}\n <slot name=\"bottomsocialmediadesktop\" />\n <slot name=\"bottomsocialmediamobile\" />\n </pn-site-footer-col>\n );\n });\n } else {\n return null;\n }\n }\n\n renderBottomLinks() {\n return this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <li>{link.linkText}</li>;\n }\n let linkId = this.uniqueId(link.linkText);\n\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n </li>\n );\n });\n }\n\n renderDefaultFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n <slot name=\"logo\"></slot>\n {this.renderCols()}\n\n <div slot=\"bottom\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? (\n <span>\n {this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <span>{link.linkText}</span>;\n }\n let linkId = this.uniqueId(link.linkText);\n return (\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n );\n })}\n </span>\n ) : null}\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n renderSocialMeidaIconListElements() {\n return (\n this.gotData &&\n this.footerContent?.socialmedialinks.map(link => {\n let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n let linkId = this.uniqueId(link.linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n </li>\n );\n })\n );\n }\n\n renderSwanComponent() {\n return (\n this.showSwan && (\n <div class=\"swan-wrapper\">\n <div class=\"separator\"></div>\n <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n </div>\n )\n );\n }\n\n renderDotComFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n {this.renderCols()}\n <slot name=\"middle-extra\"></slot>\n <slot name=\"middle-extra-mobile\"></slot>\n <div slot=\"bottom\">\n <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n <ul>{this.renderSocialMeidaIconListElements()}</ul>\n {this.renderSwanComponent()}\n </div>\n\n <div class=\"copyright\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n </div>\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n render() {\n switch (this.theme) {\n case 'dotcom':\n return this.renderDotComFooter();\n default:\n return this.renderDefaultFooter();\n }\n }\n}\n"]}
1	+ {"version":3,"file":"pn-marketweb-sitefooter.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MenuSiteDefinition, SiteFooterContentModel } from './pn-marketweb-sitefooter-types';\nimport { getSocialMediaIconsByType } from './socialMediaIcons';\nimport { translations } from './translations';\nimport { HeadingTag } from '../../../globals/HeadingTag';\n\n@Component({\n tag: 'pn-marketweb-sitefooter',\n styleUrl: 'pn-marketweb-sitefooter.scss',\n})\nexport class PnMarketwebSiteheader {\n @Element() hostElement: Element;\n\n @Prop({ mutable: true, reflect: true }) market: string = 'se';\n @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n @Prop({ mutable: true, reflect: true }) environment: string = null;\n @Prop() endpoint: string = null;\n\n /** Adjusts the menus URLs /\n @Prop() siteDomainInUrls: boolean = false;\n\n /* If the component should use cached requests /\n @Prop() cache: boolean = false;\n\n /* dotcom prop /\n @Prop({ reflect: true }) theme: string = 'default';\n /* dotcom backgroundcolor */\n @Prop({ reflect: true }) backgroundcolor: string = 'darkestblue';\n\n @Prop() showSwan: boolean = false;\n @Prop() headingLevel: string = \"h2\";\n\n @State() siteDefinition: MenuSiteDefinition;\n @State() footerContent: SiteFooterContentModel;\n\n @State() i18n: any;\n @State() gotData: boolean = false;\n @State() fetchingData: boolean = false;\n\n fetchHelper = new FetchHelper('sitefooter');\n endpointPath = '/api/footer/footer';\n\n componentWillLoad() {\n this.setInitialValues().then(() => {\n this.init();\n });\n }\n\n async setInitialValues(href = window.location.href) {\n const marketWebContextService = new MarketWebContextService(href);\n if (!this.market) {\n const resolvedMarket = await marketWebContextService.getMarket();\n this.market = resolvedMarket;\n }\n if (!this.language) {\n const resolvedMarket = await marketWebContextService.getLanguage();\n this.language = resolvedMarket;\n }\n if (!this.environment) {\n this.environment = await marketWebContextService.getEnvironmentName();\n }\n if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n }\n if (!this.endpoint) {\n this.endpoint = '';\n }\n }\n\n async init() {\n this.setTranslations();\n await this.fetchData();\n }\n\n setTranslations() {\n if (this.language && translations[this.language]) {\n this.i18n = translations[this.language];\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n this.fetchData();\n }\n\n @Watch('market')\n onMarketChange() {\n this.fetchData();\n }\n\n setFetchUrl(endpointBase: string) {\n switch (this.theme) {\n case 'dotcom':\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&breakOutSocialMedia=true&extendColumns=true`;\n default:\n return `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}`;\n }\n }\n\n async fetchData() {\n if (this.endpoint === null \|\| !this.market \|\| !this.language) {\n // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n return;\n }\n\n this.fetchingData = true;\n const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n const fetchUrl = this.setFetchUrl(endpointBase);\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n {\n mode: 'cors',\n },\n this.cache,\n this.onFetchRefreshed.bind(this),\n )) as any;\n await this.setStateFromData(data);\n }\n\n onFetchRefreshed(data) {\n this.setStateFromData(data);\n }\n\n setStateFromData(data: any) {\n if (typeof data !== 'object') {\n console.warn('Data was not valid', data);\n }\n\n this.siteDefinition = data.sitedefinition;\n this.footerContent = data.footer;\n\n if (this.siteDomainInUrls) {\n this.adjustLinks();\n }\n\n this.gotData = true;\n this.fetchingData = true;\n }\n adjustLinks() {\n this.footerContent.bottomLinks.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n this.footerContent.columns.forEach(col => {\n col.links.forEach(link => {\n link.linkHref = this.adjustHref(link.linkHref);\n });\n });\n }\n\n adjustHref(href: string) {\n if (!href \|\| href.indexOf('http') === 0 \|\| this.siteDomainInUrls) {\n return href;\n }\n const domainUrl =\n this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n : this.siteDefinition.url;\n href = domainUrl + href;\n return href;\n }\n\n uniqueId(text: string) {\n return 'footer-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n }\n\n renderCols() {\n if (this.gotData && this.footerContent?.columns) {\n return this.footerContent.columns.map(column => {\n return (\n <pn-site-footer-col theme={this.theme}>\n {column.firstLinkAsHeader && column.links && column.links[0] ? (\n <a\n href={column.links[0].linkHref}\n target={column.links[0].openInNewWindow ? '_blank' : null}\n rel={column.links[0].openInNewWindow ? 'noopener nofollower noreferrer' : null}\n title={column.links[0].linkText}\n id={this.uniqueId(column.links[0].linkText)}\n >\n <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n {column.links[0].linkText}\n </HeadingTag>\n </a>\n ) : (\n <HeadingTag level={this.headingLevel} cssClass={`${\"pn-\" + this.headingLevel}`}>\n {column.heading}\n </HeadingTag>\n )}\n {column.links && (!column.body \|\| this.theme === 'tpl') ? (\n <ul {...(column.links && column.links[0] && column.links[0].linkType && { class: 'social-media' })}>\n {column.links.map((link, i) => {\n if (!link.linkHref \|\| (column.firstLinkAsHeader && i == 0)) {\n return false;\n }\n let linkText = link.linkText;\n if (link.linkType) {\n linkText = getSocialMediaIconsByType(link.linkType);\n }\n let linkId = this.uniqueId(linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}>\n {this.theme === 'tpl' ? <span class=\"footer-tpl-links\">{link.linkText}</span> : null}\n </a>\n </li>\n );\n })}\n </ul>\n ) : null}\n {column.body ? <div innerHTML={column.body}></div> : null}\n <slot name=\"bottomsocialmediadesktop\" />\n <slot name=\"bottomsocialmediamobile\" />\n </pn-site-footer-col>\n );\n });\n } else {\n return null;\n }\n }\n\n renderBottomLinks() {\n return this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <li>{link.linkText}</li>;\n }\n let linkId = this.uniqueId(link.linkText);\n\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n </li>\n );\n });\n }\n\n renderDefaultFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer url={this.siteDefinition?.url ?? ''}>\n <slot name=\"logo\"></slot>\n {this.renderCols()}\n\n <div slot=\"bottom\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? (\n <span>\n {this.footerContent.bottomLinks.map(link => {\n if (!link.linkHref) {\n return <span>{link.linkText}</span>;\n }\n let linkId = this.uniqueId(link.linkText);\n return (\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} id={linkId}>\n {link.linkText}\n </a>\n );\n })}\n </span>\n ) : null}\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n renderSocialMeidaIconListElements() {\n return (\n this.gotData &&\n this.footerContent?.socialmedialinks.map(link => {\n let linkText = getSocialMediaIconsByType(link.linkType, '#00A0D6');\n let linkId = this.uniqueId(link.linkText);\n return (\n <li>\n <a href={link.linkHref} {...(link.openInNewWindow && { target: '_blank' })} title={link.linkText} innerHTML={linkText} id={linkId}></a>\n </li>\n );\n })\n );\n }\n\n renderSwanComponent() {\n return (\n this.showSwan && (\n <div class=\"swan-wrapper\">\n <div class=\"separator\"></div>\n <pn-swan language={this.language} license-number={this.footerContent?.swanInfo?.swanLicense} link-to={this.footerContent?.swanInfo?.swanLink} />\n </div>\n )\n );\n }\n\n renderDotComFooter() {\n return (\n <Host language={this.language} market={this.market} environment={this.environment}>\n <pn-site-footer theme={this.theme} url={this.siteDefinition?.url ?? ''}>\n {this.renderCols()}\n <slot name=\"middle-extra\"></slot>\n <slot name=\"middle-extra-mobile\"></slot>\n <div slot=\"bottom\">\n <div class={`social-media ${this.showSwan ? 'social-media--swan' : ''}`}>\n <ul>{this.renderSocialMeidaIconListElements()}</ul>\n {this.renderSwanComponent()}\n </div>\n\n <div class=\"copyright\">\n {this.gotData && this.footerContent?.copyrightText ? <span>{this.footerContent.copyrightText}</span> : null}\n {this.gotData && this.footerContent?.bottomLinks ? <ul>{this.renderBottomLinks()}</ul> : null}\n </div>\n </div>\n </pn-site-footer>\n </Host>\n );\n }\n\n render() {\n switch (this.theme) {\n case 'dotcom':\n return this.renderDotComFooter();\n default:\n return this.renderDefaultFooter();\n }\n }\n}\n"]}

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.css CHANGED Viewed

@@ -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-marketweb-siteheader-login-linklist {
   display: flex;
   flex-direction: column;

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.css CHANGED Viewed

@@ -1,3 +1,28 @@
 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;
+  }
 }

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.css CHANGED Viewed

@@ -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-marketweb-siteheader-login-profileselection-heading {
   display: block;
   padding: 0.5rem 0 1rem;

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js CHANGED Viewed

@@ -107,6 +107,7 @@ export class PnMarketwebSiteheaderLoginProfileselection {
         };
         const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;
         if (!data || !data.organizations || !data.organizations.length) {
+            this.heading = ""; //this is to not get "logged in as" text when its private account
             return;
         }
         data.organizations.forEach(org => {