"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[7666],{"./src/common/shared/models-mdx/TooltipModel.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 TooltipModelReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,'# TooltipModel\n\nDocumentazione dettagliata dell\'oggetto custom **TooltipModel**, usato nei componenti di Intranet Webkit v17. \n**TooltipModel** è una classe che definisce la struttura e le configurazioni di un tooltip, permettendo di personalizzarne il contenuto (testo o template), il titolo opzionale e i parametri per l\'internazionalizzazione (i18n).\n\n## Implementazione\n<div class="table-responsive">`import {TooltipModel} from \'@inail/intranet-webkit\'`</div>\n<br />\n\n***Struttura:***\n`constructor(\n  content: string | TemplateRef<any>,\n  opts?: TooltipModelOptions\n)\n`\n\n\n***Esempio d\'uso:***\n<br />\n`  tooltip: new TooltipModel(\n    \'This is a tooltip message\', //content\n    {\n      title: \'Tooltip\', //title\n    }\n  ) `\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>content</code></td>\n      <td>\n        Definisce il contenuto principale del tooltip. <br>\n        Tipo:\n        <ul>\n          <li>\n            string: Un semplice messaggio di testo da visualizzare nel tooltip.\n          </li>\n          <li>\n            <code>TemplateRef&lt;any&gt;</code>: Permette di utilizzare un template Angular personalizzato per visualizzare dinamicamente il contenuto del tooltip.\n          </li>\n        </ul>\n      </td>\n    </tr>\n    <tr>\n      <td><code>title</code></td>\n      <td>\n        Titolo opzionale del tooltip, che può fornire un contesto aggiuntivo o fungere da intestazione.\n      </td>\n    </tr>\n    <tr>\n      <td><code>i18params</code></td>\n      <td>\n        Parametro opzionale per l\'internazionalizzazione (i18n).\n      </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d\'utilizzo\n<br />\n<a href="?path=/story/components-form-form-controls-checkbox--checkbox">Checkbox</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-combobox--combobox">Combobox</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-currency--currency">Input Currency</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-date--date">Input Date</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-double-date--double-date">Input Double Date</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-input--input">Input</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-multiple-select--multiple-select">Multi Select</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-number--input-number">Number</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-number-interval--input-number-interval">Number Interval</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-radio--radio">Radio</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-select--select">Select</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-single-checkbox--single-checkbox">Single Checkbox</a>\n<br/>\n<a href="?path=/story/components-form-form-controls-textarea--text-area">Text Area</a>\n<br/>\n<a href="?path=/story/components-form-form-sections-input-label--input-label">Label</a>\n<br/>\n<a href="?path=/story/components-form-form-sections-tooltip--tooltip">Tooltip</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/TooltipModel"}),"\n",(0,jsx_runtime.jsx)(TooltipModelReader,{})]})}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()}}}]);