{"kind":"javascript-module","path":"src/components/fhi-flex/fhi-flex.component.ts","declarations":[{"kind":"class","description":"## FHI Flex\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-flex--docs\n\nThe `<fhi-flex>` component is a flexible container that utilizes CSS Flexbox to arrange its child elements in a responsive layout.\nIt allows for easy alignment, spacing, and direction control of its items.","name":"FhiFlex","slots":[{"description":"The content of the flex container. This can include any elements or text.","name":""}],"members":[{"kind":"field","name":"align","type":{"text":"'stretch' | 'start' | 'center' | 'end' | 'baseline'"},"default":"'stretch'","description":"Aligns flex items along the cross axis.","attribute":"align"},{"kind":"field","name":"direction","type":{"text":"'row' | 'column'"},"default":"'row'","description":"Sets the flex direction to either row or column.\nThis determines the main axis along which the flex items are laid out.","reflects":true,"attribute":"direction"},{"kind":"field","name":"gap","type":{"text":"'small' | 'medium' | 'large' | number | string"},"default":"'medium'","description":"Sets the gap between items within the flex container.\nIt can be one of the preset values, a rem or px value, or a number.\nIf you give a number, it will be treated as pixels.","reflects":true,"attribute":"gap"},{"kind":"field","name":"justify","type":{"text":"'start' | 'center' | 'end'"},"default":"'start'","description":"Justifies flex items along the main axis.","attribute":"justify"},{"kind":"field","name":"wrap","type":{"text":"boolean"},"default":"false","description":"Enables wrapping of flex items onto multiple lines if they exceed the container's width.","reflects":true,"attribute":"wrap"}],"attributes":[{"name":"align","type":{"text":"'stretch' | 'start' | 'center' | 'end' | 'baseline'"},"default":"'stretch'","description":"Aligns flex items along the cross axis.","fieldName":"align"},{"name":"direction","type":{"text":"'row' | 'column'"},"default":"'row'","description":"Sets the flex direction to either row or column.\nThis determines the main axis along which the flex items are laid out.","fieldName":"direction"},{"name":"gap","type":{"text":"'small' | 'medium' | 'large' | number | string"},"default":"'medium'","description":"Sets the gap between items within the flex container.\nIt can be one of the preset values, a rem or px value, or a number.\nIf you give a number, it will be treated as pixels.","fieldName":"gap"},{"name":"justify","type":{"text":"'start' | 'center' | 'end'"},"default":"'start'","description":"Justifies flex items along the main axis.","fieldName":"justify"},{"name":"wrap","type":{"text":"boolean"},"default":"false","description":"Enables wrapping of flex items onto multiple lines if they exceed the container's width.","fieldName":"wrap"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-flex","customElement":true},{"kind":"variable","name":"FhiFlexSelector","type":{"text":"string"},"default":"'fhi-flex'"}]}