"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[5574],{"./src/common/shared/models-mdx/RadioTableFormStructure.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 RadioTableFormStructureReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# RadioTableFormStructure\n\nDocumentazione dettagliata dell'oggetto custom **RadioTableFormStructure**, usato nei componenti di Internet Webkit v17. \n**RadioTableFormStructure** è una classe che rappresenta l'intero form come una combinazione strutturata di un’intestazione e righe.\n\n## Implementazione\n<div class=\"table-responsive\">`import { RadioTableFormStructure } from '@inail/internet-webkit/form-controls';`</div>\n<br />\n\n***Struttura:***\n`constructor(\n  header: HeaderRTF,\n  form: FormRowRTF[]\n)\n`\n\n\n***Esempio d'uso:***\n<br />\n` tableFormStructure: new RadioTableFormStructure(\n      new HeaderRTF('INPUT.FULL_NAME', [\n        new OptionRTF('CONIUGE', 'coniuge'),\n        new OptionRTF('FIGLIO/A', 'figlio/a'),\n        new OptionRTF('ALTRO', 'altro'),\n      ]),\n      [\n        new FormRowRTF(\n          'Familiare 1',\n          new FormControl('Simple description for Familiare 1')\n        ),\n        new FormRowRTF(\n          'Familiare 2',\n          new FormControl('Simple description for Familiare 2')\n        ),\n        new FormRowRTF(\n          'Familiare 3',\n          new FormControl('Simple description for Familiare 3')\n        ),\n      ]\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>header</code></td>\n      <td>\n        Campo di tipo <code>HeaderRTF</code> che rappresenta l’intestazione della tabella.\n        <ul>\n          <li>\n            firstLabel: L’etichetta principale per l’intestazione.\n          </li>\n          <li>\n            options: Un elenco di opzioni o configurazioni associate all’intestazione.\n          </li>\n          <li>\n            labelsSize: Un array che definisce le dimensioni delle etichette nell’intestazione.\n          </li>\n        </ul>\n        <code>constructor(firstLabel: string, options: OptionRTF[], labelsSize?: string[] | BootstrapSize[])</code>\n      </td>\n    </tr>\n    <tr>\n      <td><code>form</code></td>\n      <td>\n        Campo di tipo <code>FormRowRTF</code> che rappresenta le righe del form.\n        <ul>\n          <li>\n            label: L’etichetta della riga.\n          </li>\n          <li>\n            control: Rappresenta il controllo per la gestione dei dati in questa riga.\n          </li>\n          <li>\n            template: Un riferimento a un template personalizzato per visualizzare contenuti dinamici nella riga.\n          </li>\n        </ul>\n        <code>constructor(label: string, control: AbstractControl, template?: TemplateRef<any> | undefined);</code>\n      </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n\n## Casi d'utilizzo\n<br />\n<a href=\"?path=/story/components-form-form-sections-radio-table-form--radio-table-form\">Radio Table Form</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/RadioTableFormStructure"}),"\n",(0,jsx_runtime.jsx)(RadioTableFormStructureReader,{})]})}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()}}}]);