{"id":26662804,"url":"https://github.com/speciesfilegroup/sled","last_synced_at":"2026-02-09T02:04:58.896Z","repository":{"id":35072631,"uuid":"184269036","full_name":"SpeciesFileGroup/sled","owner":"SpeciesFileGroup","description":"UI for image segmentation of slide collections","archived":false,"fork":false,"pushed_at":"2024-12-16T05:23:07.000Z","size":4213,"stargazers_count":0,"open_issues_count":5,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-23T08:33:22.624Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SpeciesFileGroup.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-30T13:40:05.000Z","updated_at":"2024-08-14T14:53:32.000Z","dependencies_parsed_at":"2023-01-15T13:14:48.940Z","dependency_job_id":null,"html_url":"https://github.com/SpeciesFileGroup/sled","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/SpeciesFileGroup%2Fsled","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpeciesFileGroup%2Fsled/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpeciesFileGroup%2Fsled/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SpeciesFileGroup%2Fsled/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SpeciesFileGroup","download_url":"https://codeload.github.com/SpeciesFileGroup/sled/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245476709,"owners_count":20621699,"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":[],"created_at":"2025-03-25T14:18:36.128Z","updated_at":"2026-02-09T02:04:57.769Z","avatar_url":"https://github.com/SpeciesFileGroup.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SLED\n\nSled is a UI for grid-based user-driven image segmentation. Applications in processing of natural history specimen collections.\n\n## Running locally\n\n```bash\nnpm install\n\nnpm run dev\n```\n\nNavigate to `http://localhost:8080/` in your browser.\n\n## Installation\n\nWith NPM\n\n```bash\nnpm install @sfg/sled\n```\n\n## For Vue.js 3\n\n### Import component\n\n```javascript\nimport SledComponent from '@sfg/sled'\n\nexport default {\n  components: {\n    SledComponent\n  }\n}\n```\n\n### Typical use\n\n```html\n\u003csled-component\n  :vertical-lines=\"vlines\"\n  :horizontal-lines=\"hlines\"\n  :image-width=\"width\"\n  :image-height=\"height\"\n  :line-weight=\"lineWeight\"\n  :scale=\"scaleForScreen\"\n  :file-image=\"fileImage\"\n  @onComputeCells=\"saveCells\"\n/\u003e\n```\n\n### Events\n\n#### onComputedCells\n\nEvent is triggered each time when horizontal and vertical lines are added and computed to create the cells. Contains information of computed cells.\n\n```json\n{\n  \"index\": 2,\n  \"upperCorner\": { \"x\": 3689.25, \"y\": 0 },\n  \"lowerCorner\": { \"x\": 4919, \"y\": 1700.75 },\n  \"row\": 0,\n  \"column\": 2\n}\n```\n\nAlso tracks a metadata label.\n\n```\n{\n \"metadata\": 'some label',\n}\n```\n\n### Props\n\n#### fileImage\n\nType: `String`\u003cbr\u003e\nRequired: `false`\u003cbr\u003e\nDefault: ''\n\n#### image-width\n\nType: `Number`\u003cbr\u003e\nRequired: `true`\u003cbr\u003e\n\n#### image-height\n\nType: `Number`\u003cbr\u003e\nRequired: `true`\u003cbr\u003e\n\n#### vertical-lines\n\nType: `Array`\u003cbr\u003e\nRequired: `false`\u003cbr\u003e\nDefault: `[]`\n\n#### horizontal-lines\n\nType: `Array`\u003cbr\u003e\nRequired: `false`\u003cbr\u003e\nDefault: `[]`\n\n#### line-weight\n\nType: `Number`\u003cbr\u003e\nRequired: `false`\u003cbr\u003e\nDefault: `4`\n\n#### scale\n\nType: `Number`\u003cbr\u003e\nRequired: `false`\u003cbr\u003e\nDefault: `1`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspeciesfilegroup%2Fsled","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspeciesfilegroup%2Fsled","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspeciesfilegroup%2Fsled/lists"}