"use strict";(self.webpackChunkangular_storybook_project=self.webpackChunkangular_storybook_project||[]).push([[3681],{"./src/common/shared/models-mdx/ActionItem.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 ActionItemReader=()=>react.createElement("div",{className:"panel-content"},react.createElement(dist.oz,null,"# ActionItem\n\nDocumentazione dettagliata dell' oggetto custom  **ActionItem**, usato nei componenti di Intranet Webkit v17. \n**ActionItem** viene usato per costruire azioni custom tramite la struttura definita dal costruttore.\n\n## Implementazione\n<div class=\"table-responsive\">`import { ActionItem } from '@inail/angular-core'`</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)`\n\n***Esempio d'uso:***\n` action: new ActionItem(\n   'BUTTON.DOWNLOAD_FILE', //name\n   () => {}, //action\n   'download' //icon\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>name</code></td>\n        <td>\n          Campo di tipo string che definisce il nome dell'azione.\n        </td>\n      </tr>\n      <tr>\n        <td><code>action</code></td>\n        <td>\n          Campo che assegna una funzione all'ActionItem.\n        </td>\n      </tr>\n      <tr>\n        <td><code>icon</code></td>\n        <td>\n          Campo non obbligatorio. Può essere una stringa o un array di stringhe. Assegna un' icona all' azione.\n        </td>\n      </tr>\n      <tr>\n        <td><code>type</code></td>\n        <td>\n          Campo di tipo <code>ActionItemType</code> che definisce il tipo di azione. Il valore di default è 'NORMAL', tra i possibili valori:\n          <ul>\n            <li>\n              LINK\n            </li>\n            <li>\n              NORMAL\n            </li>\n            <li>\n              SECONDARY\n            </li>\n            <li>\n              ICON\n            </li>\n          </ul>\n        <code>type ActionItemType =  'LINK' | 'NORMAL' | 'SECONDARY' | 'ICON'</code>\n        </td>\n      </tr>\n      <tr>\n        <td><code>auth</code></td>\n        <td>\n          Campo non obbligatorio. Può essere una stringa o un array di stringhe.\n        </td>\n      </tr>\n      <tr>\n        <td><code>disabled</code></td>\n        <td>\n          Campo non obbligatorio. Booleano che disabilita l'azione.\n        </td>\n      </tr>\n      <tr>\n        <td><code>extra</code></td>\n        <td>\n          Campo di tipo <code>ACTION_ITEM_EXTRA_OPTIONS</code> che aggiunge attributi extra all'oggetto <code>ActionItem</code>.\n          <code>interface ACTION_ITEM_EXTRA_OPTIONS { popoverTemplate?: any; popoverTitle?: string; }</code>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</div>\n\n## Casi d'utilizzo\n<br />\n<a href=\"?path=/story/components-buttons-action--action\">Action</a>\n<br/>\n<a href=\"?path=/story/components-buttons-actions-dropdown--actions-dropdown\">Action Dropdown</a>\n<br/>\n<a href=\"?path=/story/components-elements-badge--badge\">Badge</a>\n<br/>\n<a href=\"?path=/story/components-elements-feedback--feedback\">Feedback</a>\n<br/>\n<a href=\"?path=/story/components-elements-sticky--sticky\">Sticky</a>\n<br/>\n<a href=\"?path=/story/components-expandable-panel--expandable-panel\">Expandable Panel</a>\n<br/>\n<a href=\"?path=/story/components-form-form-controls-checkbox--checkbox\">Form Controls (tranne Date e Double Date)</a>\n<br/>\n<a href=\"?path=/story/components-modal-basic--basic-modal\">Modal</a>\n<br/>\n<a href=\"?path=/story/components-table-paginated--table-pagination\">Paginated Table</a>"));function _createMdxContent(props){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dist.W8,{title:"Resources/Models/ActionItem"}),"\n",(0,jsx_runtime.jsx)(ActionItemReader,{})]})}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()}}}]);