Kontakt

LP Saddlery - Ihre Experten für Sattelanpassung Bitte nutzen Sie das untenstehende Formular, um uns Ihre Kontaktdaten (Name, Vorname, E-Mail-Adresse, Telefon) sowie Ihre Nachricht zu übermitteln. Sobald Sie Ihr Anliegen abgeschickt haben, erhalten Sie umgehend eine Kopie per E-Mail. Sollten Sie lieber direkt telefonieren wollen, erreichen Sie uns unter 0179 – 905 88 39 oder schicken Sie Ihre Nachricht per E-Mail an: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein. Wir freuen uns auf Ihre Nachricht und darauf, Ihnen mit unserer Leidenschaft für perfekte Passform und jahrelanger Expertise zur Seite zu stehen! Kontaktformular: :root{--focus:hsl(215, 100%, 45%);--redtext:hsl(0, 100%, 32%);--redbg:hsl(0, 100%, 93%);--redb:hsl(0, 100%, 75%);--grey:rgba(34, 36, 38, .15)}:root{--l:95%;--lbo:83%;--lt:0%;--h:0;--s:0%;--space:0.5em;--pad:0.5em;--rad:0.5em;--bw:1px}.nui,.nui *,.nui ::after,.nui ::before,.nui::after,.nui::before{box-sizing:border-box}.nui{border:0 solid var(--grey)}.text-default{color:initial}.black{--h:0;--s:0%;--l:0%;--lt:100%!important;--lbo:100%!important}.white{--h:0;--s:0%;--l:100%;--lt:0%!important;--lbo:85%!important;--lalt:85%!important}.slate{--h:215;--s:16%;--l:90%;--lt:10%!important}.slate.inverted{--l:45%}.grey{--h:0;--s:0%;--l:93%;--lt:10%!important}.grey.inverted{--l:48%}.lightgrey{--h:0;--s:0%;--l:93%;--lt:45%!important}.red{--h:0;--s:100%;--l:93%}.red.inverted{--l:48%}.orange{--h:25;--s:100%;--l:88%}.orange.inverted{--l:43%}.amber{--h:45;--s:100%;--l:93%}.yellow{--h:52;--s:95%;--l:90%}.lime{--h:75;--s:100%;--l:93%}.green{--h:130;--s:80%;--l:90%}.green.inverted{--l:45%}.lightgreen{--h:100;--s:62%;--l:93%}.emerald{--h:152;--s:100%;--l:89%}.teal{--h:170;--s:80%;--l:44%}.cyan{--h:190;--s:75%;--l:93%}.sky{--h:195;--s:100%;--l:93%}.sky.inverted{--l:48%}.blue{--h:215;--s:100%;--l:93%}.blue.inverted{--l:48%}.indigo{--h:264;--s:100%;--l:93%}.violet{--h:270;--s:100%;--l:93%}.purple{--h:285;--s:100%;--l:73%}.fuchsia{--h:300;--s:100%;--l:93%}.pink{--h:315;--s:100%;--l:93%}.rose{--h:330;--s:100%;--l:93%}.nui.black,.nui.blue,.nui.colored,.nui.green,.nui.grey,.nui.orange,.nui.red,.nui.slate,.nui.white,.nui.yellow{background-color:hsl(var(--h),var(--s),var(--l));color:hsl(var(--h),var(--s),var(--lt))!important;border-color:hsl(var(--h),var(--s),var(--lbo))!important;--lbo:calc(var(--l) - 18%);--lt:calc(100% - var(--l) + calc(calc(100% - var(--l)) * 3));--lalt:calc(var(--l) - 23%)}.nui.text-colored{color:hsl(var(--h),var(--s),var(--l))!important}.nui.border-colored{border-color:hsl(var(--h),var(--s),var(--lbo))!important}.nui.inverted{--lbo:calc(var(--l) + 25%);--lt:100%!important}.nui.nobgcolor,.nui.transparent{background-color:transparent}.nui.small{font-size:small}.nui.smaller{font-size:smaller}.nui.xsmall{font-size:x-small}.nui.normalsize{font-size:1rem}.nui.large{font-size:1.35rem}.nui.larger{font-size:1.75rem}.nui.medium{font-size:medium}.nui.xlarge{font-size:2rem}.nui.xxlarge{font-size:2.5rem}.nui.xxxlarge{font-size:3rem}.nui.italic{font-style:italic}.nui.bold{font-weight:700}.nui.notbold{font-weight:initial!important}.nui .hidden,.nui.hidden{display:none!important}.nui.fixed{position:fixed!important;z-index:100;top:0}.nui.relative{position:relative}.nui.absolute{position:absolute}.nui.absolute.top-right{top:-.5em;right:-.5em}.nui.link{cursor:pointer;-webkit-user-select:none;user-select:none}.nui.underlined{text-decoration:underline}.nui.shadowed{box-shadow:inset 0 0 0 var(--bw) hsl(var(--h),var(--s),var(--lbo))!important}.nui.bordered{border-width:var(--bw)}.nui.thick.bordered{--bw:3px}.nui.dashed.bordered{border-style:dashed}.nui.dotted.bordered{border-style:dotted}.nui.bordered.top-opened{border-top:0}.nui.bordered.bottom-opened{border-bottom:0}.nui.rounded{border-radius:var(--rad)}.nui.top-rounded{border-top-left-radius:var(--rad);border-top-right-radius:var(--rad)}.nui.bottom-rounded{border-bottom-left-radius:var(--rad);border-bottom-right-radius:var(--rad)}.nui.circular{border-radius:50%!important;text-align:center;aspect-ratio:1/1}.nui.squared{aspect-ratio:1/1}.nui.raised{box-shadow:1px 1px 2px hsl(var(--h),var(--s),90%)}.nui.compact{--pad:0.25em}.nui .disabled,.nui.disabled{pointer-events:none;opacity:.45}.nui.height[class*="full height"]{height:100%}.nui.width[class*="full width"]{width:100%}.nui.grid{display:grid!important;grid-auto-columns:1fr;grid-auto-flow:column}.nui.grid.horizontal{grid-auto-flow:row}.nui.grid.columnx2{grid-template-columns:1fr 1fr}.nui.grid.columnx3{grid-template-columns:1fr 1fr 1fr}.nui.grid.columnx4{grid-template-columns:1fr 1fr 1fr 1fr}.nui.grid.columnx5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.nui.grid>.span2{grid-column:span 2}.nui.grid>.span3{grid-column:span 3}.nui.grid>.span4{grid-column:span 4}.nui.grid>.span5{grid-column:span 5}.nui.grid>.span6{grid-column:span 6}@media only screen and (max-width:600px){.nui.grid.stackable{grid-auto-flow:row!important;grid-template-columns:1fr!important}.nui.grid.stackable>[class*=span]{grid-column:1!important}}.nui.flex{position:relative;display:flex;align-items:stretch}.nui.flex.inline{display:inline-flex}.nui.flex.vertical{flex-direction:column}.nui.flex.one-column>*{flex:100%}.nui.flex.two-column>*{flex:calc(50% - calc(var(--space)))}.nui.flex.three-column>*{flex:calc(33.333% - calc(var(--space)))}.nui.justify-center{justify-content:center}.nui.align-center{align-items:center}.nui.align-start{align-items:start}.nui.align-end{align-items:end}.nui.self-start{align-self:start!important}.nui.self-end{align-self:end!important}.nui.self-center{align-self:center!important}.nui.text-center{text-align:center!important}.nui.flex>.grow{flex-grow:1}.nui.flex.wrap{flex-wrap:wrap}.nui.grow{flex-grow:1!important}.nui.shrink{flex-grow:0!important}@media only screen and (max-width:600px){.nui.flex.stackable{flex-direction:column}}.nui.flex[class*="equal items"]>.item{flex:1 1 0px}@media only screen and (max-width:900px) and (min-width:600px){.nui.flex>.item.medium-50{min-width:45%}.nui.flex>.item.medium-30{min-width:30%}}@media only screen and (min-width:900px){.nui.flex>.item.big-50{min-width:45%}.nui.flex>.item.big-30{min-width:30%}}.nui.flex[class*="grow items"]>.item{flex-grow:1}.nui.spaced{gap:var(--space)}.nui.space2{gap:calc(var(--space) * 2)}.nui.nomargins>*{margin:0}section.nui{margin-bottom:3em}section.nui:last-child{margin-bottom:0}.nui.flex>.right{margin-left:auto}.nui.flex>.bottom{margin-top:auto}.nui.flex.divided:not(.vertical)>.item::after{content:"";position:absolute;top:0;left:100%;height:100%;width:var(--bw);background-color:var(--grey);z-index:1}.nui.flex.divided.vertical>.item::after{content:"";position:absolute;top:100%;left:0;height:var(--bw);width:100%;background-color:var(--grey);z-index:1}.nui.flex.divided>.item:last-child:after{height:0}.nui.flex>.item:not(.right){position:relative;margin:0}.nui.flex.selectable>:hover{background-color:hsl(var(--h),var(--s),calc(var(--lbo) + 13%))}.nui.flex.segments>.item{padding:calc(var(--pad) * 2) calc(var(--pad) * 2.5)}.nui.ph1{padding-right:calc(var(--pad) * 1);padding-left:calc(var(--pad) * 1)}.nui.pv1{padding-top:calc(var(--pad) * 1);padding-bottom:calc(var(--pad) * 1)}.nui.pv2{padding-top:calc(var(--pad) * 2);padding-bottom:calc(var(--pad) * 2)}.nui.pv3{padding-top:calc(var(--pad) * 3);padding-bottom:calc(var(--pad) * 3)}.nui.pv4{padding-top:calc(var(--pad) * 4);padding-bottom:calc(var(--pad) * 4)}.nui.p0{padding:0!important}.nui.p1{padding:calc(var(--pad) * 1)}.nui.p2{padding:calc(var(--pad) * 2)}.nui.p3{padding:calc(var(--pad) * 3)}.nui.p4{padding:calc(var(--pad) * 4)}.nui.m0{margin:0!important}@media only screen and (max-width:600px){.nui.sm-hidden{display:none!important}}@media only screen and (max-width:900px){.nui.md-hidden{display:none!important}}@media only screen and (max-width:1200px){.nui.lg-hidden{display:none!important}}@media only screen and (max-width:767.98px){.nui[class*="wide only"]{display:none!important}}.nui[class*="mobile only"]{display:none!important}@media only screen and (max-width:767.98px){.nui[class*="mobile only"]{display:inline-flex!important}}.nui.container{width:calc(100% - var(--pad) - var(--pad));margin-left:var(--pad);margin-right:var(--pad)}@media only screen and (min-width:1200px){.nui.container:not(.wide){max-width:1160px;margin-left:auto!important;margin-right:auto!important}}.nui.avatar{width:2.2em;max-width:none}.nui.image{max-width:100%;height:auto}.nui.sidebar{display:none;position:fixed;top:0;left:0;right:auto;width:auto;z-index:11;height:100%!important;max-height:100%;border-radius:0!important;margin:0!important;overflow-y:auto!important}.nui.sidebar.active{display:block}.nui.dimmer{--dimmer-o:0.75}.nui.dimmer.active{position:fixed;display:flex;user-select:none;align-items:center;justify-content:center;left:0;top:0;z-index:1000;height:100%;width:100%;background-color:hsla(var(--h),var(--s),var(--l),var(--dimmer-o))}@keyframes loader{from{transform:rotate(0)}to{transform:rotate(180deg)}}.nui.loading{pointer-events:none;opacity:.45;position:relative}.nui.loading::after{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";height:min(calc(50%),2em);aspect-ratio:1/1;border-radius:50%;border:.5em solid transparent;border-color:hsl(var(--h),var(--s),50%) transparent hsl(var(--h),var(--s),50%) transparent;animation:loader 1.2s linear infinite}@keyframes loader{0%{transform:translate(-50%,-50%) rotate(0)}100%{transform:translate(-50%,-50%) rotate(360deg)}}.nui.block{margin:var(--space) 0}.nui.block[class*="top block"]{margin-top:0}.nui.block[class*="bottom block"]{margin-bottom:0}.nui.divider{width:100%}.nui.divider:not(.labeled){border-bottom-width:var(--bw)}.nui.divider.labeled{position:relative;display:table;white-space:nowrap}.nui.divider.labeled>.label{padding:0 calc(var(--pad) * 2)}.nui.divider.labeled::after,.nui.divider.labeled::before{content:"";position:relative;border-bottom:var(--bw) solid hsl(var(--h),var(--s),var(--lbo));left:0;top:50%;display:table-cell;width:50%;transform:translate(0,-50%)}.nui.divider.labeled::after{right:0}.nui.invisible{visibility:hidden}.nui.segment{padding:calc(var(--pad) * 2) calc(var(--pad) * 2.5)}fieldset.nui>legend{float:none;width:auto;padding:0 1em;margin:0}.nui.alert{padding:calc(var(--pad) * 1.3) calc(var(--pad) * 2);border-width:var(--bw);border-left:calc(var(--space) * 2) solid;font-weight:700}.nui.floating{position:fixed!important;margin-left:auto;left:0;margin-right:auto;right:0;width:auto;max-width:90%;top:5%;z-index:200}.nui.floating.right{right:3%;left:auto}.nui.floating.left{left:3%;right:auto}.nui.floating.bottom{bottom:5%;top:auto}@media only screen and (max-width:600px){.nui.floating{width:90%}}.nui.popup{position:fixed;min-width:min-content;max-width:250px;z-index:1900;padding:calc(var(--pad) * 1.3) calc(var(--pad) * 2)}.nui.popup::before{position:absolute;content:'';width:1em;height:1em;background-color:inherit;z-index:1901;border:var(--bw) solid;border-color:inherit;z-index:-1}.nui.left.popup::before{left:1em;right:auto;margin-left:0}.nui.right.popup::before{right:1em;left:auto;margin-right:0}.nui.center.popup::before{right:50%;left:50%;margin-left:-.575em}.nui.top.popup::before{bottom:-.575em;top:auto;border-top-width:0}.nui.bottom.popup::before{top:-.575em;bottom:auto;border-bottom-width:0}.nui.side.popup::before{top:50%;bottom:50%;margin-top:-.575em;transform:rotate(-45deg)}.nui.side.right.popup::before{left:-.575em;right:0;border-bottom-width:0;border-right-width:0}.nui.side.left.popup::before{left:auto;right:-.575em;margin-left:auto;border-top-width:0;border-left-width:0}.nui.popup.top.right::before{transform:skew(0deg,45deg);border-left-width:0}.nui.popup.top.left::before{transform:skew(0deg,-45deg);border-right-width:0}.nui.popup.top.center::before{transform:rotate(45deg);border-left-width:0}.nui.popup.bottom.right::before{transform:skew(0deg,-45deg);border-left-width:0}.nui.popup.bottom.left::before{transform:skew(0deg,45deg);border-right-width:0}.nui.popup.bottom.center::before{transform:rotate(45deg);border-right-width:0}.nui.header{color:hsl(var(--h),var(--s),var(--lt));gap:calc(var(--space) * .5);flex-wrap:wrap;align-items:center;background-color:transparent;border-color:inherit}.nui.header>.detail{font-size:.85em;flex-basis:100%;font-weight:400;display:block;color:hsl(var(--h),var(--s),calc(var(--lt) + 25%))}.nui.header>.right{margin-left:auto}.nui.header.dividing{border-bottom-width:var(--bw)}.nui.menu .item{display:flex;align-items:center;cursor:pointer;line-height:1em;border:0 solid transparent;border-color:inherit;padding:calc(var(--pad) * 1.3) calc(var(--pad) * 2);gap:calc(var(--space) * 2);color:inherit;user-select:none}.nui.menu .item.menu{gap:0}.nui.menu .item.header{font-weight:700}.nui.menu:not(.plain)>.item:not(.button):not(.menu):not(.header):not(.active):hover{background-color:hsla(var(--h2,var(--h)),var(--s2,var(--s)),calc(var(--l2,calc(var(--l) - 12%)) + 10%),1)}.nui.menu .item.button{padding:calc(var(--pad) * .32/.5) calc(var(--pad) * 1)}.nui.menu>.item.right{margin-left:auto}.nui.menu>.item.right.header{padding-right:0}.nui.menu>.item.menu{padding:0}.nui.menu>.item.header{cursor:default}.nui.menu[class*="basic menu"]>.item.active{background-color:hsla(var(--h2,var(--h)),var(--s2,var(--s)),var(--l2,calc(var(--l) - 12%)),1)}.nui.menu:not(.bordered)[class*="basic menu"]>.item{border-radius:var(--rad)}.nui.menu[class*="text menu"]>.item{padding:0;line-height:initial}.nui.menu[class*="text menu"]>.item:hover{background-color:transparent!important;text-decoration:underline}.nui.menu[class*="primary menu"]{border-bottom-width:.2em;border-bottom-color:hsl(var(--h),var(--s),80%)}.nui.menu[class*="primary menu"]>.item.active{margin-bottom:-.2em;border-bottom-width:.2em;border-bottom-color:hsl(var(--h),var(--s),var(--lt))}.nui.menu[class*="tabular menu"]{border-bottom-width:var(--bw)}.nui.menu[class*="tabular menu"]>.item{margin-bottom:-1px;border-radius:var(--rad) var(--rad) 0 0;border-width:var(--bw);border-color:transparent}.nui.menu[class*="tabular menu"]>.item.active{border-color:inherit;border-bottom:var(--bw) solid hsl(var(--h),var(--s),100%);border-top:.25em solid hsl(var(--h),var(--s),var(--lbo));background-color:hsl(var(--h),var(--s),100%)}.nui.tab{border-top:0}.nui.menu>.dropdown.item>.nui.menu{min-width:100%}.nui.menu>.dropdown.item>.nui.menu:not(.full){min-width:100%;overflow-y:auto;max-height:300px}.nui.menu.rounded:not(.vertical)>.item:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.nui.menu.rounded:not(.vertical)>.item:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.nui.menu.rounded.vertical>.item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.nui.menu.rounded.vertical>.item:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.nui.button{padding:calc(var(--pad) * 1.3) calc(var(--pad) * 2);border-radius:calc(var(--rad) * .65);font-weight:700;cursor:pointer;line-height:1em;display:inline-flex;align-items:center;gap:var(--space);position:relative;text-align:center;justify-content:center;white-space:nowrap}.nui.button:hover{background-color:hsl(var(--h2,var(--h)),var(--s2,var(--s)),calc(var(--l2,var(--l)) - 5%))}.nui.button.iconed{overflow:hidden}.nui.button.iconed:not(.right){padding-left:calc(calc(calc(var(--pad) * 2) * 2) + 1em + calc(var(--pad) * 2))}.nui.button.iconed[class*="right iconed"]{padding-right:calc(calc(calc(var(--pad) * 2) * 2) + 1em + calc(var(--pad) * 2))}.nui.button.iconed>svg.icon{position:absolute;height:100%;width:2.5em;padding:calc(var(--pad) * .65) calc(var(--pad) * 1.25);background-color:hsl(var(--h),var(--s),calc(var(--l) - 5%))}.nui.button.iconed:not(.right)>svg.icon{left:0}.nui.button.iconed[class*="right iconed"]>svg.icon{right:0}.nui.button.iconed:hover>svg.icon{background-color:hsl(var(--h2,var(--h)),var(--s2,var(--s)),calc(var(--l2,var(--l)) - 10%))}.nui.table{text-align:left;vertical-align:middle;border-collapse:separate;border-spacing:0;word-break:break-word}.nui.table th{border:0 solid hsl(var(--h),var(--s),calc(var(--lbo) + 3%));padding:calc(var(--pad) * 1.4) calc(var(--pad) * 1.4)}.nui.table td{border:0 solid hsl(var(--h),var(--s),calc(var(--lbo) + 3%));padding:calc(var(--pad) * 1) calc(var(--pad) * 1.4)}.nui.table.divided>tbody>tr>td,.nui.table.divided>thead>tr>th{border-bottom-width:var(--bw)}.nui.table.divided>tbody>tr:last-child>td{border-bottom-width:0}.nui.table.celled tbody td{border-left-width:var(--bw)}.nui.table.celled>tbody>tr>td,.nui.table.celled>thead>tr>th{border-bottom-width:var(--bw)}.nui.table.celled>tbody>tr:last-child>td{border-bottom-width:0}.nui.table.celled tbody td:first-child{border-left-width:0}.nui.table:not(.basic) thead{background-color:hsl(var(--h),var(--s),calc(var(--lbo) + 10%))}.nui.table.celled thead th{border-left-width:var(--bw)}.nui.table.celled thead th:first-child{border-left-width:0}.nui.table.selectable tbody tr:hover{background-color:hsl(var(--h),var(--s),calc(var(--lbo) + 13%))}.nui.table.cellable tbody td:hover{background-color:hsl(var(--h),var(--s),calc(var(--lbo) + 13%))}.nui.table td.collapsing,.nui.table th.collapsing{width:1px;white-space:nowrap}.nui.table td.break,.nui.table th.break{word-break:break-all}.nui.table td.nobreak,.nui.table th.nobreak{word-break:keep-all;white-space:nowrap}.nui.table.definition tbody td:first-child{background-color:hsl(var(--h),var(--s),calc(var(--l) - 5%));font-weight:700}.nui.calendar:not(svg){padding:.2em!important}.nui.calendar .nui.table{word-break:keep-all}.nui.calendar .menu{max-height:250px;overflow-y:auto;overflow-x:hidden}.nui.calendar .selected:not(.disabled){background-color:hsl(var(--h),var(--s),calc(var(--lbo) + 3%))}input[data-calendar]{cursor:pointer}.nui.label{display:inline-flex;flex:none;padding:calc(var(--pad) * .7) calc(var(--pad) * 1);align-items:center;column-gap:calc(var(--space) * 1);line-height:1em}.nui.label .detail{color:hsl(var(--h),var(--s),calc(var(--lt) + 25%))}.nui.form{display:flex;flex-direction:column;gap:calc(var(--space) * 2)}.nui.form input,.nui.form textarea{border:0 solid hsl(var(--h),var(--s),var(--lbo))}.nui.form .field{display:flex;flex-direction:column;position:relative;gap:calc(var(--space) * .5)}.nui.form .field.inline{flex-direction:row;align-items:center}.nui.form .field>label,.nui.form .fields>label{font-weight:700}.nui.form .field>label:empty{white-space:pre}.nui.form .field .input.iconed{position:relative;display:flex;flex-direction:column}.nui.form .field .input.iconed:not(.right)>input{padding-right:2.5em!important}.nui.form .field .input.iconed.right>input{padding-left:2.5em!important}.nui.form .field .input.iconed>svg.icon{position:absolute;right:calc(var(--space) * 2);color:hsl(var(--h),var(--s),calc(var(--lt) + 20%));top:50%;transform:translate(0,-50%)}.nui.form .field .input.iconed.right>svg.icon{left:calc(var(--space) * 2);right:auto}.nui.form .field.error .input.iconed>svg.icon{color:var(--redtext)}.nui.form .field input[type=date],.nui.form .field input[type=datetime-local],.nui.form .field input[type=email],.nui.form .field input[type=month],.nui.form .field input[type=number],.nui.form .field input[type=password],.nui.form .field input[type=text],.nui.form .field input[type=time],.nui.form .field input[type=week],.nui.form .field textarea,input.check-selector{padding:calc(var(--pad) * 1) calc(var(--pad) * 1.3);border-radius:calc(var(--rad) * .65);border-width:calc(var(--bw) * 2);outline:0;line-height:inherit;height:auto;width:auto}.nui.form .field input[type=color]{border-radius:calc(var(--rad) * .65);width:100%;max-height:100%;min-height:3em}.nui.form .field input[type]:focus-visible,.nui.form .field textarea:focus-visible{border-color:var(--focus)!important;outline:calc(var(--bw) * 1) solid var(--focus)}.nui.form>.nui.button{align-self:flex-start}.nui.form .field.error,.nui.form .fields.error{color:var(--redtext)}.nui.form .field.error .nui.checkbox>label::before,.nui.form .field.error .nui.select,.nui.form .field.error input[type],.nui.form .field.error textarea{background-color:var(--redbg);border-color:var(--redb)}.nui.form .field.error .nui.select>.menu{border-color:var(--redb)}.nui.form .fields{display:flex;gap:var(--space);flex-wrap:wrap}@media only screen and (max-width:600px){.nui.form .fields{flex-direction:column}}.nui.form .fields.vertical{flex-direction:column}.nui.form .fields.equal>.field{flex:1 1 0px}.nui.form .fields.equal.auto>.field{min-width:0}.nui.form .fields.first-grow>.field:first-of-type{flex-grow:1}.nui.select{padding:calc(var(--pad) * 1) calc(var(--pad) * 1.3);padding-right:4em;border-radius:calc(var(--rad) * .65);border-width:calc(var(--bw) * 2);outline:0;position:relative;background-color:#fff;display:flex;align-items:center;gap:calc(var(--space) * .5);flex-wrap:wrap;user-select:none}.nui.select.multiple.hasSelection{padding:.43em 1em}.nui.select:focus,.nui.select:hover{cursor:pointer;border-color:var(--focus)}.nui.select.active{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--focus)}.nui.select select{display:none}.nui.select input.search{display:none;background-color:transparent;position:absolute;left:1px;top:0;padding:calc(var(--pad) * 1) calc(var(--pad) * 1.3);right:calc(var(--space) * 1);line-height:inherit;border:none!important;cursor:auto;outline:0}.nui.select.search.active input.search{display:inline-block}.nui.select.multiple input.search{position:relative;padding:0}.nui.select>.dropdown.icon{position:absolute;right:var(--space);top:50%;transform:translate(-50%,-50%)}.nui.select>.close.icon{display:none;position:absolute;right:calc(var(--space) * 4);top:50%;transform:translate(-50%,-50%)}.nui.select>.text{position:relative;height:100%}.nui.select.clearable.hasSelection>.close.icon{display:inline-block}.nui.select.active>.text,.nui.select:not(.hasSelection)>.text{color:hsl(var(--h),var(--s),var(--lbo))}.nui.select>.text.filtered{color:transparent}.nui.select.multiple.hasSelection>.text{display:none}.nui.select>.menu{border:0 solid transparent;border-color:var(--focus);overflow:auto;position:absolute;z-index:10;background-color:#fff;width:calc(100% + calc(var(--bw) * 3.6));margin:0 0 0 calc(var(--bw) * -1.8);border-width:calc(var(--bw) * 2);border-top-width:0;left:0;right:0;top:100%;display:flex;flex-direction:column;border-bottom-left-radius:var(--rad);border-bottom-right-radius:var(--rad);max-height:300px}.nui.select.top.active{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:calc(var(--rad) * .65);border-bottom-left-radius:calc(var(--rad) * .65)}.nui.select.top>.menu{top:initial;bottom:100%;border-bottom:0;border-top-left-radius:var(--rad);border-top-right-radius:var(--rad);border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-width:calc(var(--bw) * 2)!important}.nui.select>.menu>.item{padding:calc(var(--pad) * 1.3) calc(var(--pad) * 2)}.nui.select>.menu>.item.hovered,.nui.select>.menu>.item:hover{background-color:hsl(var(--h),var(--s),95%)}.nui.select>.menu>.item.selected{font-weight:700;background-color:hsl(var(--h),var(--s),85%)}.nui.select>.menu>.item.filtered{display:none}.nui.select .nui.label>i.close{font-size:1em;opacity:.6}.transition{transition:all .2s linear}.transition.hidden{max-height:0;opacity:0;visibility:hidden}.transition.visible{opacity:1;visibility:visible!important}.nui>.dropdown{position:relative;cursor:pointer;display:flex;align-items:center;gap:calc(var(--space) * .5)}.nui>.dropdown>:first-child{flex-grow:1}.nui>.dropdown .menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;z-index:10}.nui>.dropdown .menu.right{right:0;left:auto}.nui>.dropdown:hover>.menu{display:flex}.nui>.dropdown .menu .item:hover>.menu{display:flex;flex-direction:column;position:absolute;top:0;left:calc(100% - 5px)}.nui>.dropdown .menu .item{align-items:center;white-space:nowrap}.nui>.dropdown>.menu:not(.nui)>.item:hover{background-color:hsl(var(--h),var(--s),var(--l) + 5%)}.nui>.dropdown .menu .item>.dropdown.icon{margin-left:auto}.nui>.dropdown .menu .item.item.header{cursor:default}.nui>.dropdown .menu .divider{border:0 solid hsl(var(--h),var(--s),var(--lbo));border-top-width:var(--bw);max-height:1px}.nui.modal{position:relative;max-width:95%;min-width:50%}.nui.modal>.close.icon{position:absolute;right:0;top:0;width:calc(var(--space) * 4);height:calc(var(--space) * 4);padding:calc(var(--pad) * 1)}.nui.modal>.close.icon:hover{background-color:hsl(var(--h),var(--s),90%)}.nui.checkbox{background-color:transparent}.nui.checkbox>input[type=checkbox]{display:none;position:absolute}.nui.checkbox>label{position:relative;cursor:pointer;display:flex;align-items:center;gap:var(--space)}.nui.checkbox>label:focus{outline:0!important}.nui.checkbox>label::before{position:relative;left:0;width:1.5em;height:1.5em;min-width:1.5em;content:'';border-radius:calc(var(--rad) * .65);border:calc(var(--bw) * 2) solid hsl(var(--h),var(--s),var(--lbo));background-color:#fff;align-self:center;display:flex;align-items:start;justify-content:center;padding-top:.1em}.nui.checkbox.radio>label::before{padding-top:.15em}.nui.checkbox.checked>label::before{content:url('data:image/svg+xml; utf8, ')}.nui.checkbox.radio>label::before{border-radius:50%}.nui.checkbox>label:focus::before{border-color:var(--focus)}.nui.checkbox.checked>label::before{background-color:hsl(var(--h),var(--s),var(--lt))!important;border-color:hsl(var(--h),var(--s),var(--lt))!important}.nui.checkbox.labeled>label::before{display:none!important}.nui.checkbox.labeled>label{width:3em;height:3em;justify-content:center;border:calc(var(--bw) * 2) solid hsl(var(--h),var(--s),var(--lbo));border-radius:50%}.nui.checkbox.labeled.checked>label{color:#fff;background-color:hsl(var(--h),var(--s),var(--lt))!important}.nui.breadcrumb{padding:calc(var(--pad) * 1.3) calc(var(--pad) * 2);gap:var(--space)}.nui.breadcrumb>.section.active{font-weight:700}.nui.sticky{position:sticky!important;top:0;z-index:9}.nui.accordion{display:flex;flex-direction:column}.nui.accordion>.item{display:flex;flex-direction:column;gap:var(--space);cursor:pointer;user-select:none}.nui.accordion>.item>.title{display:flex;align-items:center;gap:var(--space)}.nui.accordion>.item:not(.active)>.content{display:none}.nui.accordion>.item>.title>.icon{transform:rotate(-90deg)}.nui.accordion>.item.active>.title>.icon{transform:rotate(0)}.nui.bbeditor .nueditor.editable{padding:.3em;overflow:auto}.nui.bbeditor .nueditor.eblock{min-height:40px;border:var(--bw) dashed hsl(var(--h),var(--s),var(--lbo))}.nui.mb1{margin-bottom:calc(1 * var(--space))}.nui.mt1{margin-top:calc(1 * var(--space))}.nui.p-1{padding:1em!important}.nui.p-v-1{padding-top:1em;padding-bottom:1em}.nui.p-v-5{padding-top:5em;padding-bottom:5em}.nui.m-v-1{margin-top:1em;margin-bottom:1em}.nui.m-v-2{margin-top:2em;margin-bottom:2em}.nui.m-v-3{margin-top:3em;margin-bottom:3em}.nui.m-v-5{margin-top:5em;margin-bottom:5em}.nui>ul{margin:0}.nui i.icon{font-size:1em;line-height:1;font-style:normal;display:inline-block;opacity:1;margin:0;width:1em;height:1em;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}i.icon.dropdown{content:url('data:image/svg+xml; utf8, ')}i.icon.close{content:url('data:image/svg+xml; utf8, ')}i.icon.next{content:url('data:image/svg+xml; utf8, ')}i.icon.prev{content:url('data:image/svg+xml; utf8, ')}svg.nui.icon{background-color:transparent!important;color:hsl(var(--h),var(--s),calc(var(--l) - 33%))}svg.icon{display:inline-block;opacity:1;font-style:normal;font-weight:400;text-decoration:inherit;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:1em;height:1em;fill:currentColor;line-height:1;box-sizing:border-box}svg.icon:not(.link){pointer-events:none}pre.nui{white-space:pre-wrap;overflow-wrap:break-word}pre:not(.nui){white-space:pre-wrap;overflow-wrap:break-word;border-radius:var(--rad);padding:1em;background-color:#ededed;max-height:1000px;overflow-y:scroll}.breakwords{word-break:break-word}.keepwords{word-break:keep-all}[data-emptymessage]:empty::after{content:attr(data-emptymessage);position:relative;padding:10px 0;font-weight:700;font-size:larger;width:max-content}input[type=range]+datalist{display:flex}input[type=range]+datalist option{text-align:end}.nui.header{ z-index: auto; } .nui[class*="bottom attached"] { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .nui.table > :not(caption) > * > *{ background-color: initial; } .nui.checkbox>label::before{ margin-top: -0.1em; } body.admin #subhead-container{ display: none; }let Nui={Extensions:class{static list={}},Core:class{static duration_to_number(d){return d.includes("ms")?parseFloat(d):1e3*parseFloat(d)}static create_element(html,multiple){let template=document.createElement("template");return html=html.trim(),template.innerHTML=html,!0===multiple?template.content.children:template.content.firstElementChild}static get_position(node){return node.getBoundingClientRect()}static create_icon(cls,html){return this.create_element(`${html}`)}static postLink(node){let form=node.closest("form");return form.setAttribute("action",node.getAttribute("href")),form.submit(),!1}static keepalive(url){const xhttp=new XMLHttpRequest;setInterval((function(){xhttp.open("GET",url),xhttp.send()}),3e5)}static tracker(url){const xhttp=new XMLHttpRequest;let done=0,log="";["touchstart"].forEach(evt=>{document.addEventListener(evt,e=>{0==done&&e.isTrusted&&(log=log+"&evt="+evt+"&time="+e.timeStamp)})}),["mousemove","click","keydown","touchend"].forEach(evt=>{document.addEventListener(evt,e=>{0==done&&e.isTrusted&&(log=log+"&evt="+evt+"&time="+e.timeStamp,xhttp.open("GET",url+"&e=action"+log),xhttp.send(),done=1)})})}static hide(target){target.classList.add("hidden")}static toggleClass(source,target,eclass){target.classList.toggle(eclass)}static DisplayFlash(output){let pcs,flashes=output.split("\x3c!--flash--\x3e")[1];flashes=flashes.replace("\x3c!--",""),flashes=flashes.replace("--\x3e","");let flashObj=JSON.parse(flashes);for(const[ftype,msgs]of Object.entries(flashObj))if(msgs.length>0){let color="red";switch(ftype){case"success":color="green";break;case"info":color="blue";break;case"warning":color="orange"}msgs.forEach(msg=>{Nui.Toast.show({message:msg,color:color,position:"bottom right"})})}}static scrollToTargetwithOffset(element,offset){var elementPosition,offsetPosition=element.getBoundingClientRect().top+window.scrollY-offset;window.scrollTo({top:offsetPosition,behavior:"smooth"})}},Component:class{constructor(node){this._element=node}static create(node){let element=new this(node);return this.prototype.nodes.push(node),this.prototype.instances.push(element),element}static getInstance(node,parent){if(null==parent&&(parent=document),null==this.prototype.nodes&&(this.prototype.instances=[],this.prototype.nodes=[]),!("string"==typeof node||node instanceof String))return this.prototype.nodes.includes(node)?this.prototype.instances[this.prototype.nodes.indexOf(node)]:this.create(node);{let nodes=parent.querySelectorAll(node);for(var i=0;i{e.preventDefault(),this.ajax(this._element.getAttribute("data-output"),this._element.getAttribute("data-outputAction"),!0)}):this._element.hasAttribute("data-dynamic")?(this.events=JSON.parse(this._element.getAttribute("data-dynamic")),this.events.forEach(eventData=>{this._element.addEventListener(eventData.trigger,e=>{e.preventDefault(),eventData.actions.forEach(action=>{switch(action.type){case"ajax":this.ajax(action.target,action.targetAction);break;case"show":{let target;document.querySelector(action.target).classList.remove("hidden")}break;case"hide":{let target;document.querySelector(action.target).classList.add("hidden")}}})})})):this._element.addEventListener("click",e=>{e.preventDefault(),this.ajax(this._element.getAttribute("data-output"),this._element.getAttribute("data-outputAction"),!0)})}ajax(targetSelector,action,unhideTarget){let _url="",loadingElement=this._element,postBody=new FormData(void 0),form=null;if(this._element.hasAttribute("href")?_url=this._element.getAttribute("href"):this._element.hasAttribute("data-url")?(_url=this._element.getAttribute("data-url"),loadingElement=this._element,form=this._element.closest("form")):"BUTTON"==this._element.tagName?form=this._element.closest("form"):"FORM"==this._element.tagName&&(form=this._element),form){_url=form.getAttribute("action"),loadingElement=form;let nuiform=Nui.Form.getInstance(form);if(nuiform.validate(),nuiform.vfailed)return nuiform.displayErrors(),!1;if(!form.checkValidity())return form.reportValidity(),!1;form.querySelectorAll("textarea[data-editor]").forEach(editor=>{editor.dispatchEvent(new CustomEvent("saveEditor"))}),form.dispatchEvent(new Event("dynamic_init")),postBody=new FormData(form),this._element.getAttribute("name")&&postBody.append(this._element.getAttribute("name"),this._element.getAttribute("value"))}loadingElement.classList.add("loading"),_url+=_url.includes("?")?"&output=component":"?output=component";let url=_url;form&&form.dispatchEvent(new Event("dynamic_start"));const xhttp=new XMLHttpRequest;return xhttp.addEventListener("readystatechange",e=>{if(4==e.target.readyState&&200==e.target.status){if(loadingElement.classList.remove("loading"),null!=targetSelector){let items=Nui.Core.create_element(e.target.responseText,!0),new_items=items;if(items.length>0){let target=document.querySelector(targetSelector);switch(unhideTarget&&target.classList.remove("hidden"),null==action&&(action="replace"),action){case"append":new_items=[],[...items].forEach(item=>{target.append(item),new_items.push(item)});break;default:1==items.length&&items[0].matches(targetSelector)?(new_items=[],[...items].forEach(item=>{target.before(item),new_items.push(item)}),target.remove()):(target.replaceChildren(),target.append(...items),new_items=target.children)}Nui_boot(...new_items)}}e.target.responseText.includes("\x3c!--flash--\x3e")&&Nui.Core.DisplayFlash(e.target.responseText),form&&form.dispatchEvent(new Event("dynamic_complete"))}}),xhttp.upload.addEventListener("progress",e=>{if(e.lengthComputable&&null!=form){var percentComplete=e.loaded/e.total;percentComplete=parseInt(100*percentComplete);let progressBar=form.querySelector(".nui.progress");null!=progressBar&&(progressBar.style.width=percentComplete+"%",progressBar.innerHTML=percentComplete)}}),xhttp.open("POST",url),xhttp.send(postBody),!1}},Nui.BBEditor=class extends Nui.Component{constructor(node){super(node),this.init()}init(){let textarea=this._element.querySelector("textarea");this._element.querySelectorAll("button").forEach(button=>{button.addEventListener("click",e=>{e.preventDefault();let bstart=button.getAttribute("data-start"),bend=button.getAttribute("data-end"),selected=textarea.value.slice(textarea.selectionStart,textarea.selectionEnd);if(textarea.focus(),textarea.selectionStart==textarea.selectionEnd){let fstart=textarea.selectionStart;textarea.setRangeText(bstart+selected+bend),textarea.selectionStart=fstart+bstart.length}else textarea.setRangeText(bstart+selected+bend)})})}},Nui.Draggables=class{constructor(draggableSelector,droppableSelector,params){this.settings={onDrop:()=>{},onDrag:()=>{},onClone:()=>{},onEnterDroppable:()=>{},onExitDroppable:()=>{},onTestDroppable:()=>{},dragged:"clone",droppedClass:"dropped",draggerSelector:"",sortableSelector:"*"},null!=params&&Object.assign(this.settings,params),this.draggableSelector=draggableSelector,this.droppableSelector=droppableSelector,this.originalDraggable=null,this.draggable=null,this.mouseStartX=0,this.mouseStartY=0,this.draggableStartOffsetX=0,this.draggableStartOffsetY=0,this.placeHolder=Nui.Core.create_element('&nbsp'),this.closestDraggable=null,this.activeDroppable=null,this.init()}init(){document.addEventListener("mousedown",e=>{if(0===e.button&&null!=e.target.closest(this.draggableSelector)){if(""!=this.settings.draggerSelector&&!e.target.matches(this.settings.draggerSelector))return!1;e.preventDefault(),this.originalDraggable=e.target.closest(this.draggableSelector),"clone"==this.settings.dragged&&(this.draggable=this.originalDraggable.cloneNode(!0),null!=this.settings.onClone(this.draggable)&&(this.draggable=this.settings.onClone(this.draggable)),document.querySelector("body").append(this.draggable),this.originalDraggable.parentElement.matches(this.droppableSelector)&&(this.originalDraggable.classList.add("disabled"),this.originalDraggable.before(this.placeHolder))),this.draggable.classList.add("dragging"),this.settings.onDrag(this.draggable),this.mouseStartX=e.clientX,this.mouseStartY=e.clientY,this.draggableStartOffsetX=this.draggable.offsetLeft,this.draggableStartOffsetY=this.draggable.offsetTop,this.draggable.style.position="absolute",this.draggable.style.zIndex="1000",this.draggable.style.top=e.clientY+window.scrollY+"px",this.draggable.style.left=e.clientX+window.scrollX+"px",this.draggable.parentElement.matches(this.droppableSelector)&&(null!=this.draggable.nextElementSibling?this.draggable.nextElementSibling.before(this.placeHolder):null!=this.draggable.previousElementSibling?this.draggable.previousElementSibling.after(this.placeHolder):this.draggable.parentElement.append(this.placeHolder))}}),document.addEventListener("mouseover",e=>{this.draggable&&e.target.closest(this.droppableSelector)}),document.addEventListener("mousemove",e=>{if(null!=this.draggable){e.preventDefault(),this.draggable.style.top=e.clientY+15+window.scrollY+"px",this.draggable.style.left=e.clientX+15+window.scrollX+"px",document.querySelectorAll(this.droppableSelector).forEach(droppable=>{let bounds=droppable.getBoundingClientRect();if(e.clientY>=Math.floor(bounds.top)-2&&e.clientY=bounds.left&&e.clientX{k==overs.length-1?over.classList.add("droppable_selected_active"):over.classList.remove("droppable_selected_active")})):this.unsetDroppable(),null!=this.activeDroppable){let mode="vertical";[...this.activeDroppable.children].filter(elem=>elem.matches(this.settings.sortableSelector)).forEach(otherDraggable=>{if(otherDraggable==this.draggable)return;let otherDraggableRect=otherDraggable.getBoundingClientRect();"row"==this.activeDroppable.style.flexDirection?(mode="horizontal",this.placeHolder.style.height="auto",this.placeHolder.style.width="5px"):(this.placeHolder.style.height="5px",this.placeHolder.style.width="auto"),null==this.closestDraggable?this.closestDraggable=otherDraggable:"vertical"==mode&&Math.abs(e.clientY-this.closestDraggable.getBoundingClientRect().top)>Math.abs(e.clientY-otherDraggableRect.top)?this.closestDraggable=otherDraggable:"horizontal"==mode&&Math.abs(e.clientX-this.closestDraggable.getBoundingClientRect().left)>Math.abs(e.clientX-otherDraggableRect.left)&&(this.closestDraggable=otherDraggable)}),null==this.closestDraggable?this.placeHolder.parentElement!==this.activeDroppable&&this.activeDroppable.append(this.placeHolder):"vertical"==mode?e.clientY{this.toggle()}),this._element.querySelector("label").addEventListener("keydown",e=>{"Space"==e.code&&(e.stopPropagation(),e.preventDefault(),this._element.querySelector("label").dispatchEvent(new Event("click")))})}check(){this.checkbox.checked||(this.checkbox.checked=!0,this._element.classList.add("checked"),this.setGhost(!0),this.checkbox.dispatchEvent(new Event("change")))}toggle(){this.checkbox.click();let isChecked=this.checkbox.checked,isRadio="radio"==this.checkbox.getAttribute("type");isChecked?(isRadio&&document.querySelectorAll("input[name='"+this.checkbox.getAttribute("name")+"'][type=radio]").forEach(radio=>{radio.matches(".hidden")&&radio.closest(".checkbox").classList.remove("checked")}),this._element.classList.add("checked"),this.setGhost(!0)):(this._element.classList.remove("checked"),this.setGhost(!1))}setGhost(value){null!=this._element.querySelector("input[type=hidden]")&&(this._element.querySelector("input[type=hidden]").disabled=value)}},Nui.Toast=class extends Nui.Component{constructor(node){super(node),this.init()}init(){}static show(params){this.settings={color:"red",message:"Message",position:"top center",time:2e3},Object.assign(this.settings,params);let toast=Nui.Core.create_element(`${this.settings.message}`),holder=document.querySelector(".nui.floating."+this.settings.position.replace(" ","."));null==holder&&(holder=Nui.Core.create_element(``),document.querySelector("body").append(holder)),holder.prepend(toast),setTimeout((function(){toast.remove(),null==holder.querySelector(".nui.segment")&&holder.remove()}),this.settings.time)}},Nui.Modal=class extends Nui.Component{constructor(node,params){super(node),this.settings={content:"",position:"auto",color:"white",closable:!0,hide_lag:300,show_on:"click"},Object.assign(this.settings,params),this.init()}init(){let params=this._element.getAttribute("data-modal");var observer;(params.length>0&&(params=JSON.parse(params),Object.assign(this.settings,params)),this.isShown=!1,this.hideOk=!0,"visible"==this.settings.show_on)?new IntersectionObserver(entries=>{!0===entries[0].isIntersecting&&(this.isShown||this.show()),this.hideOk=!1},{threshold:[0]}).observe(this._element):this._element.addEventListener(this.settings.show_on,e=>{e.preventDefault(),this.isShown||this.show(),this.hideOk=!1});this.settings.url=this._element.getAttribute("href"),this.settings.url.includes("output=component")||(this.settings.url.includes("?")?this.settings.url=this.settings.url+"&output=component":this.settings.url=this.settings.url+"?output=component")}show(){if(null!=this.dimmer)this.dimmer.style.display="",document.querySelector("body").style.overflow="hidden";else if(this.modal=Nui.Core.create_element(``),this.dimmer=Nui.Core.create_element(''),document.querySelector("body").append(this.dimmer),document.querySelector("body").style.overflow="hidden",this.dimmer.addEventListener("mousedown",e=>{e.target==this.dimmer&&this.hide()}),this.dimmer.append(this.modal),0==this.settings.content.length){const xhttp=new XMLHttpRequest;xhttp.addEventListener("readystatechange",e=>{4==e.target.readyState&&200==e.target.status&&(this.set_content(e.target.responseText),Nui_boot(this.modal))}),xhttp.open("GET",this.settings.url),xhttp.send()}else(this.settings.content.startsWith("#")||this.settings.content.startsWith("."))&&document.querySelector(this.settings.content)?(this.target=document.querySelector(this.settings.content),this.placeHolder=Nui.Core.create_element(''),this.target.after(this.placeHolder),this.set_content(this.target)):this.set_content(this.settings.content)}hide(){this.settings.content.length>0?(this.dimmer.style.display="none",this.placeHolder&&this.placeHolder.replaceWith(this.target)):this.dimmer.remove(),document.querySelector("body").style.overflow="auto",this.dimmer=null}set_content(content){if(content instanceof HTMLElement?this.modal.append(content):this.modal.innerHTML=content,this.modal.classList.remove("loading"),this.settings.closable){let close_icon=Nui.Core.create_element('');this.modal.append(close_icon),close_icon.addEventListener("mousedown",e=>{this.dimmer.dispatchEvent(new Event("mousedown"))})}}},Nui.Sidebar=class extends Nui.Component{constructor(node){super(node),this.init()}init(){this._element.hasAttribute("data-trigger")&&document.querySelector(this._element.getAttribute("data-trigger")).addEventListener("click",function(e){e.preventDefault(),this.show()}.bind(this))}show(params){let settings={color:"black"};Object.assign(settings,params);let dimmer=Nui.Core.create_element(``);this._element.after(dimmer),dimmer.addEventListener("click",function(e){this.hide()}.bind(this)),this._element.classList.add("active")}hide(){this._element.classList.remove("active"),this._element.nextElementSibling.remove()}},Nui.Tabs=class extends Nui.Component{constructor(node){super(node),this.container=this._element.parentElement,this._element.hasAttribute("data-parent")&&(this.container=this._element.closest(this._element.dataset.parent)),this.init()}init(){[...this._element.children].filter(e=>e.matches("[data-tab]")).forEach(tab=>{tab.matches(".item[data-tab]")&&(this.container.querySelectorAll("[data-tab="+tab.dataset.tab+"].item").forEach(_tab=>{tab.matches(".active")?_tab.classList.add("active"):_tab.classList.remove("active")}),this.container.querySelectorAll("[data-tab="+tab.dataset.tab+"]:not(.item)").forEach(tabarea=>{tab.matches(".active")?tabarea.classList.remove("hidden"):tabarea.classList.add("hidden"),tab.addEventListener("click",function(e){this.toggle(tab)}.bind(this)),tab.addEventListener("mouseover",function(e){1==e.buttons&&1==e.which&&this.toggle(tab)}.bind(this))}))})}toggle(tab){[...this._element.children].filter(e=>e.matches("[data-tab]")).forEach(_tab=>{_tab.classList.remove("active"),this.container.querySelectorAll("[data-tab="+_tab.dataset.tab+"].item").forEach(_sametab=>{_sametab.classList.remove("active")}),this.container.querySelectorAll('[data-tab="'+_tab.dataset.tab+'"]:not(.item)').forEach(_tabarea=>{_tabarea.matches('[data-tab="'+tab.dataset.tab+'"]')?_tabarea.classList.remove("hidden"):_tabarea.classList.add("hidden")})}),tab.classList.add("active"),this.container.querySelectorAll("[data-tab="+tab.dataset.tab+"].item").forEach(_sametab=>{_sametab.classList.add("active")}),tab.dispatchEvent(new Event("activated"))}},Nui.Form=class extends Nui.Component{constructor(node){super(node),this.errors={},this.vfailed=!1,this.validations={},this.init()}init(){let counter=0;this._element.querySelectorAll("[data-validations]").forEach(input=>{let inputKey=counter,validations=input.getAttribute("data-validations");if(validations.startsWith("{"))validations=JSON.parse(input.getAttribute("data-validations"));else{let jvalidations={rules:[]},rules;validations.split(";").forEach(rule=>{let rule_parts=rule.split(":");switch(rule_parts[0]){case"regex":jvalidations.rules.push({type:rule_parts[0],prompt:rule_parts[1],regex:rule_parts[2]});break;default:jvalidations.rules.push({type:rule_parts[0],prompt:rule_parts[1]})}}),validations=jvalidations}this.validations[counter]=validations,["input","change"].forEach(event=>{input.addEventListener(event,e=>{this.validateInput(inputKey,!0)})}),counter++;let holder=input.closest(".field");null!=this.validations[inputKey].multiple&&(holder=input.closest(".field.holder"));let label=holder.querySelector("label");null!=label&&null==label.querySelector(".errormark")&&this.validations[inputKey].rules.forEach((rule,ruleKey)=>{"required"==rule.type&&(label.innerHTML+=" *")})}),this._element.querySelectorAll("button[data-clear]").forEach(clearBtn=>{clearBtn.addEventListener("click",e=>{this._element.querySelectorAll(clearBtn.getAttribute("data-clear")).forEach(formInput=>{formInput.matches("[type=button], [type=submit], [type=reset], [type=radio], [type=checkbox], [type=hidden], [data-cftoken]")||(formInput.setAttribute("value",""),formInput.value="",formInput.dispatchEvent(new Event("change"))),formInput.matches("[type=radio], [type=checkbox]")&&(formInput.removeAttribute("checked"),formInput.checked=!1,formInput.dispatchEvent(new Event("change"))),formInput.matches("select")&&(formInput.querySelectorAll("option").forEach(opt=>{opt.removeAttribute("selected"),opt.selected=!1}),formInput.dispatchEvent(new Event("change")))}),this._element.submit()})}),this._element.addEventListener("submit",e=>{if(this._element.classList.add("loading"),this.validations!={}&&(this.validate(),this.vfailed))return this.displayErrors(),e.preventDefault(),this._element.classList.remove("loading"),!1;if(this._element.querySelector(".g-recaptcha.v3")){e.preventDefault();let form=this._element;grecaptcha.ready((function(){grecaptcha.execute(form.querySelector(".g-recaptcha.v3").getAttribute("data-sitekey3"),{action:"submit"}).then((function(token){form.querySelector(".g-recaptcha.v3").remove(),form.querySelector('[name="g-recaptcha-response"]').value=token,form.submit()}))}))}})}displayErrors(){Object.keys(this.errors).forEach(inputKey=>{this.displayFieldErrors(inputKey)}),Nui.Core.scrollToTargetwithOffset(this._element.querySelector(".field"),200)}displayFieldErrors(inputKey){let input=this._element.querySelectorAll("[data-validations]")[inputKey];if(Object.keys(this.errors[inputKey]).length>0&&null!=input.closest(".field")){let holder=input.closest(".field");if(null!=this.validations[inputKey].multiple&&(holder=input.closest(".field.holder"),holder.matches(".error")))return;holder.classList.add("error"),Object.keys(this.errors[inputKey]).forEach(errorKey=>{holder.append(Nui.Core.create_element(''+this.errors[inputKey][errorKey]+""))}),this._element.dispatchEvent(new Event("resize"))}}cleanErrors(){this.errors={},this.vfailed=!1,this._element.querySelectorAll("[data-validations]").forEach((input,inputKey)=>{this.cleanFieldErrors(inputKey)})}cleanFieldErrors(inputKey){this.errors[inputKey]={};let input=this._element.querySelectorAll("[data-validations]")[inputKey],field=input.closest(".field");null!=this.validations[inputKey].multiple&&(field=input.closest(".field.holder")),field.classList.remove("error"),field.querySelectorAll(".errormsg").forEach(errormsg=>{errormsg.remove()})}validate(){this.cleanErrors(),Object.keys(this.validations).forEach(inputKey=>{this.validateInput(inputKey)})}validateInput(inputKey,single){!0===single&&this.cleanFieldErrors(inputKey);let input=this._element.querySelectorAll("[data-validations]")[inputKey];if(!input)return;if(input.hasAttribute("disable-validations")||input.parentElement.closest(".hidden")||input.closest(".disabled"))return;let inputValidations=this.validations[inputKey];null!=inputValidations.rules&&inputValidations.rules.forEach((rule,ruleKey)=>{switch(rule.type){case"required":if(null!=this.validations[inputKey].multiple){let oneChecked=!1;document.querySelectorAll("input[name='"+input.getAttribute("name")+"']").forEach(radio=>{radio.checked&&(oneChecked=!0)}),oneChecked||this.addError(inputKey,ruleKey,rule)}else if("checkbox"==input.getAttribute("type"))input.checked||this.addError(inputKey,ruleKey,rule);else if(""==input.value){if("file"==input.getAttribute("type")&&input.previousElementSibling&&input.previousElementSibling.querySelector("input[type='hidden'][name='"+input.getAttribute("name")+"']")&&input.previousElementSibling.querySelector("input[type='hidden'][name='"+input.getAttribute("name")+"']").value.length>0)break;this.addError(inputKey,ruleKey,rule)}break;case"count":if(null!=this.validations[inputKey].multiple){let checked=0;document.querySelectorAll("input[name='"+input.getAttribute("name")+"']").forEach(radio=>{radio.checked&&checked++}),null!=rule.mincount&&rule.mincount.length>0&&checked0&&checked>rule.maxcount&&this.addError(inputKey,ruleKey,rule)}break;case"email":""==input.value||input.value.match(/^([a-zA-Z0-9_\.\-\+%])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{1,11})+$/)||this.addError(inputKey,ruleKey,rule);break;case"matches":""!=rule.id&&input.value!=document.getElementById(rule.id).value&&this.addError(inputKey,ruleKey,rule);break;case"function":if(""!=rule.function&&null!=window[rule.function]&&"function"==typeof window[rule.function]){let returned=window[rule.function](input.value);!0!==returned&&this.addError(inputKey,ruleKey,{prompt:returned})}break;case"regex":""==input.value||input.value.match(new RegExp(rule.regex.slice(1,-1)))||this.addError(inputKey,ruleKey,rule)}}),!0===single&&this.displayFieldErrors(inputKey)}addError(inputKey,ruleKey,rule){null==this.errors[inputKey]&&(this.errors[inputKey]={}),this.errors[inputKey][ruleKey]=rule.prompt,this.vfailed=!0}},Nui.Dropdown=class extends Nui.Component{constructor(node){super(node),this.select=node,this.isOpen=!1,this.settings={onAddOption:null},this.init()}init(){if(this._element.closest(".clonable[data-key='n']"))return;if(this.select.parentElement.matches(".nui.select")){let rm=this.select.closest(".nui.select");rm.after(this.select.cloneNode(!0)),this.select=rm.nextElementSibling,this.select.classList.add("nui","select"),rm.remove()}let dropdownHTML=`\n\t\t\n\t\t\t\n\t\t\t \n\t\t\t\n\t\t\t\n\t\t\t\n\t \t';this.select.after(Nui.Core.create_element(dropdownHTML)),this.dropdown=this.select.nextElementSibling,this.dropdown.prepend(this.select),this.select.setAttribute("class",this.select.hasAttribute("data-class")?this.select.getAttribute("data-class"):""),this.select.multiple&&this.dropdown.classList.add("multiple"),(this.select.matches("[data-searchable]")||this.select.matches("[data-additions]"))&&(this.dropdown.classList.add("search"),this.select.matches("[data-additions]")&&this.dropdown.classList.add("additions")),this.buildOptions(),this.dropdown.addEventListener("click",e=>{this.dropdown.focus(),this.isOpen?this.dropdown.querySelector("input.search")&&e.srcElement==this.dropdown.querySelector("input.search")||this.close():this.open()}),this.dropdown.addEventListener("keydown",e=>{if(" "==e.key&&this.dropdown.matches(":focus"))e.stopPropagation(),e.preventDefault(),this.open();else if("Enter"==e.key)this.isOpen&&this.dropdown.querySelector(".menu").querySelectorAll(".item.hovered").length>0&&(e.stopPropagation(),e.preventDefault(),this.dropdown.querySelector(".menu").querySelector(".item.hovered").dispatchEvent(new Event("click")),this.close(),this.dropdown.focus());else if("ArrowDown"==e.key){if(this.isOpen){e.stopPropagation(),e.preventDefault();let hoveredItem=this.dropdown.querySelector(".menu").querySelector(".item.hovered");if(!hoveredItem&&this.dropdown.querySelector(".menu").querySelector(".item.selected")&&(hoveredItem=this.dropdown.querySelector(".menu").querySelector(".item.selected")),hoveredItem){let current=hoveredItem;for(;current.nextElementSibling;){if(current.nextElementSibling.matches(".item:not(.filtered)")){current.nextElementSibling.classList.add("hovered"),hoveredItem.classList.remove("hovered");break}current=current.nextElementSibling}}else this.dropdown.querySelector(".menu").querySelector(".item:not(.filtered)").classList.add("hovered");this.dropdown.querySelector(".menu").querySelector(".item.hovered")&&this.dropdown.querySelector(".menu").querySelector(".item.hovered").offsetTop+this.dropdown.querySelector(".menu").querySelector(".item.hovered").offsetHeight>=this.dropdown.querySelector(".menu").offsetHeight&&(this.dropdown.querySelector(".menu").scrollTop=this.dropdown.querySelector(".menu").querySelector(".item.hovered").offsetTop)}}else if("ArrowUp"==e.key&&this.isOpen){e.stopPropagation(),e.preventDefault();let hoveredItem=this.dropdown.querySelector(".menu").querySelector(".item.hovered");if(!hoveredItem&&this.dropdown.querySelector(".menu").querySelector(".item.selected")&&(hoveredItem=this.dropdown.querySelector(".menu").querySelector(".item.selected")),hoveredItem){let current=hoveredItem;for(;current.previousElementSibling;){if(current.previousElementSibling.matches(".item:not(.filtered)")){current.previousElementSibling.classList.add("hovered"),hoveredItem.classList.remove("hovered");break}current=current.previousElementSibling}}else this.dropdown.querySelector(".menu").querySelector(".item:not(.filtered)").classList.add("hovered");this.dropdown.querySelector(".menu").querySelector(".item.hovered")&&this.dropdown.querySelector(".menu").querySelector(".item.hovered").offsetTop{e.stopPropagation();let separators=[];if(this.select.hasAttribute("data-separators")&&(separators=this.select.getAttribute("data-separators").split("")),(13==e.which||separators.includes(e.key))&&(e.preventDefault(),this.addSearchOption()),"Backspace"===e.key&&""==this.dropdown.querySelector("input.search").value){e.preventDefault();let customs=this.dropdown.querySelectorAll(".custom_option");customs.length>0&&this.removeSelection(customs[customs.length-1].getAttribute("data-value"))}})),this.select.addEventListener("click",function(e){e.stopPropagation(),this.dropdown.dispatchEvent(new Event("click"))}.bind(this)),this.select.matches("[data-clearable]")&&this.addClear(),this.select.dispatchEvent(new CustomEvent("DropdownReady"))}buildOptions(){this.dropdown.querySelector(".menu").querySelectorAll(".item").forEach(item=>{item.remove()}),this.dropdown.querySelectorAll(".custom_option").forEach(item=>{item.remove()}),[...this.select.querySelectorAll("option")].forEach(option=>{this.initOption(option)}),this.select.querySelector("option[selected]")?this.dropdown.matches(".multiple")?[...this.select.querySelectorAll("option[selected]")].forEach(selection=>{this.selectOption(selection,!1)}):this.selectOption(this.select.querySelector("option[selected]"),!1):(this.select.classList.add("noselection"),this.select.querySelector("option")&&!this.select.multiple&&this.selectOption(this.select.querySelectorAll("option")[0],!1))}updateOptions(options){let selected=[];this.select.querySelectorAll("option").forEach(option=>{option.selected&&selected.push(option.getAttribute("value")),option.remove()}),Object.keys(options).forEach(k=>{this.select.append(Nui.Core.create_element('

Kontakt - LP Saddlery

LP Saddlery - Ihre Experten für Sattelanpassung

Kontaktformular:

Soziale Netzwerke

Informationen