"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[8702],{"./src/common/shared/models-mdx/ModalActionItem.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 ModalActionItemReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# ModalActionItem\n\nDocumentazione dettagliata dell' oggetto custom **ModalActionItem**, usato nei componenti di Intranet Webkit v17.\n**ModalActionItem** estende la classe **ActionItem** aggiungendo la possibilità di definire una posizione specifica tramite l'attributo position.\n\n## Implementazione\n<div class=\"table-responsive\">`import { ModalActionItem } from '@inail/intranet-webkit/modals';`</div>\n<br />\n\n***Struttura:***\n`constructor(\n  name: string,\n  action: (action: ActionItem, item: any, onComplete?: Function) => any,\n  icon?: string | string[] | undefined,\n  type?: ActionItemType = 'NORMAL',\n  auth?: string | Array<string>,\n  disabled?: boolean,\n  extra?: ACTION_ITEM_EXTRA_OPTIONS = {},\n  position?: VerticalAlign = VerticalAlign.RIGHT\n)`\n\n***Esempio d'uso:***\n` modalAction = new ModalActionItem('BUTTON.CLOSE', () => {\n\t\t\tthis.close();\n\t\t}),;`\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>name</code></td>\n      <td> Campo di tipo string che definisce il nome dell' azione. </td>\n    </tr>\n    <tr>\n      <td><code>action</code></td>\n      <td> Campo che assegna una funzione al <code>ModalActionItem</code>. </td>\n    </tr>\n    <tr>\n      <td><code>icon</code></td>\n      <td> Campo non obbligatorio. Può essere una stringa o un array di stringhe. Assegna un'icona all' azione. </td>\n    </tr>\n    <tr>\n      <td><code>type</code></td>\n      <td> Campo di tipo <code>ActionItemType</code> che definisce il tipo di azione. Il valore predefinito è <code>'NORMAL'</code>, tra i possibili valori: <ul>\n          <li> LINK </li>\n          <li> NORMAL </li>\n          <li> SECONDARY </li>\n          <li> ICON </li>\n        </ul> <code>type ActionItemType = 'LINK' | 'NORMAL' | 'SECONDARY' | 'ICON'</code> </td>\n    </tr>\n    <tr>\n      <td><code>auth</code></td>\n      <td> Campo non-obbligatorio. Può essere una stringa o un array di stringhe. </td>\n    </tr>\n    <tr>\n      <td><code>disabled</code></td>\n      <td> Campo non-obbligatorio. Booleano che disabilita l'azione. </td>\n    </tr>\n    <tr>\n      <td><code>extra</code></td>\n      <td> Campo tipo <code>ACTION_ITEM_EXTRA_OPTIONS</code> che aggiunge attributi extra all' oggetto <code>ModalActionItem</code>. <code>interface ACTION_ITEM_EXTRA_OPTIONS { popoverTemplate?: any; popoverTitle?: string; }</code> </td>\n    </tr>\n    <tr>\n      <td><code>position</code></td>\n      <td> Campo non obbligatorio. Specifica l'allineamento verticale dell'azione. I valori validi sono definiti nell'enumerazione <code>VerticalAlign</code>: <ul>\n          <li> TOP </li>\n          <li> MIDDLE </li>\n          <li> BOTTOM </li>\n          <li> LEFT </li>\n          <li> RIGHT </li>\n        </ul> <code>enum VerticalAlign { TOP = 'top', MIDDLE = 'middle', BOTTOM = 'bottom', LEFT = 'left', RIGHT = 'right' }</code> </td>\n    </tr>\n  </tbody>\n</table>\n</div>\n\n## Casi d'utilizzo\n<br/>\n<a href=\"?path=/story/components-modal-basic--basic-modal\">Modal</a>\n<br/>\n<a href=\"?path=/story/components-modal-form--modal-with-form\">Form Modal</a>\n\n"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/ModalActionItem"}),"\n",(0,jsx_runtime.jsx)(ModalActionItemReader,{})]})}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()}}}]);
//# sourceMappingURL=common-shared-models-mdx-ModalActionItem-mdx.e4f733cd.iframe.bundle.js.map