import{b as G}from"./Utilities-BAFDtIJ2.js";const O=()=>{const t=document.createElement("form");t.className="row panel panel-default filter-accordion",t.action="#",t.name="filterForm",t.id="filtro-base-1";const o=document.createElement("div");o.className="row panel-heading",o.setAttribute("data-toggle","collapse"),o.setAttribute("data-target","#filter-accordion-panel-1");const s=document.createElement("label");s.className="search-title",s.textContent="FILTRA PER";const d=document.createElement("span");d.className="fa fa-chevron-down",d.title="Espandi/Riduci la riga",o.appendChild(s),o.appendChild(d);const i=document.createElement("div");i.className="row collapse in panel-body body-form-grey",i.id="filter-accordion-panel-1";const u=document.createElement("div");u.className="row";const g=document.createElement("div");g.className="form-group col-xs-7 noPaddingLeft";const b=document.createElement("div");b.className="col-xs-12 col-sm-12 col-md-12 col-lg-12 noPadding";const f=document.createElement("label");f.className="control-label",f.setAttribute("for","input-filtro-base-1"),f.textContent="Inserire descrizione input";const p=document.createElement("input");p.type="text",p.className="form-control",p.id="input-filtro-base-1",p.placeholder="placeholder",b.appendChild(f),b.appendChild(p),g.appendChild(b);const m=document.createElement("div");m.className="col-xs-12 marginTop";const v=document.createElement("button");v.type="reset",v.className="btn btn-link",v.textContent="Annulla";const r=document.createElement("button");return r.type="submit",r.className="btn btn-primary pull-right",r.textContent="Filtra",r.addEventListener("click",function(a){a.preventDefault(),t.reset()}),m.appendChild(v),m.appendChild(r),u.appendChild(g),u.appendChild(m),i.appendChild(u),t.appendChild(o),t.appendChild(i),t},R=()=>`<form class="row panel panel-default filter-accordion" action="#" name="filterForm" id="filtro-complesso-2">
   <div class="row panel-heading"  data-toggle="collapse" data-target="#filter-accordion-panel-3" role="heading">
      <label class="search-title">FILTRA PER</label>
      <span class="fa fa-chevron-up" title="Espandi/Riduci la riga"></span>
   </div>
   <div id="filter-accordion-panel-3" class="row collapse in panel-body body-form-grey" role="region">
      <div class="row">
         <div class="form-group col-xs-12 col-lg-4 noPadding">
            <div class="input-relative">
               <label for="select-accordion-13a" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft">
                  Select 1
                  <select class="form-control" id="select-accordion-13a">
                     <option value="">Scegli una opzione</option>
                     <option value="">Opzione 1</option>
                     <option value="">Opzione 2</option>
                     <option value="">Opzione 3</option>
                  </select>
               </label>
            </div>
         </div>
         <div class="form-inline date-range col-xs-12 col-lg-8 noPaddingLeft">
            <p>Periodo</p>
            <div class="date datePicker">
               <div class="form-group">
                  <div class="input-relative">
                     <label class="control-label" for="form-data-5a">Dal</label>
                     <input id="form-data-5a" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
                     <em class="fa fa-calendar" title="Calendario"></em>
                  </div>
               </div>
               <div class="form-group">
                  <div class="input-relative">
                     <label class="control-label" for="form-data-6a">al</label>
                     <input id="form-data-6a" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
                     <em class="fa fa-calendar" title="Calendario"></em>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div class="row">
         <div class="form-group col-xs-12 col-lg-4 noPadding">
            <div class="input-relative">
               <label for="select-accordion-13b" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft">
                  Select 2
                  <select class="form-control" id="select-accordion-13b">
                     <option value="">Scegli una opzione</option>
                     <option value="">Opzione 1</option>
                     <option value="">Opzione 2</option>
                     <option value="">Opzione 3</option>
                  </select>
               </label>
            </div>
         </div>
      </div>
      <div class="col-xs-12 marginTop">
         <button type="reset" class="btn btn-link">Annulla</button>
         <button type="submit" class="btn btn-primary pull-right">Filtra</button>
      </div>
   </div>
</form>`,B=()=>{const t=document.createElement("form");t.className="row panel panel-default filter-accordion",t.action="#",t.name="filterForm",t.id="filtro-complesso-7";const o=document.createElement("div");o.className="row panel-heading",o.setAttribute("data-toggle","collapse"),o.setAttribute("data-target","#filter-accordion-panel-7");const s=document.createElement("label");s.className="search-title",s.textContent="FILTRA PER";const d=document.createElement("span");d.className="fa fa-chevron-down",d.title="Espandi/Riduci la riga",o.appendChild(s),o.appendChild(d);const i=document.createElement("div");i.className="row collapse in panel-body body-form-grey",i.id="filter-accordion-panel-7";const u=f("select-accordion-13c"),g=p("filter-accordion-checkbox-1","filter-accordion-checkbox-2"),b=v();i.appendChild(u),i.appendChild(g),i.appendChild(b);function f(a){const c=document.createElement("div");c.className="form-group col-xs-8 col-sm-12 col-md-12 col-lg-6 noPadding";const n=document.createElement("div");n.className="input-relative";const e=document.createElement("label");e.className="label-select col-xs-12 col-sm-12 col-md-12 col-lg-11 noPaddingLeft",e.setAttribute("for",a),e.textContent="Select";const l=document.createElement("select");l.className="form-control",l.id=a;const C=document.createElement("option");C.value="",C.textContent="Scegli una opzione",l.appendChild(C);for(let h=1;h<=3;h++){const F=document.createElement("option");F.value=`Opzione ${h}`,F.textContent=`Opzione ${h}`,l.appendChild(F)}return e.appendChild(l),n.appendChild(e),c.appendChild(n),c}function p(a,c){const n=document.createElement("div");n.className="form-group col-xs-12 col-sm-8 col-md-6 col-lg-6 noPaddingLeft";const e=document.createElement("p");e.textContent="Checkboxes:";const l=document.createElement("div");l.className="checkbox";const C=m("Checkbox 1",a),h=m("Checkbox 2",c);return l.appendChild(C),l.appendChild(h),n.appendChild(e),n.appendChild(l),n}function m(a,c){const n=document.createElement("label");n.className="checkbox-inline",n.setAttribute("for",c);const e=document.createElement("input");e.id=c,e.type="checkbox",e.value="",e.title="checkbox";const l=document.createElement("span");return l.textContent=a,n.appendChild(e),n.appendChild(l),n}function v(){const a=document.createElement("div");a.className="col-xs-12 marginTop";const c=r("Annulla","reset","btn btn-link"),n=r("Filtra","submit","btn btn-primary pull-right");return n.addEventListener("click",function(e){e.preventDefault(),t.reset()}),a.appendChild(c),a.appendChild(n),a}function r(a,c,n){const e=document.createElement("button");return e.type=c,e.className=n,e.textContent=a,e}return t.appendChild(o),t.appendChild(i),t},M="N.D.",j={title:"Components/Griglie e strutture/Esempi Strutture Filtri",tags:["autodocs"],decorators:[(t,o)=>G(t,o,4,["static-webkit/js/custom-webkit.js","static/js/main.js"],!1)],parameters:{docs:{mdxPage:M}}},x={name:"Filtri base",render:()=>O()},E={name:"Filtri complessi",render:()=>R()},k={name:"Filtri con checkbox",render:()=>B()};var A,N,y;x.parameters={...x.parameters,docs:{...(A=x.parameters)==null?void 0:A.docs,source:{originalSource:`{
  name: "Filtri base",
  render: () => {
    return CreateFilter();
  }
}`,...(y=(N=x.parameters)==null?void 0:N.docs)==null?void 0:y.source}}};var D,L,w;E.parameters={...E.parameters,docs:{...(D=E.parameters)==null?void 0:D.docs,source:{originalSource:`{
  name: "Filtri complessi",
  render: () => {
    return CreateComplexFilters();
  }
}`,...(w=(L=E.parameters)==null?void 0:L.docs)==null?void 0:w.source}}};var P,S,z;k.parameters={...k.parameters,docs:{...(P=k.parameters)==null?void 0:P.docs,source:{originalSource:`{
  name: "Filtri con checkbox",
  render: () => {
    return CheckboxFilter();
  }
}`,...(z=(S=k.parameters)==null?void 0:S.docs)==null?void 0:z.source}}};const I=["Filters","ComplexFilters","CheckboxFilters"];export{k as CheckboxFilters,E as ComplexFilters,x as Filters,I as __namedExportsOrder,j as default};
