https://www.semikron-danfoss.com/_next/static/chunks/58.e93d481a4454dcae.js

1"use strict";(self.webpackChunkHost_shell_app=self.webpackChunkHost_shell_app||[]).push([[58,2799],{2799:function(t,e,o){o.r(e),o.d(e,{c:function(){return i}});function i(){for(var t,e,o=0,i="",a=arguments.length;o<a;o++)(t=arguments[o])&&(e=function t(e){var o,i,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e){if(Array.isArray(e)){var n=e.length;for(o=0;o<n;o++)e[o]&&(i=t(e[o]))&&(a&&(a+=" "),a+=i)}else for(i in e)e[i]&&(a&&(a+=" "),a+=i)}return a}(t))&&(i&&(i+=" "),i+=e);return i}},90058:function(t,e,o){o.r(e),o.d(e,{df_modal:function(){return h}});var i=o(44934),a=o(2799),n=o(54466),d=o(8215),r=o(70295),l=o(40467),s=function(){return(s=Object.assign||function(t){for(var e,o=1,i=arguments.length;o<i;o++)for(var a in e=arguments[o])Object.prototype.hasOwnProperty.call(e,a)&&(t[a]=e[a]);return t}).apply(this,arguments)},c=function(t,e,o){if(o||2==arguments.length)for(var i,a=0,n=e.length;a<n;a++)!i&&a in e||(i||(i=Array.prototype.slice.call(e,0,a)),i[a]=e[a]);return t.concat(i||Array.prototype.slice.call(e))},f=function(t){var e=t.closeButtonAriaLabel,o=t.heading,a=t.id,n=t.hideCloseIcon,d=t.onCloseButtonClick;return(0,i.h)("header",{class:"df-modal-header"},o?(0,i.h)("h3",{id:a,class:"df-modal-title"},o):null,(0,i.h)("slot",{name:"modal-header"}),n?null:(0,i.h)("button",{"aria-label":e,id:"modal-close-button",class:"df-modal-close-btn",title:"Close",onClick:d},(0,i.h)(l.I,{content:l.i,id:"modal-close-icon",title:"Close"})))},m=function(t){switch(t){case"small":return"".concat(n.L,"-modal-container-small");case"medium":return"".concat(n.L,"-modal-container-medium");case"large":return"".concat(n.L,"-modal-container-large");default:return}},h=function(){function t(t){var e=this;this.hasBodySlot=!0,this.hasFooterSlot=!0,this.modalA11yAttr={},this.setA11yModalAttr=function(){e.modalA11yAttr={role:"dialog",tabIndex:-1,"aria-label":e.modalAriaLabel,"aria-modal":"true"},e.isHeaderHidden||(e.modalA11yAttr["aria-labelledby"]=e.getModalSectionId("header")),e.hasBodySlot&&(e.modalA11yAttr["aria-describedby"]=e.getModalSectionId("body"))},this.handleModalKeyDown=function(t){e.closeOnEscape&&e.isOpen&&(t.key===d.K.Escape||t.key===d.K.EscapeShort)&&e.handleClose(t)},this.handleAddKeyDownListener=function(){window.addEventListener("keydown",e.handleModalKeyDown)},this.updateKeyDownListener=function(t){t?e.handleAddKeyDownListener():e.handleRemoveKeyDownListener()},this.handleRemoveKeyDownListener=function(){window.removeEventListener("keydown",e.handleModalKeyDown)},this.handleClose=function(t){e.isOpen=!1,e.modalCloseEvent.emit(t)},this.handleBackdropClick=function(t){e.backdropClickEvent.emit(t)},this.handleModalClick=function(t){t.target===t.currentTarget&&(e.closeOnBackdropClick&&e.handleClose(t),e.handleBackdropClick(t))},this.getModalSectionId=function(t){return"".concat(e.modalId,"-").concat(t)},this.handleModalContentClick=function(t){e.handleClose(t)},(0,i.r)(this,t),this.modalCloseEvent=(0,i.c)(this,"modalClose",7),this.backdropClickEvent=(0,i.c)(this,"backdropClick",7),this.size="medium",this.isAnimated=!0,this.modalAriaLabel="Modal",this.isHeaderHidden=!1,this.footerAlign="end",this.closeOnBackdropClick=!0,this.closeOnEscape=!0,this.heading=void 0,this.modalId="modal",this.closeButtonAriaLabel="Close button",this.isBodyOverflow=!0,this.isBodyFocusable=this.isBodyOverflow,this.isOpen=!1,this.enforceFocus=!0,this.noSpacing=!1,this.keepSpacingOnMobile=!1,this.hideCloseIcon=!1}return Object.defineProperty(t.prototype,"hostElement",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),t.prototype.isOpenedWatcher=function(t){this.updateKeyDownListener(t)},t.prototype.disconnectedCallback=function(){this.handleRemoveKeyDownListener(),this.handleRemoveModalContentClickListener()},t.prototype.componentWillLoad=function(){this.hasBodySlot=!!this.hostElement.querySelector('[slot="'.concat(r.a,'"]')),this.hasFooterSlot=!!this.hostElement.querySelector('[slot="'.concat(r.b,'"]')),this.setA11yModalAttr()},t.prototype.componentDidLoad=function(){var t,e=this,o=c([],this.hostElement.querySelectorAll('a[href], button, input, textarea, select, details, [tabindex]:not

1([tabindex="-1"])'),!0).filter(function(t){return!t.hasAttribute("disabled")&&!t.getAttribute("aria-hidden")}),i=null,a=null;o.length>0&&(i=o[0],a=null!==(t=o.at(-1))&&void 0!==t?t:null),this.hostElement.addEventListener("keydown",function(t){e.enforceFocus&&"Tab"===t.key&&(t.shiftKey?document.activeElement===i&&(null==a||a.focus(),t.preventDefault()):document.activeElement===a&&(null==i||i.focus(),t.preventDefault()))});var n=this.hostElement.querySelector("#".concat(this.modalId));n&&n.querySelectorAll('[data-close-modal-btn="true"]').forEach(function(t){t.addEventListener("click",e.handleModalContentClick)})},t.prototype.handleRemoveModalContentClickListener=function(){var t=this,e=this.hostElement.querySelector("#".concat(this.modalId));e&&e.querySelectorAll('[data-close-modal-btn="true"]').forEach(function(e){e.removeEventListener("click",t.handleModalContentClick)})},t.prototype.render=function(){return!this.isHeaderHidden||this.hasBodySlot||this.hasFooterSlot?(0,i.h)(i.a,{class:"df-mosaic"},(0,i.h)("div",{class:"df-modal-element"},(0,i.h)("div",{id:this.getModalSectionId("backdrop"),class:(0,a.c)("df-backdrop",{open:this.isOpen,animated:this.isAnimated})}),(0,i.h)("section",s(s({id:this.modalId,class:(0,a.c)("df-modal",{open:this.isOpen,animated:this.isAnimated,"body-overflow":this.isBodyOverflow,"no-spacing":this.noSpacing}),onClick:this.handleModalClick},this.modalA11yAttr),{"enforce-focus":this.enforceFocus}),(0,i.h)("div",{class:(0,a.c)(r.M,m(this.size),{"keep-spacing-on-mobile":this.keepSpacingOnMobile})},this.isHeaderHidden?void 0:(0,i.h)(f,{heading:this.heading,id:this.getModalSectionId("header"),closeButtonAriaLabel:this.closeButtonAriaLabel,onCloseButtonClick:this.handleClose,hideCloseIcon:this.hideCloseIcon}),this.hasBodySlot&&(0,i.h)("div",{class:(0,a.c)("df-modal-body",{"body-overflow":this.isBodyOverflow}),id:this.getModalSectionId("body"),tabIndex:this.isBodyFocusable?0:void 0},(0,i.h)("slot",{name:r.a})),this.hasFooterSlot&&(0,i.h)("footer",{class:(0,a.c)("df-modal-footer","align-".concat(this.footerAlign))},(0,i.h)("slot",{name:r.b})))))):void 0},Object.defineProperty(t,"watchers",{get:function(){return{isOpen:["isOpenedWatcher"]}},enumerable:!1,configurable:!0}),t}();h.style="@-webkit-keyframes spin-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ball-beat-animation{30%{opacity:.6;-webkit-transform:scale(.875);transform:scale(.875)}60%{opacity:.3;-webkit-transform:scale(.75);transform:scale(.75)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat-animation{30%{opacity:.6;-webkit-transform:scale(.875);transform:scale(.875)}60%{opacity:.3;-webkit-transform:scale(.75);transform:scale(.75)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hide-scroll-animation{0%,to{overflow:hidden}}@keyframes hide-scroll-animation{0%,to{overflow:hidden}}.df-mosaic .df-backdrop:not(#\\#){background-color:var(--df-color-surface-strong,rgba(72,72,72,.35));display:block;height:100vh;inset:0;opacity:0;position:fixed;visibility:hidden;width:100%;z-index:calc(var(--df-index-navigation, 10) + 1)}.df-mosaic .df-backdrop:not(#\\#).open{opacity:1;visibility:visible}.df-mosaic .df-backdrop:not(#\\#).animated{-webkit-transition-duration:.3s;transition-duration:.3s}.df-mosaic .df-modal{display:-ms-flexbox;display:flex;height:100vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:0;max-height:100%;opacity:0;outline:0;overflow:hidden;padding:var(--df-spacing-3xl,2rem);position:fixed;visibility:hidden;width:100%;z-index:var(--df-index-popout,15)}.df-mosaic .df-modal.open{opacity:1;visibility:visible}.df-mosaic .df-modal.animated{-webkit-transition:opacity .3s linear,-webkit-transform .15s linear;transition:opacity .3s linear,-webkit-transform .15s linear;transition:transform .15s linear,opacity .3s linear;transition:transform .15s linear,opacity .3s linear,-webkit-transform .15s linear}@media (width <= calc(600px - 0.02px)){.df-mosaic .df-modal{border-radius:var(--df-component-modal-border-radius,16px);height:100%;padding:var(--df-spacing-sm,.75rem)}}@media (min-width:720px){.df-mosaic .df-modal{left:50%;min-width:600px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.df-mosaic .df-modal:not(.body-overflow){display:block;overflow:hidden auto}.df-mosaic .body-overflow{overflow:auto}.df-mosaic .df-modal-container:not(#\\#){background-color:var(--df-color-bg-fill-primary,#fff);border-radius:var(--df-component-modal-border-radius,16px);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:1px;overflow:hidden}@media (width <= calc(600px - 0.02px)){.df-mosaic .df-modal-container:not(#\\#){border-radius:var(--df-component-modal-border-radius,16px)}}@media (min-width:720px){.df-mosaic .df-modal-container:not(#\\#){margin-left:auto;margin-right:auto;max-width:680px;min-width:320px;width:85%}.df-mosaic .df-modal-container-small:not(#\\#){max-width:336px}.df-mosaic .df-modal-container-medium:not(#\\#){max-width:680px}.df-mosaic .df-modal-container-large:not(#\\#){max-width:1056px}}.df-mosaic .df-modal-header:not(#\\#){background-color:var(--df-color-bg-fill-primary,#fff);min-height:72px;padding:var(--df-spacing-2xl,1.5rem) var(--df-spacing-md,1rem) var(--df-spacing-2xs,.5rem);position:relative}@media (min-width:600px){.df-mosaic .df-modal-header:not(#\\#){min-height:88px;padding-left:var(--df-spacing-4xl,2.5rem);padding-right:var(--df-spacing-4xl,2.5rem);padding-top:var(--df-spacing-4xl,2.5rem)}}.df-mosaic .df-modal-title:not(#\\#){font-size:var(--df-font-size-heading-md,1.75rem);line-height:var(--df-font-line-height-heading-md,2.5rem);margin:0;margin-right:var(--df-spacing-5xl,3rem)}@media (min-width:600px){.df-mosaic .df-modal-title:not(#\\#){margin-right:var(--df-spacing-2xl,1.5rem)}}.df-mosaic .df-modal-close-btn:not(#\\#){background:none;border:0;height:var(--df-spacing-4xl,2.5rem);-ms-flex-pack:center;justify-content:center;margin:0;padding:0;position:absolute;right:var(--df-spacing-sm,.75rem);top:var(--df-spacing-sm,.75rem);width:var(--df-spacing-4xl,2.5rem)}.df-mosaic .df-modal-body:not(#\\#){background-color:var(--df-color-bg-fill-primary,#fff);margin-left:var(--df-spacing-md,1rem);margin-right:var(--df-spacing-md,1rem);padding-bottom:var(--df-spacing-md,1rem)}@media (min-width:600px){.df-mosaic .df-modal-body:not(#\\#){margin-left:var(--df-spacing-4xl,2.5rem);margin-right:var(--df-spacing-4xl,2.5rem)}}.df-mosaic .df-modal-body:not(#\\#):not(.body-overflow){overflow:visible}.df-mosaic .df-modal-footer:not(#\\#){background-color:var(--df-color-bg-fill-primary,#fff);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--df-spacing-2xl,1.5rem);-ms-flex-pack:end;justify-content:flex-end;padding:var(--df-spacing-2xl,1.5rem) var(--df-spacing-4xl,2.5rem) var(--df-spacing-4xl,2.5rem)}@media (width <= calc(600px - 0.02px)){.df-mosaic .df-modal-footer:not(#\\#){padding:var(--df-spacing-2xl,1.5rem) var(--df-spacing-md,1rem)}.df-mosaic .df-modal-footer:not(#\\#) .df-text-btn{width:100%}}

1.df-mosaic .df-modal-footer:not(#\\#) [slot=modal-footer]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--df-spacing-2xl,1.5rem);-ms-flex-pack:end;justify-content:flex-end;width:100%}.df-mosaic .df-modal-container>div:last-child:not(#\\#){margin-bottom:var(--df-spacing-4xl,2.5rem)}.df-mosaic .df-modal-container>div:first-child:not(#\\#){margin-top:var(--df-spacing-4xl,2.5rem)}.df-mosaic .df-modal-header+.df-modal-footer:not(#\\#){padding-top:var(--df-spacing-md,1rem)}.df-mosaic .no-spacing:not(#\\#) .df-modal-container>*{margin:0;padding:0}.df-mosaic .no-spacing:not(#\\#) .df-modal-header{min-height:auto}@media (width <= 720px){.df-mosaic .df-modal-container:not(#\\#):not(.keep-spacing-on-mobile){-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;min-height:100%;min-width:100%;padding:0}}"}}]);