"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[3313],{"./src/common/shared/models-mdx/FilterText.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 FilterTextReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# FilterText\n\nDocumentazione dettagliata della custom class **FilterText**, usata nei componenti di Internet Webkit v17. \n**FilterText** viene utilizzata per creare filtri di ricerca semplici o avanzati.\n\n## Implementazione\n<div class=\"table-responsive\">`import { SearchFilterComponent } from '@inail/internet-webkit/search-filter';`</div>\n<br />\n\n***Struttura:***\n`\tconstructor(labelId: string,\n  dtoField: string,\n  size?: string,\n  tooltip?: any,\n  validators?: any,\n  errmessageLabel?: ErrorLabel[],\n  advancedFilter: boolean)`\n\n***Esempio d'uso:***\n<br />\n`filter = new FilterText('Advanced Filter', 'email', '12|4|4', '', '', undefined, true)`\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>labelId</code></td>\n      <td>\n        Campo di tipo string che assegna un id al filtro.\n      </td>\n    </tr>\n    <tr>\n      <td><code>dtoField</code></td>\n      <td>\n        Campo di tipo string che assegna al filtro il campo su cui applicare la ricerca.\n      </td>\n    </tr>\n    <tr>\n      <td><code>size</code></td>\n      <td>\n        Campo di tipo string non obbligatorio che assegna il `BootstrapSize` al filtro, come spiegato nella <a href=\"?path=/docs/resources-models-bootstrapsize--docs\">documentazione di BootstrapSize</a>.\n      </td>\n    </tr>\n    <tr>\n      <td><code>tooltip</code></td>\n      <td>\n        Campo non obbligatorio che si usa per assegnare un tooltip al un filtro di ricerca.\n      </td>\n    </tr>\n    <tr>\n      <td><code>validators</code></td>\n      <td>\n        Campo non obbligatorio tramite il quale possiamo assegnare delle regole di validazione al input di filtro ricerca, come in un Form.\n      </td>\n    </tr>\n    <tr>\n      <td><code>errMessageLabel</code></td>\n      <td>\n        Campo non obbligatorio. Un array di <a href=\"?path=/docs/resources-models-errorlabel--docs\">ErrorLabel</a> che si usa per impostare dei messaggi di errore nel caso in cui abbiamo impostate delle regole di validazione tramite `validators`.\n      </td>\n    </tr>\n    <tr>\n      <td><code>advancedFilter</code></td>\n      <td>\n        Campo di tipo boolean che decide se il filtro di ricerca è semplice (`false`) o avanzato (`true`). Quando è `true`, il filtro creato si mostra condizionalmente in una sezione speciale del componente <a href=\"?path=/story/components-searchfilter--search-filter\">Search Filter</a> trammite il valore dei input booleano `showAdvancedFilter`.\n      </td>\n    </tr>\n    <tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d'utilizzo\n<br />\n<a href=\"?path=/story/components-searchfilter--search-filter\">Search Filter</a>"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/FilterText"}),"\n",(0,jsx_runtime.jsx)(FilterTextReader,{})]})}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()}}}]);