import{b as p}from"./Utilities-BAFDtIJ2.js";const b=()=>`<form class="row form-grey form-tabellare" action="#" id="form-tabellare" name="Nome form">
   <h3 class="row title-modulo">Titolo Form Tabellare</h3>
   <fieldset>
      <legend class="sr-only">Prima sezione</legend>
      <div class="row">
         <div class="col-xs-6 col-sm-5 col-md-6 col-lg-8"></div>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5 form-group">
               Colonna 1
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5 form-group">
               Colonna 2
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 1
            <em class="fa fa-question-circle fa-lg" data-toggle="popover" title="" data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo." data-original-title="Popover Header"></em>
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row1Col1">Riga 1 Colonna 1</label>
               <input id="Row1Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row1Col2">Riga 1 Colonna 2</label>
               <input id="Row1Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 2
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row2Col1">Riga 2 Colonna 1</label>
               <input id="Row2Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row2Col2">Riga 2 Colonna 2</label>
               <input id="Row2Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 3
            <em class="fa fa-question-circle fa-lg" data-toggle="popover" title="" data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo." data-original-title="Popover Header"></em>
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row3Col1">Riga 3 Colonna 1</label>
               <input id="Row3Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row3Col2">Riga 3 Colonna 2</label>
               <input id="Row3Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 4
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row4Col1">Riga 4 Colonna 1</label>
               <input id="Row4Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row4Col2">Riga 4 Colonna 2</label>
               <input id="Row4Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 5
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row5Col1">Riga 5 Colonna 1</label>
               <input id="Row5Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row5Col2">Riga 5 Colonna 2</label>
               <input id="Row5Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 6
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row6Col1">Riga 6 Colonna 1</label>
               <input id="Row6Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row6Col2">Riga 6 Colonna 2</label>
               <input id="Row6Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
      <div class="row">
         <p class="col-xs-6 col-sm-5 col-md-6 col-lg-8">
            Riga numero 7
         </p>
         <div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row7Col1">Riga 7 Colonna 1</label>
               <input id="Row7Col1" class="form-control inputNumber" type="text">
            </div>
            <div class="col-xs-5 col-sm-6 col-md-5">
               <label class="sr-only" for="Row7Col2">Riga 7 Colonna 2</label>
               <input id="Row7Col2" class="form-control inputNumber" type="text">
            </div>
         </div>
      </div>
   </fieldset>
   <div class="col-xs-12 marginTop">
      <button type="reset" class="btn btn-link">Annulla</button>
      <button class="btn btn-primary pull-right" type="button">Bottone destro</button>
   </div>
</form>`,x=()=>`<form class="row form-grey form-tabellare-grey" action="#" id="form-2-tabellare" name="Nome form">
   <h3 class="row title-modulo">Titolo Form Tabellare</h3>
   <fieldset>
      <legend class="sr-only">Prima sezione</legend>
      <div class="row">
         <div class="row heading-form-grey">
            <div class="col-xs-3"></div>
            <div class="col-xs-3 rightBorder">
               Colonna 1
            </div>
            <div class="col-xs-3 rightBorder">
               Colonna 2
            </div>
            <div class="col-xs-3">
               Colonna 3
            </div>
         </div>
         <div class="row">
            <div class="col-xs-3"></div>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
            <div class="col-xs-3 noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-3">Riga uno</span>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col1a-1">Riga 1 Colonna 1 A</label>
                  <input id="Row1Col1a-1" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col1b-1">Riga 1 Colonna 1 B</label>
                  <input id="Row1Col1b-1" class="form-control inputNumber" type="text">
               </div>
            </div>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col2a-1">Riga 1 Colonna 2 A</label>
                  <input id="Row1Col2a-1" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col2b-1">Riga 1 Colonna 2 B</label>
                  <input id="Row1Col2b-1" class="form-control inputNumber" type="text">
               </div>
            </div>
            <div class="col-xs-3  noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col3a-1">Riga 1 Colonna 3 A</label>
                  <input id="Row1Col3a-1" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col3b-1">Riga 1 Colonna 3 B</label>
                  <input id="Row1Col3b-1" class="form-control inputNumber" type="text">
               </div>
            </div>
         </div>
      </div>
   </fieldset>
   <hr class="noPadding">
   <fieldset>
      <legend class="sr-only">Seconda sezione</legend>
      <div class="row heading-form-grey noPadding">
         <div class="col-xs-3"></div>
         <div class="col-xs-3 rightBorder">
            Colonna 1
         </div>
         <div class="col-xs-3">
            Colonna 2
         </div>
         <div class="col-xs-3"></div>
      </div>
      <div class="row body-form">
         <div class="row">
            <div class="col-xs-3"></div>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
            <div class="col-xs-3 noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
            <div class="col-xs-3 noPadding"></div>
         </div>
         <div class="row">
            <span class="col-xs-3">Riga uno</span>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col1a-2">Riga 1 Colonna 1 A</label>
                  <input id="Row1Col1a-2" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col1b-2">Riga 1 Colonna 1 B</label>
                  <input id="Row1Col1b-2" class="form-control inputNumber" type="text">
               </div>
            </div>
            <div class="col-xs-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col2a-2">Riga 1 Colonna 2 A</label>
                  <input id="Row1Col2a-2" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col2b-2">Riga 1 Colonna 2 B</label>
                  <input id="Row1Col2b-2" class="form-control inputNumber" type="text">
               </div>
            </div>
            <div class="col-xs-3 noPadding"></div>
         </div>
         <div class="row">
            <span class="col-xs-3">Riga due</span>
            <div class="col-xs-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col1a-2">Riga 2 Colonna 1 A</label>
                  <input id="Row2Col1a-2" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col1b-2">Riga 2 Colonna 1 B</label>
                  <input id="Row2Col1b-2" class="form-control inputNumber" type="text">
               </div>
            </div>
            <div class="col-xs-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col2a-2">Riga 2 Colonna 2 A</label>
                  <input id="Row2Col2a-2" class="form-control inputNumber" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col2b-2">Riga 2 Colonna 2 B</label>
                  <input id="Row2Col2b-2" class="form-control inputNumber" type="text">
               </div>
            </div>
            <div class="col-xs-3 noPadding"></div>
         </div>
      </div>
   </fieldset>
   <div class="col-xs-12 marginTop">
      <button type="reset" class="btn btn-link">Annulla</button>
      <button class="btn btn-primary pull-right" type="button">Bottone destro</button>
   </div>
</form>`,C=()=>`<form class="row form-grey form-tabellare-grey" action="#" id="form-3-tabellare" name="Nome form">
   <h3 class="row title-modulo">Titolo Form Tabellare</h3>
   <fieldset>
      <legend class="sr-only">Prima sezione</legend>
      <div class="row">
         <div class="row heading-form-grey">
            <div class="col-xs-6 col-sm-4 col-md-6">ARGOMENTO</div>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder">Colonna 1</div>
            <div class="col-xs-3 col-sm-4 col-md-3">Colonna 2</div>
         </div>
         <div class="row">
            <div class="col-xs-6 col-sm-4 col-md-6"></div>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding noPadding">
               <div class="col-xs-6 labelSpace">
                  Col. A
               </div>
               <div class="col-xs-6 labelSpace">
                  Col. B
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-6 col-sm-4 col-md-6">Riga uno</span>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col1a-3">Riga 1 Colonna 1 A</label>
                  <input id="Row1Col1a-3" class="form-control inputNumber completeInput" value="5" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col1b-3">Riga 1 Colonna 1 B</label>
                  <input id="Row1Col1b-3" class="form-control inputNumber completeInput" value="5" type="text">
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col2a-3">Riga 1 Colonna 2 A</label>
                  <input id="Row1Col2a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row1Col2b-3">Riga 1 Colonna 2 B</label>
                  <input id="Row1Col2b-3" class="form-control inputNumber completeInput" value="7" type="text">
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-6 col-sm-4 col-md-6">Riga due</span>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col1a-3">Riga 2 Colonna 1 A</label>
                  <input id="Row2Col1a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col1b-3">Riga 2 Colonna 1 B</label>
                  <input id="Row2Col1b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col2a-3">Riga 2 Colonna 2 A</label>
                  <input id="Row2Col2a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row2Col2b-3">Riga 2 Colonna 2 B</label>
                  <input id="Row2Col2b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-6 col-sm-4 col-md-6">Riga tre</span>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row3Col1a-3">Riga 3 Colonna 1 A</label>
                  <input id="Row3Col1a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row3Col1b-3">Riga 3 Colonna 1 B</label>
                  <input id="Row3Col1b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row3Col2a-3">Riga 3 Colonna 2 A</label>
                  <input id="Row3Col2a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row3Col2b-3">Riga 3 Colonna 2 B</label>
                  <input id="Row3Col2b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-6 col-sm-4 col-md-6">Riga quattro</span>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row4Col1a-3">Riga 4 Colonna 1 A</label>
                  <input id="Row4Col1a-3" class="form-control inputNumber completeInput" value="8" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row4Col1b-3">Riga 4 Colonna 1 B</label>
                  <input id="Row4Col1b-3" class="form-control inputNumber completeInput" value="2" type="text">
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row4Col2a-3">Riga 4 Colonna 2 A</label>
                  <input id="Row4Col2a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row4Col2b-3">Riga 4 Colonna 2 B</label>
                  <input id="Row4Col2b-3" class="form-control inputNumber completeInput" value="9" type="text">
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-6 col-sm-4 col-md-6">Riga cinque</span>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row5Col1a-3">Riga 5 Colonna 1 A</label>
                  <input id="Row5Col1a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row5Col1b-3">Riga 5 Colonna 1 B</label>
                  <input id="Row5Col1b-3" class="form-control inputNumber completeInput" value="7" type="text">
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row5Col2a-3">Riga 5 Colonna 2 A</label>
                  <input id="Row5Col2a-3" class="form-control inputNumber completeInput" value="6" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row5Col2b-3">Riga 5 Colonna 2 B</label>
                  <input id="Row5Col2b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
         </div>
         <div class="row">
            <span class="col-xs-6 col-sm-4 col-md-6">Riga sei</span>
            <div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row6Col1a-3">Riga 6 Colonna 1 A</label>
                  <input id="Row6Col1a-3" class="form-control inputNumber" value="0" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row6Col1b-3">Riga 6 Colonna 1 B</label>
                  <input id="Row6Col1b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
            <div class="col-xs-3 col-sm-4 col-md-3 noPadding">
               <div class="col-xs-6">
                  <label class="sr-only" for="Row6Col2a-3">Riga 6 Colonna 2 A</label>
                  <input id="Row6Col2a-3" class="form-control inputNumber completeInput" value="6" type="text">
               </div>
               <div class="col-xs-6">
                  <label class="sr-only" for="Row6Col2b-3">Riga 6 Colonna 2 B</label>
                  <input id="Row6Col2b-3" class="form-control inputNumber" value="0" type="text">
               </div>
            </div>
         </div>
         <div class="col-xs-12">
            <p class="pull-right">hai inserito <strong class="ncampi">9</strong> campi su <strong class="ncampi">24</strong></p>
         </div>
      </div>
   </fieldset>
   <div class="col-xs-12 marginTop">
      <button type="reset" class="btn btn-link">Annulla</button>
      <button class="btn btn-primary pull-right" type="button">Bottone destro</button>
   </div>
</form>`,R={title:"Components/Griglie e strutture/Esempi strutture Form",tags:["autodocs"],decorators:[(a,c)=>p(a,c,4,["static-webkit/js/custom-webkit.js"],!1),a=>`<main id="contenutoPrincipale">${a()}</main>`]},l={name:"Form tabellare 1",render:()=>b()},o={name:"Form tabellare 2",render:()=>x()},s={name:"Form tabellare 3",render:()=>C()};var i,e,n;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`{
  name: "Form tabellare 1",
  render: () => {
    return CreateTableForm1();
  }
}`,...(n=(e=l.parameters)==null?void 0:e.docs)==null?void 0:n.source}}};var r,d,t;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`{
  name: "Form tabellare 2",
  render: () => {
    return CreateTableForm2();
  }
}`,...(t=(d=o.parameters)==null?void 0:d.docs)==null?void 0:t.source}}};var m,v,u;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
  name: "Form tabellare 3",
  render: () => {
    return CreateTableForm3();
  }
}`,...(u=(v=s.parameters)==null?void 0:v.docs)==null?void 0:u.source}}};const f=["TableForm1","TableForm2","TableForm3"];export{l as TableForm1,o as TableForm2,s as TableForm3,f as __namedExportsOrder,R as default};
