{"id":21923704,"url":"https://github.com/zsarnett/lit-grid-layout","last_synced_at":"2025-04-19T15:41:22.280Z","repository":{"id":42740229,"uuid":"282113736","full_name":"zsarnett/Lit-Grid-Layout","owner":"zsarnett","description":"Grid Layout using Lit Element","archived":false,"fork":false,"pushed_at":"2023-01-06T13:21:52.000Z","size":884,"stargazers_count":29,"open_issues_count":11,"forks_count":2,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-11-17T19:49:36.453Z","etag":null,"topics":["dom","drag","grid-items","grid-layout","javascript","lit-element","litelement","typescript","webcomponents"],"latest_commit_sha":null,"homepage":"https://lit-grid-layout.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zsarnett.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"zsarnett"}},"created_at":"2020-07-24T03:30:53.000Z","updated_at":"2024-09-01T15:48:32.000Z","dependencies_parsed_at":"2023-02-06T04:16:55.622Z","dependency_job_id":null,"html_url":"https://github.com/zsarnett/Lit-Grid-Layout","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zsarnett%2FLit-Grid-Layout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zsarnett%2FLit-Grid-Layout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zsarnett%2FLit-Grid-Layout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zsarnett%2FLit-Grid-Layout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zsarnett","download_url":"https://codeload.github.com/zsarnett/Lit-Grid-Layout/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226986543,"owners_count":17713649,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dom","drag","grid-items","grid-layout","javascript","lit-element","litelement","typescript","webcomponents"],"created_at":"2024-11-28T21:12:36.009Z","updated_at":"2024-11-28T21:12:36.635Z","avatar_url":"https://github.com/zsarnett.png","language":"TypeScript","funding_links":["https://github.com/sponsors/zsarnett"],"categories":[],"sub_categories":[],"readme":"[![npm version](https://badge.fury.io/js/lit-grid-layout.svg)](https://badge.fury.io/js/lit-grid-layout) ![Build](https://github.com/zsarnett/Lit-Grid-Layout/workflows/Build/badge.svg) [![Known Vulnerabilities](https://snyk.io/test/github/zsarnett/Lit-Grid-Layout/badge.svg?targetFile=package.json)](https://snyk.io/test/github/zsarnett/Lit-Grid-Layout?targetFile=package.json)\n[![Maintainability](https://api.codeclimate.com/v1/badges/0a099815e11e9780102d/maintainability)](https://codeclimate.com/github/zsarnett/Lit-Grid-Layout/maintainability)\n\n# Lit Grid Layout\n\nDraggable and Resizable Grid Layout for Lit Element\n\n![31bb22ab7750bf9292e982d0cab4a2ea](https://user-images.githubusercontent.com/18730868/88720705-e7512180-d0ea-11ea-9437-5269c2017920.gif)\n[[Demo](https://lit-grid-layout.netlify.app/)]\n\n### Todo\n\n- [x] Create Layout algorithm that takes a layout array [{width, height, x, y}] and sorts its, and places it in the DOM without going over bounds, etc\n- [x] Ability to drag the Grid Items around the DOM and regenerate the layout when it is moved.\n- [x] Ability to resize the Grid Items and regenerate the layout when moved\n- [x] Ability to specify an element for the drag handle\n- [ ] Ability to specify an element for the drag handle through a shadowroot\n- [x] Fix Mobile resizing\n- [ ] Test the code, review the code, make sure we are production ready\n  - [ ] Add edge cases, only update if we need to, checks in place to not break\n\n### Note\n\nThis library has not been fully released. I will not be including any breaking changes or release notes as this is being actively developed. Please star the repo and set up watch for releases. I will release the main version as 1.2. This will be after I fully integrate and finalize the implementaion into Home Assistant\n\nPlease consider sponsoring me via Github Sponsors to show support for this repo.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzsarnett%2Flit-grid-layout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzsarnett%2Flit-grid-layout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzsarnett%2Flit-grid-layout/lists"}