Kontaktformular

Nutzen Sie dieses Formular für eine unverbindliche Anfrage. Nach Erhalt melden wir uns kurzfristig bei Ihnen. Unser Kontaktdaten: Veldener Isolier Glas GmbH V.I.G. - Türen Im Teich 15 (Gewerbegebiet) 91235 Velden Telefonisch sind wir erreichbar: Telefon (09152) 58775-0Telefax (09152) 7073 Öffnungszeiten: Montag bis Freitag: 7.30 bis 12.00 Uhr und 13.00 bis 17.00 Uhr Samstag: 9.00 bis 12.00 Uhr Schausonntag (jeder 1. Sonntag im Monat): 14.00 bis 16.00 Uhr … keine Beratung und kein Verkauf! :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)}.nui{--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));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))}.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:large}.nui.larger{font-size:larger}.nui.medium{font-size:medium}.nui.xlarge{font-size:x-large}.nui.xxlarge{font-size:2.5em}.nui.xxxlarge{font-size:3em}.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.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;grid-auto-columns:1fr;grid-auto-flow:column}.nui.grid>.span2{grid-column:span 2}.nui.grid>.span3{grid-column:span 3}.nui.grid>.span4{grid-column:span 4}@media only screen and (max-width:600px){.nui.grid.stackable{grid-auto-flow:row}.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}@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.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>.item: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: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}.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:not(.labeled){border-bottom-width:var(--bw)}.nui.divider[class*="labeled divider"]{position:relative;display:table;white-space:nowrap}.nui.divider[class*="labeled divider"]>.label{padding:0 calc(var(--pad) * 2)}.nui.divider[class*="labeled divider"]::after,.nui.divider[class*="labeled divider"]::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[class*="labeled divider"]::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:absolute;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>.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);background-color:transparent!important}.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}.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.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 .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);font-weight:700;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.3) calc(var(--pad) * 2);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);outline:calc(var(--bw) * 3) 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.3) calc(var(--pad) * 2);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: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.3) calc(var(--pad) * 2);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: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.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;top:0;z-index:999}.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}.breakwords{word-break:break-all}[data-emptymessage]:empty::after{content:attr(data-emptymessage);position:relative;padding:10px 0;font-weight:700;font-size:larger;width:max-content}.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; }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");else if(this._element.hasAttribute("data-url"))_url=this._element.getAttribute("data-url"),loadingElement=this._element,form=this._element.closest("form"),form&&(loadingElement=form,postBody=new FormData(form));else if("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"))}),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;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);if(items.length>0){Nui_boot(...items);let target=document.querySelector(targetSelector);switch(unhideTarget&&target.classList.remove("hidden"),null==action&&(action="replace"),action){case"append":target.append(...items);break;default:1==items.length&&items[0].matches(targetSelector)?target.replaceWith(...items):(target.replaceChildren(),target.append(...items))}}}e.target.responseText.includes("\x3c!--flash--\x3e")&&Nui.Core.DisplayFlash(e.target.responseText)}}),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()})}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:"",event:"hover",position:"auto",color:"white",closable:!0,hide_lag:300,show_on:"click",hide_on:"mousedown"},Object.assign(this.settings,params),this.init()}init(){let params=this._element.getAttribute("data-modal");params.length>0&&(params=JSON.parse(params),Object.assign(this.settings,params)),this.isShown=!1,this.hideOk=!0,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("?")?this.settings.url=this.settings.url+"&output=component":this.settings.url=this.settings.url+"?output=component"}show(params){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.dimmer.remove(),document.querySelector("body").style.overflow="auto")}),this.dimmer.append(this.modal);const xhttp=new XMLHttpRequest;xhttp.addEventListener("readystatechange",e=>{if(4==e.target.readyState&&200==e.target.status){if(this.modal.innerHTML=e.target.responseText,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_boot(this.modal)}}),xhttp.open("GET",this.settings.url),xhttp.send()}hide(){this.dimmer.remove(),document.querySelector("body").style.overflow="auto"}},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))}))})}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;this.validations[counter]=JSON.parse(input.getAttribute("data-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(".fields").closest(".field"));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], [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})}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(".fields").closest(".field"),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(".fields").closest(".field")),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.hasAttribute("disable-validations")||input.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"checkbox"==input.getAttribute("type")?input.checked||this.addError(inputKey,ruleKey,rule):""==input.value&&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.init()}init(){if(this._element.closest(".clonable[data-key='n']"))return;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.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)),this.dropdown.addEventListener("click",function(e){this.dropdown.focus(),this.isOpen?this.dropdown.querySelector("input.search")&&e.srcElement==this.dropdown.querySelector("input.search")||this.close():this.open()}.bind(this)),this.dropdown.addEventListener("blur",function(e){e.relatedTarget!=this.dropdown.querySelector("input.search")&&this.close()}.bind(this)),this.dropdown.matches(".search")&&(this.dropdown.querySelector("input.search").addEventListener("blur",function(e){this.select.matches("[data-additions]")&&this.addSearchOption(),e.relatedTarget!=this.dropdown?this.dropdown.dispatchEvent(new Event("blur")):this.select.multiple&&(this.dropdown.querySelector("input.search").value="",this.dropdown.querySelector("input.search").focus())}.bind(this)),this.dropdown.querySelector("input.search").addEventListener("input",function(e){""!=this.dropdown.querySelector("input.search").value?(this.dropdown.querySelector(".text").classList.add("filtered"),this.filterBy(this.dropdown.querySelector("input.search").value)):(this.dropdown.querySelector(".text").classList.remove("filtered"),this.clearFilter())}.bind(this)),this.select.matches("[data-additions]")&&this.dropdown.querySelector("input.search").addEventListener("keydown",e=>{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()}addSearchOption(){if(""!=this.dropdown.querySelector("input.search").value){let addition=this.dropdown.querySelector("input.search").value;if(null!=this.select.querySelector('option[value="'+addition+'"]')){let add_option=this.select.querySelector('option[value="'+addition+'"]');add_option.selected||this.selectOption(add_option)}else{let new_option=Nui.Core.create_element(''+addition+"");this.select.append(new_option),this.initOption(new_option),this.selectOption(new_option)}this.hideSearch()}}filterBy(value){[...this.dropdown.querySelector(".menu").querySelectorAll(".item")].forEach(item=>{item.innerHTML.toLowerCase().includes(value.toLowerCase())?item.classList.remove("hidden"):item.classList.add("hidden")})}clearFilter(){[...this.dropdown.querySelector(".menu").querySelectorAll(".item")].forEach(item=>{item.classList.remove("hidden")})}initOption(option){let content=""==option.innerHTML?" ":option.innerHTML,flex="";option.hasAttribute("data-html")&&(content=option.dataset.html,flex="nui flex");let option_item=Nui.Core.create_element(`${content}`);this.dropdown.querySelector(".menu").append(option_item),option_item.addEventListener("click",function(e){this.selectOption(this.select.querySelector('option[value="'+option_item.dataset.value+'"]')),this.clearFilter()}.bind(this))}addClear(){this.dropdown.classList.add("clearable"),this.dropdown.querySelector("i.close.icon").addEventListener("click",function(e){e.stopPropagation(),this.dropdown.classList.remove("hasSelection"),this.select.multiple?[...this.dropdown.querySelectorAll(".nui.label[data-value]")].forEach(selection=>{this.removeSelection(selection.dataset.value)}):this.selectOption(this.select.querySelector("option"))}.bind(this))}open(){this.dropdown.querySelector(".menu").querySelectorAll(".item:not(.filtered)").length>0?(this.dropdown.classList.add("active"),this.dropdown.querySelector(".menu").classList.remove("hidden"),this.dropdown.querySelector(".menu").classList.add("visible"),this.isOpen=!0,null!=this.dropdown.querySelector(".menu").querySelector(".item.selected")&&(this.dropdown.querySelector(".menu").scrollTop=this.dropdown.querySelector(".menu").querySelector(".item.selected").offsetTop),this.dropdown.querySelector(".menu").style.zIndex="100",window.innerHeight{item.classList.remove("hidden")}))}close(){this.dropdown.classList.remove("top"),this.dropdown.classList.remove("active"),this.dropdown.querySelector(".menu").classList.remove("visible"),this.dropdown.querySelector(".menu").classList.add("hidden"),this.isOpen=!1,this.dropdown.querySelector(".menu").style.zIndex="",this.hideSearch(),this.dropdown.closest("form")&&this.dropdown.closest("form").dispatchEvent(new Event("resize"))}selectOption(option,event){this.dropdown.querySelector(".text").classList.remove("default"),this.dropdown.querySelector(".text").innerHTML=" ",this.select.multiple?(this.dropdown.querySelector('.item[data-value="'+option.value+'"]').classList.add("active","filtered"),this.dropdown.querySelector("input.search").before(this.createSelection(option.value,option.innerHTML)),option.selected=!0):([...this.dropdown.querySelector(".menu").querySelectorAll(".item")].forEach(item=>{item.classList.remove("active","selected")}),this.dropdown.querySelector('.item[data-value="'+option.value+'"]').classList.add("active","selected"),this.dropdown.querySelector(".text").innerHTML=this.dropdown.querySelector('.item[data-value="'+option.value+'"]').innerHTML,this.select.value=option.value),""!=option.value?this.dropdown.classList.add("hasSelection"):this.dropdown.classList.remove("hasSelection"),!1!==event&&(this.select.dispatchEvent(new Event("change")),this.select.dispatchEvent(new CustomEvent("optionSelected",{detail:option.value})))}removeSelection(value){this.dropdown.querySelector('.item[data-value="'+value+'"]').classList.remove("active","filtered"),this.select.querySelector('option[value="'+value+'"]').selected=!1,this.dropdown.querySelector('.nui.label[data-value="'+value+'"]').remove(),null==this.dropdown.querySelector(".menu").querySelector(".item.active")&&this.dropdown.classList.remove("hasSelection"),this.select.dispatchEvent(new Event("change")),this.select.dispatchEvent(new CustomEvent("optionUnselected",{detail:value}))}createSelection(value,content){let selection=Nui.Core.create_element(`${content}`);return selection.querySelector("i.icon").addEventListener("click",function(e){e.stopPropagation(),this.removeSelection(value)}.bind(this)),selection}},Nui.Popup=class extends Nui.Component{constructor(node,params){if(super(node),this.settings={popup:"",content:"",position:"auto",color:"white",hide_lag:300,event:"hover",clickable:!1,onOpen:()=>{},onShow:()=>{}},Object.assign(this.settings,params),null===this._element.offsetParent)for(this._element=this._element.parentElement;null===this._element.parentElement.offsetParent;)this._element=this._element.parentElement;this.init()}init(){let popup_params=this._element.getAttribute("data-popup");null!=popup_params&&popup_params.length>0&&(popup_params=JSON.parse(popup_params),Object.assign(this.settings,popup_params)),this.opened=!1,this.hideID=null,"hover"==this.settings.event?(this._element.addEventListener("mouseover",e=>{this.hideID&&clearTimeout(this.hideID),this.opened||(this.show(),setTimeout(()=>{this.opened=!0},200))}),this._element.addEventListener("mouseout",e=>{this.hideID=setTimeout(()=>{this.hide(),this.hideID=null},this.settings.hide_lag)})):"focus"==this.settings.event&&(this._element.addEventListener("focus",e=>{this.show(),setTimeout(()=>{this.opened=!0},200)}),this._element.addEventListener("click",e=>{e.stopPropagation()}),document.addEventListener("click",e=>{this.hide()}),document.addEventListener("focusin",e=>{e.target!=this._element&&this.hide()}))}show(){let addToBody=!0;null==this.popup&&(0==this.settings.popup.length?(this.popup=Nui.Core.create_element(`\n\t\t\t\t\n\t\t\t\t`),0==this.settings.content.length&&(this.settings.content=this._element.getAttribute("title"),this._element.setAttribute("title","")),this.popup.querySelector(".content").innerHTML=this.settings.content):"string"==typeof this.settings.popup?this.popup=document.querySelector(this.settings.popup):this.popup=this.settings.popup),this.settings.clickable&&this.popup.addEventListener("click",e=>{e.stopPropagation()}),this.settings.onOpen.call(),document.querySelector("body").append(this.popup),this.popup.classList.remove("hidden"),this.popup.classList.add("visible"),this.isShown=!0;let element_bounds=this._element.getBoundingClientRect(),popup_bounds=this.popup.getBoundingClientRect();if("auto"==this.settings.position){let posv="",posh="";posv=element_bounds.toppopup_bounds.width?"center":element_bounds.right0&&(this.settings.opendays=JSON.parse(this._element.getAttribute("data-opendays"))),this._element.hasAttribute("data-openhours")&&this._element.getAttribute("data-openhours").length>0&&(this.settings.openhours=JSON.parse(this._element.getAttribute("data-openhours")));let now=new Date;this.sinput&&this.sinput.value.trim().length&&(now=new Date(this.sinput.value.trim().replace(" ","T")),this.input.value=this.format(now,this.settings.format)),this.settings.startdate&&(this.settings.startdate=new Date(this.settings.startdate.trim().replace(" ","T"))),this.settings.enddate&&(this.settings.enddate=new Date(this.settings.enddate.trim().replace(" ","T"))),this.selected={day:now.getDate(),month:now.getMonth(),year:now.getFullYear(),minute:now.getMinutes(),second:now.getSeconds(),hour:now.getHours()};let popup_settings={popup:this.calendar,event:"focus",clickable:!0,onOpen:()=>{this.mode=this.settings.startMode,this.setupContent(this.selected.year,this.selected.month,this.selected.day,this.selected.hour,this.selected.minute)}};this.popup=new Nui.Popup(this._element,popup_settings)}close(){this.popup.hide()}format(date,format_string){var format=format_string;return format=(format=(format=(format=(format=(format=format.replace("YYYY",date.getFullYear())).replace("MM",("00"+(date.getMonth()+1)).slice(-2))).replace("DD",("00"+date.getDate()).slice(-2))).replace("HH",("00"+date.getHours()).slice(-2))).replace("mm",("00"+date.getMinutes()).slice(-2))).replace("ss",("00"+date.getSeconds()).slice(-2))}saveSelection(){let date=new Date(this.selected.year,this.selected.month,this.selected.day,this.selected.hour,this.selected.minute,this.selected.second);this.input.value=this.format(date,this.settings.format),this.input.dispatchEvent(new Event("change")),this.sinput&&(this.sinput.value=this.format(date,this.settings.sformat))}setupContent(){"day"==this.mode?(this.calendar.innerHTML=this.buildMonthView(),[...this.calendar.querySelectorAll(".link[data-year]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.month=parseInt(selection.dataset.month),this.selected.year=parseInt(selection.dataset.year),this.saveSelection(),this.setupContent()})}),[...this.calendar.querySelectorAll(".link[data-day]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.day=parseInt(selection.dataset.day),this.saveSelection(),"date"==this.settings.type?this.close():(this.mode="time",this.setupContent())})}),this.calendar.querySelector(".link.month-year").addEventListener("click",e=>{this.mode="month-year",this.setupContent()})):"month-year"==this.mode?(this.calendar.innerHTML=this.buildMonthYearView(),[...this.calendar.querySelectorAll(".link[data-year]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.year=parseInt(selection.getAttribute("data-year")),this.saveSelection(),this.setupContent()})}),[...this.calendar.querySelectorAll(".link[data-month]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.month=parseInt(selection.dataset.month),this.saveSelection(),"date"==this.settings.type?this.close():(this.mode="day",this.setupContent())})}),this.calendar.querySelector(".menu.years").scrollTop=this.calendar.querySelector(".menu.years").querySelector(".item.selected").offsetTop-10,this.calendar.querySelector(".menu.months").scrollTop=this.calendar.querySelector(".menu.months").querySelector(".item.selected").offsetTop-10):"time"==this.mode&&(this.calendar.innerHTML=this.buildTimeView(),[...this.calendar.querySelectorAll(".link[data-day]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.year=parseInt(selection.dataset.year),this.selected.month=parseInt(selection.dataset.month),this.selected.day=parseInt(selection.dataset.day),this.saveSelection(),this.setupContent()})}),[...this.calendar.querySelectorAll(".link[data-hour]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.hour=parseInt(selection.getAttribute("data-hour")),this.saveSelection(),this.setupContent()})}),[...this.calendar.querySelectorAll(".link[data-minute]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.minute=parseInt(selection.dataset.minute),this.saveSelection(),this.calendar.querySelector(".menu.seconds")?this.setupContent():this.close()})}),[...this.calendar.querySelectorAll(".link[data-second]:not(.disabled)")].forEach(selection=>{selection.addEventListener("click",e=>{this.selected.second=parseInt(selection.dataset.second),this.saveSelection(),this.close()})}),this.calendar.querySelector(".link.day").addEventListener("click",e=>{this.mode="day",this.setupContent()}),this.calendar.querySelector(".menu.hours").scrollTop=this.calendar.querySelector(".menu.hours").querySelector(".item.selected").offsetTop-10,this.calendar.querySelector(".menu.minutes").querySelector(".item.selected")&&(this.calendar.querySelector(".menu.minutes").scrollTop=this.calendar.querySelector(".menu.minutes").querySelector(".item.selected").offsetTop-10),this.calendar.querySelector(".menu.seconds")&&this.calendar.querySelector(".menu.seconds").querySelector(".item.selected")&&(this.calendar.querySelector(".menu.seconds").scrollTop=this.calendar.querySelector(".menu.seconds").querySelector(".item.selected").offsetTop-10))}buildDaysRows(){let rows="",dclass="",day=0,odate=new Date(this.selected.year,this.selected.month,1),date=new Date;date.setFullYear(this.selected.year),date.setMonth(this.selected.month),date.setDate(1);let startDay=date.getDay();for(let w=0;wdate&&(dclass+=" disabled")}if(this.settings.enddate){let enddate=new Date(this.settings.enddate);enddate.setHours(23),enddate{dayslist+=''+day+""}),`\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t${this.settings.text.months[date.getMonth()]} ${date.getFullYear()}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t${dayslist}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t${this.buildDaysRows()}\n\t\t\t\n\t\t\n\t\t`}buildMonthYearView(){let date=new Date,html;return date.setFullYear(this.selected.year),date.setMonth(this.selected.month),date.setDate(this.selected.day),`\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t${this.settings.text.units.year}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t${this.settings.text.units.month}\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t${this.buildYearsRows2()}\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t${this.buildMonthsRows2()}\n\t\t\t\t\n\t\t\t\n\t\t\n\t\t`}buildMonthsRows2(){let rows="",dclass="";for(let r=0;rdate&&(dclass+=" disabled")}if(this.settings.enddate){let enddate=new Date(this.settings.enddate);enddate.setDate(28),enddate{this.close(item)})}},Nui.Demo=class extends Nui.Component{constructor(params){super(),this.settings={group:"1",popupcolor:"slate inverted",order:[],validate:function(item,id,group){console.log("no function...",id,group)}},Object.assign(this.settings,params),this.init()}init(){this.button='Next',this.popups={}}run(){for(const item of Array.from(document.querySelectorAll("[data-demo]")).sort((a,b)=>this.settings.order.indexOf(a.getAttribute("data-demo"))-this.settings.order.indexOf(b.getAttribute("data-demo")))){let id=item.getAttribute("data-demo"),result=this.settings.validate(item,id,this.settings.group);if(!0!==result){if(null==item["demopop"+id]){let pop=new Nui.Popup(item,{show_on:"",hide_on:"",color:this.settings.popupcolor,content:result+this.button});item["demopop"+id]=pop}item["demopop"+id].show(),Nui.Core.scrollToTargetwithOffset(item["demopop"+id].popup,100),item["demopop"+id].popup.querySelector(".button").addEventListener("click",e=>{this.run()});break}null!=item["demopop"+id]&&item["demopop"+id].hide()}}},Nui.Clonable=class extends Nui.Component{constructor(node,params){super(node),this.settings={},Object.assign(this.settings,params),this.init()}init(){this.selector=this._element.getAttribute("data-selector"),this._element.matches("[data-key='n']")&&(this._element.classList.add("hidden"),this._element.querySelectorAll("*[name]").forEach(input=>{input.setAttribute("name2",input.getAttribute("name")),input.removeAttribute("name")})),this._element.hasAttribute("data-cloner")&&document.querySelector(this.selector)===this._element&&document.querySelector(this._element.getAttribute("data-cloner")).addEventListener("click",e=>{this.Clone(this._element,document.querySelectorAll(this.selector)[document.querySelectorAll(this.selector).length-1])}),null!=this._element.querySelector(".add-clone")&&this._element.querySelector(".add-clone").addEventListener("click",e=>{this.Clone(this._element)}),null!=this._element.querySelector(".remove-clone")&&this._element.querySelector(".remove-clone").addEventListener("click",e=>{this._element.remove()})}Clone(node,after){let selector=node.getAttribute("data-selector"),clone=node.cloneNode(!0),count=0;document.querySelectorAll(selector).forEach(clonable=>{parseInt(clonable.getAttribute("data-key"))>count&&(count=parseInt(clonable.getAttribute("data-key")))}),count+=1;let key=node.getAttribute("data-key");clone.querySelectorAll("*[name]").forEach(element=>{let name=element.getAttribute("name"),index=name.lastIndexOf("["+key+"]");index>-1&&element.setAttribute("name",name.substring(0,index)+"["+count+"]"+name.substring(index+("["+key+"]").length))}),clone.querySelectorAll("*[name2]").forEach(element=>{let name=element.getAttribute("name2"),index=name.lastIndexOf("["+key+"]");index>-1&&(element.setAttribute("name",name.substring(0,index)+"["+count+"]"+name.substring(index+("["+key+"]").length)),element.removeAttribute("name2"))}),clone.querySelectorAll("*[id]").forEach(element=>{let name=element.getAttribute("id"),index=name.lastIndexOf("_"+key);index>-1&&element.setAttribute("id",name.substring(0,index)+"_"+count+name.substring(index+("_"+key).length))}),clone.querySelectorAll("*[for]").forEach(element=>{let name=element.getAttribute("for"),index=name.lastIndexOf("_"+key);index>-1&&element.setAttribute("for",name.substring(0,index)+"_"+count+name.substring(index+("_"+key).length))}),null!=clone.querySelector(".remove-clone")&&clone.querySelector(".remove-clone").addEventListener("click",e=>{clone.remove()}),null==after?node.after(clone):after.after(clone),clone.setAttribute("data-key",count),clone.classList.remove("hidden"),Nui_boot(clone)}},Nui.Image=class extends Nui.Component{constructor(node){super(node),this.init()}init(){this._element.matches(".natural")&&this._element.addEventListener("load",e=>{this._element.setAttribute("width",this._element.naturalWidth),this._element.setAttribute("height",this._element.naturalHeight)})}};function Nui_boot(...nodes){Array.from(nodes).forEach(node=>{Nui.Checkbox.getInstance(".nui.checkbox",node),Nui.Tabs.getInstance(".nui.menu.tabular",node),Nui.Dropdown.getInstance("select.nui.select",node),Nui.Sidebar.getInstance(".nui.sidebar",node),Nui.Accordion.getInstance(".nui.accordion",node),Nui.Form.getInstance(".nui.form:not(.novalidation)",node),Nui.Dynamic.getInstance(".dynamic",node),Nui.BBEditor.getInstance(".nui.bbeditor",node),Nui.Popup.getInstance("[data-popup]",node),Nui.Calendar.getInstance("[data-calendar]",node),Nui.Modal.getInstance("[data-modal]",node),Nui.Image.getInstance("img.nui.image.natural",node),Nui.Clonable.getInstance(".nui.clonable",node),node.querySelectorAll("input.nui.file").forEach(input=>{input.addEventListener("change",e=>{let names=[];for(file of input.files)names.push(file.name);0==names.length&&input.hasAttribute("placeholder")&&names.push(input.getAttribute("placeholder")),input.closest(".field").querySelector("label.nui.button").innerText=names.join(", ")})}),node.querySelectorAll(".nui.dropdown.filter").forEach(filter=>{let active=filter.querySelector(".nui.menu > .item.active");null!=active&&(filter.querySelector("span").innerText=active.innerText)}),node.querySelectorAll(".nui.checkbox.selector").forEach(selector=>{selector.querySelector("input[type=checkbox]").addEventListener("change",function(e){selector.closest("tr").classList.toggle("nui","orange")}.bind(this))}),node.querySelectorAll(".nui.checkbox.select_all").forEach(selectAll=>{selectAll.querySelector("input[type=checkbox]").addEventListener("change",function(e){selectAll.closest("form").querySelectorAll(".nui.checkbox.selector").forEach(selector=>{Nui.Checkbox.getInstance(selector).toggle()})}.bind(this))}),node.querySelectorAll(".check-selector").forEach(input=>{input.addEventListener("input",function(e){Nui.Checkbox.getInstance(input.closest("tr").querySelector(".nui.selector.checkbox")).check()}.bind(this))}),"undefined"!=typeof ace&&(Nui.Extensions.ace={},Nui.Extensions.ace.textarea={},Nui.Extensions.ace.remove=function(node,textarea){("string"==typeof textarea||textarea instanceof String)&&(textarea=node.querySelector(textarea));let editor=Nui.Extensions.ace.textarea[textarea.getAttribute("name")];null!=editor&&(textarea.style.display="",editor.remove())},Nui.Extensions.ace.init=function(node,textarea){("string"==typeof textarea||textarea instanceof String)&&(textarea=node.querySelector(textarea)),Nui.Extensions.ace.remove(node,textarea);let aceeditor=null;null!=textarea.nextElementSibling&&textarea.nextElementSibling.matches(".code-editor")?aceeditor=textarea.nextElementSibling:(aceeditor=Nui.Core.create_element(''),aceeditor.style.height=25*parseInt(textarea.getAttribute("rows"))+"px",aceeditor.style.width="100%",aceeditor.style.fontSize="14px",textarea.after(aceeditor)),textarea.style.display="none",Nui.Extensions.ace.textarea[textarea.getAttribute("name")]=aceeditor;var editor=ace.edit(aceeditor);editor.setValue(textarea.value,1),editor.getSession().on("change",(function(e){textarea.value=editor.getValue()}))},node.querySelectorAll('textarea[data-codeeditor="1"]').forEach((function(textarea){Nui.Extensions.ace.init(node,textarea)}))),null!=Nui.Extensions.tinymce&&Nui.Extensions.tinymce.init(node),null!=Nui.Extensions.signature_pad&&Nui.Extensions.signature_pad.init(node)})}document.addEventListener("DOMContentLoaded",(function(event){Nui_boot(document)}));function HideField(field){ if(field.closest(".field.holder")){ field.closest(".field.holder").classList.add("hidden"); }else{ field.classList.add("hidden"); } } function ShowField(field){ if(field.closest(".field.holder")){ field.closest(".field.holder").classList.remove("hidden"); }else{ field.classList.remove("hidden"); } } function EnableField(field){ if(field.closest(".field.holder")){ field.closest(".field.holder").classList.remove("disabled"); }else{ field.classList.remove("disabled"); } field.disabled = false; } function DisableField(field){ if(field.closest(".field.holder")){ field.closest(".field.holder").classList.add("disabled"); }else{ field.classList.add("disabled"); } field.disabled = true; } function DisableValidation(field){ field.setAttribute('disable-validations', '1'); field.closest(".field.holder").classList.remove("error"); if(field.closest(".field.holder").querySelector('.errormsg')){ field.closest(".field.holder").querySelector('.errormsg').remove(); }; if(field.closest(".field.holder").querySelector('.errormark')){ field.closest(".field.holder").querySelector('.errormark').classList.add('hidden'); }; } function EnableValidation(field){ field.removeAttribute('disable-validations'); if(field.closest(".field.holder").querySelector('.errormark')){ field.closest(".field.holder").querySelector('.errormark').classList.remove('hidden'); }; } function SetupEvent(field, event, fn){ let fields = field.closest("form").querySelectorAll("[name='"+field.getAttribute("name")+"']"); if(fields){ fields.forEach(f => { f.addEventListener(event, e => { fn(); }) }); } } function GetValues(field){ let fields = field.closest("form").querySelectorAll("[name='"+field.getAttribute("name")+"']"); if(fields){ let values = []; fields.forEach(f => { if(field.getAttribute('type') == 'checkbox' || field.getAttribute('type') == 'radio'){ if(f.checked){ values.push(f.value); } }else{ if(f.value.length > 0){ values.push(f.value); } } }); return values; } return []; } function isEmpty(field){ let values = GetValues(field); return (values.length == 0); } function HasValue(field, tvalues){ let values = GetValues(field); let result = false; tvalues.forEach(v => { if(values.includes(v)){ result = true; return; } }); return result; } document.addEventListener('DOMContentLoaded', function (event) { var form = document.querySelector('#chronoform-contactform'); }) Vorname Nachname Straße Hausnummer PLZ Ort Telefonnummer eMail-Adresse Ihre Nachricht Wir interessieren uns für: Innentüren Haustüren Garagentor Echtglasdusche Vordach Fenster Bodenbeläge Glasgeländer Datenschutz Sie erklären sich damit einverstanden, dass Ihre Daten zur Bearbeitung Ihres Anliegens verwendet werden. Weitere Informationen und Widerrufshinweise finden Sie in der Datenschutzerklärung. Eine Kopie Ihrer Nachricht wird an Ihre eMail-Adresse geschickt. * Pflichtfeld SendenThis form was created by ChronoForms 8