@postnord/pn-marketweb-components 4.5.1 → 4.6.1

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 (81) hide show
  1. package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js +1 -1
  2. package/cjs/pn-language-selector_13.cjs.entry.js +6 -5
  3. package/cjs/pn-language-selector_13.cjs.entry.js.map +1 -1
  4. package/cjs/pn-marketweb-siteheader-login-button_2.cjs.entry.js +3 -5
  5. package/cjs/pn-marketweb-siteheader-login-button_2.cjs.entry.js.map +1 -1
  6. package/cjs/pn-multi-row-connected-dropdown-row.cjs.entry.js +1 -1
  7. package/cjs/pn-multi-row-connected-dropdown.cjs.entry.js +1 -1
  8. package/cjs/pn-multiple-input.cjs.entry.js +1 -1
  9. package/cjs/pn-play-on-scroll.cjs.entry.js +1 -1
  10. package/cjs/pn-scroll_2.cjs.entry.js +1 -1
  11. package/cjs/pn-stats-info-data.cjs.entry.js +1 -1
  12. package/cjs/transfer-3cf2ea0d.js +8 -0
  13. package/cjs/transfer-3cf2ea0d.js.map +1 -0
  14. package/cjs/v4-de9aacdf.js +71 -0
  15. package/cjs/v4-de9aacdf.js.map +1 -0
  16. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.css +0 -3
  17. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.css +13 -27
  18. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js +4 -4
  19. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js.map +1 -1
  20. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.css +0 -7
  21. package/components/pn-marketweb-siteheader-login-linklist2.js +2 -2
  22. package/components/pn-marketweb-siteheader-login-linklist2.js.map +1 -1
  23. package/components/pn-marketweb-siteheader-login-profileselection2.js +5 -5
  24. package/components/pn-marketweb-siteheader-login-profileselection2.js.map +1 -1
  25. package/components/pn-marketweb-siteheader-login2.js +1 -1
  26. package/components/pn-marketweb-siteheader-login2.js.map +1 -1
  27. package/components/v4.js +53 -52
  28. package/components/v4.js.map +1 -1
  29. package/esm/pn-dropdown-with-multi-input-rows.entry.js +1 -1
  30. package/esm/pn-language-selector_13.entry.js +6 -5
  31. package/esm/pn-language-selector_13.entry.js.map +1 -1
  32. package/esm/pn-marketweb-siteheader-login-button_2.entry.js +2 -4
  33. package/esm/pn-marketweb-siteheader-login-button_2.entry.js.map +1 -1
  34. package/esm/pn-multi-row-connected-dropdown-row.entry.js +1 -1
  35. package/esm/pn-multi-row-connected-dropdown.entry.js +1 -1
  36. package/esm/pn-multiple-input.entry.js +1 -1
  37. package/esm/pn-play-on-scroll.entry.js +1 -1
  38. package/esm/pn-scroll_2.entry.js +1 -1
  39. package/esm/pn-stats-info-data.entry.js +1 -1
  40. package/esm/transfer-a5986b65.js +6 -0
  41. package/esm/transfer-a5986b65.js.map +1 -0
  42. package/esm/v4-08967a5a.js +69 -0
  43. package/esm/v4-08967a5a.js.map +1 -0
  44. package/package.json +8 -5
  45. package/pn-market-web-components/{p-8a76d782.entry.js → p-016016f0.entry.js} +2 -2
  46. package/pn-market-web-components/{p-3f268359.entry.js → p-2dfa364d.entry.js} +2 -2
  47. package/pn-market-web-components/{p-3d11fd8a.entry.js → p-3ab56a51.entry.js} +2 -2
  48. package/pn-market-web-components/{p-71956f95.entry.js → p-6533f8f4.entry.js} +2 -2
  49. package/pn-market-web-components/{p-ac565795.entry.js → p-84ef21c0.entry.js} +2 -2
  50. package/pn-market-web-components/p-a89eaf58.entry.js +2 -0
  51. package/pn-market-web-components/p-a89eaf58.entry.js.map +1 -0
  52. package/pn-market-web-components/p-c4c32c46.js +2 -0
  53. package/pn-market-web-components/p-c4c32c46.js.map +1 -0
  54. package/pn-market-web-components/p-d3a44504.entry.js +2 -0
  55. package/pn-market-web-components/p-d3a44504.entry.js.map +1 -0
  56. package/pn-market-web-components/p-e36420d7.js +2 -0
  57. package/pn-market-web-components/p-e36420d7.js.map +1 -0
  58. package/pn-market-web-components/{p-6f1bf16b.entry.js → p-f1e6ba9e.entry.js} +2 -2
  59. package/pn-market-web-components/{p-6f1e27ec.entry.js → p-fe0a29cf.entry.js} +2 -2
  60. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  61. package/umd/modules/@postnord/web-components/package.json +1 -1
  62. package/umd/pn-marketweb-init.js +1 -1
  63. package/umd/pn-marketweb-salesforce-header.js +1 -1
  64. package/umd/pn-marketweb-salesforce.js +1 -1
  65. package/cjs/v4-9b297151.js +0 -70
  66. package/cjs/v4-9b297151.js.map +0 -1
  67. package/esm/v4-964634d6.js +0 -68
  68. package/esm/v4-964634d6.js.map +0 -1
  69. package/pn-market-web-components/p-4ed69de7.js +0 -2
  70. package/pn-market-web-components/p-4ed69de7.js.map +0 -1
  71. package/pn-market-web-components/p-c668f68a.entry.js +0 -2
  72. package/pn-market-web-components/p-c668f68a.entry.js.map +0 -1
  73. package/pn-market-web-components/p-da4863ad.entry.js +0 -2
  74. package/pn-market-web-components/p-da4863ad.entry.js.map +0 -1
  75. /package/pn-market-web-components/{p-8a76d782.entry.js.map → p-016016f0.entry.js.map} +0 -0
  76. /package/pn-market-web-components/{p-3f268359.entry.js.map → p-2dfa364d.entry.js.map} +0 -0
  77. /package/pn-market-web-components/{p-3d11fd8a.entry.js.map → p-3ab56a51.entry.js.map} +0 -0
  78. /package/pn-market-web-components/{p-71956f95.entry.js.map → p-6533f8f4.entry.js.map} +0 -0
  79. /package/pn-market-web-components/{p-ac565795.entry.js.map → p-84ef21c0.entry.js.map} +0 -0
  80. /package/pn-market-web-components/{p-6f1bf16b.entry.js.map → p-f1e6ba9e.entry.js.map} +0 -0
  81. /package/pn-market-web-components/{p-6f1e27ec.entry.js.map → p-fe0a29cf.entry.js.map} +0 -0
@@ -1,11 +1,9 @@
1
1
  import { r as registerInstance, g as getElement, h, d as Host } from './index-c0a4d8bd.js';
2
2
  import { s as state } from './pn-marketweb-siteheader-store-69bcd7eb.js';
3
3
  import { a as arrow_right } from './arrow_right-f4852d04.js';
4
+ import { t as transfer } from './transfer-a5986b65.js';
4
5
  import './index-a0a6fb88.js';
5
6
 
