@postnord/pn-marketweb-components 2.0.73 → 2.0.75

package/umd/modules/@postnord/web-components/postnord-web-components/{p-f76a42aa.system.entry.js → p-862b4441.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function o(e){try{l(n.next(e))}catch(t){a(t)}}function s(e){try{l(n["throw"](e))}catch(t){a(t)}}function l(e){e.done?r(e.value):i(e.value).then(o,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(o[0]===6&&r.label<a[1]){r.label=a[1];a=o;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(o);break}if(a[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(s){o=[6,s];i=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-71eafea4.system.js"],(function(e){"use strict";var t,r,n,i;return{setters:[function(e){t=e.r;r=e.c;n=e.h;i=e.a}],execute:function(){var a={CLOSEST_DELIVERY_DATE:{da:"Closest delivery date:",en:"Closest delivery date:",fi:"Closest delivery date:",no:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{da:"Next delivery date:",en:"Next delivery date:",fi:"Next delivery date:",no:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{da:"Zip code:",en:"Zip code:",fi:"Zip code:",no:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{da:"Zip code not valid",en:"Zip code not valid",fi:"Zip code not valid",no:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{da:"Could not find zip code",en:"Could not find zip code",fi:"Could not find zip code",no:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{da:"Search for a zip code",en:"Search for a zip code",fi:"Search for a zip code",no:"Search for a zip code",sv:"Sök på ett postnummer"}};var o="pn-zipcode-search{display:block;color:#5E554A}pn-zipcode-search .search-results{margin-top:1em;padding:0.5em}pn-zipcode-search .search-results>h3,pn-zipcode-search .search-results h2{font-weight:normal}pn-zipcode-search .text-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-zipcode-search .text-row+.text-row{margin-top:1em}pn-zipcode-search .text-row>*+*{margin-left:0.25em}pn-zipcode-search .error-text{color:#A70707;padding:0.5em 1em}pn-zipcode-search pn-search-field{width:100%}@media screen and (max-width: 30em){pn-zipcode-search .text-row:nth-child(-n+2){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:unset;align-items:unset}pn-zipcode-search .text-row:nth-child(-n+2) .delivery-date{margin-left:auto;margin-top:0.25em}}";var s=e("pn_zipcode_search",function(){function e(e){t(this,e);this.searchsuccessful=r(this,"searchsuccessful",7);this.marketwebLanguage="";this.language="sv";this.loading=false;this.error=false;this.errorMessage="";this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""}}e.prototype.componentWillLoad=function(){var e=this;var t=window.pnTopbar;if(t){this.init()}else{window.addEventListener("topbarLoaded",(function(){e.init()}))}};e.prototype.init=function(){var e=this;var t=window.pnTopbar;if(t){this.language=t.language;t.onChangeLanguage=function(t){e.language=t}}};e.prototype.isEmpty=function(e){var t=!e;if(t){return true}var r=e.trim().length===0;if(r){return true}else{return false}};e.prototype.getTranslation=function(e,t){for(var r=0,n=Object.entries(a);r<n.length;r++){var i=n[r],o=i[0],s=i[1];if(o===e.toUpperCase()){var l=a[o].en;for(var c=0,u=Object.entries(s);c<u.length;c++){var d=u[c],h=d[0],p=d[1];if(h===t.toLowerCase()){if(this.isEmpty(p)){return l}else{return p}}}return l}}return e};e.prototype.handleSearch=function(e){var t=this.validateZipCode(e.detail);if(t.error){this.error=true;this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch(t.value)};e.prototype.zipCodeSearch=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:this.loading=true;return[4,fetch("https://portal.postnord.com/api/sendoutarrival/closest?postalCode=".concat(e)).then((function(e){return e.json()})).then((function(e){t.error=false;t.loading=false;t.showResult=true;t.zipCodeSearchResult=e;t.searchsuccessful.emit(true)})).catch((function(){t.error=true;t.errorMessage="SERVER_ERROR_MESSAGE";t.loading=false;t.searchsuccessful.emit(false)}))];case 1:r.sent();return[2]}}))}))};e.prototype.validateZipCode=function(e){var t=e?e.replace(/[ -]/gi,""):"";var r=new RegExp(/\D+/);var n=r.test(t)||t.length!==5;return{error:n,value:t}};e.prototype.renderSearchResult=function(){if(!this.loading&&!this.error&&this.showResult){return n("div",{class:"search-results"},n("div",{class:"text-row"},n("h3",null,this.getTranslation("CLOSEST_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),n("h2",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),n("div",{class:"text-row"},n("h3",null,this.getTranslation("NEXT_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),n("h2",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),n("div",{class:"text-row"},n("h3",null,this.getTranslation("ZIP_CODE",this.marketwebLanguage||this.language)),n("h2",null," ",this.zipCodeSearchResult.postalCode)),n("h3",null,this.zipCodeSearchResult.city))}};e.prototype.renderErrorMessage=function(){if(this.error&&!this.loading){return n("p",{class:"error-text pn-tiny"},this.getTranslation(this.errorMessage,this.marketwebLanguage||this.language))}};e.prototype.render=function(){var e=this;return n(i,null,n("pn-search-field",{loading:this.loading,button:"none",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.marketwebLanguage||this.language),onSearch:function(t){return e.handleSearch(t)}}),this.renderSearchResult(),this.renderErrorMessage())};return e}());s.style=o}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function o(e){try{l(n.next(e))}catch(t){a(t)}}function s(e){try{l(n["throw"](e))}catch(t){a(t)}}function l(e){e.done?r(e.value):i(e.value).then(o,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(o[0]===6&&r.label<a[1]){r.label=a[1];a=o;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(o);break}if(a[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(s){o=[6,s];i=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-71eafea4.system.js"],(function(e){"use strict";var t,r,n,i;return{setters:[function(e){t=e.r;r=e.c;n=e.h;i=e.a}],execute:function(){var a={CLOSEST_DELIVERY_DATE:{da:"Closest delivery date:",en:"Closest delivery date:",fi:"Closest delivery date:",no:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{da:"Next delivery date:",en:"Next delivery date:",fi:"Next delivery date:",no:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{da:"Zip code:",en:"Zip code:",fi:"Zip code:",no:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{da:"Zip code not valid",en:"Zip code not valid",fi:"Zip code not valid",no:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{da:"Could not find zip code",en:"Could not find zip code",fi:"Could not find zip code",no:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{da:"Search for a zip code",en:"Search for a zip code",fi:"Search for a zip code",no:"Search for a zip code",sv:"Sök på ett postnummer"}};var o="pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .search-results{margin-top:1em;padding:0.5em}pn-zipcode-search .search-results>h3,pn-zipcode-search .search-results h2{font-weight:normal}pn-zipcode-search .text-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-zipcode-search .text-row+.text-row{margin-top:1em}pn-zipcode-search .text-row>*+*{margin-left:0.25em}pn-zipcode-search .error-text{color:#a70707;padding:0.5em 1em}pn-zipcode-search pn-search-field{width:100%}@media screen and (max-width: 30em){pn-zipcode-search .text-row:nth-child(-n+2){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:unset;align-items:unset}pn-zipcode-search .text-row:nth-child(-n+2) .delivery-date{margin-left:auto;margin-top:0.25em}}";var s=e("pn_zipcode_search",function(){function e(e){t(this,e);this.searchsuccessful=r(this,"searchsuccessful",7);this.marketwebLanguage="";this.language="sv";this.loading=false;this.error=false;this.errorMessage="";this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""}}e.prototype.componentWillLoad=function(){var e=this;var t=window.pnTopbar;if(t){this.init()}else{window.addEventListener("topbarLoaded",(function(){e.init()}))}};e.prototype.init=function(){var e=this;var t=window.pnTopbar;if(t){this.language=t.language;t.onChangeLanguage=function(t){e.language=t}}};e.prototype.isEmpty=function(e){var t=!e;if(t){return true}var r=e.trim().length===0;if(r){return true}else{return false}};e.prototype.getTranslation=function(e,t){for(var r=0,n=Object.entries(a);r<n.length;r++){var i=n[r],o=i[0],s=i[1];if(o===e.toUpperCase()){var l=a[o].en;for(var c=0,u=Object.entries(s);c<u.length;c++){var d=u[c],h=d[0],p=d[1];if(h===t.toLowerCase()){if(this.isEmpty(p)){return l}else{return p}}}return l}}return e};e.prototype.handleSearch=function(e){var t=this.validateZipCode(e.detail);if(t.error){this.error=true;this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch(t.value)};e.prototype.zipCodeSearch=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:this.loading=true;return[4,fetch("https://portal.postnord.com/api/sendoutarrival/closest?postalCode=".concat(e)).then((function(e){return e.json()})).then((function(e){t.error=false;t.loading=false;t.showResult=true;t.zipCodeSearchResult=e;t.searchsuccessful.emit(true)})).catch((function(){t.error=true;t.errorMessage="SERVER_ERROR_MESSAGE";t.loading=false;t.searchsuccessful.emit(false)}))];case 1:r.sent();return[2]}}))}))};e.prototype.validateZipCode=function(e){var t=e?e.replace(/[ -]/gi,""):"";var r=new RegExp(/\D+/);var n=r.test(t)||t.length!==5;return{error:n,value:t}};e.prototype.renderSearchResult=function(){if(!this.loading&&!this.error&&this.showResult){return n("div",{class:"search-results"},n("div",{class:"text-row"},n("h3",null,this.getTranslation("CLOSEST_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),n("h2",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),n("div",{class:"text-row"},n("h3",null,this.getTranslation("NEXT_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),n("h2",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),n("div",{class:"text-row"},n("h3",null,this.getTranslation("ZIP_CODE",this.marketwebLanguage||this.language)),n("h2",null," ",this.zipCodeSearchResult.postalCode)),n("h3",null,this.zipCodeSearchResult.city))}};e.prototype.renderErrorMessage=function(){if(this.error&&!this.loading){return n("p",{class:"error-text pn-tiny"},this.getTranslation(this.errorMessage,this.marketwebLanguage||this.language))}};e.prototype.render=function(){var e=this;return n(i,null,n("pn-search-field",{loading:this.loading,button:"none",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.marketwebLanguage||this.language),onSearch:function(t){return e.handleSearch(t)}}),this.renderSearchResult(),this.renderErrorMessage())};return e}());s.style=o}}}));

package/umd/modules/@postnord/web-components/postnord-web-components/p-8c799438.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-71eafea4.system.js"],(function(t){"use strict";var e,n,o,r,i,a;return{setters:[function(t){e=t.r;n=t.c;o=t.f;r=t.h;i=t.a;a=t.g}],execute:function(){var s="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:-ms-inline-flexbox;display:inline-flex;border-radius:3em}.pn-page-nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.1em solid #d3cecb;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:-ms-flexbox;display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.5rem solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.2em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon svg{width:100%;height:2em;-webkit-animation:arrow 0.6s ease-in-out alternate infinite;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:-webkit-gradient(linear, right top, left top, from(transparent), color-stop(60%, #0d234b));background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, #0d234b));background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}@keyframes arrow{to{-webkit-transform:translateX(10%);transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border:none;-webkit-transition:background 0.15s;transition:background 0.15s;position:relative;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{-webkit-box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb;box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#0068a6}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;-webkit-box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;box-shadow:0px 6.4000000954px 14.3999996185px 0px #00000021, 0px 1.2000000477px 3.5999999046px 0px #0000001a;font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";var p=t("pn_page_nav",function(){function t(t){e(this,t);this.navchange=n(this,"navchange",7);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.navItems=[];this.scrollRegistered=false;this.dropdown=false;this.dropdownLinks=[];this.dropdownActive=false;this.eventHandler=this.keyboardEvents.bind(this);this.globalEventHandler=this.globalEvents.bind(this)}t.prototype.changeHandler=function(t){var e=t.target;this.currentSelection=e.closest("pn-page-nav-item");if(e.value)this.value=e.value;if(this.dropdownOpen)this.dropdownOpen=false};t.prototype.handleResize=function(){this.rerender()};t.prototype.valueHandler=function(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()};t.prototype.componentWillLoad=function(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}};t.prototype.componentDidLoad=function(){var t=this;if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){o(t.hostElement);t.setActiveNavItem();t.rerender()}));e.observe(this.hostElement,{childList:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(function(e){var n=e.target;return t.calcHighlight(n,t.hoverBg)}));this.setActiveNavItem();this.rerender()};t.prototype.setActiveNavItem=function(){var t=this;this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((function(e){if(t.value===e.value){t.currentSelection=e}else{e.removeAttribute("selected")}e.querySelector("a").addEventListener("focus",(function(e){var n=e.target;return t.calcHighlight(n,t.hoverBg)}))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map((function(t,e){t.setAttribute("data-index","".concat(e));return t.closest("pn-page-nav-dropdown-item").value}))};t.prototype.rerender=function(){var t=this;requestAnimationFrame((function(){t.calcHighlight(t.currentSelection,t.activeBg);t.scrollArrowRender()}))};t.prototype.calcHighlight=function(t,e){if(!(t===null||t===void 0?void 0:t.closest("pn-page-nav-item"))){e===null||e===void 0?void 0:e.classList.add("hidden");return}if(e)e.classList.remove("hidden");var n=t.closest("pn-page-nav-item").getBoundingClientRect();var o=this.navContainer.getBoundingClientRect().left;var r=n.left,i=n.height,a=n.width;var s=r-o+this.navContainer.scrollLeft;e.style.setProperty("transform","translate(".concat(s,"px, -50%"));e.style.setProperty("width","".concat(a,"px"));e.style.setProperty("height","".concat(i,"px"))};t.prototype.scrollArrowRender=function(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}var t=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);var e=t-this.navWrapper.clientWidth;var n=this.navWrapper.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=e>0;return}else{this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}};t.prototype.scroll=function(t){var e=this.navWrapper.scrollLeft+t;this.navWrapper.scroll({left:e,behavior:"smooth"})};t.prototype.scrollArrowClasses=function(){var t="pn-pn-arrows ";if(this.showLeftArrow)t+="pn-pn-left-visible ";if(this.showRightArrow)t+="pn-pn-right-visible ";return t};t.prototype.initiateDropdown=function(){var t=this;requestAnimationFrame((function(){t.dropdownButton=t.hostElement.querySelector(".pn-page-nav-dropdown-button");t.dropdownEl=t.hostElement.querySelector(".pn-page-nav-dropdown");t.addDropdownEventListeners()}))};t.prototype.toggleDropdown=function(){this.dropdownOpen=!this.dropdownOpen};t.prototype.isDropdownItemActive=function(){var t=this;this.dropdownEls.forEach((function(e){if(e.value&&t.value===e.value){e.setAttribute("active",true);return}e.removeAttribute("active")}))};t.prototype.dropdownHandler=function(){var t=this;if(this.dropdownOpen){requestAnimationFrame((function(){t.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()};t.prototype.addDropdownEventListeners=function(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)};t.prototype.addGlobalEventListeners=function(){var t=this.hostElement.getRootNode();t.addEventListener("focusin",this.globalEventHandler);t.addEventListener("keydown",this.globalEventHandler);t.addEventListener("click",this.globalEventHandler)};t.prototype.removeGlobalEventListeners=function(){var t=this.hostElement.getRootNode();t.removeEventListener("focusin",this.globalEventHandler);t.removeEventListener("keydown",this.globalEventHandler);t.removeEventListener("click",this.globalEventHandler)};t.prototype.keyboardEvents=function(t){var e=this;var n=t.composedPath()[0];if(t.type==="keydown"){if(!this.dropdownOpen&&n===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(t.code)){this.dropdownOpen=true;requestAnimationFrame((function(){e.focusNextDropdownItem()}))}}};t.prototype.globalEvents=function(t){var e=t.composedPath()[0];if(t.type==="keydown"&&t.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(t.code==="ArrowDown")this.focusNextDropdownItem();if(t.code==="ArrowUp")this.focusPrevDropdownItem();if((t.type==="click"||t.type==="focusin")&&!this.dropdownEl.contains(e)){this.dropdownOpen=false}};t.prototype.focusNextDropdownItem=function(){var t=this.hostElement.getRootNode().activeElement;if(!t.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}var e=parseInt(t.getAttribute("data-index"));if(e<this.dropdownItems.length-1){this.dropdownItems[e+1].focus();return}};t.prototype.focusPrevDropdownItem=function(){var t=this.hostElement.getRootNode().activeElement;if(!t.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}var e=parseInt(t.getAttribute("data-index"));if(e>0){this.dropdownItems[e-1].focus();return}this.dropdownButton.focus()};t.prototype.dropdownButtonClasses=function(){var t="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))t+="pn-page-nav-dropdown-active ";return t};t.prototype.dropdownClasses=function(){var t="pn-page-nav-dropdown ";if(this.dropdownOpen)t+="pn-page-nav-dropdown-open ";return t};t.prototype.render=function(){var t=this;return r(i,null,r("div",{class:"pn-page-nav-wrapper"},r("nav",{class:"pn-page-nav"},this.dropdownActive&&r("button",{type:"button",class:this.dropdownButtonClasses(),onClick:function(){return t.toggleDropdown()},"aria-controls":"page-nav-dropdown","aria-expanded":"".concat(this.dropdownOpen)},"More",r("pn-icon",{symbol:"angle-down",color:"white",small:true}),r("div",{class:"pn-page-nav-divider"})),r("ul",{class:"pn-page-nav-items"},r("slot",null),r("div",{class:"pn-pn-bg pn-pn-active"}),r("div",{class:"pn-pn-bg pn-pn-hover"}))),this.showScrollArrows&&r("div",{class:this.scrollArrowClasses()},r("button",{class:"pn-pn-arrow-left",onClick:function(){return t.scroll(-120)},tabindex:"-1"},r("pn-icon",{symbol:"arrow-left",color:"white"})),r("button",{class:"pn-pn-arrow-right",onClick:function(){return t.scroll(120)},tabindex:"-1"},r("pn-icon",{symbol:"arrow-right",color:"blue700"})))),this.dropdownActive&&r("ul",{class:this.dropdownClasses(),id:"page-nav-dropdown","aria-hidden":"".concat(!this.dropdownOpen)},r("slot",{name:"dropdown-item"})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}},enumerable:false,configurable:true});return t}());p.style=s}}}));