{"kind":"javascript-module","path":"src/components/fhi-modal-dialog/fhi-modal-dialog.component.ts","declarations":[{"kind":"class","description":"## FHI Modal Dialog\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-modal-dialog--docs\n\nThe `fhi-modal-dialog` component is used to display important information or prompt the user for input in a modal window.\nIt overlays the main content and usually requires user interaction before returning to the underlying page.","name":"FhiModalDialog","slots":[{"description":"The main content of the dialog. Typically contains text or form elements.","name":"body"},{"description":"The footer content of the dialog, typically containing action buttons.","name":"footer"}],"members":[{"kind":"field","name":"_bodyOverflowStyle","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"_dialog","type":{"text":"HTMLDialogElement"},"privacy":"private"},{"kind":"method","name":"_dispatchCloseEvent","privacy":"private"},{"kind":"method","name":"_dispatchToggleEvent","privacy":"private"},{"kind":"method","name":"_focusDialog","privacy":"private"},{"kind":"field","name":"_footer","type":{"text":"HTMLElement"},"privacy":"private"},{"kind":"field","name":"_footerSlot","type":{"text":"HTMLSlotElement"},"privacy":"private"},{"kind":"method","name":"_handleCloseButtonClick","privacy":"private"},{"kind":"method","name":"_handleDialogContentMouseDown","privacy":"private"},{"kind":"method","name":"_handleDialogMouseUp","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"_handleFooterSlotChange","privacy":"private"},{"kind":"field","name":"_mouseDownInsideDialog","type":{"text":"boolean"},"privacy":"private","default":"false"},{"kind":"method","name":"_toggleFooter","privacy":"private"},{"kind":"field","name":"_triggerElement","type":{"text":"HTMLElement | null"},"privacy":"private","default":"null"},{"kind":"method","name":"close","privacy":"public","description":"Programmatically closes the dialog.\nYou can also close the dialog by instead setting the `open` property to `false`."},{"kind":"field","name":"closeButtonLabel","type":{"text":"string"},"default":"''","description":"Label for the close button.","attribute":"close-button-label"},{"kind":"method","name":"handleKeyPress","privacy":"private","parameters":[{"name":"event","type":{"text":"KeyboardEvent"}}]},{"kind":"field","name":"heading","type":{"text":"string"},"default":"''","description":"The heading text of the dialog. This is displayed at the top of the dialog.","attribute":"heading"},{"kind":"field","name":"open","type":{"text":"boolean"},"default":"false","description":"Decides whether the dialog is open or closed.\nBy setting this property to true, the dialog will be shown. Setting it to false will close the dialog.\n\nThis property is reflected as an attribute and will therefor also change if the user toggles the dialog or\nif you use the `show()` and `close()` methods.","reflects":true,"attribute":"open"},{"kind":"method","name":"show","privacy":"public","description":"Programmatically opens the dialog.\nYou can also open the dialog by instead setting the `open` property to `true`."},{"kind":"field","name":"size","type":{"text":"'small' | 'medium'"},"default":"'medium'","description":"`}","attribute":"size","reflects":true}],"events":[{"name":"close","type":{"text":"Event"},"description":"Standard DOM event with the type `close`\nThis event is fired whenever the dialog is closed."},{"name":"toggle","type":{"text":"Event"},"description":"Standard DOM event with the type `toggle`\nThis event is fired whenever the dialog is opened or closed."}],"attributes":[{"name":"close-button-label","type":{"text":"string"},"default":"''","description":"Label for the close button.","fieldName":"closeButtonLabel"},{"name":"heading","type":{"text":"string"},"default":"''","description":"The heading text of the dialog. This is displayed at the top of the dialog.","fieldName":"heading"},{"name":"open","type":{"text":"boolean"},"default":"false","description":"Decides whether the dialog is open or closed.\nBy setting this property to true, the dialog will be shown. Setting it to false will close the dialog.\n\nThis property is reflected as an attribute and will therefor also change if the user toggles the dialog or\nif you use the `show()` and `close()` methods.","fieldName":"open"},{"name":"size","type":{"text":"'small' | 'medium'"},"default":"'medium'","description":"`}","fieldName":"size"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-modal-dialog","customElement":true},{"kind":"variable","name":"FhiModalDialogSelector","type":{"text":"string"},"default":"'fhi-modal-dialog'"}]}