6
- 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="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';
7
- const transfer = icon;
8
-
9
7
  const getLoginUrl = (useMarketwebLogin, environment) => {
10
8
  const environment_Production = "PRODUCTION";
11
9
  const devAuthUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';
@@ -47,7 +45,7 @@ const PnMarketwebSiteheaderLoginButton = class {
47
45
  };
48
46
  PnMarketwebSiteheaderLoginButton.style = PnMarketwebSiteheaderLoginButtonStyle0;
49
47
 
50
- const pnMarketwebSiteheaderLoginLinklistCss = "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{--login-linklist-heading-color:var(--siteheader-login-linklist-heading-color, inherit);--login-linklist-link-color:var(--siteheader-login-linklist-link-color, #005d92);--login-linklist-link-hover-color:var(--siteheader-login-linklist-link-hover-color, #0d234b);--login-linklist-button-link-color:var(--siteheader-login-linklist-button-link-color, #ffffff);--login-linklist-icon-color:var(--siteheader-login-linklist-icon-color, #005d92);--login-linklist-icon-hover-color:var(--siteheader-login-linklist-icon-hover-color, #0d234b)}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}.pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem;color:var(--login-linklist-heading-color)}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li a:hover{color:var(--login-linklist-button-link-color)}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:var(--login-linklist-link-color)}pn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button){color:var(--login-linklist-link-hover-color);text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:var(--login-linklist-icon-color) !important}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:var(--login-linklist-icon-hover-color) !important}";
48
+ const pnMarketwebSiteheaderLoginLinklistCss = "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{--login-linklist-heading-color:var(--siteheader-login-linklist-heading-color, inherit);--login-linklist-link-color:var(--siteheader-login-linklist-link-color, #005d92);--login-linklist-link-hover-color:var(--siteheader-login-linklist-link-hover-color, #0d234b);--login-linklist-button-link-color:var(--siteheader-login-linklist-button-link-color, #ffffff);--login-linklist-icon-color:var(--siteheader-login-linklist-icon-color, #005d92);--login-linklist-icon-hover-color:var(--siteheader-login-linklist-icon-hover-color, #0d234b)}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}.pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem;color:var(--login-linklist-heading-color)}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li a:hover{color:var(--login-linklist-button-link-color)}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:var(--login-linklist-link-color)}pn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button){color:var(--login-linklist-link-hover-color);text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:var(--login-linklist-icon-color) !important}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:var(--login-linklist-icon-hover-color) !important}";
51
49
  const PnMarketwebSiteheaderLoginLinklistStyle0 = pnMarketwebSiteheaderLoginLinklistCss;
52
50
 
53
51
  const PnMarketwebSiteheaderLoginLinklist = class {
@@ -1 +1 @@
1
- {"file":"pn-marketweb-siteheader-login-button.pn-marketweb-siteheader-login-linklist.entry.js","mappings":"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","names":["headerState"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.scss?tag=pn-marketweb-siteheader-login-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["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=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","export const getLoginUrl = (useMarketwebLogin:boolean, environment:string) => {\n\nconst environment_Production = \"PRODUCTION\";\n\nconst devAuthUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst prodAuthUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst marketwebLoginUrl = '/login?returnUrl=';\n\nif(useMarketwebLogin)\n {\n return marketwebLoginUrl;\n }\n else if (environment.toUpperCase() !== environment_Production) {\n return devAuthUrl;\n } else {\n return prodAuthUrl;\n } \n };\n","pn-marketweb-siteheader-login-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { getLoginUrl } from './unifiedLoginHelper';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-button',\n styleUrl: 'pn-marketweb-siteheader-login-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginButton {\n @Element() hostElement: HTMLElement;\n @Prop() label: string = 'Log in';\n @Prop() useMarketwebLogin: boolean = false;\n @Prop() environment: string = 'local';\n \n loginUrl: string;\n\n componentWillLoad() {\n this.loginUrl = getLoginUrl(this.useMarketwebLogin, this.environment);\n }\n\n nagivateToLoginUrl() {\n const navigationUrl = `${this.loginUrl}${encodeURIComponent(window.location.href)}`;\n return navigationUrl;\n }\n\n render() {\n return (\n <Host>\n <pn-button href={this.nagivateToLoginUrl()}>{this.label}</pn-button>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n@import './pn-marketweb-siteheader-common.scss';\n\n// -----------------------------------------------------------------------------\n// Internal layout / visual constants (SCSS only)\n// -----------------------------------------------------------------------------\n$login-linklist-heading-font-weight: 500;\n$login-linklist-heading-font-size: 1.6rem;\n$login-linklist-heading-margin-bottom: 2.4rem;\n\n$login-linklist-strong-margin-bottom: 2.4rem;\n\n$login-linklist-list-item-margin-bottom: 2.4rem;\n\n$login-linklist-link-font-size: 1.6rem;\n$login-linklist-link-line-height: 1.5;\n$login-linklist-link-font-weight: 500;\n\n$login-linklist-icon-padding-left: 0.8rem;\n\n// -----------------------------------------------------------------------------\n// Component token defaults (CSS vars - only real override surface)\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist {\n --login-linklist-heading-color: var(--siteheader-login-linklist-heading-color, inherit);\n\n --login-linklist-link-color: var(--siteheader-login-linklist-link-color, #{$blue700});\n --login-linklist-link-hover-color: var(--siteheader-login-linklist-link-hover-color, #{$blue900});\n\n --login-linklist-button-link-color: var(--siteheader-login-linklist-button-link-color, #{$white});\n\n --login-linklist-icon-color: var(--siteheader-login-linklist-icon-color, #{$blue700});\n --login-linklist-icon-hover-color: var(--siteheader-login-linklist-icon-hover-color, #{$blue900});\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist {\n display: flex;\n flex-direction: column;\n}\n\n// -----------------------------------------------------------------------------\n// Heading\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-linklist-heading {\n font-weight: $login-linklist-heading-font-weight;\n font-size: $login-linklist-heading-font-size;\n margin-bottom: $login-linklist-heading-margin-bottom;\n color: var(--login-linklist-heading-color);\n}\n\npn-marketweb-siteheader-login-linklist strong {\n margin-bottom: $login-linklist-strong-margin-bottom;\n}\n\n// -----------------------------------------------------------------------------\n// List structure\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n\npn-marketweb-siteheader-login-linklist ul>li {\n margin-bottom: $login-linklist-list-item-margin-bottom;\n\n &:last-of-type {\n margin-bottom: 0;\n }\n}\n\n// -----------------------------------------------------------------------------\n// Links\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul>li a {\n text-decoration: none;\n font-size: $login-linklist-link-font-size;\n line-height: $login-linklist-link-line-height;\n font-weight: $login-linklist-link-font-weight;\n\n &:hover {\n color:var(--login-linklist-button-link-color);\n }\n}\n\npn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button) {\n color: var(--login-linklist-link-color);\n}\n\npn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button) {\n color: var(--login-linklist-link-hover-color);\n text-decoration: underline;\n}\n\n// -----------------------------------------------------------------------------\n// Icons\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul>li pn-icon {\n padding-left: $login-linklist-icon-padding-left;\n\n svg>path {\n fill: var(--login-linklist-icon-color) !important;\n }\n}\n\npn-marketweb-siteheader-login-linklist ul>li:hover pn-icon {\n svg>path {\n fill: var(--login-linklist-icon-hover-color) !important;\n }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-linklist',\n styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() links: LoginDialogLink[] = [];\n @Prop() idNamespace: string = '';\n @Prop() showUnifiedLogin: boolean = false;\n\n componentWillLoad() {}\n\n uniqueId(text: string) {\n return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n }\n\n linkAppearanceAttributes(link) {\n let attributes = {};\n if (link.linkType) {\n switch (link.linkType) {\n case 'primary':\n attributes = {\n appearance: '',\n variant: '',\n };\n break;\n case 'secondary':\n attributes = {\n appearance: 'light',\n variant: 'outlined',\n };\n break;\n case 'regularlink':\n default:\n attributes = {\n appearance: 'light',\n variant: 'borderless',\n icon: arrow_right,\n };\n break;\n }\n return attributes;\n }\n if (!link.linkType) {\n attributes = {\n appearance: link.primaryLinkApperance ? 'dark' : 'light',\n };\n }\n return attributes;\n }\n\n renderListAsButtons(link) {\n return (\n <li>\n <pn-button\n href={link.href}\n id={this.uniqueId(link.linkText)}\n {...(link.openInNewWindow && { target: '_blank' })}\n {...this.linkAppearanceAttributes(link)}\n onClick={() => {\n if (link.isLogoutLink) {\n headerState.loginManager.clearUserData();\n }\n }}\n >\n {link.linkText}\n </pn-button>\n </li>\n );\n }\n\n renderListAsLinks(link) {\n return (\n <li>\n <a\n href={link.href}\n id={this.uniqueId(link.linkText)}\n {...(link.openInNewWindow && { target: '_blank' })}\n onClick={() => {\n if (link.isLogoutLink) {\n headerState.loginManager.clearUserData();\n }\n }}\n >\n {link.linkText}\n {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n </a>\n </li>\n );\n }\n\n render() {\n if (!this.links || this.links.length === 0) {\n return;\n }\n return (\n <Host>\n {this.heading ? <p class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</p> : null}\n <ul>\n {this.links.map(link => {\n {\n return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n }\n })}\n </ul>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"pn-marketweb-siteheader-login-button.pn-marketweb-siteheader-login-linklist.entry.js","mappings":"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","names":["headerState"],"sources":["src/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.scss?tag=pn-marketweb-siteheader-login-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.tsx"],"sourcesContent":["export const getLoginUrl = (useMarketwebLogin:boolean, environment:string) => {\n\nconst environment_Production = \"PRODUCTION\";\n\nconst devAuthUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst prodAuthUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst marketwebLoginUrl = '/login?returnUrl=';\n\nif(useMarketwebLogin)\n {\n return marketwebLoginUrl;\n }\n else if (environment.toUpperCase() !== environment_Production) {\n return devAuthUrl;\n } else {\n return prodAuthUrl;\n } \n };\n","pn-marketweb-siteheader-login-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { getLoginUrl } from './unifiedLoginHelper';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-button',\n styleUrl: 'pn-marketweb-siteheader-login-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginButton {\n @Element() hostElement: HTMLElement;\n @Prop() label: string = 'Log in';\n @Prop() useMarketwebLogin: boolean = false;\n @Prop() environment: string = 'local';\n \n loginUrl: string;\n\n componentWillLoad() {\n this.loginUrl = getLoginUrl(this.useMarketwebLogin, this.environment);\n }\n\n nagivateToLoginUrl() {\n const navigationUrl = `${this.loginUrl}${encodeURIComponent(window.location.href)}`;\n return navigationUrl;\n }\n\n render() {\n return (\n <Host>\n <pn-button href={this.nagivateToLoginUrl()}>{this.label}</pn-button>\n </Host>\n );\n }\n}\n","@import '../../../globals/main.scss';\n@import './pn-marketweb-siteheader-common.scss';\n\n// -----------------------------------------------------------------------------\n// Internal layout / visual constants (SCSS only)\n// -----------------------------------------------------------------------------\n$login-linklist-heading-font-weight: 500;\n$login-linklist-heading-font-size: 1.6rem;\n$login-linklist-heading-margin-bottom: 2.4rem;\n\n$login-linklist-strong-margin-bottom: 2.4rem;\n\n$login-linklist-list-item-margin-bottom: 2.4rem;\n\n$login-linklist-link-font-size: 1.6rem;\n$login-linklist-link-line-height: 1.5;\n$login-linklist-link-font-weight: 500;\n\n$login-linklist-icon-padding-left: 0.8rem;\n\n// -----------------------------------------------------------------------------\n// Component token defaults (CSS vars - only real override surface)\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist {\n --login-linklist-heading-color: var(--siteheader-login-linklist-heading-color, inherit);\n\n --login-linklist-link-color: var(--siteheader-login-linklist-link-color, #{$blue700});\n --login-linklist-link-hover-color: var(--siteheader-login-linklist-link-hover-color, #{$blue900});\n\n --login-linklist-button-link-color: var(--siteheader-login-linklist-button-link-color, #{$white});\n\n --login-linklist-icon-color: var(--siteheader-login-linklist-icon-color, #{$blue700});\n --login-linklist-icon-hover-color: var(--siteheader-login-linklist-icon-hover-color, #{$blue900});\n}\n\n// -----------------------------------------------------------------------------\n// Host shell / layout\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist {\n display: flex;\n flex-direction: column;\n}\n\n// -----------------------------------------------------------------------------\n// Heading\n// -----------------------------------------------------------------------------\n.pn-marketweb-siteheader-login-linklist-heading {\n font-weight: $login-linklist-heading-font-weight;\n font-size: $login-linklist-heading-font-size;\n margin-bottom: $login-linklist-heading-margin-bottom;\n color: var(--login-linklist-heading-color);\n}\n\npn-marketweb-siteheader-login-linklist strong {\n margin-bottom: $login-linklist-strong-margin-bottom;\n}\n\n// -----------------------------------------------------------------------------\n// List structure\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul {\n list-style-type: none;\n padding: 0;\n margin: 0;\n}\n\npn-marketweb-siteheader-login-linklist ul>li {\n margin-bottom: $login-linklist-list-item-margin-bottom;\n}\n\n// -----------------------------------------------------------------------------\n// Links\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul>li a {\n text-decoration: none;\n font-size: $login-linklist-link-font-size;\n line-height: $login-linklist-link-line-height;\n font-weight: $login-linklist-link-font-weight;\n\n &:hover {\n color:var(--login-linklist-button-link-color);\n }\n}\n\npn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button) {\n color: var(--login-linklist-link-color);\n}\n\npn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button) {\n color: var(--login-linklist-link-hover-color);\n text-decoration: underline;\n}\n\n// -----------------------------------------------------------------------------\n// Icons\n// -----------------------------------------------------------------------------\npn-marketweb-siteheader-login-linklist ul>li pn-icon {\n padding-left: $login-linklist-icon-padding-left;\n\n svg>path {\n fill: var(--login-linklist-icon-color) !important;\n }\n}\n\npn-marketweb-siteheader-login-linklist ul>li:hover pn-icon {\n svg>path {\n fill: var(--login-linklist-icon-hover-color) !important;\n }\n}","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-siteheader-login-linklist',\n styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() links: LoginDialogLink[] = [];\n @Prop() idNamespace: string = '';\n @Prop() showUnifiedLogin: boolean = false;\n\n componentWillLoad() {}\n\n uniqueId(text: string) {\n return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n }\n\n linkAppearanceAttributes(link) {\n let attributes = {};\n if (link.linkType) {\n switch (link.linkType) {\n case 'primary':\n attributes = {\n appearance: '',\n variant: '',\n };\n break;\n case 'secondary':\n attributes = {\n appearance: 'light',\n variant: 'outlined',\n };\n break;\n case 'regularlink':\n default:\n attributes = {\n appearance: 'light',\n variant: 'borderless',\n icon: arrow_right,\n };\n break;\n }\n return attributes;\n }\n if (!link.linkType) {\n attributes = {\n appearance: link.primaryLinkApperance ? 'dark' : 'light',\n };\n }\n return attributes;\n }\n\n renderListAsButtons(link) {\n return (\n <li>\n <pn-button\n href={link.href}\n id={this.uniqueId(link.linkText)}\n {...(link.openInNewWindow && { target: '_blank' })}\n {...this.linkAppearanceAttributes(link)}\n onClick={() => {\n if (link.isLogoutLink) {\n headerState.loginManager.clearUserData();\n }\n }}\n >\n {link.linkText}\n </pn-button>\n </li>\n );\n }\n\n renderListAsLinks(link) {\n return (\n <li>\n <a\n href={link.href}\n id={this.uniqueId(link.linkText)}\n {...(link.openInNewWindow && { target: '_blank' })}\n onClick={() => {\n if (link.isLogoutLink) {\n headerState.loginManager.clearUserData();\n }\n }}\n >\n {link.linkText}\n {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n </a>\n </li>\n );\n }\n\n render() {\n if (!this.links || this.links.length === 0) {\n return;\n }\n return (\n <Host>\n {this.heading ? <p class=\"pn-marketweb-siteheader-login-linklist-heading\">{this.heading}</p> : null}\n <ul>\n {this.links.map(link => {\n {\n return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n }\n })}\n </ul>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-c0a4d8bd.js';
2
2
  import { d as debounce } from './index-1190bec4.js';
3
3
  import { m as minus } from './minus-2b8ae0b8.js';
4
- import { v as v4 } from './v4-964634d6.js';
4
+ import { v as v4 } from './v4-08967a5a.js';
5
5
 
6
6
  const pnMultiRowConnectedDropdownRowCss = "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}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";
7
7
  const PnMultiRowConnectedDropdownRowStyle0 = pnMultiRowConnectedDropdownRowCss;
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-c0a4d8bd.js';
2
2
  import { p as plus } from './plus-7ee93ae7.js';
3
- import { v as v4 } from './v4-964634d6.js';
3
+ import { v as v4 } from './v4-08967a5a.js';
4
4
 
5
5
  const pnMultiRowConnectedDropdownCss = "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}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";
6
6
  const PnMultiRowConnectedDropdownStyle0 = pnMultiRowConnectedDropdownCss;
@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, g as getElement, h, d as Host
2
2
  import { d as debounce } from './index-1190bec4.js';
3
3
  import { m as minus } from './minus-2b8ae0b8.js';
4
4
  import { p as plus } from './plus-7ee93ae7.js';
5
- import { v as v4 } from './v4-964634d6.js';
5
+ import { v as v4 } from './v4-08967a5a.js';
6
6
 
7
7
  const pnMultipleInputCss = "pn-multiple-input .multiple-input-generated-row,pn-multiple-input .multiple-input-row{display:flex;gap:1rem}pn-multiple-input .multiple-input-generated-row pn-marketweb-input,pn-multiple-input .multiple-input-row pn-marketweb-input{width:100%}pn-multiple-input .multiple-input-slot{display:flex;gap:1rem;flex-direction:column;margin-top:1rem;margin-bottom:1rem}";
8
8
  const PnMultipleInputStyle0 = pnMultipleInputCss;
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, g as getElement, h, d as Host } from './index-c0a4d8bd.js';
2
- import { v as v4 } from './v4-964634d6.js';
2
+ import { v as v4 } from './v4-08967a5a.js';
3
3
 
4
4
  const pnPlayOnScrollCss = "pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";
5
5
  const PnPlayOnScrollStyle0 = pnPlayOnScrollCss;
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, g as getElement, h, d as Host, c as createEvent } from './index-c0a4d8bd.js';
2
- import { v as v4 } from './v4-964634d6.js';
2
+ import { v as v4 } from './v4-08967a5a.js';
3
3
 
4
4
  const pnScrollCss = "pn-scroll .scroll-wrapper{transition:all var(--transition-duration) ease-in-out 250ms}pn-scroll .scroll-wrapper.fade{opacity:0}pn-scroll .scroll-wrapper.fade.in-view{opacity:1}pn-scroll .scroll-wrapper.slide-up{transform:translateY(50px)}pn-scroll .scroll-wrapper.slide-up.in-view{transform:translateY(0)}";
5
5
  const PnScrollStyle0 = pnScrollCss;
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, d as Host } from './index-c0a4d8bd.js';
2
- import { v as v4 } from './v4-964634d6.js';
2
+ import { v as v4 } from './v4-08967a5a.js';
3
3
 
4
4
  const animateValue = (obj, start = 0, end = 100, duration = 1000, numberFormat = 'Sv-SE', formatStyle) => {
5
5
  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);
@@ -0,0 +1,6 @@
1
+ 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="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';
2
+ const transfer = icon;
3
+
4
+ export { transfer as t };
5
+
6
+ //# sourceMappingURL=transfer-a5986b65.js.map
@@ -0,0 +1 @@
1
+ {"file":"transfer-a5986b65.js","mappings":"AAAA,MAAM,IAAI,GAAG,gcAAgc,CAAC;AAClc,MAAC,QAAQ,GAAG;;;;","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js"],"sourcesContent":["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=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n"],"version":3}
@@ -0,0 +1,69 @@
1
+ const byteToHex = [];
2
+ for (let i = 0; i < 256; ++i) {
3
+ byteToHex.push((i + 0x100).toString(16).slice(1));
4
+ }
5
+ function unsafeStringify(arr, offset = 0) {
6
+ return (byteToHex[arr[offset + 0]] +
7
+ byteToHex[arr[offset + 1]] +
8
+ byteToHex[arr[offset + 2]] +
9
+ byteToHex[arr[offset + 3]] +
10
+ '-' +
11
+ byteToHex[arr[offset + 4]] +
12
+ byteToHex[arr[offset + 5]] +
13
+ '-' +
14
+ byteToHex[arr[offset + 6]] +
15
+ byteToHex[arr[offset + 7]] +
16
+ '-' +
17
+ byteToHex[arr[offset + 8]] +
18
+ byteToHex[arr[offset + 9]] +
19
+ '-' +
20
+ byteToHex[arr[offset + 10]] +
21
+ byteToHex[arr[offset + 11]] +
22
+ byteToHex[arr[offset + 12]] +
23
+ byteToHex[arr[offset + 13]] +
24
+ byteToHex[arr[offset + 14]] +
25
+ byteToHex[arr[offset + 15]]).toLowerCase();
26
+ }
27
+
28
+ let getRandomValues;
29
+ const rnds8 = new Uint8Array(16);
30
+ function rng() {
31
+ if (!getRandomValues) {
32
+ if (typeof crypto === 'undefined' || !crypto.getRandomValues) {
33
+ throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
34
+ }
35
+ getRandomValues = crypto.getRandomValues.bind(crypto);
36
+ }
37
+ return getRandomValues(rnds8);
38
+ }
39
+
40
+ const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
41
+ const native = { randomUUID };
42
+
43
+ function v4(options, buf, offset) {
44
+ if (native.randomUUID && !buf && !options) {
45
+ return native.randomUUID();
46
+ }
47
+ options = options || {};
48
+ const rnds = options.random ?? options.rng?.() ?? rng();
49
+ if (rnds.length < 16) {
50
+ throw new Error('Random bytes length must be >= 16');
51
+ }
52
+ rnds[6] = (rnds[6] & 0x0f) | 0x40;
53
+ rnds[8] = (rnds[8] & 0x3f) | 0x80;
54
+ if (buf) {
55
+ offset = offset || 0;
56
+ if (offset < 0 || offset + 16 > buf.length) {
57
+ throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);
58
+ }
59
+ for (let i = 0; i < 16; ++i) {
60
+ buf[offset + i] = rnds[i];
61
+ }
62
+ return buf;
63
+ }
64
+ return unsafeStringify(rnds);
65
+ }
66
+
67
+ export { v4 as v };
68
+
69
+ //# sourceMappingURL=v4-08967a5a.js.map
@@ -0,0 +1 @@
1
+ {"file":"v4-08967a5a.js","mappings":"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","names":[],"sources":["node_modules/uuid/dist/esm-browser/stringify.js","node_modules/uuid/dist/esm-browser/rng.js","node_modules/uuid/dist/esm-browser/native.js","node_modules/uuid/dist/esm-browser/v4.js"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n return (byteToHex[arr[offset + 0]] +\n byteToHex[arr[offset + 1]] +\n byteToHex[arr[offset + 2]] +\n byteToHex[arr[offset + 3]] +\n '-' +\n byteToHex[arr[offset + 4]] +\n byteToHex[arr[offset + 5]] +\n '-' +\n byteToHex[arr[offset + 6]] +\n byteToHex[arr[offset + 7]] +\n '-' +\n byteToHex[arr[offset + 8]] +\n byteToHex[arr[offset + 9]] +\n '-' +\n byteToHex[arr[offset + 10]] +\n byteToHex[arr[offset + 11]] +\n byteToHex[arr[offset + 12]] +\n byteToHex[arr[offset + 13]] +\n byteToHex[arr[offset + 14]] +\n byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n const uuid = unsafeStringify(arr, offset);\n if (!validate(uuid)) {\n throw TypeError('Stringified UUID is invalid');\n }\n return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n if (!getRandomValues) {\n if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n }\n getRandomValues = crypto.getRandomValues.bind(crypto);\n }\n return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n if (native.randomUUID && !buf && !options) {\n return native.randomUUID();\n }\n options = options || {};\n const rnds = options.random ?? options.rng?.() ?? rng();\n if (rnds.length < 16) {\n throw new Error('Random bytes length must be >= 16');\n }\n rnds[6] = (rnds[6] & 0x0f) | 0x40;\n rnds[8] = (rnds[8] & 0x3f) | 0x80;\n if (buf) {\n offset = offset || 0;\n if (offset < 0 || offset + 16 > buf.length) {\n throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n }\n for (let i = 0; i < 16; ++i) {\n buf[offset + i] = rnds[i];\n }\n return buf;\n }\n return unsafeStringify(rnds);\n}\nexport default v4;\n"],"version":3}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@postnord/pn-marketweb-components",
3
- "version": "4.5.1",
3
+ "version": "4.6.1",
4
4
  "description": "PostNord Market Websites Components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
40
40
  "pack": "npm run build && cd dist && npm pack"
41
41
  },
42
42
  "devDependencies": {
43
- "@babel/core": "7.24.7",
43
+ "@babel/core": "^7.29.7",
44
44
  "@chromatic-com/storybook": "^3.2.2",
45
45
  "@postnord/web-components": "^7.14.0",
46
46
  "@stencil/sass": "3.0.12",
@@ -70,12 +70,12 @@
70
70
  "jsdom": "^29.0.2",
71
71
  "plop": "4.0.1",
72
72
  "pn-design-assets": "^2.2.0",
73
- "puppeteer": "^24.15.0",
73
+ "puppeteer": "^25.10.0",
74
74
  "sass": "^1.77.5",
75
75
  "sass-loader": "14.2.1",
76
76
  "storybook": "^8.6.17",
77
77
  "typescript": "^5.9.3",
78
- "uuid": "^9.0.0",
78
+ "uuid": "^11.1.1",
79
79
  "vite": "^6.4.1",
80
80
  "vite-tsconfig-paths": "^5.1.4",
81
81
  "vitest": "^4.1.4"
@@ -91,6 +91,9 @@
91
91
  "sass": "^1.77.5"
92
92
  },
93
93
  "overrides": {
94
- "test-exclude": "7.0.1"
94
+ "test-exclude": "7.0.1",
95
+ "@storybook/addon-actions": {
96
+ "uuid": "11.1.1"
97
+ }
95
98
  }
96
99
  }
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,g as i,h as n,d as s}from"./p-b3a13b6a.js";import{d as l}from"./p-3e4d9396.js";import{m as p}from"./p-b2f2fbb6.js";import{p as o}from"./p-df8bfe03.js";import{v as a}from"./p-4ed69de7.js";const r="pn-multiple-input .multiple-input-generated-row,pn-multiple-input .multiple-input-row{display:flex;gap:1rem}pn-multiple-input .multiple-input-generated-row pn-marketweb-input,pn-multiple-input .multiple-input-row pn-marketweb-input{width:100%}pn-multiple-input .multiple-input-slot{display:flex;gap:1rem;flex-direction:column;margin-top:1rem;margin-bottom:1rem}";const u=r;const h=class{constructor(i){t(this,i);this.allFormValues=e(this,"allFormValues",7);this.label=null;this.placeholder=null;this.addRowButtonText=null;this.rowData=[]}get hostElement(){return i(this)}pnSlotElement=null;_formValues=[];allFormValues;componentWillLoad(){const t=this.generateUniqueId();const e={id:t,input:""};this.rowData=[...this.rowData,e]}componentDidLoad(){this.addEventHandlers()}componentDidUpdate(){this.addEventHandlers()}addEventHandlers(){const t=this.pnSlotElement.querySelectorAll("pn-marketweb-input");t.forEach((t=>{t.addEventListener("keyup",l(this.handleInput.bind(this),500))}))}generateUniqueId(){return a()}deleteRow(t){if(t<0){return}this.rowData.splice(t,1);this.rowData=[...this.rowData];this.emitValues()}addRow(){const t={id:this.generateUniqueId(),input:""};this.rowData=[...this.rowData,t];this.emitValues()}handleInput(t){const e=t.target;const i=e.closest("pn-marketweb-input");if(!i){return}const n=i.id;const s=e.value;const l=this.rowData.findIndex((t=>t.id===n));if(l<0){return}this.rowData[l]={...this.rowData[l],input:s};this.emitValues()}emitValues(){this._formValues=[];const t=this.label?this.label:"InputField";this.rowData.forEach((e=>{const i={row:[]};if(e.input){const n={name:t,value:e.input};i.row.push(n)}if(i.row.length===1){this._formValues.push(i)}}));if(this._formValues.length===this.rowData.length){const t=JSON.stringify(this._formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return n(s,{key:"c19a4c61c107632a3e97217c18ee4c2076ae077e"},n("div",{key:"71fb803627c006e137db1f6be32fb26ab144c876",ref:t=>this.pnSlotElement=t,class:"multiple-input-slot"},this.rowData?.map(((t,e)=>n("div",{class:"multiple-input-generated-row"},n("pn-marketweb-input",{label:this.label,type:"text",placeholder:this.placeholder,value:t.input,id:t.id}),e>0?n("pn-button",{arialabel:"Delete",icon:p,appearance:"warning",onClick:()=>{this.deleteRow(e)},index:e,id:t.id},"Delete"):null)))),n("dvi",{key:"dc7c599822a8e8c39064ecc2ff76cea767ef757f",class:"multiple-input-row"},n("pn-button",{key:"9289b646075f389d935f8a8be3f2490d0e102005",tooltip:this.addRowButtonText?this.addRowButtonText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowButtonText)))}};h.style=u;export{h as pn_multiple_input};
2
- //# sourceMappingURL=p-8a76d782.entry.js.map
1
+ import{r as t,c as i,g as e,h as n,d as s}from"./p-b3a13b6a.js";import{d as l}from"./p-3e4d9396.js";import{m as p}from"./p-b2f2fbb6.js";import{p as o}from"./p-df8bfe03.js";import{v as a}from"./p-c4c32c46.js";const r="pn-multiple-input .multiple-input-generated-row,pn-multiple-input .multiple-input-row{display:flex;gap:1rem}pn-multiple-input .multiple-input-generated-row pn-marketweb-input,pn-multiple-input .multiple-input-row pn-marketweb-input{width:100%}pn-multiple-input .multiple-input-slot{display:flex;gap:1rem;flex-direction:column;margin-top:1rem;margin-bottom:1rem}";const u=r;const c=class{constructor(e){t(this,e);this.allFormValues=i(this,"allFormValues",7);this.label=null;this.placeholder=null;this.addRowButtonText=null;this.rowData=[]}get hostElement(){return e(this)}pnSlotElement=null;_formValues=[];allFormValues;componentWillLoad(){const t=this.generateUniqueId();const i={id:t,input:""};this.rowData=[...this.rowData,i]}componentDidLoad(){this.addEventHandlers()}componentDidUpdate(){this.addEventHandlers()}addEventHandlers(){const t=this.pnSlotElement.querySelectorAll("pn-marketweb-input");t.forEach((t=>{t.addEventListener("keyup",l(this.handleInput.bind(this),500))}))}generateUniqueId(){return a()}deleteRow(t){if(t<0){return}this.rowData.splice(t,1);this.rowData=[...this.rowData];this.emitValues()}addRow(){const t={id:this.generateUniqueId(),input:""};this.rowData=[...this.rowData,t];this.emitValues()}handleInput(t){const i=t.target;const e=i.closest("pn-marketweb-input");if(!e){return}const n=e.id;const s=i.value;const l=this.rowData.findIndex((t=>t.id===n));if(l<0){return}this.rowData[l]={...this.rowData[l],input:s};this.emitValues()}emitValues(){this._formValues=[];const t=this.label?this.label:"InputField";this.rowData.forEach((i=>{const e={row:[]};if(i.input){const n={name:t,value:i.input};e.row.push(n)}if(e.row.length===1){this._formValues.push(e)}}));if(this._formValues.length===this.rowData.length){const t=JSON.stringify(this._formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return n(s,{key:"c19a4c61c107632a3e97217c18ee4c2076ae077e"},n("div",{key:"71fb803627c006e137db1f6be32fb26ab144c876",ref:t=>this.pnSlotElement=t,class:"multiple-input-slot"},this.rowData?.map(((t,i)=>n("div",{class:"multiple-input-generated-row"},n("pn-marketweb-input",{label:this.label,type:"text",placeholder:this.placeholder,value:t.input,id:t.id}),i>0?n("pn-button",{arialabel:"Delete",icon:p,appearance:"warning",onClick:()=>{this.deleteRow(i)},index:i,id:t.id},"Delete"):null)))),n("dvi",{key:"dc7c599822a8e8c39064ecc2ff76cea767ef757f",class:"multiple-input-row"},n("pn-button",{key:"9289b646075f389d935f8a8be3f2490d0e102005",tooltip:this.addRowButtonText?this.addRowButtonText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowButtonText)))}};c.style=u;export{c as pn_multiple_input};
2
+ //# sourceMappingURL=p-016016f0.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,g as n,h as o,d as i}from"./p-b3a13b6a.js";import{d as s}from"./p-3e4d9396.js";import{m as d}from"./p-b2f2fbb6.js";import{v as r}from"./p-4ed69de7.js";const l="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}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";const h=l;const c=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.minAmount=null;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.startDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}get hostElement(){return n(this)}_dropdownData;_predefinedValue;pnConnectedDropdown=null;pnConnectedDropdownSlotElement=null;pnAddFieldButton=null;pnFirstDropdown=null;pnSecondDropdown=null;pnInputField=null;pnSingleDatePicker=null;pnStartDate=null;pnEndDate=null;pnShowDateRangeFiledButton=null;pnDateRangeContainer=null;pnGenerateDatesButton=null;pnDaysRow=null;pnGeneratedDatesSlot=null;pnSaveGeneratedDatesButton=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate();this.setInitialValues()}componentDidLoad(){this.addEventHandlers();this.emitRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){this.buttonsArray=[];if(this._predefinedValue.buttons?.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){this.firstDropdownArr=[];if(this._predefinedValue.firstDropdown?.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){this.secondDropdownArr=[];if(this._predefinedValue.secondDropdown?.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){this.inputFieldValue=this._predefinedValue.input?.length?this._predefinedValue.input:""}setDateValue(){if(this.allowMultipleDates){if(this.pnDateRangeContainer){this.pnDateRangeContainer.style.display=this._predefinedValue.dates["start"]?.length?"":"none"}this.generatedDatesArr=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){this.daysArr=this._predefinedValue.dateRange.days;this.startDateValue=this._predefinedValue.dateRange.startDate?.length?this._predefinedValue.dateRange.startDate:"";this.endDateValue=this._predefinedValue.dateRange.endDate?.length?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const e=new Date;e.setDate(e.getDate()+this.dateDaysFromToday);const n=e.getFullYear();const o=(e.getMonth()+1).toString().padStart(2,"0");const i=e.getDate().toString().padStart(2,"0");const s=n+t;this.firstValidDateString=`${n.toString()}-${o}-${i}`;this.lastValidDateString=`${s.toString()}-${o}-${i}`}addEventHandlers(){const t=s(this.emitRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);this.pnFirstDropdown.addEventListener("change",this.handleFirstDropdownChange.bind(this));this.pnSecondDropdown.addEventListener("change",this.handleSecondDropdownChange.bind(this));if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t);this.pnStartDate.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnEndDate.addEventListener("dateselection",this.handleDateSelection.bind(this))}else{this.pnSingleDatePicker.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return r()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){t.preventDefault();const e=t.target.innerHTML;this.firstDropdownArr=[];this.secondDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,e)];this.selectedButtonValue=this.buttonsArray.some((t=>t.selected))?e:"";if(this.selectedButtonValue?.length){const t=this._dropdownData.find((t=>t.label===e));if(t){this.firstDropdownArr=t.values.map((t=>({selected:false,value:t.label,label:t.label})))}this.firstDropdownPlaceholder=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}const n=this.pnFirstDropdown.querySelector("select");if(n){n.value=""}const o=this.pnSecondDropdown.querySelector("select");if(o){o.value=""}const i=this.pnFirstDropdown.querySelector(".pn-select option[disabled]");if(i){i.textContent=this.firstDropdownPlaceholder}const s=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(s){s.textContent=this.secondDropdownPlaceholder}}handleFirstDropdownChange(t){var e=t.target;const n=e.value;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,n)];this.secondDropdownArr=[];const o=this.buttonsArray.findIndex((t=>t.selected===true));const i=this._dropdownData.find((t=>t.label===this.buttonsArray[o].value));const s=i.values.find((t=>t.label===n));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));const d=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(d){d.textContent=this.dropdownPlaceholder}this.emitRowValues()}handleSecondDropdownChange(t){var e=t.target;const n=e.value;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,n)];this.emitRowValues()}handleInput(t){const e=t.target.value;const n=t.target.closest(".input-amount");if(!n){return}if(Number(e)===0){n.setAttribute("error",this.errorMessageEmpty||"Cannot be empty");n.removeAttribute("helpertext");this.inputFieldValue="";return}n.removeAttribute("error");n.removeAttribute("helpertext");if(Number(e)<this.minAmount){n.setAttribute("error",this.errorMessageMinAmount||"Amount too low");this.inputFieldValue="";return}if(Number(e)<this.minWarningAmount){n.setAttribute("helpertext",this.warningMessageMinAmount||"Amount too low")}this.inputFieldValue=e}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}handleDateSelection(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=e.value||e.start||""}if(e===this.pnStartDate){this.startDateValue=e.value||e.start||""}if(e===this.pnEndDate){this.endDateValue=e.value||e.start||""}}generateDates(t){t.preventDefault();const e=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const n=[];this.generatedDatesArr=[];e.forEach((t=>{const e=t.querySelector("input");if(e.value){n.push(e.value)}}));if(n.length&&this.startDateValue&&this.endDateValue){this.daysArr.forEach((t=>{t.selected=n.includes(t.value)}));const t=new Date(this.startDateValue);const e=new Date(this.endDateValue);const o=new Set(this.disabledDates.split(","));for(let i=new Date(t);i<=e;i.setDate(i.getDate()+1)){const t=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const s=i.getDate().toString().padStart(2,"0");const d=`${t}-${e}-${s}`;if(o.has(d)){continue}const r=i.getDay()===0?"7":i.getDay().toString();if(n.includes(r)){this.generatedDatesArr.push(d)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){if(this.generatedDatesArr?.length){this.dateValue=this.generatedDatesArr.join(",");const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.startDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){return o(i,{key:"0b153d46f1b7a22b5c57b6f7052f4dfd8bd007f9"},o("div",{key:"34acbc01a25bc614a1b3b6afcda9cee5a3b8db45",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},o("div",{key:"f6400bf9276c6cb954140e21f8fd860ffdc56d61",class:"connected-dropdown-parent-element connected-dropdown"},o("div",{key:"81c12c13d5990e53b6508477475692ada070af8e",class:"connected-dropdown__row__no-margin"},o("label",{key:"8f9f11bca997d1cec353d608f1636fcb908a5307"},this.label)),o("div",{key:"6f5659889a7e0ded8f8666094ce1f9af62f414a8",class:"connected-dropdown__row button-row"},o("div",{key:"8adb6c2363477e36fa818481869142547818999c",class:"connected-dropdown__button-container option-buttons"},this.buttonsArray?.map((t=>o("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),o("div",{key:"1802e68e75ab0bbe59324e758a22e15470634023",class:"connected-dropdown__button-container delete-button"},this.index>0?o("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),o("div",{key:"dd35b8e6d657e4a7a2d8156a01c53cfb7bce053f",class:"connected-dropdown__row input-row"},o("pn-select",{key:"a4086f4b9fcff516692c98c96fea963bce517b5b",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},o("option",{key:"3a063ba06c90ac19809358c0dde6216b8bc11d25",value:"",selected:true,disabled:true},this.firstDropdownPlaceholder),this.firstDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-select",{key:"a2d3408fee103aadf6bbfdd8f24ace9dbb05af82",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},o("option",{key:"90fd6aced7ee6a573cd32ebc8443c7e6b1f0e1a8",value:"",selected:true,disabled:true},this.secondDropdownPlaceholder),this.secondDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-input",{key:"c4553fcd91aa1a587d66ed64ef9a2c5a3ec3d130",ref:t=>this.pnInputField=t,class:"input-amount",type:"number",placeholder:"0",label:this.inputFieldLabel,value:this.inputFieldValue,min:this.minAmount}),this.allowMultipleDates?o("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,range:"false","label-from":this.dateButtonText,"disable-weekends":true,"disabled-dates":this.disabledDates,"min-date":this.firstValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,class:"connected-dropdown__date-picker",start:this.dateValue?.length?this.dateValue:null}))),this.allowMultipleDates?o("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?o("div",{class:"connected-dropdown__row"},o("p",null,this.multiDateHelperText)):null,o("div",{class:"connected-dropdown__multi-date-row"},o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnStartDate=t,"label-from":this.startDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder})),o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnEndDate=t,"label-from":this.endDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder}))),o("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},this.daysArr?.map((t=>o("div",{class:"connected-dropdown__checkbox"},o("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),o("label",{htmlFor:"day-"+t.value},t.label))))),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),o("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},this.generatedDatesArr?.map(((t,e)=>o("div",{class:"connected-dropdown__row generated-date-row"},o("p",null,t),o("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!this.generatedDatesArr?.length?o("p",null,this.noDatesText):null),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};c.style=h;export{c as pn_multi_row_connected_dropdown_row};
2
- //# sourceMappingURL=p-3f268359.entry.js.map
1
+ import{r as t,c as e,g as n,h as o,d as i}from"./p-b3a13b6a.js";import{d as s}from"./p-3e4d9396.js";import{m as d}from"./p-b2f2fbb6.js";import{v as r}from"./p-c4c32c46.js";const l="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}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";const h=l;const c=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.minAmount=null;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.startDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}get hostElement(){return n(this)}_dropdownData;_predefinedValue;pnConnectedDropdown=null;pnConnectedDropdownSlotElement=null;pnAddFieldButton=null;pnFirstDropdown=null;pnSecondDropdown=null;pnInputField=null;pnSingleDatePicker=null;pnStartDate=null;pnEndDate=null;pnShowDateRangeFiledButton=null;pnDateRangeContainer=null;pnGenerateDatesButton=null;pnDaysRow=null;pnGeneratedDatesSlot=null;pnSaveGeneratedDatesButton=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate();this.setInitialValues()}componentDidLoad(){this.addEventHandlers();this.emitRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){this.buttonsArray=[];if(this._predefinedValue.buttons?.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){this.firstDropdownArr=[];if(this._predefinedValue.firstDropdown?.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){this.secondDropdownArr=[];if(this._predefinedValue.secondDropdown?.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){this.inputFieldValue=this._predefinedValue.input?.length?this._predefinedValue.input:""}setDateValue(){if(this.allowMultipleDates){if(this.pnDateRangeContainer){this.pnDateRangeContainer.style.display=this._predefinedValue.dates["start"]?.length?"":"none"}this.generatedDatesArr=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){this.daysArr=this._predefinedValue.dateRange.days;this.startDateValue=this._predefinedValue.dateRange.startDate?.length?this._predefinedValue.dateRange.startDate:"";this.endDateValue=this._predefinedValue.dateRange.endDate?.length?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const e=new Date;e.setDate(e.getDate()+this.dateDaysFromToday);const n=e.getFullYear();const o=(e.getMonth()+1).toString().padStart(2,"0");const i=e.getDate().toString().padStart(2,"0");const s=n+t;this.firstValidDateString=`${n.toString()}-${o}-${i}`;this.lastValidDateString=`${s.toString()}-${o}-${i}`}addEventHandlers(){const t=s(this.emitRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);this.pnFirstDropdown.addEventListener("change",this.handleFirstDropdownChange.bind(this));this.pnSecondDropdown.addEventListener("change",this.handleSecondDropdownChange.bind(this));if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t);this.pnStartDate.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnEndDate.addEventListener("dateselection",this.handleDateSelection.bind(this))}else{this.pnSingleDatePicker.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return r()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){t.preventDefault();const e=t.target.innerHTML;this.firstDropdownArr=[];this.secondDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,e)];this.selectedButtonValue=this.buttonsArray.some((t=>t.selected))?e:"";if(this.selectedButtonValue?.length){const t=this._dropdownData.find((t=>t.label===e));if(t){this.firstDropdownArr=t.values.map((t=>({selected:false,value:t.label,label:t.label})))}this.firstDropdownPlaceholder=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}const n=this.pnFirstDropdown.querySelector("select");if(n){n.value=""}const o=this.pnSecondDropdown.querySelector("select");if(o){o.value=""}const i=this.pnFirstDropdown.querySelector(".pn-select option[disabled]");if(i){i.textContent=this.firstDropdownPlaceholder}const s=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(s){s.textContent=this.secondDropdownPlaceholder}}handleFirstDropdownChange(t){var e=t.target;const n=e.value;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,n)];this.secondDropdownArr=[];const o=this.buttonsArray.findIndex((t=>t.selected===true));const i=this._dropdownData.find((t=>t.label===this.buttonsArray[o].value));const s=i.values.find((t=>t.label===n));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));const d=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(d){d.textContent=this.dropdownPlaceholder}this.emitRowValues()}handleSecondDropdownChange(t){var e=t.target;const n=e.value;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,n)];this.emitRowValues()}handleInput(t){const e=t.target.value;const n=t.target.closest(".input-amount");if(!n){return}if(Number(e)===0){n.setAttribute("error",this.errorMessageEmpty||"Cannot be empty");n.removeAttribute("helpertext");this.inputFieldValue="";return}n.removeAttribute("error");n.removeAttribute("helpertext");if(Number(e)<this.minAmount){n.setAttribute("error",this.errorMessageMinAmount||"Amount too low");this.inputFieldValue="";return}if(Number(e)<this.minWarningAmount){n.setAttribute("helpertext",this.warningMessageMinAmount||"Amount too low")}this.inputFieldValue=e}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}handleDateSelection(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=e.value||e.start||""}if(e===this.pnStartDate){this.startDateValue=e.value||e.start||""}if(e===this.pnEndDate){this.endDateValue=e.value||e.start||""}}generateDates(t){t.preventDefault();const e=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const n=[];this.generatedDatesArr=[];e.forEach((t=>{const e=t.querySelector("input");if(e.value){n.push(e.value)}}));if(n.length&&this.startDateValue&&this.endDateValue){this.daysArr.forEach((t=>{t.selected=n.includes(t.value)}));const t=new Date(this.startDateValue);const e=new Date(this.endDateValue);const o=new Set(this.disabledDates.split(","));for(let i=new Date(t);i<=e;i.setDate(i.getDate()+1)){const t=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const s=i.getDate().toString().padStart(2,"0");const d=`${t}-${e}-${s}`;if(o.has(d)){continue}const r=i.getDay()===0?"7":i.getDay().toString();if(n.includes(r)){this.generatedDatesArr.push(d)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){if(this.generatedDatesArr?.length){this.dateValue=this.generatedDatesArr.join(",");const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.startDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){return o(i,{key:"0b153d46f1b7a22b5c57b6f7052f4dfd8bd007f9"},o("div",{key:"34acbc01a25bc614a1b3b6afcda9cee5a3b8db45",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},o("div",{key:"f6400bf9276c6cb954140e21f8fd860ffdc56d61",class:"connected-dropdown-parent-element connected-dropdown"},o("div",{key:"81c12c13d5990e53b6508477475692ada070af8e",class:"connected-dropdown__row__no-margin"},o("label",{key:"8f9f11bca997d1cec353d608f1636fcb908a5307"},this.label)),o("div",{key:"6f5659889a7e0ded8f8666094ce1f9af62f414a8",class:"connected-dropdown__row button-row"},o("div",{key:"8adb6c2363477e36fa818481869142547818999c",class:"connected-dropdown__button-container option-buttons"},this.buttonsArray?.map((t=>o("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),o("div",{key:"1802e68e75ab0bbe59324e758a22e15470634023",class:"connected-dropdown__button-container delete-button"},this.index>0?o("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),o("div",{key:"dd35b8e6d657e4a7a2d8156a01c53cfb7bce053f",class:"connected-dropdown__row input-row"},o("pn-select",{key:"a4086f4b9fcff516692c98c96fea963bce517b5b",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},o("option",{key:"3a063ba06c90ac19809358c0dde6216b8bc11d25",value:"",selected:true,disabled:true},this.firstDropdownPlaceholder),this.firstDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-select",{key:"a2d3408fee103aadf6bbfdd8f24ace9dbb05af82",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},o("option",{key:"90fd6aced7ee6a573cd32ebc8443c7e6b1f0e1a8",value:"",selected:true,disabled:true},this.secondDropdownPlaceholder),this.secondDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-input",{key:"c4553fcd91aa1a587d66ed64ef9a2c5a3ec3d130",ref:t=>this.pnInputField=t,class:"input-amount",type:"number",placeholder:"0",label:this.inputFieldLabel,value:this.inputFieldValue,min:this.minAmount}),this.allowMultipleDates?o("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,range:"false","label-from":this.dateButtonText,"disable-weekends":true,"disabled-dates":this.disabledDates,"min-date":this.firstValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,class:"connected-dropdown__date-picker",start:this.dateValue?.length?this.dateValue:null}))),this.allowMultipleDates?o("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?o("div",{class:"connected-dropdown__row"},o("p",null,this.multiDateHelperText)):null,o("div",{class:"connected-dropdown__multi-date-row"},o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnStartDate=t,"label-from":this.startDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder})),o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnEndDate=t,"label-from":this.endDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder}))),o("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},this.daysArr?.map((t=>o("div",{class:"connected-dropdown__checkbox"},o("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),o("label",{htmlFor:"day-"+t.value},t.label))))),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),o("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},this.generatedDatesArr?.map(((t,e)=>o("div",{class:"connected-dropdown__row generated-date-row"},o("p",null,t),o("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!this.generatedDatesArr?.length?o("p",null,this.noDatesText):null),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};c.style=h;export{c as pn_multi_row_connected_dropdown_row};
2
+ //# sourceMappingURL=p-2dfa364d.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as s,g as e,h as t,d as o}from"./p-b3a13b6a.js";import{v as i}from"./p-4ed69de7.js";const l="pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";const a=l;const r={root:null,threshold:1,rootMargin:"0px 0px 0px 0px"};const c=(s,e,t)=>{if(!e){s&&s.play();t(false)}};const n=(s,e)=>{s&&s.pause();e(true)};const h=class{constructor(e){s(this,e);this.videoSrc="";this.observerOptions=r;this.showOverlay=false;this.videoId="";this.isManuallyPaused=false;this.isPaused=false}get hostElement(){return e(this)}localObserverOptions;testAdditionalParamIntoCallback=true;video;generateUniqueId(){return i()}componentWillLoad(){this.videoId=this.generateUniqueId()}componentDidLoad(){this.video=document.getElementById(this.videoId);this.video.addEventListener("click",this.handlePlayPauseClicked);this.localObserverOptions=this.observerOptions}handlePlayPauseClicked=()=>{if(this.video.paused||this.video.ended){this.video.play();this.isManuallyPaused=false;this.isPaused=false}else{this.video.pause();this.isManuallyPaused=true;this.isPaused=true}};togglePaused=s=>{this.isPaused=s};render(){return t(o,{key:"b76be7833abdd0c16b2b865e343a764fb5762466"},t("pn-scroll",{key:"c3dbb68e12611706fb4a3cbbbad84287ac3c2e73",intersectFunc:()=>c(this.video,this.isManuallyPaused,this.togglePaused),notIntersectFunc:()=>n(this.video,this.togglePaused),shouldLoop:true,behaviourClasses:"some-behaviour-class",observerOptions:this.localObserverOptions},t("div",{key:"461df9fcf966d409345e945117418eb35d58f540",slot:"scroll-affected"},t("video",{key:"1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0",playsinline:true,muted:true,autoPlay:true,id:`${this.videoId}`},t("source",{key:"8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8",src:this.videoSrc,type:"video/mp4"})),t("pn-video-overlay",{key:"21a69fa7ed440704f2e9aa5017f4616322fe9a4b",showOverlay:this.showOverlay,isPaused:this.isManuallyPaused||this.isPaused,onPlayPauseClicked:this.handlePlayPauseClicked}))))}};h.style=a;export{h as pn_play_on_scroll};
2
- //# sourceMappingURL=p-3d11fd8a.entry.js.map
1
+ import{r as s,g as e,h as t,d as o}from"./p-b3a13b6a.js";import{v as i}from"./p-c4c32c46.js";const l="pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";const a=l;const r={root:null,threshold:1,rootMargin:"0px 0px 0px 0px"};const c=(s,e,t)=>{if(!e){s&&s.play();t(false)}};const n=(s,e)=>{s&&s.pause();e(true)};const h=class{constructor(e){s(this,e);this.videoSrc="";this.observerOptions=r;this.showOverlay=false;this.videoId="";this.isManuallyPaused=false;this.isPaused=false}get hostElement(){return e(this)}localObserverOptions;testAdditionalParamIntoCallback=true;video;generateUniqueId(){return i()}componentWillLoad(){this.videoId=this.generateUniqueId()}componentDidLoad(){this.video=document.getElementById(this.videoId);this.video.addEventListener("click",this.handlePlayPauseClicked);this.localObserverOptions=this.observerOptions}handlePlayPauseClicked=()=>{if(this.video.paused||this.video.ended){this.video.play();this.isManuallyPaused=false;this.isPaused=false}else{this.video.pause();this.isManuallyPaused=true;this.isPaused=true}};togglePaused=s=>{this.isPaused=s};render(){return t(o,{key:"b76be7833abdd0c16b2b865e343a764fb5762466"},t("pn-scroll",{key:"c3dbb68e12611706fb4a3cbbbad84287ac3c2e73",intersectFunc:()=>c(this.video,this.isManuallyPaused,this.togglePaused),notIntersectFunc:()=>n(this.video,this.togglePaused),shouldLoop:true,behaviourClasses:"some-behaviour-class",observerOptions:this.localObserverOptions},t("div",{key:"461df9fcf966d409345e945117418eb35d58f540",slot:"scroll-affected"},t("video",{key:"1b23bfb0e5f2ad71d1bbe0740bc7823784ff80c0",playsinline:true,muted:true,autoPlay:true,id:`${this.videoId}`},t("source",{key:"8bf03c50ae3d3245acaae0beb3b7fc7ee048c0d8",src:this.videoSrc,type:"video/mp4"})),t("pn-video-overlay",{key:"21a69fa7ed440704f2e9aa5017f4616322fe9a4b",showOverlay:this.showOverlay,isPaused:this.isManuallyPaused||this.isPaused,onPlayPauseClicked:this.handlePlayPauseClicked}))))}};h.style=a;export{h as pn_play_on_scroll};
2
+ //# sourceMappingURL=p-3ab56a51.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,g as l,h as s,d as a}from"./p-b3a13b6a.js";import{p as i}from"./p-df8bfe03.js";import{v as n}from"./p-4ed69de7.js";const d="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}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";const o=d;const h=class{constructor(l){e(this,l);this.allFormValues=t(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=null;this.allowMultipleRows=false;this.allowMultipleDates=false;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.yearsToAddToEndDate=null;this.minAmount=1;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.rowCount=null;this.rowData=null;this.formValues=null}get hostElement(){return l(this)}_buttonValueName=null;_firstDropdownValueName=null;_secondDropdownValueName=null;_inputValueName=null;_dateValueName=null;allFormValues;_defaultRow={id:this.generateUniqueId(),buttons:[],firstDropdown:[],secondDropdown:[],input:"",dates:"",dateRange:{days:[],startDate:"",endDate:""}};componentWillLoad(){this.setDaysArr();this.formValues=[];this.rowData=[this._defaultRow];this.rowCount=this.rowData.length;this._buttonValueName=this.label?.length?this.label:"value0";this._firstDropdownValueName=this.firstDropdownLabel?.length?this.firstDropdownLabel:"value1";this._secondDropdownValueName=this.secondDropdownLabel?.length?this.secondDropdownLabel:"value2";this._inputValueName=this.inputFieldLabel?.length?this.inputFieldLabel:"value3";this._dateValueName=this.dateButtonText?.length?this.dateButtonText:"value4"}componentDidLoad(){}emitValuesIfValid(){this.formValues=[];this.rowData.forEach((e=>{const t={row:[]};const l=e.buttons.find((e=>e.selected===true));if(l){const e={name:this._buttonValueName,value:l.label};t.row.push(e)}const s=e.firstDropdown.find((e=>e.selected===true));if(s){const e={name:this._firstDropdownValueName,value:s.label};t.row.push(e)}const a=e.secondDropdown.find((e=>e.selected===true));if(a){const e={name:this._secondDropdownValueName,value:a.label};t.row.push(e)}const i=e.input;if(i?.length){const e={name:this._inputValueName,value:i};t.row.push(e)}const n=e.dates;if(n?.length){const e={name:this._dateValueName,value:n};t.row.push(e)}if(t.row.length===5){this.formValues.push(t)}}));if(this.formValues.length===this.rowData.length){const e=JSON.stringify(this.formValues);this.allFormValues.emit(e)}else{this.allFormValues.emit("")}}predefinedValueChange(e){const t=this.rowData.findIndex((t=>t.id===e.detail.id));const l=e.detail;this.rowData[t]={...this.rowData[t],buttons:l.buttons,firstDropdown:l.firstDropdown,secondDropdown:l.secondDropdown,input:l.input,dates:l.dates,dateRange:l.dateRange};this.emitValuesIfValid()}deleteRowEvent(e){const t=this.rowData.findIndex((t=>t.id===e.detail));this.rowData.splice(t,1);this.rowData=[...this.rowData];this.rowCount=this.rowData.length;this.emitValuesIfValid()}generateUniqueId(){return n()}addRow(){const e=this._defaultRow;e.id=this.generateUniqueId();this.rowData=[...this.rowData,e];this.rowCount=this.rowData.length}setDaysArr(){const e=this.languageCode.toLowerCase();switch(e){case"en":this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break;case"sv":this._defaultRow.dateRange.days=[{label:"Måndag",value:"1",selected:false},{label:"Tisdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"da":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"fi":this._defaultRow.dateRange.days=[{label:"Maanantai",value:"1",selected:false},{label:"Tiistai",value:"2",selected:false},{label:"Keskiviikko",value:"3",selected:false},{label:"Torstai",value:"4",selected:false},{label:"Perjantai",value:"5",selected:false}];break;case"no":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;default:this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break}}render(){return s(a,{key:"26e104f923a285295e8a5d8a15d845b3e9c559d6"},this.rowData?.map(((e,t)=>s("div",{class:"generated-row-"+t,id:"generated-row-connected-dropdown-"+t},s("pn-multi-row-connected-dropdown-row",{"dropdown-data":this.dropdownData,"language-code":this.languageCode,label:this.label,"first-dropdown-label":this.firstDropdownLabel,"second-dropdown-label":this.secondDropdownLabel,"dropdown-placeholder":this.dropdownPlaceholder,"add-row-text":this.addRowText,"input-field-label":this.inputFieldLabel,"input-field-placeholder":this.inputFieldPlaceholder,"disabled-dates":this.disabledDates,"date-button-text":this.dateButtonText,"date-placeholder":this.datePlaceholder,"date-days-from-today":this.dateDaysFromToday,"allow-multiple-dates":this.allowMultipleDates,"start-date-label":this.startDateLabel,"end-date-label":this.endDateLabel,"multi-date-helper-text":this.multiDateHelperText,"generate-dates-button-text":this.generateDatesButtonText,"save-date-button-text":this.saveDateButtonText,"no-dates-text":this.noDatesText,index:t,"predefined-value":JSON.stringify(e),"years-to-add-to-end-date":this.yearsToAddToEndDate,"min-amount":this.minAmount,"error-message-empty":this.errorMessageEmpty,"error-message-min-amount":this.errorMessageMinAmount,"min-warning-amount":this.minWarningAmount,"warning-message-min-amount":this.warningMessageMinAmount})))),this.allowMultipleRows?s("div",{class:"connected-dropdown__row"},s("pn-button",{tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:i,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowText)):null)}};h.style=o;export{h as pn_multi_row_connected_dropdown};
2
- //# sourceMappingURL=p-71956f95.entry.js.map
1
+ import{r as e,c as t,g as l,h as s,d as a}from"./p-b3a13b6a.js";import{p as i}from"./p-df8bfe03.js";import{v as n}from"./p-c4c32c46.js";const d="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}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";const o=d;const h=class{constructor(l){e(this,l);this.allFormValues=t(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=null;this.allowMultipleRows=false;this.allowMultipleDates=false;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.yearsToAddToEndDate=null;this.minAmount=1;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.rowCount=null;this.rowData=null;this.formValues=null}get hostElement(){return l(this)}_buttonValueName=null;_firstDropdownValueName=null;_secondDropdownValueName=null;_inputValueName=null;_dateValueName=null;allFormValues;_defaultRow={id:this.generateUniqueId(),buttons:[],firstDropdown:[],secondDropdown:[],input:"",dates:"",dateRange:{days:[],startDate:"",endDate:""}};componentWillLoad(){this.setDaysArr();this.formValues=[];this.rowData=[this._defaultRow];this.rowCount=this.rowData.length;this._buttonValueName=this.label?.length?this.label:"value0";this._firstDropdownValueName=this.firstDropdownLabel?.length?this.firstDropdownLabel:"value1";this._secondDropdownValueName=this.secondDropdownLabel?.length?this.secondDropdownLabel:"value2";this._inputValueName=this.inputFieldLabel?.length?this.inputFieldLabel:"value3";this._dateValueName=this.dateButtonText?.length?this.dateButtonText:"value4"}componentDidLoad(){}emitValuesIfValid(){this.formValues=[];this.rowData.forEach((e=>{const t={row:[]};const l=e.buttons.find((e=>e.selected===true));if(l){const e={name:this._buttonValueName,value:l.label};t.row.push(e)}const s=e.firstDropdown.find((e=>e.selected===true));if(s){const e={name:this._firstDropdownValueName,value:s.label};t.row.push(e)}const a=e.secondDropdown.find((e=>e.selected===true));if(a){const e={name:this._secondDropdownValueName,value:a.label};t.row.push(e)}const i=e.input;if(i?.length){const e={name:this._inputValueName,value:i};t.row.push(e)}const n=e.dates;if(n?.length){const e={name:this._dateValueName,value:n};t.row.push(e)}if(t.row.length===5){this.formValues.push(t)}}));if(this.formValues.length===this.rowData.length){const e=JSON.stringify(this.formValues);this.allFormValues.emit(e)}else{this.allFormValues.emit("")}}predefinedValueChange(e){const t=this.rowData.findIndex((t=>t.id===e.detail.id));const l=e.detail;this.rowData[t]={...this.rowData[t],buttons:l.buttons,firstDropdown:l.firstDropdown,secondDropdown:l.secondDropdown,input:l.input,dates:l.dates,dateRange:l.dateRange};this.emitValuesIfValid()}deleteRowEvent(e){const t=this.rowData.findIndex((t=>t.id===e.detail));this.rowData.splice(t,1);this.rowData=[...this.rowData];this.rowCount=this.rowData.length;this.emitValuesIfValid()}generateUniqueId(){return n()}addRow(){const e=this._defaultRow;e.id=this.generateUniqueId();this.rowData=[...this.rowData,e];this.rowCount=this.rowData.length}setDaysArr(){const e=this.languageCode.toLowerCase();switch(e){case"en":this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break;case"sv":this._defaultRow.dateRange.days=[{label:"Måndag",value:"1",selected:false},{label:"Tisdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"da":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"fi":this._defaultRow.dateRange.days=[{label:"Maanantai",value:"1",selected:false},{label:"Tiistai",value:"2",selected:false},{label:"Keskiviikko",value:"3",selected:false},{label:"Torstai",value:"4",selected:false},{label:"Perjantai",value:"5",selected:false}];break;case"no":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;default:this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break}}render(){return s(a,{key:"26e104f923a285295e8a5d8a15d845b3e9c559d6"},this.rowData?.map(((e,t)=>s("div",{class:"generated-row-"+t,id:"generated-row-connected-dropdown-"+t},s("pn-multi-row-connected-dropdown-row",{"dropdown-data":this.dropdownData,"language-code":this.languageCode,label:this.label,"first-dropdown-label":this.firstDropdownLabel,"second-dropdown-label":this.secondDropdownLabel,"dropdown-placeholder":this.dropdownPlaceholder,"add-row-text":this.addRowText,"input-field-label":this.inputFieldLabel,"input-field-placeholder":this.inputFieldPlaceholder,"disabled-dates":this.disabledDates,"date-button-text":this.dateButtonText,"date-placeholder":this.datePlaceholder,"date-days-from-today":this.dateDaysFromToday,"allow-multiple-dates":this.allowMultipleDates,"start-date-label":this.startDateLabel,"end-date-label":this.endDateLabel,"multi-date-helper-text":this.multiDateHelperText,"generate-dates-button-text":this.generateDatesButtonText,"save-date-button-text":this.saveDateButtonText,"no-dates-text":this.noDatesText,index:t,"predefined-value":JSON.stringify(e),"years-to-add-to-end-date":this.yearsToAddToEndDate,"min-amount":this.minAmount,"error-message-empty":this.errorMessageEmpty,"error-message-min-amount":this.errorMessageMinAmount,"min-warning-amount":this.minWarningAmount,"warning-message-min-amount":this.warningMessageMinAmount})))),this.allowMultipleRows?s("div",{class:"connected-dropdown__row"},s("pn-button",{tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:i,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowText)):null)}};h.style=o;export{h as pn_multi_row_connected_dropdown};
2
+ //# sourceMappingURL=p-6533f8f4.entry.js.map
@@ -1,2 +1,2 @@
1
- import{g as t,r as i,c as e,h as s,d as n}from"./p-b3a13b6a.js";import{d as l}from"./p-3e4d9396.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-4ed69de7.js";const d={sv:{dropdownPlaceholder:"Välj ett alternativ"},en:{dropdownPlaceholder:"Select an option"},da:{dropdownPlaceholder:"Vælg en mulighed"}};const r="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}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const a=r;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=e(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.firstInputLabel=null;this.firstInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.disabledDates=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDeleteConfirm=false;this.i18n=undefined;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate();this.setTranslations()}setTranslations(){this.i18n=d[this.languageCode]||d["en"]}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const e=i.getFullYear();const s=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=e+t;this.firstValidDateString=`${e.toString()}-${s}-${n}`;this.lastValidDateString=`${l.toString()}-${s}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e?.length){return}const s=this.dropdownDataRoot.find((t=>t.value.toString()===e));this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}));handleSecondDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e){return}const s=e;if(!s?.length){return}const n=parseInt(s);if(n<this._secondDropdownSelection){this.showDeleteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this._secondDropdownSelection=n;this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const e=t.detail;this.rowData[i]={...this.rowData[i],firstInput:e.firstInput,secondInput:e.secondInput,date:e.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(e.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(e.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData?.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData?.splice(i,1);this.rowData=[...this.rowData];this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData?.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){if(this._secondDropdownSelection===null){return}const t=this.rowData?.length-this._secondDropdownSelection;for(let i=0;i<t;i++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDeleteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDeleteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData?.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const e={name:this.firstInputLabel,value:t.firstInput};i.row.push(e)}if(t.secondInput?.length){const e={name:this.secondInputLabel,value:t.secondInput};i.row.push(e)}if(t.date){const e={name:this.dateLabel,value:t.date};i.row.push(e)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData?.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return s(n,{key:"a36c4aaa149ea44a8fe2a5ba317da7ac573d74a9",class:"dropdown-with-multi-input-element"},s("div",{key:"f0db29797e6cae79982185f5739bb94a14edf08e",class:"dropdown-with-multi-input-element__row"},s("div",{key:"a4378d62e4066b8eca52641dfdb946b6a8836a69",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"f030749e5dd3d867061d484e92387bb2088fadbb",ref:t=>this.pnFirstDropdown=t,onChange:l(this.handleFirstDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},s("option",{key:"c96e514377fe340c9ce40006af64c2e6f9c09734",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.dropdownDataRoot?.map((t=>s("option",{value:t.value},t.label)))),this.firstDropdownHelperText?.length?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"bd14511d43ac708adf22bcc525ae4d001568a529",class:"dropdown-with-multi-input-element__row"},s("div",{key:"25a682c29e11d27a10b8e5072f252e740c9c0859",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"ae6b8bfea4668fd3c4873c4c627afee05ac647c6",ref:t=>this.pnSecondDropdown=t,onChange:l(this.handleSecondDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},s("option",{key:"198778933f0ed26709a99dbe409d3a2a49884ab9",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.secondDropdownArr?.map((t=>s("option",{value:t},t)))),this.secondDropdownHelperText?.length?s("small",null,this.secondDropdownHelperText):null)),this.showDeleteConfirm?s("div",{class:"dropdown-with-multi-input-element__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"408ce54d7f35a8c32f681bfccd999223c1319048",class:"dropdown-with-multi-input-element__label-row"},s("div",{key:"77e0d10422301c5d392c462c327a84402f1c301d",class:"dropdown-with-multi-input-element__label"},s("label",{key:"1136e30608e99d5bfdf0c661da2055df7d5d0f49"},this.firstInputLabel)),s("div",{key:"f2c97b957c1e158521aacd2abb1f9218a91733a0",class:"dropdown-with-multi-input-element__label"},s("label",{key:"e9a3c4822837ceca87093989a5d9888ac3c5f1c8"},this.secondInputLabel)),s("div",{key:"df04f7c65236f0a08e1119d3ab7b5283ff792799",class:"dropdown-with-multi-input-element__label"},s("label",{key:"a59ae55157f5ae993abe02e1d70580c81c8b7e15"},this.dateLabel))),this.rowData?.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"first-input-placeholder":this.firstInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i,"disabled-dates":this.disabledDates})))),s("div",{key:"dbf0c28a2893081884009177ce4c4d382e598906",class:"dropdown-with-multi-input-element__row sum-row"},s("pn-input",{key:"7518ff5a32236320c710618db2a2f32c5c74c5f7",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"00b8be5ea7f5753676db44b9f1eb0bb06769b6a2",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?s("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}static get watchers(){return{languageCode:["setTranslations"]}}};u.style=a;export{u as pn_dropdown_with_multi_input_rows};
2
- //# sourceMappingURL=p-ac565795.entry.js.map
1
+ import{g as t,r as i,c as e,h as s,d as n}from"./p-b3a13b6a.js";import{d as l}from"./p-3e4d9396.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-c4c32c46.js";const d={sv:{dropdownPlaceholder:"Välj ett alternativ"},en:{dropdownPlaceholder:"Select an option"},da:{dropdownPlaceholder:"Vælg en mulighed"}};const r="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}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const a=r;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=e(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.firstInputLabel=null;this.firstInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.disabledDates=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDeleteConfirm=false;this.i18n=undefined;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate();this.setTranslations()}setTranslations(){this.i18n=d[this.languageCode]||d["en"]}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const e=i.getFullYear();const s=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=e+t;this.firstValidDateString=`${e.toString()}-${s}-${n}`;this.lastValidDateString=`${l.toString()}-${s}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e?.length){return}const s=this.dropdownDataRoot.find((t=>t.value.toString()===e));this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}));handleSecondDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e){return}const s=e;if(!s?.length){return}const n=parseInt(s);if(n<this._secondDropdownSelection){this.showDeleteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this._secondDropdownSelection=n;this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const e=t.detail;this.rowData[i]={...this.rowData[i],firstInput:e.firstInput,secondInput:e.secondInput,date:e.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(e.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(e.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData?.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData?.splice(i,1);this.rowData=[...this.rowData];this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData?.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){if(this._secondDropdownSelection===null){return}const t=this.rowData?.length-this._secondDropdownSelection;for(let i=0;i<t;i++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDeleteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDeleteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData?.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const e={name:this.firstInputLabel,value:t.firstInput};i.row.push(e)}if(t.secondInput?.length){const e={name:this.secondInputLabel,value:t.secondInput};i.row.push(e)}if(t.date){const e={name:this.dateLabel,value:t.date};i.row.push(e)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData?.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return s(n,{key:"a36c4aaa149ea44a8fe2a5ba317da7ac573d74a9",class:"dropdown-with-multi-input-element"},s("div",{key:"f0db29797e6cae79982185f5739bb94a14edf08e",class:"dropdown-with-multi-input-element__row"},s("div",{key:"a4378d62e4066b8eca52641dfdb946b6a8836a69",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"f030749e5dd3d867061d484e92387bb2088fadbb",ref:t=>this.pnFirstDropdown=t,onChange:l(this.handleFirstDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},s("option",{key:"c96e514377fe340c9ce40006af64c2e6f9c09734",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.dropdownDataRoot?.map((t=>s("option",{value:t.value},t.label)))),this.firstDropdownHelperText?.length?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"bd14511d43ac708adf22bcc525ae4d001568a529",class:"dropdown-with-multi-input-element__row"},s("div",{key:"25a682c29e11d27a10b8e5072f252e740c9c0859",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"ae6b8bfea4668fd3c4873c4c627afee05ac647c6",ref:t=>this.pnSecondDropdown=t,onChange:l(this.handleSecondDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},s("option",{key:"198778933f0ed26709a99dbe409d3a2a49884ab9",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.secondDropdownArr?.map((t=>s("option",{value:t},t)))),this.secondDropdownHelperText?.length?s("small",null,this.secondDropdownHelperText):null)),this.showDeleteConfirm?s("div",{class:"dropdown-with-multi-input-element__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"408ce54d7f35a8c32f681bfccd999223c1319048",class:"dropdown-with-multi-input-element__label-row"},s("div",{key:"77e0d10422301c5d392c462c327a84402f1c301d",class:"dropdown-with-multi-input-element__label"},s("label",{key:"1136e30608e99d5bfdf0c661da2055df7d5d0f49"},this.firstInputLabel)),s("div",{key:"f2c97b957c1e158521aacd2abb1f9218a91733a0",class:"dropdown-with-multi-input-element__label"},s("label",{key:"e9a3c4822837ceca87093989a5d9888ac3c5f1c8"},this.secondInputLabel)),s("div",{key:"df04f7c65236f0a08e1119d3ab7b5283ff792799",class:"dropdown-with-multi-input-element__label"},s("label",{key:"a59ae55157f5ae993abe02e1d70580c81c8b7e15"},this.dateLabel))),this.rowData?.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"first-input-placeholder":this.firstInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i,"disabled-dates":this.disabledDates})))),s("div",{key:"dbf0c28a2893081884009177ce4c4d382e598906",class:"dropdown-with-multi-input-element__row sum-row"},s("pn-input",{key:"7518ff5a32236320c710618db2a2f32c5c74c5f7",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"00b8be5ea7f5753676db44b9f1eb0bb06769b6a2",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?s("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}static get watchers(){return{languageCode:["setTranslations"]}}};u.style=a;export{u as pn_dropdown_with_multi_input_rows};
2
+ //# sourceMappingURL=p-84ef21c0.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{r as i,g as n,h as t,d as e}from"./p-b3a13b6a.js";import{s as l}from"./p-8c42f598.js";import{a as o}from"./p-36b39340.js";import{t as r}from"./p-e36420d7.js";import"./p-2132ad75.js";const a=(i,n)=>{const t="PRODUCTION";const e="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const l="https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=";const o="/login?returnUrl=";if(i){return o}else if(n.toUpperCase()!==t){return e}else{return l}};const s="";const h=s;const d=class{constructor(n){i(this,n);this.label="Log in";this.useMarketwebLogin=false;this.environment="local"}get hostElement(){return n(this)}loginUrl;componentWillLoad(){this.loginUrl=a(this.useMarketwebLogin,this.environment)}nagivateToLoginUrl(){const i=`${this.loginUrl}${encodeURIComponent(window.location.href)}`;return i}render(){return t(e,{key:"be5764812e9610f5799856b27aa4517469d9a24f"},t("pn-button",{key:"4a6b17d0e79ddedd0d06094aac2a44c6f9fda666",href:this.nagivateToLoginUrl()},this.label))}};d.style=h;const c="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{--login-linklist-heading-color:var(--siteheader-login-linklist-heading-color, inherit);--login-linklist-link-color:var(--siteheader-login-linklist-link-color, #005d92);--login-linklist-link-hover-color:var(--siteheader-login-linklist-link-hover-color, #0d234b);--login-linklist-button-link-color:var(--siteheader-login-linklist-button-link-color, #ffffff);--login-linklist-icon-color:var(--siteheader-login-linklist-icon-color, #005d92);--login-linklist-icon-hover-color:var(--siteheader-login-linklist-icon-hover-color, #0d234b)}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}.pn-marketweb-siteheader-login-linklist-heading{font-weight:500;font-size:1.6rem;margin-bottom:2.4rem;color:var(--login-linklist-heading-color)}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li a:hover{color:var(--login-linklist-button-link-color)}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:var(--login-linklist-link-color)}pn-marketweb-siteheader-login-linklist ul>li:hover a:not(.pn-button){color:var(--login-linklist-link-hover-color);text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:var(--login-linklist-icon-color) !important}pn-marketweb-siteheader-login-linklist ul>li:hover pn-icon svg>path{fill:var(--login-linklist-icon-hover-color) !important}";const p=c;const g=class{constructor(n){i(this,n);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return n(this)}componentWillLoad(){}uniqueId(i){return"loginlink-"+i.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(i){let n={};if(i.linkType){switch(i.linkType){case"primary":n={appearance:"",variant:""};break;case"secondary":n={appearance:"light",variant:"outlined"};break;case"regularlink":default:n={appearance:"light",variant:"borderless",icon:o};break}return n}if(!i.linkType){n={appearance:i.primaryLinkApperance?"dark":"light"}}return n}renderListAsButtons(i){return t("li",null,t("pn-button",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(i),onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText))}renderListAsLinks(i){return t("li",null,t("a",{href:i.href,id:this.uniqueId(i.linkText),...i.openInNewWindow&&{target:"_blank"},onClick:()=>{if(i.isLogoutLink){l.loginManager.clearUserData()}}},i.linkText,i.isLogoutLink?t("pn-icon",{icon:r}):t("pn-icon",{icon:o})))}render(){if(!this.links||this.links.length===0){return}return t(e,null,this.heading?t("p",{class:"pn-marketweb-siteheader-login-linklist-heading"},this.heading):null,t("ul",null,this.links.map((i=>{{return this.showUnifiedLogin?this.renderListAsLinks(i):this.renderListAsButtons(i)}}))))}};g.style=p;export{d as pn_marketweb_siteheader_login_button,g as pn_marketweb_siteheader_login_linklist};
2
+ //# sourceMappingURL=p-a89eaf58.entry.js.map