"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[4905],{"./src/common/shared/models-mdx/AdvancedTab.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 AdvancedTabReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# AdvancedTab\n\nDocumentazione dettagliata dell'oggetto custom  **AdvancedTab**, usato nei componenti di Intranet Webkit v17. \n**AdvancedTab** viene utilizzato per creare un tab con piu attributi del <a href=\"?path=/docs/resources-models-tab--docs\">Tab semplice</a>.\n\n## Implementazione\n<div class=\"table-responsive\">`import { AdvancedTab } from '@inail/intranet-webkit/tabs';`</div>\n<br />\n\n***Struttura:***\n`constructor(\n\tid: number,\n\ttitle: string,\n\thasError: boolean,\n\tdisable: boolean,\n\ttemplateNo: any,\n\toptions: AdvancedTabOptions = {}\n) {\n  super(id, title, hasError, disable, templateNo);\n\tthis.icon = options.icon;\n}`\n\n***Esempio d'uso:***\n`new AdvancedTab(1, 'TITLE.TAB_1', false, false, 1)`\n\n## API\n<div class=\"table-responsive\">\n  <table class=\"table table-documentation\">\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>id</code></td>\n      <td>\n        Campo numerico che assegna un ID al tab.\n      </td>\n    </tr>\n    <tr>\n      <td><code>title</code></td>\n      <td>\n        Campo di tipo `string` che imposta il titolo del tab creato.\n      </td>\n    </tr>\n    <tr>\n      <td><code>hasError</code></td>\n      <td>\n        Booleano che, quando è impostato a `true`, mostra un errore nel tab.\n      </td>\n    </tr>\n    <tr>\n      <td><code>disable</code></td>\n      <td>\n        Booleano che, quando è impostato su `true`, disabilita il tab.\n      </td>\n    </tr>\n    <tr>\n      <td><code>templateNo</code></td>\n      <td>\n        Campo che imposta l' index (partendo da 1) del template visualizzato nel tab corrente. I template sono in un array di `TemplateRef` che contiene referenze a degli `<ng-template #id>`, dove l' `#id` serve come referenza per l' input `[templates]=\"[id]\"`.\n      </td>\n    </tr>\n    <tr>\n      <td><code>options</code></td>\n      <td>\n        Oggetto di tipo `AdvancedTabOptions`. Questa è un'interfaccia semplice, che contiene un solo campo di tipo stringa per impostare un'icona nel tab creato tramite la classe  `AdvancedTab`.\n        `interface AdvancedTabOptions {\n\t      icon?: string;\n}`\n      </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d'utilizzo\n<br />\n<a href=\"?path=/story/components-tabs-tabs--tabs\">Tabs</a>\n"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/AdvancedTab"}),"\n",(0,jsx_runtime.jsx)(AdvancedTabReader,{})]})}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()}}}]);