"use strict";(self.webpackChunkcustom_webkit_material_v3=self.webpackChunkcustom_webkit_material_v3||[]).push([[1284],{"./src/stories/grid/Grid.stories.ts"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{GrayGrid:()=>GrayGrid,Grid:()=>Grid,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Grid_stories});const Grid_stories={title:"Foundation/Griglia",tags:["autodocs"],parameters:{documentationNote:"L'id del contenuto principale della pagina (#contenutoPrincipale) e del contenitore del menu dell'applicativo (#menu-applicativo), non deve essere cambiato, in quanto lo Skip Link fa riferimento a questi id per funzionare correttamente.",docs:{description:{component:'La struttura degli applicativi è suddivisa in modo da delimitare aree ben precise per facilitarne la stilizzazione CSS. L\'impostazione di base di<br /> tutti i template è composta da <code>#navigazionesecondaria</code> e <code>#contenutoprincipale</code> che racchiudono i vari componenti.\n          La griglia utilizzata nel portale è determinata dalle classi <a href="http://getbootstrap.com/css/#grid" target="_blank">Bootstrap</a>.'}}}},Grid={name:"Layout generale",render:()=>({template:'\n <section id="layoutGenerale" class="row content">\n <div class="row content grayGrid">\n\t\t\t\t\t\t\t<div class="col-xs-12 col-sm-4 col-lg-3"><strong><em>#menu-applicativo</em></strong></div>\n\t\t\t\t\t\t\t<div class="col-xs-12 col-sm-8 col-lg-9"><strong><em>#contenutoPrincipale</em></strong></div>\n               </div>\n            </section>\n\t\t\t\t\t\t'})},GrayGrid={name:"Griglia",render:()=>({template:'\n  <div class="row content">\n\t\t\t\t\t\t\t<div class="row grayGrid">\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-1"><strong>.col-md-1</strong></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="row grayGrid">\n\t\t\t\t\t\t\t\t<div class="col-md-8"><strong>.col-md-8</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-4"><strong>.col-md-4</strong></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="row grayGrid">\n\t\t\t\t\t\t\t\t<div class="col-md-4"><strong>.col-md-4</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-4"><strong>.col-md-4</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-4"><strong>.col-md-4</strong></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="row grayGrid">\n\t\t\t\t\t\t\t\t<div class="col-md-6"><strong>.col-md-6</strong></div>\n\t\t\t\t\t\t\t\t<div class="col-md-6"><strong>.col-md-6</strong></div>\n\t\t\t\t\t\t\t</div>\t\n              </div>\n\t\t\t\t\t\t'})},__namedExportsOrder=["Grid","GrayGrid"];Grid.parameters={...Grid.parameters,docs:{...Grid.parameters?.docs,source:{originalSource:'{\n  name: "Layout generale",\n  render: () => ({\n    template: CreateGrid()\n  })\n}',...Grid.parameters?.docs?.source}}},GrayGrid.parameters={...GrayGrid.parameters,docs:{...GrayGrid.parameters?.docs,source:{originalSource:'{\n  name: "Griglia",\n  render: () => ({\n    template: CreateGrill()\n  })\n}',...GrayGrid.parameters?.docs?.source}}}}}]);