@postnord/pn-marketweb-components 2.0.73 → 2.0.75

package/umd/modules/@postnord/web-components/esm-es5/loader.js

@@ -1 +1 @@
-import{p as promiseResolve,b as bootstrapLazy}from"./index-602e59ea.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["pn-ocr-search",[[0,"pn-ocr-search",{language:[1],loading:[32],error:[32],ocrNumber:[32],searchSuccess:[32],invalidOcrNumber:[32]}]]],["pn-zipcode-search",[[0,"pn-zipcode-search",{marketwebLanguage:[1,"marketweb-language"],language:[32],loading:[32],error:[32],errorMessage:[32],showResult:[32],zipCodeSearchResult:[32]}]]],["pn-file-upload",[[4,"pn-file-upload",{disabled:[4],showSpinner:[4,"show-spinner"],accept:[1],maxSize:[1,"max-size"],limit:[2],multiple:[1028],triggerElements:[32],renders:[32],startUpload:[64],clearUpload:[64],removeFile:[64],updateFile:[64]}]]],["pn-select",[[4,"pn-select",{searchable:[4],label:[1],placeholder:[1],checkbox:[4],checkboxid:[1],checked:[1028],indeterminate:[1028],error:[1],invalid:[4],value:[1],internalValue:[32],open:[32],upwards:[32],loaded:[32]},[[0,"change","changeHandler"],[0,"selectOption","selectOptionHandler"]]]]],["pn-date-picker-old",[[0,"pn-date-picker-old",{language:[1],disabled:[4],emitErrors:[4,"emit-errors"],label:[1],min:[1],max:[1],invalid:[4],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],disableInput:[4,"disable-input"],startOfWeek:[2,"start-of-week"],dispatchChangeOnBlur:[4,"dispatch-change-on-blur"],position:[1],value:[1025]},[[0,"daychange","dateChanged"]]]]],["pn-check-tile",[[4,"pn-check-tile",{checkboxid:[1],value:[8],checked:[4],illustration:[1]}]]],["pn-date-picker",[[0,"pn-date-picker",{language:[1],start:[1],end:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],range:[4],disableWeekends:[4,"disable-weekends"],placeholder:[1],endPlaceholder:[1,"end-placeholder"],currentState:[32],week:[32],months:[32],startDate:[32],endDate:[32],open:[32],selectionMade:[32],machine:[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["pn-footer",[[0,"pn-footer",{market:[32],language:[32],isLoggedIn:[32],isBusinessUser:[32]}]]],["pn-icon-grid",[[0,"pn-icon-grid",{small:[4],color:[1],activeSymbol:[32]}]]],["pn-illustration-grid",[[0,"pn-illustration-grid",{size:[1],color:[1],activeIllustration:[32]}]]],["pn-input",[[0,"pn-input",{disabled:[4],error:[1],invalid:[4],helpertext:[1],label:[1],placeholder:[1],inputid:[1],name:[1],required:[4],type:[1025],autocomplete:[1],valid:[4],value:[1],maxlength:[1],min:[2],max:[2],showText:[32]}]]],["pn-modal",[[4,"pn-modal",{open:[1028],focusableEls:[32]}]]],["pn-nav-dropdown",[[4,"pn-nav-dropdown",{label:[1],icon:[1],open:[32],position:[32],right:[32]}]]],["pn-page-nav",[[4,"pn-page-nav",{value:[1025],dropdown:[8],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32],dropdownOpen:[32],dropdownLinks:[32],dropdownActive:[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["pn-page-nav-dropdown-item",[[4,"pn-page-nav-dropdown-item",{value:[1],href:[1],active:[4]}]]],["pn-page-nav-item",[[4,"pn-page-nav-item",{value:[1],icon:[1],href:[1]}]]],["pn-radio-tile",[[4,"pn-radio-tile",{name:[1],radioid:[1],value:[8],checked:[4],illustration:[1]}]]],["pn-segment",[[4,"pn-segment",{segmentid:[1],name:[1],value:[1],selected:[4],icon:[1]}]]],["pn-tile",[[4,"pn-tile",{label:[1],url:[1],target:[1],rel:[1],illustration:[1025],simple:[32],checkCardSize:[32],longpress:[32],timer:[32]}]]],["pn-toast",[[4,"pn-toast",{appearance:[1],icon:[1],closable:[4],temporary:[4],manualDuration:[2,"manual-duration"],hidden:[1028],timeout:[32]}]]],["pn-spinner",[[0,"pn-spinner",{light:[4],size:[1]}]]],["pn-toggle-switch",[[0,"pn-toggle-switch",{checked:[1028],disabled:[4],indeterminate:[4],toggleid:[1],name:[1]}]]],["pn-tooltip",[[4,"pn-tooltip",{warning:[4],color:[1025],downwards:[32],open:[32],deltaX:[32]}]]],["pn-accordion",[[4,"pn-accordion",{accordionRows:[32]},[[0,"togglerow","toggleHandler"]]]]],["pn-accordion-row",[[4,"pn-accordion-row",{label:[1025]}]]],["pn-choice-chip",[[4,"pn-choice-chip",{value:[520],name:[1],choiceid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-color",[[0,"pn-color",{name:[1],defaultColor:[1,"default-color"],palette:[16]}]]],["pn-colors",[[0,"pn-colors"]]],["pn-progress-indicator",[[4,"pn-progress-indicator",{activeStep:[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["pn-progress-indicator-step",[[4,"pn-progress-indicator-step",{activeStep:[2,"active-step"],index:[2],name:[1],checked:[4],active:[1],activated:[32],done:[32]}]]],["pn-radio-button",[[0,"pn-radio-button",{value:[520],name:[1],radioid:[1],disabled:[4],checked:[4]}]]],["pn-segmented-control",[[4,"pn-segmented-control",{name:[1],value:[1025],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"]]]]],["pn-tab",[[4,"pn-tab",{activeTab:[1,"active-tab"],label:[1],value:[1]}]]],["pn-table",[[4,"pn-table",{disabled:[4],bordered:[4],striped:[4]}]]],["pn-tablist",[[4,"pn-tablist",{value:[1025],stackedicons:[4],tabElement:[32],showScrollArrows:[32],scrollArrowClasses:[32]},[[0,"setactivetab","setActiveTabHandler"],[9,"resize","handleResize"]]]]],["pn-virtual-agent",[[0,"pn-virtual-agent",{parcelid:[1],areaid:[2],show:[4],status:[32],instanceActive:[32]}]]],["pn-calendar",[[0,"pn-calendar",{language:[1],min:[1],max:[1],startOfWeek:[2,"start-of-week"],value:[1025],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],minActiveDate:[1,"min-active-date"],maxActiveDate:[1,"max-active-date"],defaultDate:[1,"default-date"],disableMonthsView:[4,"disable-months-view"],monthView:[4,"month-view"]}]]],["pn-checkbox",[[0,"pn-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-option",[[4,"pn-option",{value:[1],selected:[1540],selectHasLoaded:[4,"select-has-loaded"],parentValue:[8,"parent-value"],checked:[1028],checkbox:[4],index:[1]},[[0,"change","changeHandler"]]]]],["pn-progress-bar",[[0,"pn-progress-bar",{progress:[2],size:[1],color:[1],width:[1],label:[1],showSpinner:[4,"show-spinner"],showPercentage:[4,"show-percentage"]}]]],["pn-illustration",[[0,"pn-illustration",{illustration:[1]}]]],["pn-icon",[[0,"pn-icon",{symbol:[1],small:[4],color:[1]}]]],["pn-button_2",[[0,"pn-search-field",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],list:[1],value:[1],label:[1],loading:[4],button:[1],light:[4]},[[0,"input","inputHandler"]]],[4,"pn-button",{small:[4],appearance:[1],variant:[1],loading:[516],leftIcon:[4,"left-icon"],icon:[1],type:[1],iconOnly:[4,"icon-only"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaControls:[1,"aria-controls"],ariaPressed:[1,"aria-pressed"],href:[1],rel:[1],target:[1],download:[4],tooltipOpen:[32],tooltipUpwards:[32]}]]]],a)}))};export{defineCustomElements};
+import{p as promiseResolve,b as bootstrapLazy}from"./index-602e59ea.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["pn-ocr-search",[[0,"pn-ocr-search",{language:[1],loading:[32],error:[32],ocrNumber:[32],searchSuccess:[32],invalidOcrNumber:[32]}]]],["pn-zipcode-search",[[0,"pn-zipcode-search",{marketwebLanguage:[1,"marketweb-language"],language:[32],loading:[32],error:[32],errorMessage:[32],showResult:[32],zipCodeSearchResult:[32]}]]],["pn-file-upload",[[4,"pn-file-upload",{disabled:[4],showSpinner:[4,"show-spinner"],accept:[1],maxSize:[1,"max-size"],limit:[2],multiple:[1028],triggerElements:[32],renders:[32],startUpload:[64],clearUpload:[64],removeFile:[64],updateFile:[64]}]]],["pn-select",[[4,"pn-select",{searchable:[4],label:[1],placeholder:[1],checkbox:[4],checkboxid:[1],checked:[1028],indeterminate:[1028],error:[1],invalid:[4],value:[1],internalValue:[32],open:[32],upwards:[32],loaded:[32]},[[0,"change","changeHandler"],[0,"selectOption","selectOptionHandler"]]]]],["pn-date-picker-old",[[0,"pn-date-picker-old",{language:[1],disabled:[4],emitErrors:[4,"emit-errors"],label:[1],min:[1],max:[1],invalid:[4],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],disableInput:[4,"disable-input"],startOfWeek:[2,"start-of-week"],dispatchChangeOnBlur:[4,"dispatch-change-on-blur"],position:[1],value:[1025]},[[0,"daychange","dateChanged"]]]]],["pn-check-tile",[[4,"pn-check-tile",{checkboxid:[1],value:[8],checked:[4],illustration:[1]}]]],["pn-icon",[[0,"pn-icon",{symbol:[1],small:[4],color:[1]}]]],["pn-date-picker",[[0,"pn-date-picker",{language:[1],start:[1],end:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],range:[4],disableWeekends:[4,"disable-weekends"],placeholder:[1],endPlaceholder:[1,"end-placeholder"],currentState:[32],week:[32],months:[32],startDate:[32],endDate:[32],open:[32],selectionMade:[32],machine:[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["pn-footer",[[0,"pn-footer",{market:[32],language:[32],isLoggedIn:[32],isBusinessUser:[32]}]]],["pn-icon-grid",[[0,"pn-icon-grid",{small:[4],color:[1],activeSymbol:[32]}]]],["pn-illustration-grid",[[0,"pn-illustration-grid",{size:[1],color:[1],activeIllustration:[32]}]]],["pn-input",[[0,"pn-input",{disabled:[4],error:[1],invalid:[4],helpertext:[1],label:[1],placeholder:[1],inputid:[1],name:[1],required:[4],type:[1025],autocomplete:[1],valid:[4],value:[1],maxlength:[1],min:[2],max:[2],ariaLabel:[1,"aria-label"],showText:[32]}]]],["pn-modal",[[4,"pn-modal",{open:[1028],focusableEls:[32]}]]],["pn-nav-dropdown",[[4,"pn-nav-dropdown",{label:[1],icon:[1],open:[32],position:[32],right:[32]}]]],["pn-page-nav",[[4,"pn-page-nav",{value:[1025],dropdown:[8],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32],dropdownOpen:[32],dropdownLinks:[32],dropdownActive:[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["pn-page-nav-dropdown-item",[[4,"pn-page-nav-dropdown-item",{value:[1],href:[1],active:[4]}]]],["pn-page-nav-item",[[4,"pn-page-nav-item",{value:[1],icon:[1],href:[1]}]]],["pn-radio-tile",[[4,"pn-radio-tile",{name:[1],radioid:[1],value:[8],checked:[4],illustration:[1]}]]],["pn-segment",[[4,"pn-segment",{segmentid:[1],name:[1],value:[1],selected:[4],icon:[1]}]]],["pn-tile",[[4,"pn-tile",{label:[1],url:[1],target:[1],rel:[1],illustration:[1025],simple:[32],checkCardSize:[32],longpress:[32],timer:[32]}]]],["pn-toast",[[4,"pn-toast",{appearance:[1],icon:[1],closable:[4],temporary:[4],manualDuration:[2,"manual-duration"],hidden:[1028],timeout:[32]}]]],["pn-toggle-switch",[[0,"pn-toggle-switch",{checked:[1028],disabled:[4],indeterminate:[4],toggleid:[1],name:[1]}]]],["pn-tooltip",[[4,"pn-tooltip",{warning:[4],color:[1025],downwards:[32],open:[32],deltaX:[32]}]]],["pn-accordion",[[4,"pn-accordion",{accordionRows:[32]},[[0,"togglerow","toggleHandler"]]]]],["pn-accordion-row",[[4,"pn-accordion-row",{label:[1025]}]]],["pn-choice-chip",[[4,"pn-choice-chip",{value:[520],name:[1],choiceid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-color",[[0,"pn-color",{name:[1],defaultColor:[1,"default-color"],palette:[16]}]]],["pn-colors",[[0,"pn-colors"]]],["pn-header",[[4,"pn-header",{heading:[1],color:[1025],maxWidth:[1,"max-width"]}]]],["pn-progress-indicator",[[4,"pn-progress-indicator",{activeStep:[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["pn-progress-indicator-step",[[4,"pn-progress-indicator-step",{activeStep:[2,"active-step"],index:[2],name:[1],checked:[4],active:[1],activated:[32],done:[32]}]]],["pn-radio-button",[[0,"pn-radio-button",{value:[520],name:[1],radioid:[1],disabled:[4],checked:[4]}]]],["pn-segmented-control",[[4,"pn-segmented-control",{name:[1],value:[1025],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"]]]]],["pn-tab",[[4,"pn-tab",{activeTab:[1,"active-tab"],label:[1],value:[1]}]]],["pn-table",[[4,"pn-table",{disabled:[4],bordered:[4],striped:[4]}]]],["pn-tablist",[[4,"pn-tablist",{value:[1025],stackedicons:[4],tabElement:[32],showScrollArrows:[32],scrollArrowClasses:[32]},[[0,"setactivetab","setActiveTabHandler"],[9,"resize","handleResize"]]]]],["pn-virtual-agent",[[0,"pn-virtual-agent",{parcelid:[1],areaid:[2],show:[4],status:[32],instanceActive:[32]}]]],["pn-calendar",[[0,"pn-calendar",{language:[1],min:[1],max:[1],startOfWeek:[2,"start-of-week"],value:[1025],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],minActiveDate:[1,"min-active-date"],maxActiveDate:[1,"max-active-date"],defaultDate:[1,"default-date"],disableMonthsView:[4,"disable-months-view"],monthView:[4,"month-view"]}]]],["pn-checkbox",[[0,"pn-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028],ariaLabel:[1,"aria-label"],ariaDescribedby:[1,"aria-describedby"]},[[0,"change","handlechange"]]]]],["pn-option",[[4,"pn-option",{value:[1],selected:[1540],selectHasLoaded:[4,"select-has-loaded"],parentValue:[8,"parent-value"],checked:[1028],checkbox:[4],index:[1]},[[0,"change","changeHandler"]]]]],["pn-progress-bar",[[0,"pn-progress-bar",{progress:[2],size:[1],color:[1],width:[1],label:[1],showSpinner:[4,"show-spinner"],showPercentage:[4,"show-percentage"]}]]],["pn-illustration",[[0,"pn-illustration",{illustration:[1]}]]],["pn-spinner",[[0,"pn-spinner",{light:[4],size:[1]}]]],["pn-button_2",[[0,"pn-search-field",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],list:[1],value:[1],label:[1],loading:[4],button:[1],light:[4],ariaLabel:[1,"aria-label"]},[[0,"input","inputHandler"]]],[4,"pn-button",{small:[4],appearance:[1],variant:[1],loading:[516],leftIcon:[4,"left-icon"],icon:[1],type:[1],iconOnly:[4,"icon-only"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaControls:[1,"aria-controls"],ariaPressed:[1,"aria-pressed"],href:[1],rel:[1],target:[1],download:[4],tooltipOpen:[32],tooltipUpwards:[32]}]]]],a)}))};export{defineCustomElements};

package/umd/modules/@postnord/web-components/esm-es5/pn-accordion-row.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnAccordionRowCss="pn-accordion-row{position:relative;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row+pn-accordion-row{border-top:0.1rem solid #D3CECB;margin-top:0.4rem}pn-accordion-row[data-flipping]{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)));-webkit-transition:none;transition:none}pn-accordion-row .accordion-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:0;width:100%;font-weight:400;padding:1em;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);border-radius:0.8rem;overflow:hidden;position:relative;background:#FFFFFF;border:none;outline:none;cursor:pointer;font-size:1em;}pn-accordion-row .accordion-title:hover{background:#E0F8FF}pn-accordion-row .accordion-title:focus{-webkit-box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005D92}pn-accordion-row .accordion-title>svg{margin-left:auto;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s}pn-accordion-row .accordion-title>svg path{fill:#005D92}pn-accordion-row .accordion-title .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;position:absolute;border-radius:50%;background:#005D92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05;pointer-events:none}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .accordion-content{z-index:2;top:0;left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-accordion-row .accordion-content .content{position:absolute;left:0;right:0;width:100%;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;padding:1em}pn-accordion-row[data-state=open] .accordion-content .content{position:relative;pointer-events:unset;opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}pn-accordion-row[data-state=open] .accordion-title svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";var PnaccordionItem=function(){function t(t){registerInstance(this,t);this.togglerow=createEvent(this,"togglerow",7);this.label=null;this.rippleContainer=null}t.prototype.componentWillLoad=function(){var t=this.hostElement.querySelector('[slot="label"]');this.label=t?null:this.label};t.prototype.componentDidLoad=function(){this.rippleContainer=this.hostElement.querySelector(".accordion-title")};t.prototype.toggleHandler=function(){this.togglerow.emit(this.hostElement)};t.prototype.clickHandler=function(t){this.togglerow.emit(this.hostElement);var e=this.rippleContainer.getBoundingClientRect();var o=e.left;var i=e.top;var n=document.createElement("div");var r=e.width>e.height?e.width:e.height;n.classList.add("pn-ripple");this.rippleContainer.appendChild(n);n.style.height="".concat(r*2,"px");n.style.width="".concat(r*2,"px");n.style.left=t.clientX>0?"".concat(t.clientX-o,"px"):"50%";n.style.top=t.clientY>0?"".concat(t.clientY-i,"px"):"50%";setTimeout((function(){return n.remove()}),400)};t.prototype.render=function(){var t=this;return h(Host,{"data-state":"collapsed"},h("div",{class:"accordion-content"},h("button",{type:"button",class:"accordion-title",onClick:function(e){return t.clickHandler(e)}},this.label?this.label:"",h("slot",{name:"label"}),h("svg",{width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z",fill:"#232228"}))),h("div",{class:"content"},h("slot",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnaccordionItem.style=pnAccordionRowCss;export{PnaccordionItem as pn_accordion_row};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnAccordionRowCss="pn-accordion-row{position:relative;color:black;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1)}pn-accordion-row+pn-accordion-row{border-top:0.1rem solid #D3CECB;margin-top:0.4rem}pn-accordion-row[data-flipping]{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)));-webkit-transition:none;transition:none}pn-accordion-row .accordion-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;z-index:0;width:100%;font-weight:400;padding:1em;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);transition:background 0.2s, box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s cubic-bezier(0.7, 0, 0.3, 1);border-radius:0.8rem;overflow:hidden;position:relative;background:#ffffff;border:none;outline:none;cursor:pointer;font-size:1em;}pn-accordion-row .accordion-title:hover{background:#e0f8ff}pn-accordion-row .accordion-title:focus{-webkit-box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem white, 0 0 0 0.4rem #005d92}pn-accordion-row .accordion-title>svg{margin-left:auto;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.25s}pn-accordion-row .accordion-title>svg path{fill:#005D92}pn-accordion-row .accordion-title .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1) forwards;position:absolute;border-radius:50%;background:#005d92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05;pointer-events:none}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-accordion-row .accordion-content{z-index:2;top:0;left:0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-accordion-row .accordion-content .content{position:absolute;left:0;right:0;width:100%;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;pointer-events:none;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;padding:1em}pn-accordion-row[data-state=open] .accordion-content .content{position:relative;pointer-events:unset;opacity:1;-webkit-transition-delay:0.2s;transition-delay:0.2s}pn-accordion-row[data-state=open] .accordion-title svg{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";var PnaccordionItem=function(){function t(t){registerInstance(this,t);this.togglerow=createEvent(this,"togglerow",7);this.label=null;this.rippleContainer=null}t.prototype.componentWillLoad=function(){var t=this.hostElement.querySelector('[slot="label"]');this.label=t?null:this.label};t.prototype.componentDidLoad=function(){this.rippleContainer=this.hostElement.querySelector(".accordion-title")};t.prototype.toggleHandler=function(){this.togglerow.emit(this.hostElement)};t.prototype.clickHandler=function(t){this.togglerow.emit(this.hostElement);var e=this.rippleContainer.getBoundingClientRect();var o=e.left;var i=e.top;var n=document.createElement("div");var r=e.width>e.height?e.width:e.height;n.classList.add("pn-ripple");this.rippleContainer.appendChild(n);n.style.height="".concat(r*2,"px");n.style.width="".concat(r*2,"px");n.style.left=t.clientX>0?"".concat(t.clientX-o,"px"):"50%";n.style.top=t.clientY>0?"".concat(t.clientY-i,"px"):"50%";setTimeout((function(){return n.remove()}),400)};t.prototype.render=function(){var t=this;return h(Host,{"data-state":"collapsed"},h("div",{class:"accordion-content"},h("button",{type:"button",class:"accordion-title",onClick:function(e){return t.clickHandler(e)}},this.label?this.label:"",h("slot",{name:"label"}),h("svg",{width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z",fill:"#232228"}))),h("div",{class:"content"},h("slot",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnaccordionItem.style=pnAccordionRowCss;export{PnaccordionItem as pn_accordion_row};

package/umd/modules/@postnord/web-components/esm-es5/pn-button_2.entry.js

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(t,n,o){if(o||arguments.length===2)for(var i=0,e=n.length,r;i<e;i++){if(r||!(i in n)){if(!r)r=Array.prototype.slice.call(n,0,i);r[i]=n[i]}}return t.concat(r||Array.prototype.slice.call(n))};import{r as registerInstance,h,a as Host,g as getElement,c as createEvent}from"./index-602e59ea.js";var pnButtonCss='pn-button{display:inline-block}pn-button button,pn-button a{color:#fff;cursor:pointer;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;background:transparent;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 0.3s;transition:color 0.3s;-webkit-tap-highlight-color:transparent;}pn-button button pn-icon,pn-button a pn-icon{-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 0.5em}pn-button button pn-icon svg path,pn-button a pn-icon svg path{fill:#fff;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-button button .pn-button-content,pn-button a .pn-button-content{z-index:2;-webkit-transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, transform 0.2s;transition:opacity 0.1s, transform 0.2s, -webkit-transform 0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}pn-button button .pn-button-bg,pn-button a .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;border-radius:3em;border:0.1rem solid transparent;background:#005D92;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s;overflow:hidden}pn-button button .pn-button-bg::after,pn-button a .pn-button-bg::after{content:"";position:absolute;will-change:transform;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);width:100%;height:100%;background:#0D234B;border-radius:inherit;left:0;-webkit-transform:translateX(-103%);transform:translateX(-103%);opacity:0.5}pn-button button.pn-button-light,pn-button a.pn-button-light{color:#005D92}pn-button button.pn-button-light pn-icon svg path,pn-button a.pn-button-light pn-icon svg path{fill:#005D92}pn-button button.pn-button-light pn-spinner .circle,pn-button a.pn-button-light pn-spinner .circle{stroke:#005D92}pn-button button.pn-button-light pn-spinner .dot,pn-button a.pn-button-light pn-spinner .dot{fill:#005D92}pn-button button.pn-button-light .pn-button-bg,pn-button a.pn-button-light .pn-button-bg{border:0.1rem solid #005D92;background:#fff}pn-button button.pn-button-light .pn-button-bg:after,pn-button a.pn-button-light .pn-button-bg:after{background:#E0F8FF;opacity:1}pn-button button.pn-button-light .pn-button-bg .pn-ripple,pn-button a.pn-button-light .pn-button-bg .pn-ripple{background:#005D92}pn-button button.pn-button-warning,pn-button a.pn-button-warning{color:#A70707}pn-button button.pn-button-warning pn-icon svg path,pn-button a.pn-button-warning pn-icon svg path{fill:#A70707}pn-button button.pn-button-warning pn-spinner .circle,pn-button a.pn-button-warning pn-spinner .circle{stroke:#A70707}pn-button button.pn-button-warning pn-spinner .dot,pn-button a.pn-button-warning pn-spinner .dot{fill:#A70707}pn-button button.pn-button-warning .pn-button-bg,pn-button a.pn-button-warning .pn-button-bg{border:0.1rem solid #A70707;background:#FDEFEE}pn-button button.pn-button-warning .pn-button-bg:after,pn-button a.pn-button-warning .pn-button-bg:after{background:#A70707;opacity:1}pn-button button.pn-button-variation-borderless .pn-button-bg,pn-button a.pn-button-variation-borderless .pn-button-bg{border:0.1rem solid transparent;background:transparent}pn-button button.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after,pn-button a.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined .pn-button-bg,pn-button a.pn-button-variation-outlined .pn-button-bg{background:transparent}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg{border-color:#FFFFFF}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined.pn-button-light .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-light .pn-button-bg::after{background:#00A0D6;opacity:0.1}pn-button button.pn-button-left-icon .pn-button-content,pn-button a.pn-button-left-icon .pn-button-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-button button.pn-button-left-icon .pn-button-content pn-icon,pn-button a.pn-button-left-icon .pn-button-content pn-icon{margin:0 0.5em 0 0}pn-button button.icon-only,pn-button a.icon-only{width:3em;min-width:0}pn-button button.icon-only pn-icon,pn-button a.icon-only pn-icon{margin:0}pn-button button.icon-only.pn-button-small,pn-button a.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}pn-button button.pn-button-small,pn-button a.pn-button-small{font-size:1.4rem;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}pn-button button.pn-button-small pn-icon svg,pn-button a.pn-button-small pn-icon svg{height:1.28em;width:1.28em}a:focus>pn-button button .pn-button-bg,pn-button button:focus .pn-button-bg,pn-button a:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}a:focus>pn-button button .pn-button-bg:after,pn-button button:hover .pn-button-bg:after,pn-button button:focus .pn-button-bg:after,pn-button a:hover .pn-button-bg:after,pn-button a:focus .pn-button-bg:after{-webkit-transform:translateX(0);transform:translateX(0)}a:focus>pn-button button.pn-button-warning,pn-button button.pn-button-warning:hover,pn-button a.pn-button-warning:hover,pn-button button.pn-button-warning:focus,pn-button a.pn-button-warning:focus{color:#fff}a:focus>pn-button button.pn-button-warning pn-icon svg path,pn-button button.pn-button-warning:hover pn-icon svg path,pn-button a.pn-button-warning:hover pn-icon svg path,pn-button button.pn-button-warning:focus pn-icon svg path,pn-button a.pn-button-warning:focus pn-icon svg path{fill:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .circle,pn-button button.pn-button-warning:hover pn-spinner .circle,pn-button a.pn-button-warning:hover pn-spinner .circle,pn-button button.pn-button-warning:focus pn-spinner .circle,pn-button a.pn-button-warning:focus pn-spinner .circle{stroke:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .dot,pn-button button.pn-button-warning:hover pn-spinner .dot,pn-button a.pn-button-warning:hover pn-spinner .dot,pn-button button.pn-button-warning:focus pn-spinner .dot,pn-button a.pn-button-warning:focus pn-spinner .dot{fill:#fff}a:focus>pn-button button.pn-button-warning .pn-button-bg,pn-button button.pn-button-warning:focus .pn-button-bg,pn-button a.pn-button-warning:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-button .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background:#fff;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-button pn-spinner{position:absolute;-webkit-transform:scale(0);transform:scale(0)}pn-button[data-loading] pn-spinner{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s}pn-button[data-loading] .pn-button-content{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-button[data-loading] .pn-button-bg{width:3em}pn-button[data-loading] button.pn-button-small .pn-button-bg,pn-button[data-loading] a.pn-button-small .pn-button-bg{width:2.286em}pn-button button .button-tooltip,pn-button a .button-tooltip{position:absolute;top:calc(100% + 0.35em);left:50%;background:#0a406e;color:#FFFFFF;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);-webkit-transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;pointer-events:none}pn-button button[data-tooltip-open] .button-tooltip,pn-button a[data-tooltip-open] .button-tooltip{opacity:1;-webkit-transition-delay:5s;transition-delay:5s}pn-button button.button-tooltip-upwards .button-tooltip,pn-button a.button-tooltip-upwards .button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button button.pn-button-warning .button-tooltip,pn-button a.pn-button-warning .button-tooltip{background:#A70707;color:#FFFFFF}pn-button a{text-decoration:none}pn-button a:hover{color:#FFFFFF}pn-button a:hover.pn-button-light{color:#005D92}';var PnButton=function(){function t(t){registerInstance(this,t);this.small=false;this.appearance="primary ";this.variant="";this.loading=false;this.leftIcon=false;this.icon=null;this.type="button";this.iconOnly=false;this.ariaLabel=null;this.ariaLabelledby=null;this.ariaControls=null;this.ariaPressed=null;this.href=null;this.rel=null;this.target=null;this.download=null;this.tooltipOpen=false;this.ripple=function(t,n){var o=n.getBoundingClientRect();var i=o.left;var e=o.top;var r=document.createElement("div");var a=o.width>o.height?o.width:o.height;r.classList.add("pn-ripple");n.querySelector(".pn-button-bg").appendChild(r);r.style.height="".concat(a*2,"px");r.style.width="".concat(a*2,"px");r.style.left=t.clientX>0?"".concat(t.clientX-i,"px"):"50%";r.style.top=t.clientY>0?"".concat(t.clientY-e,"px"):"50%";setTimeout((function(){return r.remove()}),400)}}t.prototype.componentDidLoad=function(){this.checkIfLink();if(this.iconOnly)this.initTooltip()};t.prototype.openHandler=function(){if(this.tooltipOpen){this.checkTooltipPosition();return}this.setTooltipOffset()};t.prototype.initTooltip=function(){var t=this;this.tooltipEl=this.hostElement.querySelector(".button-tooltip");var n=this.hostElement.querySelector(".pn-button");var o=this.linkEl?this.linkEl:n;var i=["mouseover","focus"];var e=["mouseleave","blur"];var r=__spreadArray(__spreadArray([],i,true),e,true);r.forEach((function(n){o.addEventListener(n,(function(n){if(i.includes(n.type)){t.tooltipOpen=true;return}if(e.includes(n.type)){t.tooltipOpen=false}}))}))};t.prototype.setTooltipOffset=function(){this.tooltipEl.style.transform="translateX(-50%) translateX(".concat(this.tooltipDx,"px)")};t.prototype.checkTooltipPosition=function(){var t=this;this.tooltipEl.style.transition="none";this.tooltipEl.style.transform="translateX(-50%)";this.tooltipUpwards=false;requestAnimationFrame((function(){var n=t.tooltipEl.getBoundingClientRect(),o=n.x,i=n.y,e=n.right,r=n.height;var a=8;t.tooltipDx="0";t.tooltipUpwards=i+r>window.innerHeight;t.tooltipEl.style.transform="";console.log(t.tooltipUpwards);if(o<0)t.tooltipDx="".concat(o*-1+a);if(e>window.innerWidth)t.tooltipDx="".concat(window.innerWidth-e-a);requestAnimationFrame((function(){t.tooltipEl.style.transition="";t.setTooltipOffset()}))}))};t.prototype.checkIfLink=function(){var t;if(((t=this.hostElement.parentElement)===null||t===void 0?void 0:t.nodeName)==="A"){this.linkEl=this.hostElement.parentElement;this.hostElement.parentElement.style.setProperty("outline","none");this.hostElement.querySelector("button").setAttribute("tabindex","-1")}};t.prototype.getClassNames=function(){var t="pn-button ";var n=["primary","dark"];var o=["secondary","light"];var i=["borderless","outlined"];if(this.small)t+="pn-button-small ";if(this.leftIcon)t+="pn-button-left-icon ";if(i.includes(this.variant))t+="pn-button-variation-".concat(this.variant," ");if(this.iconOnly)t+="icon-only ";if(this.tooltipUpwards)t+="button-tooltip-upwards ";if(n.includes(this.appearance)){t+="pn-button-dark "}else if(o.includes(this.appearance)){t+="pn-button-light "}else if(this.appearance==="warning"){t+="pn-button-warning "}else{t+="pn-button-dark "}if(this.loading){this.hostElement.dataset.loading="true"}else{if(this.hostElement.dataset.loading)delete this.hostElement.dataset.loading}return t};t.prototype.getAttributes=function(){var t,n;var o={type:this.type};var i={href:this.href,rel:!this.rel&&this.target==="_blank"?"noopener":this.rel,target:(t=this.target)!==null&&t!==void 0?t:null,download:(n=this.download)!==null&&n!==void 0?n:null};return this.href?i:o};t.prototype.getTagName=function(){return this.href?"a":"button"};t.prototype.render=function(){var t=this;var n=this.getTagName();return h(Host,{class:"pn-button"},h(n,Object.assign({class:this.getClassNames(),"data-loading":this.loading,onClick:function(n){return t.ripple(n,t.hostElement)},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"data-tooltip-open":this.tooltipOpen,"aria-controls":this.ariaControls,"aria-pressed":this.ariaPressed},this.getAttributes()),h("div",{class:"pn-button-bg"}),h("div",{class:"pn-button-content"},!this.iconOnly&&h("slot",null),this.icon&&h("pn-icon",{symbol:this.icon})),h("pn-spinner",{light:true}),this.iconOnly&&h("div",{class:"button-tooltip"},h("slot",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{tooltipOpen:["openHandler"]}},enumerable:false,configurable:true});return t}();PnButton.style=pnButtonCss;var pnSearchFieldCss="pn-search-field{display:-ms-inline-flexbox;display:inline-flex}pn-search-field>pn-button{margin-left:0.35em}pn-search-field>pn-button button .pn-button-bg{-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s}pn-search-field>pn-button[data-loading=true] .pn-button-bg{left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s}pn-search-field>pn-button[data-loading=true] pn-spinner{left:0.75em}pn-search-field input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::-moz-placeholder{color:#969087;font-weight:normal}pn-search-field input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::placeholder{color:#969087;font-weight:normal}pn-search-field input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-search-field input:hover{border:0.1rem solid #00A0D6}pn-search-field input:disabled{background:#F3F2F2;border:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-search-field>.input-container button{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:none;border:none;color:#005D92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;-webkit-transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}pn-search-field>.input-container button.clear,pn-search-field>.input-container button.search{cursor:pointer}pn-search-field>.input-container button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-search-field>.input-container button:hover,pn-search-field>.input-container button:focus{background:#E0F8FF}pn-search-field>.input-container button:active{background:#005D92}pn-search-field>.input-container button:active pn-icon svg,pn-search-field>.input-container button:active pn-icon svg path{fill:white}pn-search-field.searching button.search{-webkit-transform:translate(150%, -50%);transform:translate(150%, -50%)}pn-search-field.searching button.clear{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:3.3em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}pn-search-field.button-none button.search,pn-search-field.button-icon-inline button.search{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none.loading button,pn-search-field.button-icon-inline.loading button{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none.searching button.search{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}";var PnSearchField=function(){function t(t){registerInstance(this,t);this.search=createEvent(this,"search",7);this.update=createEvent(this,"update",7);this.disabled=false;this.placeholder=null;this.inputid=null;this.name=null;this.autocomplete=null;this.list=null;this.value=null;this.label=null;this.loading=false;this.button="";this.light=false}t.prototype.inputHandler=function(){this.update.emit(this.value)};t.prototype.emitSearch=function(t){if(t.type==="click"||t.type==="keydown"&&t.key==="Enter"){t.preventDefault();this.search.emit(this.value)}};t.prototype.setVal=function(t){this.value=t.target.value};t.prototype.clearInput=function(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()};t.prototype.getClassNames=function(){var t="";var n=["none","icon","icon-inline"];if(this.value)t+="searching ";if(this.loading)t+="loading ";if(n.includes(this.button))t+="button-".concat(this.button," ");return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames()},h("div",{class:"input-container"},h("input",{type:"search",value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,list:this.list,onKeyDown:function(n){return t.emitSearch(n)},onInput:function(n){return t.setVal(n)}}),h("div",{class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&h("button",{class:"search",tabindex:this.button==="icon-inline"?"0":"-1",onClick:function(n){return t.emitSearch(n)},"aria-label":"search",title:"search"},h("pn-icon",{symbol:"search",color:"blue700"})),this.button!=="icon-inline"&&h("button",{class:"clear","aria-label":"clear",title:"clear search field",tabindex:this.value&&(!this.loading||this.button!=="none")?"0":"-1",onClick:function(){return t.clearInput()}},h("pn-icon",{symbol:"close-small",color:"blue700"})),this.button==="none"||this.button==="icon-inline"&&h("pn-spinner",null))),this.button!=="none"&&this.button!=="icon-inline"&&h("pn-button",{onClick:function(n){return t.emitSearch(n)},loading:this.loading,icon:"search",appearance:this.light?"light":"dark","icon-only":this.button==="icon"},this.label))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnSearchField.style=pnSearchFieldCss;export{PnButton as pn_button,PnSearchField as pn_search_field};
+var __spreadArray=this&&this.__spreadArray||function(t,n,o){if(o||arguments.length===2)for(var e=0,i=n.length,a;e<i;e++){if(a||!(e in n)){if(!a)a=Array.prototype.slice.call(n,0,e);a[e]=n[e]}}return t.concat(a||Array.prototype.slice.call(n))};import{r as registerInstance,h,a as Host,g as getElement,c as createEvent}from"./index-602e59ea.js";var pnButtonCss='pn-button{display:inline-block}pn-button button,pn-button a{color:#fff;cursor:pointer;padding:0.75em 1.2em;width:100%;border:none;border-radius:3em;outline:none;position:relative;font-size:1em;min-height:3em;min-width:5.5em;font-weight:500;background:transparent;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:color 0.3s;transition:color 0.3s;-webkit-tap-highlight-color:transparent;}pn-button button pn-icon,pn-button a pn-icon{-ms-flex-negative:0;flex-shrink:0;margin:0 0 0 0.5em}pn-button button pn-icon svg path,pn-button a pn-icon svg path{fill:#fff;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-button button .pn-button-content,pn-button a .pn-button-content{z-index:2;-webkit-transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, -webkit-transform 0.2s;transition:opacity 0.1s, transform 0.2s;transition:opacity 0.1s, transform 0.2s, -webkit-transform 0.2s;-webkit-transition-delay:0.2s;transition-delay:0.2s;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}pn-button button .pn-button-bg,pn-button a .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;border-radius:3em;border:0.1rem solid transparent;background:#005d92;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s;overflow:hidden}pn-button button .pn-button-bg::after,pn-button a .pn-button-bg::after{content:"";position:absolute;will-change:transform;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);width:100%;height:100%;background:#0d234b;border-radius:inherit;left:0;-webkit-transform:translateX(-103%);transform:translateX(-103%);opacity:0.5}pn-button button.pn-button-light,pn-button a.pn-button-light{color:#005d92}pn-button button.pn-button-light pn-icon svg path,pn-button a.pn-button-light pn-icon svg path{fill:#005d92}pn-button button.pn-button-light pn-spinner .circle,pn-button a.pn-button-light pn-spinner .circle{stroke:#005d92}pn-button button.pn-button-light pn-spinner .dot,pn-button a.pn-button-light pn-spinner .dot{fill:#005d92}pn-button button.pn-button-light .pn-button-bg,pn-button a.pn-button-light .pn-button-bg{border:0.1rem solid #005d92;background:#fff}pn-button button.pn-button-light .pn-button-bg:after,pn-button a.pn-button-light .pn-button-bg:after{background:#e0f8ff;opacity:1}pn-button button.pn-button-light .pn-button-bg .pn-ripple,pn-button a.pn-button-light .pn-button-bg .pn-ripple{background:#005d92}pn-button button.pn-button-warning,pn-button a.pn-button-warning{color:#a70707}pn-button button.pn-button-warning pn-icon svg path,pn-button a.pn-button-warning pn-icon svg path{fill:#a70707}pn-button button.pn-button-warning pn-spinner .circle,pn-button a.pn-button-warning pn-spinner .circle{stroke:#a70707}pn-button button.pn-button-warning pn-spinner .dot,pn-button a.pn-button-warning pn-spinner .dot{fill:#a70707}pn-button button.pn-button-warning .pn-button-bg,pn-button a.pn-button-warning .pn-button-bg{border:0.1rem solid #a70707;background:#fdefee}pn-button button.pn-button-warning .pn-button-bg:after,pn-button a.pn-button-warning .pn-button-bg:after{background:#a70707;opacity:1}pn-button button.pn-button-variation-borderless .pn-button-bg,pn-button a.pn-button-variation-borderless .pn-button-bg{border:0.1rem solid transparent;background:transparent}pn-button button.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after,pn-button a.pn-button-variation-borderless.pn-button-dark .pn-button-bg:after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined .pn-button-bg,pn-button a.pn-button-variation-outlined .pn-button-bg{background:transparent}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg{border-color:#ffffff}pn-button button.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-dark .pn-button-bg::after{background:white;opacity:0.1}pn-button button.pn-button-variation-outlined.pn-button-light .pn-button-bg::after,pn-button a.pn-button-variation-outlined.pn-button-light .pn-button-bg::after{background:#00a0d6;opacity:0.1}pn-button button.pn-button-left-icon .pn-button-content,pn-button a.pn-button-left-icon .pn-button-content{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-button button.pn-button-left-icon .pn-button-content pn-icon,pn-button a.pn-button-left-icon .pn-button-content pn-icon{margin:0 0.5em 0 0}pn-button button.icon-only,pn-button a.icon-only{width:3em;min-width:0}pn-button button.icon-only pn-icon,pn-button a.icon-only pn-icon{margin:0}pn-button button.icon-only.pn-button-small,pn-button a.icon-only.pn-button-small{width:2.286em;min-width:0;padding:0}pn-button button.pn-button-small,pn-button a.pn-button-small{font-size:1.4rem;padding:0.5em 1em;font-weight:normal;min-height:2.286em;min-width:none}pn-button button.pn-button-small pn-icon svg,pn-button a.pn-button-small pn-icon svg{height:1.28em;width:1.28em}a:focus>pn-button button .pn-button-bg,pn-button button:focus .pn-button-bg,pn-button a:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}a:focus>pn-button button .pn-button-bg:after,pn-button button:hover .pn-button-bg:after,pn-button button:focus .pn-button-bg:after,pn-button a:hover .pn-button-bg:after,pn-button a:focus .pn-button-bg:after{-webkit-transform:translateX(0);transform:translateX(0)}a:focus>pn-button button.pn-button-warning,pn-button button.pn-button-warning:hover,pn-button a.pn-button-warning:hover,pn-button button.pn-button-warning:focus,pn-button a.pn-button-warning:focus{color:#fff}a:focus>pn-button button.pn-button-warning pn-icon svg path,pn-button button.pn-button-warning:hover pn-icon svg path,pn-button a.pn-button-warning:hover pn-icon svg path,pn-button button.pn-button-warning:focus pn-icon svg path,pn-button a.pn-button-warning:focus pn-icon svg path{fill:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .circle,pn-button button.pn-button-warning:hover pn-spinner .circle,pn-button a.pn-button-warning:hover pn-spinner .circle,pn-button button.pn-button-warning:focus pn-spinner .circle,pn-button a.pn-button-warning:focus pn-spinner .circle{stroke:#fff}a:focus>pn-button button.pn-button-warning pn-spinner .dot,pn-button button.pn-button-warning:hover pn-spinner .dot,pn-button a.pn-button-warning:hover pn-spinner .dot,pn-button button.pn-button-warning:focus pn-spinner .dot,pn-button a.pn-button-warning:focus pn-spinner .dot{fill:#fff}a:focus>pn-button button.pn-button-warning .pn-button-bg,pn-button button.pn-button-warning:focus .pn-button-bg,pn-button a.pn-button-warning:focus .pn-button-bg{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-button .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background:#fff;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}pn-button pn-spinner{position:absolute;-webkit-transform:scale(0);transform:scale(0)}pn-button[data-loading] pn-spinner{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.3s}pn-button[data-loading] .pn-button-content{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-button[data-loading] .pn-button-bg{width:3em}pn-button[data-loading] button.pn-button-small .pn-button-bg,pn-button[data-loading] a.pn-button-small .pn-button-bg{width:2.286em}pn-button button .button-tooltip,pn-button a .button-tooltip{position:absolute;top:calc(100% + 0.35em);left:50%;background:#0a406e;color:#ffffff;padding:0.25em 0.75em;font-size:0.875em;font-weight:300;border-radius:1em;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:5;max-width:min(95vw, 40em);-webkit-transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.25s cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;pointer-events:none}pn-button button[data-tooltip-open] .button-tooltip,pn-button a[data-tooltip-open] .button-tooltip{opacity:1;-webkit-transition-delay:5s;transition-delay:5s}pn-button button.button-tooltip-upwards .button-tooltip,pn-button a.button-tooltip-upwards .button-tooltip{top:auto;bottom:calc(100% + 0.35em)}pn-button button.pn-button-warning .button-tooltip,pn-button a.pn-button-warning .button-tooltip{background:#a70707;color:#ffffff}pn-button a{text-decoration:none}pn-button a:hover{color:#ffffff}pn-button a:hover.pn-button-light{color:#005d92}';var PnButton=function(){function t(t){registerInstance(this,t);this.small=false;this.appearance="primary ";this.variant="";this.loading=false;this.leftIcon=false;this.icon=null;this.type="button";this.iconOnly=false;this.ariaLabel=null;this.ariaLabelledby=null;this.ariaControls=null;this.ariaPressed=null;this.href=null;this.rel=null;this.target=null;this.download=null;this.tooltipOpen=false;this.ripple=function(t,n){var o=n.getBoundingClientRect();var e=o.left;var i=o.top;var a=document.createElement("div");var r=o.width>o.height?o.width:o.height;a.classList.add("pn-ripple");n.querySelector(".pn-button-bg").appendChild(a);a.style.height="".concat(r*2,"px");a.style.width="".concat(r*2,"px");a.style.left=t.clientX>0?"".concat(t.clientX-e,"px"):"50%";a.style.top=t.clientY>0?"".concat(t.clientY-i,"px"):"50%";setTimeout((function(){return a.remove()}),400)}}t.prototype.componentDidLoad=function(){this.checkIfLink();if(this.iconOnly)this.initTooltip()};t.prototype.openHandler=function(){if(this.tooltipOpen){this.checkTooltipPosition();return}this.setTooltipOffset()};t.prototype.initTooltip=function(){var t=this;this.tooltipEl=this.hostElement.querySelector(".button-tooltip");var n=this.hostElement.querySelector(".pn-button");var o=this.linkEl?this.linkEl:n;var e=["mouseover","focus"];var i=["mouseleave","blur"];var a=__spreadArray(__spreadArray([],e,true),i,true);a.forEach((function(n){o.addEventListener(n,(function(n){if(e.includes(n.type)){t.tooltipOpen=true;return}if(i.includes(n.type)){t.tooltipOpen=false}}))}))};t.prototype.setTooltipOffset=function(){this.tooltipEl.style.transform="translateX(-50%) translateX(".concat(this.tooltipDx,"px)")};t.prototype.checkTooltipPosition=function(){var t=this;this.tooltipEl.style.transition="none";this.tooltipEl.style.transform="translateX(-50%)";this.tooltipUpwards=false;requestAnimationFrame((function(){var n=t.tooltipEl.getBoundingClientRect(),o=n.x,e=n.y,i=n.right,a=n.height;var r=8;t.tooltipDx="0";t.tooltipUpwards=e+a>window.innerHeight;t.tooltipEl.style.transform="";if(o<0)t.tooltipDx="".concat(o*-1+r);if(i>window.innerWidth)t.tooltipDx="".concat(window.innerWidth-i-r);requestAnimationFrame((function(){t.tooltipEl.style.transition="";t.setTooltipOffset()}))}))};t.prototype.checkIfLink=function(){var t;if(((t=this.hostElement.parentElement)===null||t===void 0?void 0:t.nodeName)==="A"){this.linkEl=this.hostElement.parentElement;this.hostElement.parentElement.style.setProperty("outline","none");this.hostElement.querySelector("button").setAttribute("tabindex","-1")}};t.prototype.getClassNames=function(){var t="pn-button ";var n=["primary","dark"];var o=["secondary","light"];var e=["borderless","outlined"];if(this.small)t+="pn-button-small ";if(this.leftIcon)t+="pn-button-left-icon ";if(e.includes(this.variant))t+="pn-button-variation-".concat(this.variant," ");if(this.iconOnly)t+="icon-only ";if(this.tooltipUpwards)t+="button-tooltip-upwards ";if(n.includes(this.appearance)){t+="pn-button-dark "}else if(o.includes(this.appearance)){t+="pn-button-light "}else if(this.appearance==="warning"){t+="pn-button-warning "}else{t+="pn-button-dark "}if(this.loading){this.hostElement.dataset.loading="true"}else{if(this.hostElement.dataset.loading)delete this.hostElement.dataset.loading}return t};t.prototype.getAttributes=function(){var t,n;var o={type:this.type};var e={href:this.href,rel:!this.rel&&this.target==="_blank"?"noopener":this.rel,target:(t=this.target)!==null&&t!==void 0?t:null,download:(n=this.download)!==null&&n!==void 0?n:null};return this.href?e:o};t.prototype.getTagName=function(){return this.href?"a":"button"};t.prototype.render=function(){var t=this;var n=this.getTagName();return h(Host,{class:"pn-button"},h(n,Object.assign({class:this.getClassNames(),"data-loading":this.loading,onClick:function(n){return t.ripple(n,t.hostElement)},"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledby,"data-tooltip-open":this.tooltipOpen,"aria-controls":this.ariaControls,"aria-pressed":this.ariaPressed},this.getAttributes()),h("div",{class:"pn-button-bg"}),h("div",{class:"pn-button-content"},!this.iconOnly&&h("slot",null),this.icon&&h("pn-icon",{symbol:this.icon})),h("pn-spinner",{light:true}),this.iconOnly&&h("div",{class:"button-tooltip"},h("slot",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{tooltipOpen:["openHandler"]}},enumerable:false,configurable:true});return t}();PnButton.style=pnButtonCss;var pnSearchFieldCss="pn-search-field{display:-ms-inline-flexbox;display:inline-flex}pn-search-field>pn-button{margin-left:0.35em}pn-search-field>pn-button button .pn-button-bg{-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s}pn-search-field>pn-button[data-loading=true] .pn-button-bg{left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s}pn-search-field>pn-button[data-loading=true] pn-spinner{left:0.75em}pn-search-field input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5e554a;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::-moz-placeholder{color:#969087;font-weight:normal}pn-search-field input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-search-field input::placeholder{color:#969087;font-weight:normal}pn-search-field input:focus{border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-search-field input:hover{border:0.1rem solid #00a0d6}pn-search-field input:disabled{background:#f3f2f2;border:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-search-field>.input-container button{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:none;border:none;color:#005d92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;-webkit-transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}pn-search-field>.input-container button.clear,pn-search-field>.input-container button.search{cursor:pointer}pn-search-field>.input-container button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-search-field>.input-container button:hover,pn-search-field>.input-container button:focus{background:#e0f8ff}pn-search-field>.input-container button:active{background:#005d92}pn-search-field>.input-container button:active pn-icon svg,pn-search-field>.input-container button:active pn-icon svg path{fill:white}pn-search-field.searching button.search{-webkit-transform:translate(150%, -50%);transform:translate(150%, -50%)}pn-search-field.searching button.clear{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:3.3em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}pn-search-field.button-none button.search,pn-search-field.button-icon-inline button.search{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none.loading button,pn-search-field.button-icon-inline.loading button{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}pn-search-field.button-none.searching button.search{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}";var PnSearchField=function(){function t(t){registerInstance(this,t);this.search=createEvent(this,"search",7);this.update=createEvent(this,"update",7);this.disabled=false;this.placeholder=null;this.inputid=null;this.name=null;this.autocomplete=null;this.list=null;this.value=null;this.label=null;this.loading=false;this.button="";this.light=false;this.ariaLabel=null}t.prototype.inputHandler=function(){this.update.emit(this.value)};t.prototype.emitSearch=function(t){if(t.type==="click"||t.type==="keydown"&&t.key==="Enter"){t.preventDefault();this.search.emit(this.value)}};t.prototype.setVal=function(t){this.value=t.target.value};t.prototype.clearInput=function(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()};t.prototype.getClassNames=function(){var t="";var n=["none","icon","icon-inline"];if(this.value)t+="searching ";if(this.loading)t+="loading ";if(n.includes(this.button))t+="button-".concat(this.button," ");return t};t.prototype.render=function(){var t=this;return h(Host,{class:this.getClassNames()},h("div",{class:"input-container"},h("input",{type:"search",value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,list:this.list,onKeyDown:function(n){return t.emitSearch(n)},onInput:function(n){return t.setVal(n)},"aria-label":this.ariaLabel}),h("div",{class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&h("button",{class:"search",tabindex:this.button==="icon-inline"?"0":"-1",onClick:function(n){return t.emitSearch(n)},"aria-label":"search",title:"search",type:"button"},h("pn-icon",{symbol:"search",color:"blue700"})),this.button!=="icon-inline"&&h("button",{class:"clear","aria-label":"clear",title:"clear search field",tabindex:this.value&&(!this.loading||this.button!=="none")?"0":"-1",onClick:function(){return t.clearInput()},type:"button"},h("pn-icon",{symbol:"close-small",color:"blue700"})),this.button==="none"||this.button==="icon-inline"&&h("pn-spinner",null))),this.button!=="none"&&this.button!=="icon-inline"&&h("pn-button",{onClick:function(n){return t.emitSearch(n)},loading:this.loading,icon:"search",appearance:this.light?"light":"dark","icon-only":this.button==="icon"},this.label))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnSearchField.style=pnSearchFieldCss;export{PnButton as pn_button,PnSearchField as pn_search_field};

package/umd/modules/@postnord/web-components/esm-es5/pn-calendar.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";import{c as createDateOrNull,a as computeMonths,b as getMonthNamesByLanguage,e as getDayNamesByLanguage}from"./helpers-53c419b0.js";var pnCalendarCss="pn-calendar .pn-calendar-wrapper{position:relative}pn-calendar .pn-calendar-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;background-color:white;z-index:9999}pn-calendar .pn-calendar-container .pn-calendar-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:1.6rem}pn-calendar .pn-calendar-container .pn-calendar-nav>div{cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous,pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{width:3rem;display:-ms-flexbox;display:flex}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous{text-align:left;-ms-flex-pack:start;justify-content:flex-start}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{text-align:right;-ms-flex-pack:end;justify-content:flex-end}pn-calendar .pn-calendar-container .pn-calendar-nav .pn-calendar-month{padding:1em;border:0.1rem solid #5E554A;border-radius:0.8rem;font-size:1.2rem;color:#5E554A;font-weight:500;text-align:center}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.2rem;color:#969087;line-height:2.4rem;text-align:center;font-weight:300}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row>div{width:2.4rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row .pn-calendar-month{width:6rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-day-names{padding:0.4rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months{color:#5E554A;padding:0.8rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days:last-child,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months:last-child{padding-bottom:0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month{border-bottom:0.4rem inset transparent;cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day{cursor:default;color:#D3CECB}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day:hover{border-bottom-color:transparent}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.today{outline:0.1rem solid #D3CECB}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:hover{border-bottom-color:#00A0D6}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.selected{border-bottom-color:#005D92}";var PnCalendar=function(){function a(a){registerInstance(this,a);this.daychange=createEvent(this,"daychange",7);this.monthchanged=createEvent(this,"monthchanged",7);this.sameday=createEvent(this,"sameday",7);this.viewchange=createEvent(this,"viewchange",7);this.disableWeekends=false;this.allDisabledDays=[]}a.prototype.componentWillLoad=function(){if(this.value)this.parseSelectedDateFromValue(this.value);this._initMinAndMaxDates()};a.prototype.componentDidLoad=function(){this.calendarContainer=this.hostElement.querySelector(".pn-calendar");this.monthElement=this.hostElement.querySelector(".month-field");this._drawCalendar();this.changeView("date")};a.prototype.componentWillUpdate=function(){this._initMinAndMaxDates()};a.prototype.componentDidUpdate=function(){this._drawCalendar()};a.prototype._initMinAndMaxDates=function(){this.minDate=createDateOrNull(this.min);this.maxDate=createDateOrNull(this.max);this.parseDisabledDays(this.disableDays)};a.prototype.parseSelectedDateFromValue=function(a){this.daychange.emit(a);var e=createDateOrNull(a);if(e)this.selectedDate=e};a.prototype.parseDisabledDays=function(a){this.allDisabledDays=a?a.split(",").map((function(a){var e=new Date(a.trim());return+new Date(e.getFullYear(),e.getMonth(),e.getDate())})).filter((function(a){return+a})):[]};a.prototype.toggleView=function(){if(this.disableMonthsView){return"date"}var a=["date","month"];var e=a.indexOf(this.view);if(e<0||e>=a.length){this.changeView("date")}else{this.changeView(a[e+1])}};a.prototype.changeView=function(a){this.view=a||"date";this.viewchange.emit(this.view);switch(this.view){case"month":this._drawCalendarMonths();break;default:this._drawCalendarDays(this.monthSelection,this.yearSelection);break}};a.prototype._drawCalendar=function(){var a=new Date;var e=createDateOrNull(this.defaultDate);var n=e||this.selectedDate;var t=n?n.getMonth():a.getMonth();var r=n?n.getFullYear():a.getFullYear();this._drawCalendarDays(t,r)};a.prototype._drawCalendarMonths=function(){if(this.defaultDate){var a=new Date(this.defaultDate);this.monthSelection=a.getMonth();this.yearSelection=a.getFullYear()}this.currentCalendarDate=new Date(this.yearSelection,this.monthSelection);var e=this.calendarContainer;this.monthElement.innerHTML=this.yearSelection.toString();var n=document.createElement("div");var t=0;if(this.maxDate){t=computeMonths(this.maxDate)}var r;var d=getMonthNamesByLanguage(this.language);for(var l=0;l<d.length;l++){var c=d[l];if(l%3===0){r=document.createElement("div");r.classList.add("pn-calendar-row","pn-calendar-months");n.appendChild(r)}var i=document.createElement("div");var s=document.createTextNode(c);if(t>0){var o=computeMonths(new Date(this.yearSelection,l));if(o>t){i.classList.add("disable-day")}}i.classList.add("pn-calendar-month");i.addEventListener("click",this._selectMonth(l));i.appendChild(s);r.appendChild(i)}e.innerHTML="";e.appendChild(n)};a.prototype._dateWithNoHms=function(a){var e=new Date(a);return new Date(e.getFullYear(),e.getMonth(),e.getDate())};a.prototype._drawCalendarDays=function(a,e){var n=this.selectedDate;var t=getMonthNamesByLanguage(this.language);var r=this.allDisabledDays;var d=0;var l=0;if(this.minActiveDate&&this.maxActiveDate){d=+this._dateWithNoHms(this.minActiveDate);l=+this._dateWithNoHms(this.maxActiveDate)}this.currentCalendarDate=new Date(e,a);var c=this.currentCalendarDate.getMonth();var i=this.currentCalendarDate.getFullYear();this.monthSelection=c;this.yearSelection=i;if(this.monthView){this.view="month";return this._drawCalendarMonths()}else{this.view="date"}var s=this.startOfWeek||0;if(s<0||s>6){s=0}var o=this.calendarContainer;var p=s>0?7-s:0;var h=7-(s+1);var m=document.createElement("div");m.classList.add("pn-calendar-row","pn-calendar-day-names");var v=getDayNamesByLanguage(this.language);var u=v.splice(s).concat(v);u.forEach((function(a){var e=document.createElement("div");var n=document.createTextNode(a);e.appendChild(n);m.appendChild(e)}));var y=document.createElement("div");this.monthElement.innerHTML=t[a]+" "+e.toString();var f=this._daysInMonth(a,e);var g=(7+this.currentCalendarDate.getDay()-s)%7;var D=document.createElement("div");D.classList.add("pn-calendar-row","pn-calendar-days");for(var b=0;b<g;b++){var w=document.createElement("div");D.appendChild(w)}var x=g;for(var C=0;C<f;){for(var M=x;M<7;M++){C++;if(C>f){var _=document.createElement("div");D.appendChild(_);continue}var w=document.createElement("div");var L=document.createTextNode(C.toString());var E=new Date(e,a,C);var S=+new Date(e,a,C);if(d&&d&&S>=d&&S<=l){w.classList.add("active");if(S===d){w.classList.add("min-active")}if(S===l){w.classList.add("max-active")}}if(n&&C===n.getDate()&&e===n.getFullYear()&&a===n.getMonth()){w.classList.add("selected")}var k=new Date;if(C===k.getDate()&&e===k.getFullYear()&&a===k.getMonth()){w.classList.add("today")}w.classList.add("pn-calendar-day");w.appendChild(L);if(this.minDate&&E<this.minDate){w.classList.add("disable-day")}if(this.maxDate&&E>this.maxDate){w.classList.add("disable-day")}if(this.disableWeekends&&(M===p||M===h)){w.classList.add("disable-day")}if(r.includes(+E)){w.classList.add("disable-day")}if(!w.classList.contains("disable-day")){w.addEventListener("click",this._selectDate({month:a,year:e,date:C,context:this}))}D.appendChild(w)}y.appendChild(D);D=document.createElement("div");D.classList.add("pn-calendar-row","pn-calendar-days");x=0}if(o){o.innerHTML="";o.appendChild(m);o.appendChild(y)}};a.prototype._selectMonth=function(a){var e=this;return function(){e.monthSelection=a;e.monthchanged.emit(new Date(e.yearSelection,a));e.changeView("date")}};a.prototype._selectDate=function(a){var e=a.year;var n=this._addLeadingZero(a.month+1);var t=this._addLeadingZero(a.date);var r=a.context;return function(){var a="".concat(e,"-").concat(n,"-").concat(t);if(a&&r.value===a){r.sameday.emit(a)}r.value=a}};a.prototype._addLeadingZero=function(a){return("0"+a).slice(-2)};a.prototype._daysInMonth=function(a,e){return 32-new Date(e,a,32).getDate()};a.prototype._addOrSubMonthYear=function(a){var e=this.currentCalendarDate.getMonth();var n=this.currentCalendarDate.getFullYear();var t=a?1:-1;switch(this.view){case"month":n=n+1*t;this.yearSelection=n;this.monthchanged.emit(new Date(n,e));this._drawCalendarMonths();break;default:if(a){n=e===11?n+1:n;e=(e+1)%12}else{n=e===0?n-1:n;e=e===0?11:e-1}this.monthSelection=e;this.yearSelection=n;this.monthchanged.emit(new Date(n,e));this._drawCalendarDays(e,n);break}};a.prototype._previousMonth=function(){this._addOrSubMonthYear(false)};a.prototype._nextMonth=function(){this._addOrSubMonthYear(true)};a.prototype.render=function(){return h("div",{class:"pn-calendar-wrapper"},h("div",{class:"pn-calendar-container"},h("div",{class:"pn-calendar-nav"},h("div",{class:"nav-previous",onClick:this._previousMonth.bind(this)},h("pn-icon",{symbol:"angle-small-left",color:"blue700",small:true})),h("div",{class:"pn-calendar-month",onClick:this.toggleView.bind(this)},h("span",{class:"month-field"})),h("div",{class:"nav-next",onClick:this._nextMonth.bind(this)},h("pn-icon",{symbol:"angle-small-right",color:"blue700",small:true}))),h("div",{class:"pn-calendar"})))};Object.defineProperty(a.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["parseSelectedDateFromValue"],disableDays:["parseDisabledDays"]}},enumerable:false,configurable:true});return a}();PnCalendar.style=pnCalendarCss;export{PnCalendar as pn_calendar};
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";import{c as createDateOrNull,a as computeMonths,b as getMonthNamesByLanguage,e as getDayNamesByLanguage}from"./helpers-53c419b0.js";var pnCalendarCss="pn-calendar .pn-calendar-wrapper{position:relative}pn-calendar .pn-calendar-container{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;background-color:white;z-index:9999}pn-calendar .pn-calendar-container .pn-calendar-nav{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:1.6rem}pn-calendar .pn-calendar-container .pn-calendar-nav>div{cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous,pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{width:3rem;display:-ms-flexbox;display:flex}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-previous{text-align:left;-ms-flex-pack:start;justify-content:flex-start}pn-calendar .pn-calendar-container .pn-calendar-nav .nav-next{text-align:right;-ms-flex-pack:end;justify-content:flex-end}pn-calendar .pn-calendar-container .pn-calendar-nav .pn-calendar-month{padding:1em;border:0.1rem solid #5e554a;border-radius:0.8rem;font-size:1.2rem;color:#5e554a;font-weight:500;text-align:center}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-size:1.2rem;color:#969087;line-height:2.4rem;text-align:center;font-weight:300}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row>div{width:2.4rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-row .pn-calendar-month{width:6rem}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-day-names{padding:0.4rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months{color:#5e554a;padding:0.8rem 0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days:last-child,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months:last-child{padding-bottom:0}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month{border-bottom:0.4rem inset transparent;cursor:pointer}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day{cursor:default;color:#d3cecb}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.disable-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.disable-day:hover{border-bottom-color:transparent}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.today,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.today{outline:0.1rem solid #d3cecb}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:hover,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:hover{border-bottom-color:#00a0d6}pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-days .pn-calendar-month.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-day.selected,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month:active,pn-calendar .pn-calendar-container .pn-calendar .pn-calendar-months .pn-calendar-month.selected{border-bottom-color:#005d92}";var PnCalendar=function(){function a(a){registerInstance(this,a);this.daychange=createEvent(this,"daychange",7);this.monthchanged=createEvent(this,"monthchanged",7);this.sameday=createEvent(this,"sameday",7);this.viewchange=createEvent(this,"viewchange",7);this.disableWeekends=false;this.allDisabledDays=[]}a.prototype.componentWillLoad=function(){if(this.value)this.parseSelectedDateFromValue(this.value);this._initMinAndMaxDates()};a.prototype.componentDidLoad=function(){this.calendarContainer=this.hostElement.querySelector(".pn-calendar");this.monthElement=this.hostElement.querySelector(".month-field");this._drawCalendar();this.changeView("date")};a.prototype.componentWillUpdate=function(){this._initMinAndMaxDates()};a.prototype.componentDidUpdate=function(){this._drawCalendar()};a.prototype._initMinAndMaxDates=function(){this.minDate=createDateOrNull(this.min);this.maxDate=createDateOrNull(this.max);this.parseDisabledDays(this.disableDays)};a.prototype.parseSelectedDateFromValue=function(a){this.daychange.emit(a);var e=createDateOrNull(a);if(e)this.selectedDate=e};a.prototype.parseDisabledDays=function(a){this.allDisabledDays=a?a.split(",").map((function(a){var e=new Date(a.trim());return+new Date(e.getFullYear(),e.getMonth(),e.getDate())})).filter((function(a){return+a})):[]};a.prototype.toggleView=function(){if(this.disableMonthsView){return"date"}var a=["date","month"];var e=a.indexOf(this.view);if(e<0||e>=a.length){this.changeView("date")}else{this.changeView(a[e+1])}};a.prototype.changeView=function(a){this.view=a||"date";this.viewchange.emit(this.view);switch(this.view){case"month":this._drawCalendarMonths();break;default:this._drawCalendarDays(this.monthSelection,this.yearSelection);break}};a.prototype._drawCalendar=function(){var a=new Date;var e=createDateOrNull(this.defaultDate);var n=e||this.selectedDate;var t=n?n.getMonth():a.getMonth();var r=n?n.getFullYear():a.getFullYear();this._drawCalendarDays(t,r)};a.prototype._drawCalendarMonths=function(){if(this.defaultDate){var a=new Date(this.defaultDate);this.monthSelection=a.getMonth();this.yearSelection=a.getFullYear()}this.currentCalendarDate=new Date(this.yearSelection,this.monthSelection);var e=this.calendarContainer;this.monthElement.innerHTML=this.yearSelection.toString();var n=document.createElement("div");var t=0;if(this.maxDate){t=computeMonths(this.maxDate)}var r;var d=getMonthNamesByLanguage(this.language);for(var c=0;c<d.length;c++){var l=d[c];if(c%3===0){r=document.createElement("div");r.classList.add("pn-calendar-row","pn-calendar-months");n.appendChild(r)}var i=document.createElement("div");var s=document.createTextNode(l);if(t>0){var o=computeMonths(new Date(this.yearSelection,c));if(o>t){i.classList.add("disable-day")}}i.classList.add("pn-calendar-month");i.addEventListener("click",this._selectMonth(c));i.appendChild(s);r.appendChild(i)}e.innerHTML="";e.appendChild(n)};a.prototype._dateWithNoHms=function(a){var e=new Date(a);return new Date(e.getFullYear(),e.getMonth(),e.getDate())};a.prototype._drawCalendarDays=function(a,e){var n=this.selectedDate;var t=getMonthNamesByLanguage(this.language);var r=this.allDisabledDays;var d=0;var c=0;if(this.minActiveDate&&this.maxActiveDate){d=+this._dateWithNoHms(this.minActiveDate);c=+this._dateWithNoHms(this.maxActiveDate)}this.currentCalendarDate=new Date(e,a);var l=this.currentCalendarDate.getMonth();var i=this.currentCalendarDate.getFullYear();this.monthSelection=l;this.yearSelection=i;if(this.monthView){this.view="month";return this._drawCalendarMonths()}else{this.view="date"}var s=this.startOfWeek||0;if(s<0||s>6){s=0}var o=this.calendarContainer;var p=s>0?7-s:0;var h=7-(s+1);var m=document.createElement("div");m.classList.add("pn-calendar-row","pn-calendar-day-names");var v=getDayNamesByLanguage(this.language);var u=v.splice(s).concat(v);u.forEach((function(a){var e=document.createElement("div");var n=document.createTextNode(a);e.appendChild(n);m.appendChild(e)}));var y=document.createElement("div");this.monthElement.innerHTML=t[a]+" "+e.toString();var f=this._daysInMonth(a,e);var g=(7+this.currentCalendarDate.getDay()-s)%7;var D=document.createElement("div");D.classList.add("pn-calendar-row","pn-calendar-days");for(var b=0;b<g;b++){var w=document.createElement("div");D.appendChild(w)}var x=g;for(var C=0;C<f;){for(var M=x;M<7;M++){C++;if(C>f){var _=document.createElement("div");D.appendChild(_);continue}var w=document.createElement("div");var L=document.createTextNode(C.toString());var E=new Date(e,a,C);var S=+new Date(e,a,C);if(d&&d&&S>=d&&S<=c){w.classList.add("active");if(S===d){w.classList.add("min-active")}if(S===c){w.classList.add("max-active")}}if(n&&C===n.getDate()&&e===n.getFullYear()&&a===n.getMonth()){w.classList.add("selected")}var k=new Date;if(C===k.getDate()&&e===k.getFullYear()&&a===k.getMonth()){w.classList.add("today")}w.classList.add("pn-calendar-day");w.appendChild(L);if(this.minDate&&E<this.minDate){w.classList.add("disable-day")}if(this.maxDate&&E>this.maxDate){w.classList.add("disable-day")}if(this.disableWeekends&&(M===p||M===h)){w.classList.add("disable-day")}if(r.includes(+E)){w.classList.add("disable-day")}if(!w.classList.contains("disable-day")){w.addEventListener("click",this._selectDate({month:a,year:e,date:C,context:this}))}D.appendChild(w)}y.appendChild(D);D=document.createElement("div");D.classList.add("pn-calendar-row","pn-calendar-days");x=0}if(o){o.innerHTML="";o.appendChild(m);o.appendChild(y)}};a.prototype._selectMonth=function(a){var e=this;return function(){e.monthSelection=a;e.monthchanged.emit(new Date(e.yearSelection,a));e.changeView("date")}};a.prototype._selectDate=function(a){var e=a.year;var n=this._addLeadingZero(a.month+1);var t=this._addLeadingZero(a.date);var r=a.context;return function(){var a="".concat(e,"-").concat(n,"-").concat(t);if(a&&r.value===a){r.sameday.emit(a)}r.value=a}};a.prototype._addLeadingZero=function(a){return("0"+a).slice(-2)};a.prototype._daysInMonth=function(a,e){return 32-new Date(e,a,32).getDate()};a.prototype._addOrSubMonthYear=function(a){var e=this.currentCalendarDate.getMonth();var n=this.currentCalendarDate.getFullYear();var t=a?1:-1;switch(this.view){case"month":n=n+1*t;this.yearSelection=n;this.monthchanged.emit(new Date(n,e));this._drawCalendarMonths();break;default:if(a){n=e===11?n+1:n;e=(e+1)%12}else{n=e===0?n-1:n;e=e===0?11:e-1}this.monthSelection=e;this.yearSelection=n;this.monthchanged.emit(new Date(n,e));this._drawCalendarDays(e,n);break}};a.prototype._previousMonth=function(){this._addOrSubMonthYear(false)};a.prototype._nextMonth=function(){this._addOrSubMonthYear(true)};a.prototype.render=function(){return h("div",{class:"pn-calendar-wrapper"},h("div",{class:"pn-calendar-container"},h("div",{class:"pn-calendar-nav"},h("div",{class:"nav-previous",onClick:this._previousMonth.bind(this)},h("pn-icon",{symbol:"angle-small-left",color:"blue700",small:true})),h("div",{class:"pn-calendar-month",onClick:this.toggleView.bind(this)},h("span",{class:"month-field"})),h("div",{class:"nav-next",onClick:this._nextMonth.bind(this)},h("pn-icon",{symbol:"angle-small-right",color:"blue700",small:true}))),h("div",{class:"pn-calendar"})))};Object.defineProperty(a.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(a,"watchers",{get:function(){return{value:["parseSelectedDateFromValue"],disableDays:["parseDisabledDays"]}},enumerable:false,configurable:true});return a}();PnCalendar.style=pnCalendarCss;export{PnCalendar as pn_calendar};

package/umd/modules/@postnord/web-components/esm-es5/pn-check-tile.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnCheckTileCss="pn-check-tile{position:relative;display:inline-block}pn-check-tile input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;pointer-events:none}pn-check-tile>label{position:relative;overflow:hidden;cursor:pointer;background:#FFFFFF;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;color:#005D92;font-weight:500;border:0.1em solid #D3CECB;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-check-tile>label>pn-illustration,pn-check-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-check-tile>label>.pn-check-tile-content{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;max-width:100%;text-align:center;white-space:normal}pn-check-tile>label>.pn-check-tile-content>svg{-ms-flex-negative:0;flex-shrink:0;width:1.5em;height:1.5em;border-radius:0.25em;border:#D3CECB 0.1em solid;padding:0.15em;-webkit-transition:border 0.15s, background 0.15s;transition:border 0.15s, background 0.15s}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path{stroke:#D3CECB;stroke-dasharray:23;stroke-dashoffset:0}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path-checked{stroke:#005D92}pn-check-tile>label>.pn-check-tile-content>svg polyline{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;stroke-dashoffset:23;stroke-dasharray:23}pn-check-tile>label:hover{border:0.1em solid #00A0D6;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile>label:hover>.pn-check-tile-content>svg{border:0.1em solid #00A0D6}pn-check-tile input[type=checkbox]:focus+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92}pn-check-tile input[type=checkbox]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005D92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label{border:0.1em solid #005D92;background:#EFFBFF;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg{background:#005D92;border:0.1em solid #005D92}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg polyline.checkmark-path-checked{stroke-dashoffset:0;stroke:#FFFFFF}";var PnCheckTile=function(){function e(e){registerInstance(this,e);this.checked=false;this.slottedIllustration=false}e.prototype.componentWillLoad=function(){this.slottedIllustration=!!this.hostElement.querySelector('[slot="illustration"]')};e.prototype.render=function(){return h(Host,null,h("input",{type:"checkbox",id:this.checkboxid,checked:this.checked}),h("label",{htmlFor:this.checkboxid},this.illustration&&!this.slottedIllustration&&h("pn-illustration",{illustration:this.illustration}),h("slot",{name:"illustration"}),h("span",{class:"pn-check-tile-content"},h("slot",null),h("svg",{class:"pn-check-tile-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("polyline",{class:"checkmark-path-checked",points:"4,12 9,17 20,6","stroke-width":"4"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnCheckTile.style=pnCheckTileCss;export{PnCheckTile as pn_check_tile};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnCheckTileCss="pn-check-tile{position:relative;display:inline-block}pn-check-tile input[type=checkbox]{opacity:0;position:absolute;width:100%;height:100%;pointer-events:none}pn-check-tile>label{position:relative;overflow:hidden;cursor:pointer;background:#ffffff;padding:0.5em 1em;border-radius:0.5em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;color:#005d92;font-weight:500;border:0.1em solid #d3cecb;-webkit-transition-property:background, border, -webkit-box-shadow;transition-property:background, border, -webkit-box-shadow;transition-property:box-shadow, background, border;transition-property:box-shadow, background, border, -webkit-box-shadow;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-check-tile>label>pn-illustration,pn-check-tile>label>[slot=illustration]{min-width:2.5em;max-height:2.5em}pn-check-tile>label>.pn-check-tile-content{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0.5em;max-width:100%;text-align:center;white-space:normal}pn-check-tile>label>.pn-check-tile-content>svg{-ms-flex-negative:0;flex-shrink:0;width:1.5em;height:1.5em;border-radius:0.25em;border:#d3cecb 0.1em solid;padding:0.15em;-webkit-transition:border 0.15s, background 0.15s;transition:border 0.15s, background 0.15s}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path{stroke:#d3cecb;stroke-dasharray:23;stroke-dashoffset:0}pn-check-tile>label>.pn-check-tile-content>svg .checkmark-path-checked{stroke:#005d92}pn-check-tile>label>.pn-check-tile-content>svg polyline{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), stroke 0.15s;stroke-dashoffset:23;stroke-dasharray:23}pn-check-tile>label:hover{border:0.1em solid #00a0d6;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile>label:hover>.pn-check-tile-content>svg{border:0.1em solid #00a0d6}pn-check-tile input[type=checkbox]:focus+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92}pn-check-tile input[type=checkbox]:focus:checked+label{-webkit-box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0 0 0 0.1rem #fff, 0 0 0 0.2rem #005d92, 0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label{border:0.1em solid #005d92;background:#effbff;-webkit-box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a;box-shadow:0px 3.2000000477px 7.1999998093px 0px #00000021, 0px 0.6000000238px 1.7999999523px 0px #0000001a}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg{background:#005d92;border:0.1em solid #005d92}pn-check-tile input[type=checkbox]:checked+label>.pn-check-tile-content>svg polyline.checkmark-path-checked{stroke-dashoffset:0;stroke:#ffffff}";var PnCheckTile=function(){function e(e){registerInstance(this,e);this.checked=false;this.slottedIllustration=false}e.prototype.componentWillLoad=function(){this.slottedIllustration=!!this.hostElement.querySelector('[slot="illustration"]')};e.prototype.render=function(){return h(Host,null,h("input",{type:"checkbox",id:this.checkboxid,checked:this.checked}),h("label",{htmlFor:this.checkboxid},this.illustration&&!this.slottedIllustration&&h("pn-illustration",{illustration:this.illustration}),h("slot",{name:"illustration"}),h("span",{class:"pn-check-tile-content"},h("slot",null),h("svg",{class:"pn-check-tile-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("polyline",{class:"checkmark-path-checked",points:"4,12 9,17 20,6","stroke-width":"4"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnCheckTile.style=pnCheckTileCss;export{PnCheckTile as pn_check_tile};

package/umd/modules/@postnord/web-components/esm-es5/pn-checkbox.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnCheckboxCss="pn-checkbox{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-checkbox input{opacity:0;position:absolute}pn-checkbox input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}pn-checkbox input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}pn-checkbox input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-checkbox input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005D92;background:#E0F8FF}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005D92;border:0.1rem solid #005D92}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:23}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:focus+label.pn-checkbox,pn-checkbox input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox{background-color:#D3CECB;border:0.1rem solid #969087;cursor:not-allowed}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}pn-checkbox input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}pn-checkbox input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";var PnCheckbox=function(){function e(e){registerInstance(this,e);this.disabled=false;this.checked=false;this.indeterminate=false}e.prototype.handlechange=function(){this.indeterminate=false};e.prototype.componentDidLoad=function(){this.checkAndSetIndeterminateState()};e.prototype.componentDidUpdate=function(){this.checkAndSetIndeterminateState()};e.prototype.checkAndSetIndeterminateState=function(){var e=this.hostElement.querySelector("#".concat(this.checkboxid));if(e){e.indeterminate=this.indeterminate}};e.prototype.render=function(){return h(Host,null,h("input",{type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked}),h("label",{htmlFor:this.checkboxid,class:"pn-checkbox"},h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),h("polyline",{class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnCheckbox.style=pnCheckboxCss;export{PnCheckbox as pn_checkbox};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnCheckboxCss="pn-checkbox{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-checkbox input{opacity:0;position:absolute}pn-checkbox input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}pn-checkbox input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}pn-checkbox input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-checkbox input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:23}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:focus+label.pn-checkbox,pn-checkbox input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}pn-checkbox input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}pn-checkbox input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";var PnCheckbox=function(){function e(e){registerInstance(this,e);this.disabled=false;this.checked=false;this.indeterminate=false;this.ariaLabel=null;this.ariaDescribedby=null}e.prototype.handlechange=function(){this.indeterminate=false};e.prototype.componentDidLoad=function(){this.checkAndSetIndeterminateState()};e.prototype.componentDidUpdate=function(){this.checkAndSetIndeterminateState()};e.prototype.checkAndSetIndeterminateState=function(){var e=this.hostElement.querySelector("#".concat(this.checkboxid));if(e){e.indeterminate=this.indeterminate}};e.prototype.render=function(){return h(Host,null,h("input",{type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked,"aria-describedby":this.ariaDescribedby}),h("label",{htmlFor:this.checkboxid,class:"pn-checkbox"},h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),h("polyline",{class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnCheckbox.style=pnCheckboxCss;export{PnCheckbox as pn_checkbox};

package/umd/modules/@postnord/web-components/esm-es5/pn-choice-chip.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnChoiceChipCss="pn-choice-chip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;display:inline-block;background:#fff;position:relative}pn-choice-chip input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-chip label{display:block;padding:0.4rem 0.8rem;border:0.1rem solid #005D92;color:#005D92;border-radius:0.8rem;text-align:center;cursor:pointer;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s;transition:background 0.2s, -webkit-box-shadow 0.1s;transition:box-shadow 0.1s, background 0.2s;transition:box-shadow 0.1s, background 0.2s, -webkit-box-shadow 0.1s}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:indeterminate+label.pn-choice-chip{background:#005D92;color:#fff}pn-choice-chip input[type=checkbox]:hover+label.pn-choice-chip{background:#E0F8FF}pn-choice-chip input[type=checkbox]:focus+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{background:#8EDDF9}pn-choice-chip input[type=checkbox]:disabled+label.pn-choice-chip{background-color:#D3CECB}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:hover{background:#0D234B;color:#fff}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:active{background:#00A0D6;border:0.1rem solid #00A0D6;color:#fff}";var Pnchoicechip=function(){function e(e){registerInstance(this,e);this.disabled=false;this.checked=false;this.indeterminate=false}e.prototype.handlechange=function(){this.indeterminate=false};e.prototype.componentDidLoad=function(){this.checkAndSetIndeterminateState()};e.prototype.componentDidUpdate=function(){this.checkAndSetIndeterminateState()};e.prototype.checkAndSetIndeterminateState=function(){var e=this.hostElement.querySelector("#".concat(this.choiceid));if(e){e.indeterminate=this.indeterminate}};e.prototype.render=function(){return h(Host,null,h("input",{type:"checkbox",id:this.choiceid,value:this.value,name:this.name||this.choiceid,disabled:this.disabled,checked:this.checked}),h("label",{htmlFor:this.choiceid,class:"pn-choice-chip"},h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Pnchoicechip.style=pnChoiceChipCss;export{Pnchoicechip as pn_choice_chip};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.js";var pnChoiceChipCss="pn-choice-chip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;display:inline-block;background:#fff;position:relative}pn-choice-chip input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-chip label{display:block;padding:0.4rem 0.8rem;border:0.1rem solid #005d92;color:#005d92;border-radius:0.8rem;text-align:center;cursor:pointer;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s;transition:background 0.2s, -webkit-box-shadow 0.1s;transition:box-shadow 0.1s, background 0.2s;transition:box-shadow 0.1s, background 0.2s, -webkit-box-shadow 0.1s}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:indeterminate+label.pn-choice-chip{background:#005d92;color:#fff}pn-choice-chip input[type=checkbox]:hover+label.pn-choice-chip{background:#e0f8ff}pn-choice-chip input[type=checkbox]:focus+label.pn-choice-chip,pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-choice-chip input[type=checkbox]:active+label.pn-choice-chip{background:#8eddf9}pn-choice-chip input[type=checkbox]:disabled+label.pn-choice-chip{background-color:#d3cecb}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:hover{background:#0d234b;color:#fff}pn-choice-chip input[type=checkbox]:checked+label.pn-choice-chip:active{background:#00a0d6;border:0.1rem solid #00a0d6;color:#fff}";var Pnchoicechip=function(){function e(e){registerInstance(this,e);this.disabled=false;this.checked=false;this.indeterminate=false}e.prototype.handlechange=function(){this.indeterminate=false};e.prototype.componentDidLoad=function(){this.checkAndSetIndeterminateState()};e.prototype.componentDidUpdate=function(){this.checkAndSetIndeterminateState()};e.prototype.checkAndSetIndeterminateState=function(){var e=this.hostElement.querySelector("#".concat(this.choiceid));if(e){e.indeterminate=this.indeterminate}};e.prototype.render=function(){return h(Host,null,h("input",{type:"checkbox",id:this.choiceid,value:this.value,name:this.name||this.choiceid,disabled:this.disabled,checked:this.checked}),h("label",{htmlFor:this.choiceid,class:"pn-choice-chip"},h("slot",null)))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Pnchoicechip.style=pnChoiceChipCss;export{Pnchoicechip as pn_choice_chip};

package/umd/modules/@postnord/web-components/esm-es5/pn-colors.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h}from"./index-602e59ea.js";import{c as colors}from"./colors-7b5cb327.js";var pnColorsCss=".colors{padding:3em 2em;max-width:100rem;margin:auto}.palette-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.palette-container .color-palette{-ms-flex:1;flex:1;margin:1em}.palette-container .color-palette .color-swatch{width:100px;height:100px;-webkit-box-shadow:1px 2px 4px #F3F2F2;box-shadow:1px 2px 4px #F3F2F2}.palette-container .color-palette .color-name{-ms-flex-line-pack:center;align-content:center;margin-top:8px}";var PnColors=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{class:"colors"},h("h1",null,"Colors"),h("div",{class:"palette-container"},Object.entries(colors).map((function(e){var o=e[0],r=e[1];return h("div",{class:"color-palette"},h("div",{class:"color-swatch",style:{backgroundColor:r}}),h("h4",{class:"color-name"},o),h("p",{class:"color-rg"},r))}))))};return e}();PnColors.style=pnColorsCss;export{PnColors as pn_colors};
+import{r as registerInstance,h}from"./index-602e59ea.js";import{c as colors}from"./colors-dad016c3.js";var pnColorsCss=".colors{padding:3em 2em;max-width:100rem;margin:auto}.palette-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.palette-container .color-palette{-ms-flex:1;flex:1;margin:1em}.palette-container .color-palette .color-swatch{width:100px;height:100px;-webkit-box-shadow:1px 2px 4px #f3f2f2;box-shadow:1px 2px 4px #f3f2f2}.palette-container .color-palette .color-name{-ms-flex-line-pack:center;align-content:center;margin-top:8px}";var PnColors=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{class:"colors"},h("h1",null,"Colors"),h("div",{class:"palette-container"},Object.entries(colors).map((function(e){var o=e[0],r=e[1];return h("div",{class:"color-palette"},h("div",{class:"color-swatch",style:{backgroundColor:r}}),h("h4",{class:"color-name"},o),h("p",{class:"color-rg"},r))}))))};return e}();PnColors.style=pnColorsCss;export{PnColors as pn_colors};

package/umd/modules/@postnord/web-components/esm-es5/pn-date-picker-old.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";import{c as createDateOrNull,d as debounce}from"./helpers-53c419b0.js";var pnDatePickerOldCss="pn-date-picker{display:inline-block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:focus,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:hover{outline:none;border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-date-picker.open-datepicker .datepicker-calendar-container{display:block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container label,pn-date-picker.has-input .datepicker-container .datepicker-input-container label{top:0.1rem;-webkit-transform:translateY(0);transform:translateY(0);font-size:1.2rem}pn-date-picker.invalid .datepicker-container .datepicker-input-container input,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:hover{border:0.1rem solid #A70707}pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-date-picker .datepicker-container{position:relative}pn-date-picker .datepicker-container .datepicker-input-container{border:none;position:relative;width:100%;height:100%}pn-date-picker .datepicker-container .datepicker-input-container input,pn-date-picker .datepicker-container .datepicker-input-container div,pn-date-picker .datepicker-container .datepicker-input-container label,pn-date-picker .datepicker-container .datepicker-input-container span{font-family:inherit}pn-date-picker .datepicker-container .datepicker-input-container input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.1rem solid #5E554A;background-color:#fff;padding:0.75em;color:#000000;font-size:1.6rem;font-weight:300;line-height:2rem;border-radius:0.8rem;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .datepicker-container .datepicker-input-container input::-webkit-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-moz-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input:-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none}pn-date-picker .datepicker-container .datepicker-input-container input:hover{border-color:#00A0D6}pn-date-picker .datepicker-container .datepicker-input-container input:disabled{background-color:#F3F2F2;border-color:#D3CECB;color:#969087}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon,pn-date-picker .datepicker-container .datepicker-input-container>pn-spinner{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon{cursor:pointer}pn-date-picker .datepicker-container .datepicker-input-container label{-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;font-size:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;z-index:1;position:absolute;color:#969087;font-weight:normal}pn-date-picker .datepicker-calendar-container{display:none;position:absolute;border-radius:0.8rem;top:120%;left:0;width:29.6rem;padding:1.6rem 1.6rem 0.735rem 1.6rem;border:0.1rem solid #D3CECB;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);background-color:white;z-index:9999}pn-date-picker.position-top .datepicker-calendar-container{top:auto;bottom:calc(100% + 1.2rem)}pn-date-picker.position-left .datepicker-calendar-container{right:auto;left:0}pn-date-picker.position-right .datepicker-calendar-container{right:0;left:auto}";var PnDatePickerOld=function(){function e(e){registerInstance(this,e);this.datechange=createEvent(this,"datechange",7);this.monthchanged=createEvent(this,"monthchanged",7);this.dateerror=createEvent(this,"dateerror",7)}e.prototype.componentWillLoad=function(){this.isInit=true;this._updateClassStates();this.parseSelectedDateFromValue(this.value);this._initMinAndMaxDates();document.addEventListener("mousedown",this._onClickOutside.bind(this));this.isInit=false};e.prototype.componentDidLoad=function(){this.calendarContainer=this.hostElement.querySelector(".datepicker-calendar");this.monthElement=this.hostElement.querySelector(".month-field")};e.prototype.componentWillUpdate=function(){this._updateClassStates();this._initMinAndMaxDates()};e.prototype._initMinAndMaxDates=function(){this.minDate=createDateOrNull(this.min);this.maxDate=createDateOrNull(this.max)};e.prototype.dateChanged=function(e){this.value=e.detail;this.closeDatepicker()};e.prototype.parseSelectedDateFromValue=function(e){var t=createDateOrNull(e);var i=t?true:false;this.selectedDate=t||new Date;if(this.dispatchChangeOnBlur&&this.isInit){return}this.hasValidDate=i;if(e&&this.emitErrors){if(!i){this.dateerror.emit({code:"INVALID_DATE",value:e})}if(this.minDate&&t<this.minDate){this.dateerror.emit({code:"MIN_DATE",value:e})}if(this.maxDate&&t>this.maxDate){this.dateerror.emit({code:"MAX_DATE",value:e})}}if(i){if(e==="1970-01-01"){e=""}else if(!/^\d{4}-\d{2}-\d{2}$/.test(e)){var n=new Date(e);var a=n.getFullYear();var r=this._addLeadingZero(n.getMonth()+1);var o=this._addLeadingZero(n.getDate());e="".concat(a,"-").concat(r,"-").concat(o)}this.datechange.emit(e);this.dateerror.emit(null)}else{if(this.emitErrors){if(e){this.dateerror.emit({code:"INVALID_DATE",value:e})}else{this.dateerror.emit(null)}}}};e.prototype._updateClassStates=function(){var e=this;if(this.invalid){this.hostElement.classList.add("invalid")}else{this.hostElement.classList.remove("invalid")}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}if(this.disableInput){this.hostElement.classList.add("disabled-input")}else{this.hostElement.classList.remove("disabled-input")}if(this.position){var t=["top","left","bttom","right"];Object.keys(t).forEach((function(t){return e.hostElement.classList.remove("position-".concat(t))}));this.position.toLowerCase().split(" ").slice(0,2).forEach((function(t){return e.hostElement.classList.add("position-".concat(t))}))}this._updateHasInputClass()};e.prototype.openDatepicker=function(){if(!this.disabled){this.isOpen=true;this.hostElement.classList.add("open-datepicker");this._updateHasInputClass();this.monthSelection=this.selectedDate.getMonth();this.yearSelection=this.selectedDate.getFullYear()}};e.prototype.closeDatepicker=function(){this.isOpen=false;this.hostElement.classList.remove("open-datepicker");this._updateHasInputClass()};e.prototype._onClickOutside=function(e){var t=!this.hostElement.contains(e.target);if(this.isOpen&&t){this.parseSelectedDateFromValue(this.value);this.closeDatepicker()}};e.prototype._addLeadingZero=function(e){return("0"+e).slice(-2)};e.prototype._updateHasInputClass=function(){if(this.value&&this.value.length){this.hostElement.classList.add("has-input")}else{this.hostElement.classList.remove("has-input")}};e.prototype.onMonthChanged=function(e){this.monthchanged.emit(e.detail)};e.prototype.render=function(){var e=this;var t=debounce((function(t){e.value=t.target.value}),400,false);var i=function(e){e.preventDefault()};return h("div",{class:"datepicker-container"},h("div",{class:"datepicker-input-container"},h("input",{type:"text",class:"date-input",value:this.value,onFocus:this.openDatepicker.bind(this),onKeyDown:this.disableInput?i:t.bind(this),disabled:this.disabled}),h("pn-icon",{symbol:"calendar",onClick:this.openDatepicker.bind(this),color:this.disabled?"gray400":"black"}),h("label",null,this.label)),h("div",{class:"datepicker-calendar-container"},h("pn-calendar",{value:this.value,min:this.min,max:this.max,language:this.language,"disable-days":this.disableDays,"disable-weekends":this.disableWeekends,"start-of-week":this.startOfWeek,onMonthchanged:this.onMonthChanged.bind(this)})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["parseSelectedDateFromValue"]}},enumerable:false,configurable:true});return e}();PnDatePickerOld.style=pnDatePickerOldCss;export{PnDatePickerOld as pn_date_picker_old};
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";import{c as createDateOrNull,d as debounce}from"./helpers-53c419b0.js";var pnDatePickerOldCss="pn-date-picker{display:inline-block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:focus,pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container input:hover{outline:none;border:0.1rem solid #005d92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-date-picker.open-datepicker .datepicker-calendar-container{display:block}pn-date-picker.open-datepicker .datepicker-container .datepicker-input-container label,pn-date-picker.has-input .datepicker-container .datepicker-input-container label{top:0.1rem;-webkit-transform:translateY(0);transform:translateY(0);font-size:1.2rem}pn-date-picker.invalid .datepicker-container .datepicker-input-container input,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus,pn-date-picker.invalid .datepicker-container .datepicker-input-container input:hover{border:0.1rem solid #a70707}pn-date-picker.invalid .datepicker-container .datepicker-input-container input:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-date-picker .datepicker-container{position:relative}pn-date-picker .datepicker-container .datepicker-input-container{border:none;position:relative;width:100%;height:100%}pn-date-picker .datepicker-container .datepicker-input-container input,pn-date-picker .datepicker-container .datepicker-input-container div,pn-date-picker .datepicker-container .datepicker-input-container label,pn-date-picker .datepicker-container .datepicker-input-container span{font-family:inherit}pn-date-picker .datepicker-container .datepicker-input-container input{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;border:0.1rem solid #5e554a;background-color:#fff;padding:0.75em;color:#000000;font-size:1.6rem;font-weight:300;line-height:2rem;border-radius:0.8rem;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .datepicker-container .datepicker-input-container input::-webkit-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-moz-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input:-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::-ms-input-placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input::placeholder{color:#969087}pn-date-picker .datepicker-container .datepicker-input-container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;outline:none}pn-date-picker .datepicker-container .datepicker-input-container input:hover{border-color:#00a0d6}pn-date-picker .datepicker-container .datepicker-input-container input:disabled{background-color:#f3f2f2;border-color:#d3cecb;color:#969087}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon,pn-date-picker .datepicker-container .datepicker-input-container>pn-spinner{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}pn-date-picker .datepicker-container .datepicker-input-container>pn-icon{cursor:pointer}pn-date-picker .datepicker-container .datepicker-input-container label{-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;font-size:1em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-ms-flex-order:1;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;z-index:1;position:absolute;color:#969087;font-weight:normal}pn-date-picker .datepicker-calendar-container{display:none;position:absolute;border-radius:0.8rem;top:120%;left:0;width:29.6rem;padding:1.6rem 1.6rem 0.735rem 1.6rem;border:0.1rem solid #d3cecb;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);background-color:white;z-index:9999}pn-date-picker.position-top .datepicker-calendar-container{top:auto;bottom:calc(100% + 1.2rem)}pn-date-picker.position-left .datepicker-calendar-container{right:auto;left:0}pn-date-picker.position-right .datepicker-calendar-container{right:0;left:auto}";var PnDatePickerOld=function(){function e(e){registerInstance(this,e);this.datechange=createEvent(this,"datechange",7);this.monthchanged=createEvent(this,"monthchanged",7);this.dateerror=createEvent(this,"dateerror",7)}e.prototype.componentWillLoad=function(){this.isInit=true;this._updateClassStates();this.parseSelectedDateFromValue(this.value);this._initMinAndMaxDates();document.addEventListener("mousedown",this._onClickOutside.bind(this));this.isInit=false};e.prototype.componentDidLoad=function(){this.calendarContainer=this.hostElement.querySelector(".datepicker-calendar");this.monthElement=this.hostElement.querySelector(".month-field")};e.prototype.componentWillUpdate=function(){this._updateClassStates();this._initMinAndMaxDates()};e.prototype._initMinAndMaxDates=function(){this.minDate=createDateOrNull(this.min);this.maxDate=createDateOrNull(this.max)};e.prototype.dateChanged=function(e){this.value=e.detail;this.closeDatepicker()};e.prototype.parseSelectedDateFromValue=function(e){var t=createDateOrNull(e);var i=t?true:false;this.selectedDate=t||new Date;if(this.dispatchChangeOnBlur&&this.isInit){return}this.hasValidDate=i;if(e&&this.emitErrors){if(!i){this.dateerror.emit({code:"INVALID_DATE",value:e})}if(this.minDate&&t<this.minDate){this.dateerror.emit({code:"MIN_DATE",value:e})}if(this.maxDate&&t>this.maxDate){this.dateerror.emit({code:"MAX_DATE",value:e})}}if(i){if(e==="1970-01-01"){e=""}else if(!/^\d{4}-\d{2}-\d{2}$/.test(e)){var n=new Date(e);var a=n.getFullYear();var r=this._addLeadingZero(n.getMonth()+1);var o=this._addLeadingZero(n.getDate());e="".concat(a,"-").concat(r,"-").concat(o)}this.datechange.emit(e);this.dateerror.emit(null)}else{if(this.emitErrors){if(e){this.dateerror.emit({code:"INVALID_DATE",value:e})}else{this.dateerror.emit(null)}}}};e.prototype._updateClassStates=function(){var e=this;if(this.invalid){this.hostElement.classList.add("invalid")}else{this.hostElement.classList.remove("invalid")}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}if(this.disableInput){this.hostElement.classList.add("disabled-input")}else{this.hostElement.classList.remove("disabled-input")}if(this.position){var t=["top","left","bttom","right"];Object.keys(t).forEach((function(t){return e.hostElement.classList.remove("position-".concat(t))}));this.position.toLowerCase().split(" ").slice(0,2).forEach((function(t){return e.hostElement.classList.add("position-".concat(t))}))}this._updateHasInputClass()};e.prototype.openDatepicker=function(){if(!this.disabled){this.isOpen=true;this.hostElement.classList.add("open-datepicker");this._updateHasInputClass();this.monthSelection=this.selectedDate.getMonth();this.yearSelection=this.selectedDate.getFullYear()}};e.prototype.closeDatepicker=function(){this.isOpen=false;this.hostElement.classList.remove("open-datepicker");this._updateHasInputClass()};e.prototype._onClickOutside=function(e){var t=!this.hostElement.contains(e.target);if(this.isOpen&&t){this.parseSelectedDateFromValue(this.value);this.closeDatepicker()}};e.prototype._addLeadingZero=function(e){return("0"+e).slice(-2)};e.prototype._updateHasInputClass=function(){if(this.value&&this.value.length){this.hostElement.classList.add("has-input")}else{this.hostElement.classList.remove("has-input")}};e.prototype.onMonthChanged=function(e){this.monthchanged.emit(e.detail)};e.prototype.render=function(){var e=this;var t=debounce((function(t){e.value=t.target.value}),400,false);var i=function(e){e.preventDefault()};return h("div",{class:"datepicker-container"},h("div",{class:"datepicker-input-container"},h("input",{type:"text",class:"date-input",value:this.value,onFocus:this.openDatepicker.bind(this),onKeyDown:this.disableInput?i:t.bind(this),disabled:this.disabled}),h("pn-icon",{symbol:"calendar",onClick:this.openDatepicker.bind(this),color:this.disabled?"gray400":"black"}),h("label",null,this.label)),h("div",{class:"datepicker-calendar-container"},h("pn-calendar",{value:this.value,min:this.min,max:this.max,language:this.language,"disable-days":this.disableDays,"disable-weekends":this.disableWeekends,"start-of-week":this.startOfWeek,onMonthchanged:this.onMonthChanged.bind(this)})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["parseSelectedDateFromValue"]}},enumerable:false,configurable:true});return e}();PnDatePickerOld.style=pnDatePickerOldCss;export{PnDatePickerOld as pn_date_picker_old};

package/umd/modules/@postnord/web-components/esm-es5/pn-date-picker.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var translations={MONTHS:{en:["January","February","March","April","May","June","July","August","September","October","November","December"],sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],da:["Januar","Februar","Marts","April","Maj","Juni","Juli","August","September","Oktober","November","December"],fi:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],no:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"]},WEEK:{en:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],sv:["Sön","Mån","Tis","Ons","Tor","Fre","Lör"],da:["Søn","Man","Tir","Ons","Tor","Fre","Lør"],fi:["Su","Ma","Ti","Ke","To","Pe","La"],no:["Sø.","Ma.","Ti.","On.","To.","Fr.","Lø."]}};var pnDatePickerCss='pn-date-picker{position:relative;display:block}pn-date-picker .weekday{color:#5E554A;font-weight:500}pn-date-picker .calendar-wrapper{background:#FFFFFF;border-radius:0.5em;position:absolute;top:115%;width:100%;max-width:22em;left:0;overflow:hidden;z-index:5;-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;visibility:hidden;pointer-events:none;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0s;transition-duration:0s}pn-date-picker .calendar-wrapper[data-open]{visibility:visible;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar-wrapper[data-open] .calendar{max-height:80vh;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;max-height:0;overflow:auto;-webkit-transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);}pn-date-picker .calendar::-webkit-scrollbar{background-color:#fff;width:0.75em}pn-date-picker .calendar::-webkit-scrollbar-track{background-color:#fff}pn-date-picker .calendar::-webkit-scrollbar-thumb{background-color:#005D92;border-radius:1em;border:0.25em solid #fff}pn-date-picker .calendar::-webkit-scrollbar-thumb:hover{background-color:#0D234B}pn-date-picker .calendar::-webkit-scrollbar-button{display:none}pn-date-picker [data-month]{padding-top:1.5em}pn-date-picker .pn-date-picker-month{font-weight:500}pn-date-picker .month{font-size:1em;display:grid;padding:0.5em;grid-template-columns:repeat(7, 1fr);grid-gap:0.5em 0;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-date-picker .day{font-size:1em;background:none;aspect-ratio:1;border:none;outline:none;position:relative;cursor:pointer;-webkit-transition:background 0.15s, border-radius 0.15s;transition:background 0.15s, border-radius 0.15s;border-radius:50%;}pn-date-picker .day>span.number{position:relative}pn-date-picker .day::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:inherit;transition:inherit}pn-date-picker .day[data-today]::after{content:"";position:absolute;width:0.4em;height:0.4em;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#005D92}pn-date-picker .day[data-selected=start][data-today]::after,pn-date-picker .day[data-selected=end][data-today]::after,pn-date-picker .day[data-selected=single][data-today]::after{background:#E0F8FF}pn-date-picker .day[data-selected=start]::before,pn-date-picker .day[data-selected=end]::before,pn-date-picker .day[data-selected=single]::before{border-radius:50%;background-color:#005D92}pn-date-picker .day[data-selected=start]::before{border-top-right-radius:0;border-bottom-right-radius:0}pn-date-picker .day[data-selected=start],pn-date-picker .day[data-selected=end],pn-date-picker .day[data-selected=single]{color:white}pn-date-picker .day[data-selected=between]::before{background-color:#E0F8FF;border-radius:0}pn-date-picker .day[data-selected=end][data-selected=end]::before{border-top-left-radius:0;border-bottom-left-radius:0}pn-date-picker .day:focus,pn-date-picker .day:hover{background-color:#EFFBFF}pn-date-picker .pn-date-input-container{background:#FFFFFF;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:1em;width:100%;max-width:22em;padding:0.5em 0.5em 0.5em 0.75em;border-radius:0.5em;border:0.1rem solid #969087;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .pn-date-input-container:focus-within{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92}pn-date-picker .pn-date-input-container .divider{width:0.15em;height:1.15em;background:#005D92;border-radius:1em;-ms-flex:0 0 auto;flex:0 0 auto}pn-date-picker .pn-date-input-container pn-icon{-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1)}pn-date-picker .pn-date-input-container pn-icon.backwards{-webkit-transform:rotate(180deg);transform:rotate(180deg)}pn-date-picker .pn-date-input-container input{border:none;outline:none;padding:0;font-size:1em;width:100%;background:transparent;padding:0.15em 0;-webkit-transition:inherit;transition:inherit}pn-date-picker .pn-date-input-container input:first-of-type::-webkit-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-moz-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type:-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::placeholder{text-align:right}pn-date-picker .pn-date-input-container input:last-of-type::-webkit-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-moz-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type:-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::placeholder{text-align:left}pn-date-picker .pn-date-input-container button.pn-date-calendar{border:none;background:none;cursor:pointer;outline:none;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;border-radius:50%;padding:0.2em}pn-date-picker .pn-date-input-container button.pn-date-calendar:hover{background:#E0F8FF}pn-date-picker .pn-date-input-container button.pn-date-calendar:focus{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005D92;background:#E0F8FF}';var PnDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.dateselection=createEvent(this,"dateselection",7);this.language="en";this.start=null;this.end=null;this.minDate=null;this.maxDate=null;this.range=false;this.disableWeekends=false;this.placeholder="YYYY-MM-DD";this.endPlaceholder="YYYY-MM-DD";this.currentState="idle";this.week=[];this.months=[];this.startDate=null;this.endDate=null;this.open=false;this.selectionMade=false;this.years=[];this.today=new Date;this.machine={initial:"idle",states:{idle:{on:{click:function(t){e.selectionMade=false;var a=t.year,n=t.month,r=t.day;e.startDate=new Date(a,n,r);if(e.range){e.endDate=null;return"dragging"}e.makeSelection();return"idle"}}},dragging:{on:{pointerover:function(t){var a=t.year,n=t.month,r=t.day;var i=new Date(a,n,r);e.endDate=i!==e.startDate&&!e.shouldDisable(a,n,r)?i:null;return"dragging"},click:function(){e.makeSelection();return"idle"},pointercancel:"idle"}}}};this.handleGlobalClick=this.clickHandler.bind(this)}t.prototype.dateSelectionHandler=function(){this.open=false};t.prototype.send=function(t,e){var a=this.machine.states[this.currentState].on[e.type];if(typeof a==="function"){this.currentState=a(t,e)}else if(a){this.currentState=a}};t.prototype.componentWillLoad=function(){this.setDateFromOutside();this.setLanguage();this.setYears()};t.prototype.componentDidLoad=function(){var t=this;requestAnimationFrame((function(){var e=t.startDate&&t.startDate.getTime()?t.startDate:new Date;var a=e.getFullYear();var n=t.months[e.getMonth()];var r=document.querySelector('[data-year="'.concat(a,'"] [data-month="').concat(n,'"]'));r.scrollIntoView()}))};t.prototype.makeSelection=function(){if(!this.range&&this.startDate){this.dateselection.emit(this.formatDate(this.startDate));return}if(!this.startDate||!this.endDate)return;var t=this.startDate>this.endDate?this.endDate:this.startDate;var e=this.endDate>this.startDate?this.endDate:this.startDate;this.selectionMade=true;this.dateselection.emit({start:this.formatDate(t),end:this.formatDate(e)})};t.prototype.startHandler=function(){this.setDateFromOutside()};t.prototype.endHandler=function(){this.setDateFromOutside()};t.prototype.openHandler=function(){if(this.open){document.addEventListener("click",this.handleGlobalClick);return}if(!this.selectionMade&&this.range)this.endDate=null;document.removeEventListener("click",this.handleGlobalClick)};t.prototype.clickHandler=function(t){var e;var a=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];if(!this.hostElement.contains(a)){this.open=false}};t.prototype.setLanguage=function(){var t=this;var e=window.pnTopbar;if(e){this.language=e.language;e.onChangeLanguage=function(e){t.language=e;t.months=translations.MONTHS[t.language];t.week=translations.WEEK[t.language]}}this.months=translations.MONTHS[this.language];this.week=translations.WEEK[this.language]};t.prototype.setDateFromOutside=function(){if(this.start&&this.checkEnabledDate(this.start))this.startDate=new Date(this.start);if(this.end&&this.checkEnabledDate(this.end))this.endDate=new Date(this.end)};t.prototype.checkEnabledDate=function(t){if(!this.checkValidDate(t))return;var e=new Date(t);var a=e.getFullYear();var n=e.getMonth();var r=e.getDate();return!this.shouldDisable(a,n,r)};t.prototype.leadingZero=function(t){return t<10?"0".concat(t):t};t.prototype.formatDate=function(t){if(!t)return"";var e=t.getFullYear();var a=this.leadingZero(t.getMonth()+1);var n=this.leadingZero(t.getDate());return"".concat(e,"-").concat(a,"-").concat(n)};t.prototype.checkValidDate=function(t){var e=/^\d{4}-\d{2}-\d{2}$/;if(!t.match(e))return false;if(!new Date(t).getTime())return false;return true};t.prototype.checkToday=function(t,e,a){var n=this.formatDate(this.today);var r=this.formatDate(new Date(t,e,a));return n===r};t.prototype.calculateSelected=function(t,e,a){var n=this.formatDate(new Date(t,e,a));var r=this.startDate>this.endDate?this.formatDate(this.endDate):this.formatDate(this.startDate);var i=this.endDate>this.startDate?this.formatDate(this.endDate):this.formatDate(this.startDate);if(!r&&i&&n===i)return"single";if(!this.startDate)return;if(r&&!i&&n===r){return"single"}if(n>r&&n<i&&this.endDate)return"between";if(n===r)return"start";if(n===i)return"end";return null};t.prototype.shouldDisable=function(t,e,a){var n=new Date(t,e,a);if(this.minDate&&this.maxDate){var r=n.setHours(0,0,0,0);var i=new Date(this.minDate).setHours(0,0,0,0);var o=new Date(this.maxDate).setHours(0,0,0,0);if(r<i||r>o)return true}var s=this.isWeekend(n);if(this.disableWeekends&&s)return true;return false};t.prototype.isWeekend=function(t){var e=t.getDay();return e===0||e===6};t.prototype.daysInMonth=function(t,e){return Array.from({length:new Date(e,t+1,0).getDate()},(function(t,e){return e+1}))};t.prototype.calcWeekdayStart=function(t,e,a){var n=new Date(t,e,a).getDay();var r=n===0?7:n;return{"grid-column-start":"".concat(r)}};t.prototype.setYears=function(){if(!this.minDate||!this.checkValidDate(this.minDate))this.minDate="".concat(this.today.getFullYear()-1,"-01-01");if(!this.maxDate||!this.checkValidDate(this.maxDate))this.maxDate="".concat(this.today.getFullYear()+1,"-12-31");var t=new Date(this.minDate).getFullYear();var e=new Date(this.maxDate).getFullYear();for(var a=t;a<=e;a++){this.years.push(a)}};t.prototype.startInputHandler=function(t){this.open=true;if(!this.checkValidDate(t.target.value))return null;var e=new Date(t.target.value);var a=e.getFullYear();var n=e.getMonth();var r=e.getDate();if(this.shouldDisable(a,n,r)){this.startDate=null;return}this.startDate=new Date(t.target.value);this.makeSelection()};t.prototype.endInputHandler=function(t){this.open=true;if(!this.checkValidDate(t.target.value))return null;var e=new Date(t.target.value);var a=e.getFullYear();var n=e.getMonth();var r=e.getDate();if(this.shouldDisable(a,n,r)){this.endDate=null;console.log("end",this.endDate);return}this.endDate=new Date(t.target.value);this.makeSelection()};t.prototype.arrowDirection=function(){return this.endDate&&this.startDate&&this.endDate<this.startDate?"backwards":""};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"pn-date-input-container"},h("input",{type:"text",value:this.startDate?this.formatDate(this.startDate):null,onInput:function(e){return t.startInputHandler(e)},onFocusin:function(){return t.open=true},placeholder:this.placeholder}),this.range&&h("pn-icon",{class:this.arrowDirection(),symbol:"arrow-right",color:"blue700"}),this.range&&h("input",{type:"text",value:this.formatDate(this.endDate),onInput:function(e){return t.endInputHandler(e)},onFocusin:function(){return t.open=true},placeholder:this.endPlaceholder}),h("button",{class:"pn-date-calendar",type:"button",onClick:function(){return t.open=!t.open}},h("pn-icon",{symbol:"calendar",color:"blue700"}))),h("div",{class:"calendar-wrapper","data-open":this.open},h("div",{class:"calendar"},this.years.map((function(e){return h("div",{"data-year":e},t.months.map((function(a,n){return h("div",{"data-month":a},h("h3",{class:"pn-date-picker-month"},a," - ",e),h("div",{class:"month"},t.week.map((function(t){return h("h4",{class:"weekday pn-2xs"},t)})),t.daysInMonth(n,e).map((function(a){return h("button",{class:"day",style:t.calcWeekdayStart(e,n,a),"data-day":a,"data-today":t.checkToday(e,n,a),"data-selected":t.calculateSelected(e,n,a),onClick:function(r){return t.send({year:e,month:n,day:a},r)},onPointerOver:function(r){return t.send({year:e,month:n,day:a},r)},tabindex:"-1",disabled:t.shouldDisable(e,n,a),type:"button"},h("span",{class:"number"},a))}))))})))})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{start:["startHandler"],end:["endHandler"],open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnDatePicker.style=pnDatePickerCss;export{PnDatePicker as pn_date_picker};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.js";var translations={MONTHS:{en:["January","February","March","April","May","June","July","August","September","October","November","December"],sv:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],da:["Januar","Februar","Marts","April","Maj","Juni","Juli","August","September","Oktober","November","December"],fi:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],no:["Januar","Februar","Mars","April","Mai","Juni","Juli","August","September","Oktober","November","Desember"]},WEEK:{en:["Mon","Tue","Wed","Thu","Fri","Sat","Sun"],sv:["Mån","Tis","Ons","Tor","Fre","Lör","Sön"],da:["Man","Tir","Ons","Tor","Fre","Lør","Søn"],fi:["Ma","Ti","Ke","To","Pe","La","Su"],no:["Ma.","Ti.","On.","To.","Fr.","Lø.","Sø"]}};var pnDatePickerCss='pn-date-picker{position:relative;display:inline-block}pn-date-picker .weekday{color:#5e554a;font-weight:500}pn-date-picker .calendar-wrapper{background:#ffffff;border-radius:0.5em;position:absolute;max-width:22em;top:115%;width:100%;left:0;overflow:hidden;z-index:5;-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;visibility:hidden;pointer-events:none;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transition-duration:0s;transition-duration:0s}pn-date-picker .calendar-wrapper[data-open]{visibility:visible;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar-wrapper[data-open] .calendar{max-height:min(30em, 80vh);-webkit-transition-delay:0s;transition-delay:0s}pn-date-picker .calendar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;max-height:0;overflow:auto;-webkit-transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);transition:max-height 0.2s cubic-bezier(0.7, 0, 0.3, 1);}pn-date-picker .calendar::-webkit-scrollbar{background-color:#fff;width:0.75em}pn-date-picker .calendar::-webkit-scrollbar-track{background-color:#fff}pn-date-picker .calendar::-webkit-scrollbar-thumb{background-color:#005d92;border-radius:1em;border:0.25em solid #fff}pn-date-picker .calendar::-webkit-scrollbar-thumb:hover{background-color:#0d234b}pn-date-picker .calendar::-webkit-scrollbar-button{display:none}pn-date-picker [data-month]{padding-top:1.5em}pn-date-picker .pn-date-picker-month{font-weight:500}pn-date-picker .month{font-size:1em;display:grid;padding:0.5em;grid-template-columns:repeat(7, 1fr);grid-gap:0.5em 0;background:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-date-picker .day{font-size:1em;background:none;aspect-ratio:1;border:none;outline:none;position:relative;cursor:pointer;-webkit-transition:background 0.15s, border-radius 0.15s;transition:background 0.15s, border-radius 0.15s;border-radius:50%;}pn-date-picker .day>span.number{position:relative}pn-date-picker .day::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-transition:inherit;transition:inherit}pn-date-picker .day[data-today]::after{content:"";position:absolute;width:0.4em;height:0.4em;bottom:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:50%;background:#005d92}pn-date-picker .day[data-selected=start][data-today]::after,pn-date-picker .day[data-selected=end][data-today]::after,pn-date-picker .day[data-selected=single][data-today]::after{background:#e0f8ff}pn-date-picker .day[data-selected=start]::before,pn-date-picker .day[data-selected=end]::before,pn-date-picker .day[data-selected=single]::before{border-radius:50%;background-color:#005d92}pn-date-picker .day[data-selected=start]::before{border-top-right-radius:0;border-bottom-right-radius:0}pn-date-picker .day[data-selected=start],pn-date-picker .day[data-selected=end],pn-date-picker .day[data-selected=single]{color:white}pn-date-picker .day[data-selected=between]::before{background-color:#e0f8ff;border-radius:0}pn-date-picker .day[data-selected=end][data-selected=end]::before{border-top-left-radius:0;border-bottom-left-radius:0}pn-date-picker .day:focus,pn-date-picker .day:hover{background-color:#effbff}pn-date-picker .pn-date-input-container{background:#ffffff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:1em;width:100%;padding:0.5em 0.5em 0.5em 0.75em;border-radius:0.5em;border:0.1rem solid #969087;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}pn-date-picker .pn-date-input-container:focus-within{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92}pn-date-picker .pn-date-input-container .divider{width:0.15em;height:1.15em;background:#005d92;border-radius:1em;-ms-flex:0 0 auto;flex:0 0 auto}pn-date-picker .pn-date-input-container pn-icon{-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.15s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.15s cubic-bezier(0.7, 0, 0.3, 1)}pn-date-picker .pn-date-input-container pn-icon.backwards{-webkit-transform:rotate(180deg);transform:rotate(180deg)}pn-date-picker .pn-date-input-container input{border:none;outline:none;padding:0;font-size:1em;width:100%;background:transparent;padding:0.15em 0;-webkit-transition:inherit;transition:inherit}pn-date-picker .pn-date-input-container input:first-of-type::-webkit-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-moz-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type:-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::-ms-input-placeholder{text-align:right}pn-date-picker .pn-date-input-container input:first-of-type::placeholder{text-align:right}pn-date-picker .pn-date-input-container input:last-of-type::-webkit-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-moz-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type:-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::-ms-input-placeholder{text-align:left}pn-date-picker .pn-date-input-container input:last-of-type::placeholder{text-align:left}pn-date-picker .pn-date-input-container button.pn-date-calendar{border:none;background:none;cursor:pointer;outline:none;-webkit-transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, -webkit-box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s;transition:background 0.15s, box-shadow 0.15s, -webkit-box-shadow 0.15s;border-radius:50%;padding:0.2em}pn-date-picker .pn-date-input-container button.pn-date-calendar:hover{background:#e0f8ff}pn-date-picker .pn-date-input-container button.pn-date-calendar:focus{-webkit-box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;box-shadow:0 0 0 0.1em #fff, 0 0 0 0.2em #005d92;background:#e0f8ff}';var PnDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.dateselection=createEvent(this,"dateselection",7);this.language="en";this.start=null;this.end=null;this.minDate=null;this.maxDate=null;this.range=false;this.disableWeekends=false;this.placeholder="";this.endPlaceholder="";this.currentState="idle";this.week=[];this.months=[];this.startDate=null;this.endDate=null;this.open=false;this.selectionMade=false;this.years=[];this.today=new Date;this.shouldScroll=true;this.machine={initial:"idle",states:{idle:{on:{click:function(t){e.selectionMade=false;var a=t.year,n=t.month,r=t.day;e.startDate=new Date(a,n,r);if(e.range){e.endDate=null;return"dragging"}e.makeSelection();return"idle"}}},dragging:{on:{pointerover:function(t){var a=t.year,n=t.month,r=t.day;var i=new Date(a,n,r);e.endDate=i!==e.startDate&&!e.shouldDisable(a,n,r)?i:null;return"dragging"},click:function(){e.makeSelection();return"idle"},pointercancel:"idle"}}}};this.handleGlobalClick=this.clickHandler.bind(this)}t.prototype.dateSelectionHandler=function(){this.open=false};t.prototype.send=function(t,e){var a=this.machine.states[this.currentState].on[e.type];if(typeof a==="function"){this.currentState=a(t,e)}else if(a){this.currentState=a}};t.prototype.componentWillLoad=function(){this.setDateFromOutside();this.setLanguage();this.setYears()};t.prototype.makeSelection=function(){if(!this.range&&this.startDate){this.dateselection.emit(this.formatDate(this.startDate));return}if(!this.startDate||!this.endDate)return;var t=this.startDate>this.endDate?this.endDate:this.startDate;var e=this.endDate>this.startDate?this.endDate:this.startDate;this.selectionMade=true;this.dateselection.emit({start:this.formatDate(t),end:this.formatDate(e)})};t.prototype.startHandler=function(){this.setDateFromOutside()};t.prototype.endHandler=function(){this.setDateFromOutside()};t.prototype.openHandler=function(){if(this.shouldScroll)this.scrollToMonth();if(this.open){document.addEventListener("click",this.handleGlobalClick);return}if(!this.selectionMade&&this.range)this.endDate=null;document.removeEventListener("click",this.handleGlobalClick)};t.prototype.scrollToMonth=function(){this.shouldScroll=false;var t=this.startDate&&this.startDate.getTime()?this.startDate:new Date;var e=t.getFullYear();var a=this.months[t.getMonth()];var n=this.hostElement.querySelector('[data-year="'.concat(e,'"] [data-month="').concat(a,'"]'));n.scrollIntoView()};t.prototype.clickHandler=function(t){var e;var a=(e=t.composedPath)===null||e===void 0?void 0:e.call(t)[0];if(!this.hostElement.contains(a)){this.open=false}};t.prototype.setLanguage=function(){var t=this;var e=window.pnTopbar;if(e){this.language=e.language;e.onChangeLanguage=function(e){t.language=e;t.months=translations.MONTHS[t.language];t.week=translations.WEEK[t.language]}}this.months=translations.MONTHS[this.language];this.week=translations.WEEK[this.language]};t.prototype.setDateFromOutside=function(){if(this.start&&this.checkEnabledDate(this.start))this.startDate=new Date(this.start);if(this.end&&this.checkEnabledDate(this.end))this.endDate=new Date(this.end)};t.prototype.checkEnabledDate=function(t){if(!this.checkValidDate(t))return;var e=new Date(t);var a=e.getFullYear();var n=e.getMonth();var r=e.getDate();return!this.shouldDisable(a,n,r)};t.prototype.leadingZero=function(t){return t<10?"0".concat(t):t};t.prototype.formatDate=function(t){if(!t)return"";var e=t.getFullYear();var a=this.leadingZero(t.getMonth()+1);var n=this.leadingZero(t.getDate());return"".concat(e,"-").concat(a,"-").concat(n)};t.prototype.checkValidDate=function(t){var e=/^\d{4}-\d{2}-\d{2}$/;if(!t.match(e))return false;if(!new Date(t).getTime())return false;return true};t.prototype.checkToday=function(t,e,a){var n=this.formatDate(this.today);var r=this.formatDate(new Date(t,e,a));return n===r};t.prototype.calculateSelected=function(t,e,a){var n=this.formatDate(new Date(t,e,a));var r=this.startDate>this.endDate?this.formatDate(this.endDate):this.formatDate(this.startDate);var i=this.endDate>this.startDate?this.formatDate(this.endDate):this.formatDate(this.startDate);if(!r&&i&&n===i)return"single";if(!this.startDate)return;if(r&&!i&&n===r){return"single"}if(n>r&&n<i&&this.endDate)return"between";if(n===r)return"start";if(n===i)return"end";return null};t.prototype.shouldDisable=function(t,e,a){var n=new Date(t,e,a);if(this.minDate&&this.maxDate){var r=n.setHours(0,0,0,0);var i=new Date(this.minDate).setHours(0,0,0,0);var o=new Date(this.maxDate).setHours(0,0,0,0);if(r<i||r>o)return true}var s=this.isWeekend(n);if(this.disableWeekends&&s)return true;return false};t.prototype.isWeekend=function(t){var e=t.getDay();return e===0||e===6};t.prototype.daysInMonth=function(t,e){return Array.from({length:new Date(e,t+1,0).getDate()},(function(t,e){return e+1}))};t.prototype.calcWeekdayStart=function(t,e,a){var n=new Date(t,e,a).getDay();var r=n===0?7:n;return{"grid-column-start":"".concat(r)}};t.prototype.setYears=function(){if(!this.minDate||!this.checkValidDate(this.minDate))this.minDate="".concat(this.today.getFullYear()-1,"-01-01");if(!this.maxDate||!this.checkValidDate(this.maxDate))this.maxDate="".concat(this.today.getFullYear()+1,"-12-31");var t=new Date(this.minDate).getFullYear();var e=new Date(this.maxDate).getFullYear();for(var a=t;a<=e;a++){this.years.push(a)}};t.prototype.startInputHandler=function(t){this.open=true;if(!this.checkValidDate(t.target.value))return null;var e=new Date(t.target.value);var a=e.getFullYear();var n=e.getMonth();var r=e.getDate();if(this.shouldDisable(a,n,r)){this.startDate=null;return}this.startDate=new Date(t.target.value);this.makeSelection()};t.prototype.endInputHandler=function(t){this.open=true;if(!this.checkValidDate(t.target.value))return null;var e=new Date(t.target.value);var a=e.getFullYear();var n=e.getMonth();var r=e.getDate();if(this.shouldDisable(a,n,r)){this.endDate=null;console.log("end",this.endDate);return}this.endDate=new Date(t.target.value);this.makeSelection()};t.prototype.arrowDirection=function(){return this.endDate&&this.startDate&&this.endDate<this.startDate?"backwards":""};t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"pn-date-input-container"},h("input",{type:"text",value:this.startDate?this.formatDate(this.startDate):null,onInput:function(e){return t.startInputHandler(e)},onFocusin:function(){return t.open=true},placeholder:this.placeholder}),this.range&&h("pn-icon",{class:this.arrowDirection(),symbol:"arrow-right",color:"blue700"}),this.range&&h("input",{type:"text",value:this.formatDate(this.endDate),onInput:function(e){return t.endInputHandler(e)},onFocusin:function(){return t.open=true},placeholder:this.endPlaceholder}),h("button",{class:"pn-date-calendar",type:"button",onClick:function(){return t.open=!t.open}},h("pn-icon",{symbol:"calendar",color:"blue700"}))),h("div",{class:"calendar-wrapper","data-open":this.open},h("div",{class:"calendar"},this.years.map((function(e){return h("div",{"data-year":e},t.months.map((function(a,n){return h("div",{"data-month":a},h("h3",{class:"pn-date-picker-month"},a," - ",e),h("div",{class:"month"},t.week.map((function(t){return h("h4",{class:"weekday pn-2xs"},t)})),t.daysInMonth(n,e).map((function(a){return h("button",{class:"day",style:t.calcWeekdayStart(e,n,a),"data-day":a,"data-today":t.checkToday(e,n,a),"data-selected":t.calculateSelected(e,n,a),onClick:function(r){return t.send({year:e,month:n,day:a},r)},onPointerOver:function(r){return t.send({year:e,month:n,day:a},r)},tabindex:"-1",disabled:t.shouldDisable(e,n,a),type:"button"},h("span",{class:"number"},a))}))))})))})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{start:["startHandler"],end:["endHandler"],open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnDatePicker.style=pnDatePickerCss;export{PnDatePicker as pn_date_picker};

package/umd/modules/@postnord/web-components/esm-es5/pn-file-upload.entry.js

@@ -1 +1 @@
-var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(t){o(t)}}function l(e){try{s(n["throw"](e))}catch(t){o(t)}}function s(e){e.done?i(e.value):r(e.value).then(a,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";import{g as getBytesFromHumanReadableFileSize,u as uuidv4}from"./helpers-53c419b0.js";var PnFileUploadError=function(e){__extends(t,e);function t(t,i,n,r){if(n===void 0){n="INVALID"}if(r===void 0){r=null}var o=e.call(this,t)||this;o.name="PNFileUploadError";o.element=i;o.code=n;o.data=r;return o}return t}(Error);var pnFileUploadCss='pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#E0F8FF}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#D3CECB}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5E554A}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#FFFFFF}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:" ";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00A0D6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#E0F8FF}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:" ";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00A0D6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00A0D6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005D92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5E554A;font-size:14px;font-weight:300;line-height:20px}';var PnFileUpload=function(){function e(e){registerInstance(this,e);this.filesAdded=createEvent(this,"filesAdded",7);this.update=createEvent(this,"update",7);this.fileuploaderror=createEvent(this,"fileuploaderror",7);this.valid=createEvent(this,"valid",7);this.uploadFile=createEvent(this,"uploadFile",7);this.uploadCancelled=createEvent(this,"uploadCancelled",7);this.uploadCompleted=createEvent(this,"uploadCompleted",7);this.triggerElements=[];this.renders=0;this.maxSize="";this.limit=1;this.invalid=false;this.files=[];this.maxSizeInBytes=0}e.prototype.componentWillLoad=function(){this._initTriggerElements();this._setDefaultValues();this.initMaxBytes();if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.componentWillUpdate=function(){if(this.invalid){this.hostElement.classList.add("invalid")}else{this.hostElement.classList.remove("invalid")}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.initMaxBytes=function(){this.maxSizeInBytes=getBytesFromHumanReadableFileSize(this.maxSize)};e.prototype.componentDidLoad=function(){this.fileInputElement=this.hostElement.querySelector(".pn-file-upload-input");this.fileInputElement.addEventListener("change",this._onAddFile.bind(this))};e.prototype._setDefaultValues=function(){if(this.limit>1){this.multiple=true}};e.prototype._initTriggerElements=function(){var e=this;this.triggerElements=Array.from(this.hostElement.querySelectorAll(".pn-open-file-explorer"));this.triggerElements.forEach((function(t){if(t.dataset.canOpen!=="1"){t.addEventListener("click",e.openFileExplorer.bind(e));t.dataset.canOpen="1"}}))};e.prototype._addFilesFromFileList=function(e){if(this.disabled||this.invalid){return}var t=this;var i=Array.from(e);var n=[];if(this.multiple){i.forEach((function(e){n.push(t._addFile(e))}))}else{var r=i[0];if(this.limit===1){this.files=[];n.push(this._addFile(r))}else{n.push(this._addFile(r))}}Promise.all(n).then((function(){t.filesAdded.emit(t.files);t._isNotGreaterThanLimit();t._checkValidity();t._emitUpdateEvent();t.fileInputElement.value=""}))};e.prototype._onAddFile=function(){var e=this.fileInputElement.files;return this._addFilesFromFileList(e)};e.prototype._onDragOverFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.add("hover")};e.prototype._onDragLeaveFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover")};e.prototype._onDropFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover");this._addFilesFromFileList(e.dataTransfer.files)};e.prototype._validateFileType=function(e){var t=this.accept?this.accept.split(","):[];if(t.length){var i=false;for(var n=0,r=t;n<r.length;n++){var o=r[n];var a=o.trim().toLowerCase();var l=/^\w+\/[a-z\.\-]+$/i;var s=e.filename.substr(e.filename.lastIndexOf(".")).toLowerCase();if(l.test(a)&&e.contentType===a){i=true;break}else if(s===a){i=true;break}}if(!i){var p=new PnFileUploadError("Invalid file type.",this.hostElement,"INVALID_FILE_TYPE",e);this.invalid=true;this.fileuploaderror.emit(p);throw p}}};e.prototype._validateFileSize=function(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){var t=new PnFileUploadError("You can only add up to ".concat(this.maxSize,"."),this.hostElement,"MAX_FILE_SIZE",e);this.invalid=true;this.fileuploaderror.emit(t);throw t}};e.prototype._validateLimit=function(){if(this.limit&&this.files.length>this.limit){var e=new PnFileUploadError("You can only add up to ".concat(this.limit," files."),this.hostElement,"MAX_LIMIT",this.files);this.invalid=true;this.fileuploaderror.emit(e);throw e}};e.prototype._isNotGreaterThanLimit=function(){try{this._validateLimit();return true}catch(e){return false}};e.prototype._checkValidity=function(){if(!this.invalid){this.valid.emit(this)}this._initTriggerElements();return!this.invalid};e.prototype._createBase64FromFile=function(e){return new Promise((function(t,i){var n=new FileReader;n.onload=function(){t(n.result)};n.onerror=function(e){i(e)};n.onabort=function(){i("ABORTED")};n.readAsDataURL(e)}))};e.prototype._addFile=function(e){var t=this;return this._createBase64FromFile(e).then((function(i){var n=i.split(",");var r=n[1];var o=n[0].split(":")[1].split(";")[0];var a=new XMLHttpRequest;var l={uuid:uuidv4(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:r,contentType:o,error:null,errorMessage:"",file:e,xhr:a};try{t._validateFileSize(l);t._validateFileType(l)}catch(s){l.error=s;l.progress=100;l.status="error"}l.xhrPromise=function(){return new Promise((function(e,i){a.responseType="json";a.addEventListener("progress",(function(e){if(e.lengthComputable){l.progress=e.loaded/e.total*100;t.updateFile(l)}else{l.progress=100;t.updateFile(l)}}));a.addEventListener("load",(function(t){e(t.target.response)}));a.addEventListener("error",(function(e){l.error=e;l.errorMessage="There was an error uploading your file, please try again";t.updateFile(l);var n=new PnFileUploadError("There was an error uploading your file, please try again",t.hostElement,"UPLOAD_SERVER_ERROR",l);t.fileuploaderror.emit(n);i(e)}))}))};t.files=__spreadArray(__spreadArray([],t.files,true),[l],false);return l}))};e.prototype._removeFile=function(e,t){return function(i){i.preventDefault();t.removeFile(e)}};e.prototype._emitUpdateEvent=function(){this.update.emit({files:this.files,element:this})};e.prototype.openFileExplorer=function(e){e.preventDefault();if(!this.invalid&&!this.disabled){this.fileInputElement.click()}};e.prototype.startUpload=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){e=this;if(!e.files.length){return[2]}e.files=e.files.map((function(t,i){if(t.status==="queue"){t.status="start";e.uploadFile.emit({file:t,index:i,uploader:e})}return t}));t=e.files.map((function(e){return e.xhrPromise().catch((function(){return}))}));Promise.all(t).then((function(t){var i=t.filter((function(e){return e}));e.uploadCompleted.emit(i)}));return[2]}))}))};e.prototype.clearUpload=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.files=[];this.fileInputElement.value="";this.invalid=false;this.filesAdded.emit([]);return[2]}))}))};e.prototype.removeFile=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,r;return __generator(this,(function(o){t=true;i=[];for(n in this.files){r=this.files[n];if(!r.filename){continue}if(r.uuid!==e.uuid){try{this._validateFileSize(r);this._validateFileType(r);t=true}catch(a){t=false;r.error=a;r.progress=100;r.status="error"}i.push(r)}else if(r.status==="start"){r.xhr.abort();this.uploadCancelled.emit(r)}}this.filesAdded.emit(i);this.files=i;this.invalid=!t||!this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent();return[2]}))}))};e.prototype.updateFile=function(e,t){if(t===void 0){t=null}return __awaiter(this,void 0,void 0,(function(){var i,n,r;return __generator(this,(function(o){i=this.files;if(t===null){for(n in i){r=i[n];if(r.uuid===e.uuid){t=n;break}}}if(i[t]){if(e.progress>=100){e.progress=100;e.status="completed"}else if(e.progress<0){e.status="start";e.progress=0}if(e.error){e.progress=100;e.status="error";e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"}i[t]=e}this.files=i;this._forceRender();return[2]}))}))};e.prototype._forceRender=function(){this.renders=this.renders+1};e.prototype.render=function(){var e=this;return h("div",{class:"pn-file-upload-container"},h("div",{class:"pn-dropzone-container"},h("div",{class:"pn-dropzone-inner"},h("div",{class:"pn-file-upload-dropzone",onDragOver:this._onDragOverFile.bind(this),onDragLeave:this._onDragLeaveFile.bind(this),onDrop:this._onDropFile.bind(this)},h("div",{class:"default-message-container"},this.disabled||this.invalid?h("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"disabled",color:"grey-06-rock"}):h("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"upload",color:"grey-06-rock"}),h("slot",null))))),h("section",{class:"files-list"},this.files.map((function(t){return h("div",{class:"files-list-item-container"},h("div",{class:"files-list-item"},h("pn-progress-bar",{label:t.filename,"show-spinner":e.showSpinner&&t.progress<100&&t.status==="start",progress:t.progress,color:t.status==="error"?"error":"default",size:"small",width:"100%"}),h("div",{class:"icon-button"}),h("pn-icon",{symbol:"minus-circle",color:"grey-05-battleship",onClick:e._removeFile(t,e)})),t.error?h("div",{class:"files-list-item-error"},t.errorMessage||t.error.message):null)}))),h("input",{type:"file",name:"pnFileUpload[]",class:"pn-file-upload-input",multiple:this.multiple,accept:this.accept}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{maxSize:["initMaxBytes"]}},enumerable:false,configurable:true});return e}();PnFileUpload.style=pnFileUploadCss;export{PnFileUpload as pn_file_upload};
+var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function n(){this.constructor=t}t.prototype=i===null?Object.create(i):(n.prototype=i.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,o){function a(e){try{s(n.next(e))}catch(t){o(t)}}function l(e){try{s(n["throw"](e))}catch(t){o(t)}}function s(e){e.done?i(e.value):r(e.value).then(a,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(a){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,r&&(o=a[0]&2?r["return"]:a[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;if(r=0,o)a=[a[0]&2,o.value];switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;r=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(a[0]===6&&i.label<o[1]){i.label=o[1];o=a;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(a);break}if(o[2])i.ops.pop();i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l];r=0}finally{n=o=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var n=0,r=t.length,o;n<r;n++){if(o||!(n in t)){if(!o)o=Array.prototype.slice.call(t,0,n);o[n]=t[n]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.js";import{g as getBytesFromHumanReadableFileSize,u as uuidv4}from"./helpers-53c419b0.js";var PnFileUploadError=function(e){__extends(t,e);function t(t,i,n,r){if(n===void 0){n="INVALID"}if(r===void 0){r=null}var o=e.call(this,t)||this;o.name="PNFileUploadError";o.element=i;o.code=n;o.data=r;return o}return t}(Error);var pnFileUploadCss='pn-file-upload.hover .pn-file-upload-container .pn-dropzone-container{background-color:#e0f8ff}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container{background-color:#d3cecb}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:after{background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to right, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #969087), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #969087 50%, transparent 0%)}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container a{cursor:default}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container:hover,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container:hover{background-color:#d3cecb}pn-file-upload.invalid .pn-file-upload-container .pn-dropzone-container .headline a,pn-file-upload.disabled .pn-file-upload-container .pn-dropzone-container .headline a{color:#5e554a}pn-file-upload .pn-file-upload-input{display:none}pn-file-upload .pn-file-upload-container .pn-dropzone-container{text-align:center;position:relative;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00a0d6 50%, transparent 0%);background-position:top;background-size:16px 1px;background-repeat:repeat-x;background-color:#ffffff}pn-file-upload .pn-file-upload-container .pn-dropzone-container:after{content:" ";position:absolute;width:100%;height:1px;bottom:0;left:0;background-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to right, #00a0d6 50%, transparent 0%);background-position:bottom;background-size:16px 1px;background-repeat:repeat-x}pn-file-upload .pn-file-upload-container .pn-dropzone-container:hover{background-color:#e0f8ff}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner{padding:25px 60px;position:relative;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00a0d6 50%, transparent 0%);background-position:left;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .pn-dropzone-inner:after{content:" ";position:absolute;width:1px;height:100%;top:0;right:0;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(50%, #00a0d6), color-stop(0%, transparent));background-image:linear-gradient(to bottom, #00a0d6 50%, transparent 0%);background-position:right;background-size:1px 16px;background-repeat:repeat-y}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline{color:#969087;font-size:16px;font-weight:300;line-height:20px;text-align:center;margin-bottom:8px}pn-file-upload .pn-file-upload-container .pn-dropzone-container .headline a{color:#005d92}pn-file-upload .pn-file-upload-container .pn-dropzone-container .description{color:#969087;font-size:12px;font-weight:300;line-height:16px;margin-bottom:0}pn-file-upload .files-list .files-list-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}pn-file-upload .files-list .files-list-item>pn-progress-bar{margin-right:10px;-ms-flex:1;flex:1}pn-file-upload .files-list .files-list-item>pn-icon{margin-top:34px;cursor:pointer}pn-file-upload .files-list .files-list-item-error{color:#5e554a;font-size:14px;font-weight:300;line-height:20px}';var PnFileUpload=function(){function e(e){registerInstance(this,e);this.filesAdded=createEvent(this,"filesAdded",7);this.update=createEvent(this,"update",7);this.fileuploaderror=createEvent(this,"fileuploaderror",7);this.valid=createEvent(this,"valid",7);this.uploadFile=createEvent(this,"uploadFile",7);this.uploadCancelled=createEvent(this,"uploadCancelled",7);this.uploadCompleted=createEvent(this,"uploadCompleted",7);this.triggerElements=[];this.renders=0;this.maxSize="";this.limit=1;this.invalid=false;this.files=[];this.maxSizeInBytes=0}e.prototype.componentWillLoad=function(){this._initTriggerElements();this._setDefaultValues();this.initMaxBytes();if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.componentWillUpdate=function(){if(this.invalid){this.hostElement.classList.add("invalid")}else{this.hostElement.classList.remove("invalid")}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}};e.prototype.initMaxBytes=function(){this.maxSizeInBytes=getBytesFromHumanReadableFileSize(this.maxSize)};e.prototype.componentDidLoad=function(){this.fileInputElement=this.hostElement.querySelector(".pn-file-upload-input");this.fileInputElement.addEventListener("change",this._onAddFile.bind(this))};e.prototype._setDefaultValues=function(){if(this.limit>1){this.multiple=true}};e.prototype._initTriggerElements=function(){var e=this;this.triggerElements=Array.from(this.hostElement.querySelectorAll(".pn-open-file-explorer"));this.triggerElements.forEach((function(t){if(t.dataset.canOpen!=="1"){t.addEventListener("click",e.openFileExplorer.bind(e));t.dataset.canOpen="1"}}))};e.prototype._addFilesFromFileList=function(e){if(this.disabled||this.invalid){return}var t=this;var i=Array.from(e);var n=[];if(this.multiple){i.forEach((function(e){n.push(t._addFile(e))}))}else{var r=i[0];if(this.limit===1){this.files=[];n.push(this._addFile(r))}else{n.push(this._addFile(r))}}Promise.all(n).then((function(){t.filesAdded.emit(t.files);t._isNotGreaterThanLimit();t._checkValidity();t._emitUpdateEvent();t.fileInputElement.value=""}))};e.prototype._onAddFile=function(){var e=this.fileInputElement.files;return this._addFilesFromFileList(e)};e.prototype._onDragOverFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.add("hover")};e.prototype._onDragLeaveFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover")};e.prototype._onDropFile=function(e){e.preventDefault();e.stopPropagation();this.hostElement.classList.remove("hover");this._addFilesFromFileList(e.dataTransfer.files)};e.prototype._validateFileType=function(e){var t=this.accept?this.accept.split(","):[];if(t.length){var i=false;for(var n=0,r=t;n<r.length;n++){var o=r[n];var a=o.trim().toLowerCase();var l=/^\w+\/[a-z\.\-]+$/i;var s=e.filename.substr(e.filename.lastIndexOf(".")).toLowerCase();if(l.test(a)&&e.contentType===a){i=true;break}else if(s===a){i=true;break}}if(!i){var p=new PnFileUploadError("Invalid file type.",this.hostElement,"INVALID_FILE_TYPE",e);this.invalid=true;this.fileuploaderror.emit(p);throw p}}};e.prototype._validateFileSize=function(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){var t=new PnFileUploadError("You can only add up to ".concat(this.maxSize,"."),this.hostElement,"MAX_FILE_SIZE",e);this.invalid=true;this.fileuploaderror.emit(t);throw t}};e.prototype._validateLimit=function(){if(this.limit&&this.files.length>this.limit){var e=new PnFileUploadError("You can only add up to ".concat(this.limit," files."),this.hostElement,"MAX_LIMIT",this.files);this.invalid=true;this.fileuploaderror.emit(e);throw e}};e.prototype._isNotGreaterThanLimit=function(){try{this._validateLimit();return true}catch(e){return false}};e.prototype._checkValidity=function(){if(!this.invalid){this.valid.emit(this)}this._initTriggerElements();return!this.invalid};e.prototype._createBase64FromFile=function(e){return new Promise((function(t,i){var n=new FileReader;n.onload=function(){t(n.result)};n.onerror=function(e){i(e)};n.onabort=function(){i("ABORTED")};n.readAsDataURL(e)}))};e.prototype._addFile=function(e){var t=this;return this._createBase64FromFile(e).then((function(i){var n=i.split(",");var r=n[1];var o=n[0].split(":")[1].split(";")[0];var a=new XMLHttpRequest;var l={uuid:uuidv4(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:r,contentType:o,error:null,errorMessage:"",file:e,xhr:a};try{t._validateFileSize(l);t._validateFileType(l)}catch(s){l.error=s;l.progress=100;l.status="error"}l.xhrPromise=function(){return new Promise((function(e,i){a.responseType="json";a.addEventListener("progress",(function(e){if(e.lengthComputable){l.progress=e.loaded/e.total*100;t.updateFile(l)}else{l.progress=100;t.updateFile(l)}}));a.addEventListener("load",(function(t){e(t.target.response)}));a.addEventListener("error",(function(e){l.error=e;l.errorMessage="There was an error uploading your file, please try again";t.updateFile(l);var n=new PnFileUploadError("There was an error uploading your file, please try again",t.hostElement,"UPLOAD_SERVER_ERROR",l);t.fileuploaderror.emit(n);i(e)}))}))};t.files=__spreadArray(__spreadArray([],t.files,true),[l],false);return l}))};e.prototype._removeFile=function(e,t){return function(i){i.preventDefault();t.removeFile(e)}};e.prototype._emitUpdateEvent=function(){this.update.emit({files:this.files,element:this})};e.prototype.openFileExplorer=function(e){e.preventDefault();if(!this.invalid&&!this.disabled){this.fileInputElement.click()}};e.prototype.startUpload=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){e=this;if(!e.files.length){return[2]}e.files=e.files.map((function(t,i){if(t.status==="queue"){t.status="start";e.uploadFile.emit({file:t,index:i,uploader:e})}return t}));t=e.files.map((function(e){return e.xhrPromise().catch((function(){return}))}));Promise.all(t).then((function(t){var i=t.filter((function(e){return e}));e.uploadCompleted.emit(i)}));return[2]}))}))};e.prototype.clearUpload=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.files=[];this.fileInputElement.value="";this.invalid=false;this.filesAdded.emit([]);return[2]}))}))};e.prototype.removeFile=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i,n,r;return __generator(this,(function(o){t=true;i=[];for(n in this.files){r=this.files[n];if(!r.filename){continue}if(r.uuid!==e.uuid){try{this._validateFileSize(r);this._validateFileType(r);t=true}catch(a){t=false;r.error=a;r.progress=100;r.status="error"}i.push(r)}else if(r.status==="start"){r.xhr.abort();this.uploadCancelled.emit(r)}}this.filesAdded.emit(i);this.files=i;this.invalid=!t||!this._isNotGreaterThanLimit();this._checkValidity();this._emitUpdateEvent();return[2]}))}))};e.prototype.updateFile=function(e,t){if(t===void 0){t=null}return __awaiter(this,void 0,void 0,(function(){var i,n,r;return __generator(this,(function(o){i=this.files;if(t===null){for(n in i){r=i[n];if(r.uuid===e.uuid){t=n;break}}}if(i[t]){if(e.progress>=100){e.progress=100;e.status="completed"}else if(e.progress<0){e.status="start";e.progress=0}if(e.error){e.progress=100;e.status="error";e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"}i[t]=e}this.files=i;this._forceRender();return[2]}))}))};e.prototype._forceRender=function(){this.renders=this.renders+1};e.prototype.render=function(){var e=this;return h("div",{class:"pn-file-upload-container"},h("div",{class:"pn-dropzone-container"},h("div",{class:"pn-dropzone-inner"},h("div",{class:"pn-file-upload-dropzone",onDragOver:this._onDragOverFile.bind(this),onDragLeave:this._onDragLeaveFile.bind(this),onDrop:this._onDropFile.bind(this)},h("div",{class:"default-message-container"},this.disabled||this.invalid?h("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"disabled",color:"grey-06-rock"}):h("pn-icon",{class:"pn-file-upload-dropzone-icon",symbol:"upload",color:"grey-06-rock"}),h("slot",null))))),h("section",{class:"files-list"},this.files.map((function(t){return h("div",{class:"files-list-item-container"},h("div",{class:"files-list-item"},h("pn-progress-bar",{label:t.filename,"show-spinner":e.showSpinner&&t.progress<100&&t.status==="start",progress:t.progress,color:t.status==="error"?"error":"default",size:"small",width:"100%"}),h("div",{class:"icon-button"}),h("pn-icon",{symbol:"minus-circle",color:"grey-05-battleship",onClick:e._removeFile(t,e)})),t.error?h("div",{class:"files-list-item-error"},t.errorMessage||t.error.message):null)}))),h("input",{type:"file",name:"pnFileUpload[]",class:"pn-file-upload-input",multiple:this.multiple,accept:this.accept}))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{maxSize:["initMaxBytes"]}},enumerable:false,configurable:true});return e}();PnFileUpload.style=pnFileUploadCss;export{PnFileUpload as pn_file_upload};