{"kind":"javascript-module","path":"src/components/fhi-grid/fhi-grid.component.ts","declarations":[{"kind":"class","description":"## FHI Grid\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-grid--docs\n\nThe `<fhi-grid>` component is a grid container that uses CSS Grid Layout to organize its child elements into a structured grid format.\nIt allows for easy control over the number of columns and the spacing between grid items.","name":"FhiGrid","members":[{"kind":"field","name":"columns","type":{"text":"number"},"default":"12","description":"Sets the number of columns in the grid layout.","attribute":"columns"},{"kind":"field","name":"gap","type":{"text":"'small' | 'medium' | 'large' | number | string"},"default":"'medium'","description":"Sets the gap between items within the grid container. It 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.","attribute":"gap"},{"kind":"field","name":"rows","type":{"text":"number"},"default":"1","description":"Sets the number of rows in the grid layout.","attribute":"rows"}],"attributes":[{"name":"columns","type":{"text":"number"},"default":"12","description":"Sets the number of columns in the grid layout.","fieldName":"columns"},{"name":"gap","type":{"text":"'small' | 'medium' | 'large' | number | string"},"default":"'medium'","description":"Sets the gap between items within the grid container. It 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":"rows","type":{"text":"number"},"default":"1","description":"Sets the number of rows in the grid layout.","fieldName":"rows"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-grid","customElement":true},{"kind":"variable","name":"FhiGridSelector","type":{"text":"string"},"default":"'fhi-grid'"}]}