"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[6774],{"./src/common/shared/models-mdx/FormTabellareConfig.mdx"(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>MDXContent});var react=__webpack_require__("./node_modules/react/index.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/blocks/dist/index.mjs");const FormTabellareConfigReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# FormTabellareConfig\n\nDocumentazione dettagliata dell' oggetto custom **FormTabellareConfig**, usato nei componenti di Internet Webkit v17. \n**FormTabellareConfig** è una classe progettata per configurare e gestire una tabella formattata (o tabella dinamica) con vari tipi di input e intestazioni.\n\n## Implementazione\n<div class=\"table-responsive\">`import {FormTabellareConfig} from '@inail/internet-webkit/form-tabellare'`</div>\n<br />\n\n***Struttura:***\n`FormTabellareConfig {\n    type: number;\n    title: string;\n    rowTitles: string[];\n    columnsHeader: string[];\n    columnsHeaderTitle: string[];\n    inputsColumnTitle: string[];\n    inputsNamePerColumn: string[];\n    inputType: FormTabellareInputTypes;\n}\n`\n\n\n***Esempio d'uso:***\n<br />\n`  formTabellare1Config: FormTabellareConfig = {\n    type: 1,\n    title: 'Form tabellare 1',\n    rowTitles: ['Cybersecurity', 'Sicurezza sul lavoro', 'Privacy'],\n    columnsHeaderTitle: ['Ore totali', 'Ore seguite'],\n    columnsHeader: [''],\n    inputsColumnTitle: ['Ore totali', 'Ore seguite'],\n    inputsNamePerColumn: ['oreTotali', 'oreSeguite'],\n    inputType: FormTabellareInputTypes.NUMERIC,\n  }\n`\n\n\n## API\n<div class=\"table-responsive\">\n  <table class=\"table\">\n  <thead>\n    <tr>\n      <th><strong>Campo</strong></th>\n      <th><strong>Descrizione</strong></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td><code>type</code></td>\n      <td>\n        Indica il tipo di configurazione della tabella.\n      </td>\n    </tr>\n    <tr>\n      <td><code>title</code></td>\n      <td>\n        Specifica il titolo della tabella.\n      </td>\n    </tr>\n    <tr>\n      <td><code>rowTitles</code></td>\n      <td>\n        Contiene un array di stringhe che rappresentano i titoli delle righe della tabella.\n      </td>\n    </tr>\n    <tr>\n      <td><code>columnsHeaderTitle</code></td>\n      <td>\n        Un array per definire descrizioni o titoli estesi per le intestazioni delle colonne.\n      </td>\n    </tr>\n    <tr>\n      <td><code>columnsHeader</code></td>\n      <td>\n        Definisce le intestazioni delle colonne.\n      </td>\n    </tr>\n    <tr>\n      <td><code>inputsColumnTitle</code></td>\n      <td>\n        Definisce i titoli delle colonne relative agli input della tabella.\n      </td>\n    </tr>\n    <tr>\n      <td><code>inputsNamePerColumn</code></td>\n      <td>\n        Specifica i nomi degli input associati a ciascuna colonna.\n      </td>\n    </tr>\n     <tr>\n      <td><code>inputType</code></td>\n      <td>\n        Campo di tipo <code>FormTabellareInputTypes</code> che specifica il tipo di input che sarà utilizzato nelle colonne della tabella.\n        <ul>\n          <li>\n            CHECKBOX: Indica che l'input è una casella di controllo (checkbox).\n          </li>\n          <li>\n            NUMERIC: Indica che l'input accetta solo valori numerici.\n          </li>\n          <li>\n            TEXTBOX: Indica che l'input è una casella di testo per l'inserimento libero.\n          </li>\n          <li>\n            DATE: Indica che l'input è un selettore di date.\n          </li>\n        </ul>\n      </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d'utilizzo\n<br />\n<a href=\"?path=/story/components-form-tabellare--form-tabellare-story\">Form Tabellare</a>\n<br/>\n"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/FormTabellareConfig"}),"\n",(0,jsx_runtime.jsx)(FormTabellareConfigReader,{})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={...(0,lib.R)(),...props.components};return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent()}}}]);