{"id":13805459,"url":"https://github.com/boguz/burgton-button","last_synced_at":"2026-02-19T08:52:07.993Z","repository":{"id":41668691,"uuid":"252509167","full_name":"boguz/burgton-button","owner":"boguz","description":"A simple customisable lit-element burger button","archived":false,"fork":false,"pushed_at":"2023-03-04T12:02:08.000Z","size":925,"stargazers_count":18,"open_issues_count":14,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-10-11T22:26:41.779Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://boguz.github.io/burgton-button-docs/","language":"JavaScript","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/boguz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-04-02T16:30:45.000Z","updated_at":"2025-06-12T14:30:39.000Z","dependencies_parsed_at":"2024-04-09T22:50:41.266Z","dependency_job_id":"09fac19d-cb51-4747-ab1b-795fe54af0fa","html_url":"https://github.com/boguz/burgton-button","commit_stats":{"total_commits":42,"total_committers":3,"mean_commits":14.0,"dds":"0.30952380952380953","last_synced_commit":"774b140c6ac4e60f2b40d0ecbcb63cf914ae548f"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/boguz/burgton-button","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boguz%2Fburgton-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boguz%2Fburgton-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boguz%2Fburgton-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boguz%2Fburgton-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/boguz","download_url":"https://codeload.github.com/boguz/burgton-button/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boguz%2Fburgton-button/sbom","scorecard":{"id":246958,"data":{"date":"2025-08-11","repo":{"name":"github.com/boguz/burgton-button","commit":"774b140c6ac4e60f2b40d0ecbcb63cf914ae548f"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Code-Review","score":0,"reason":"Found 0/14 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 16 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"59 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-2j2x-2gpw-g8fm","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-4q6p-r6v2-jvc5","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-593f-38f6-jp5m","Warn: Project is vulnerable to: GHSA-x2rg-q646-7m2v","Warn: Project is vulnerable to: GHSA-jgmv-j7ww-jx2x","Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-w7rc-rwvf-8q5r","Warn: Project is vulnerable to: GHSA-r683-j2x4-v87g","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-g6ww-v8xp-vmwg","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-29xr-v42j-r956","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-w5p7-h5w8-2hfq","Warn: Project is vulnerable to: GHSA-662x-fhqg-9p8v","Warn: Project is vulnerable to: GHSA-394c-5j6w-4xmx","Warn: Project is vulnerable to: GHSA-78cj-fxph-m83p","Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3","Warn: Project is vulnerable to: GHSA-mgfv-m47x-4wqp","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-17T07:46:42.886Z","repository_id":41668691,"created_at":"2025-08-17T07:46:42.886Z","updated_at":"2025-08-17T07:46:42.886Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29609222,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-19T06:47:36.664Z","status":"ssl_error","status_checked_at":"2026-02-19T06:45:47.551Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":"2024-08-04T01:01:01.356Z","updated_at":"2026-02-19T08:52:07.966Z","avatar_url":"https://github.com/boguz.png","language":"JavaScript","funding_links":[],"categories":["Standalone Components"],"sub_categories":[],"readme":"# burgton-button\n`\u003cburgton-button\u003e` is a simple, customisable and accessible lit-element menu burger button that you can use in your projects.\n\nAmongst other features, it allows you to choose from different animations, customise colors, animation speed and event toggle classes on multiple targets on the page.\n\n\n## DEMO\nYou can find examples of the different button possibilities on the [documentation page](https://boguz.github.io/burgton-button-docs/)\n\n\n## DOCUMENTATION\nOn the [documentation page](https://boguz.github.io/burgton-button-docs/) you can find an easy to follow \"Getting Started\" guide, as well as a API description so you can fully customize your `\u003cburgton-button\u003e` element.\n\n\n## GETTING STARTED\nYou can use the \u003cburgton-button\u003e element on your project in 3 simple steps:\n\n1. Install the `\u003cburgton-button\u003e` on your project via NPM (or download it here)\n\n   ```javascript\n   npm install burgton-button\n   ```\n   \n2. Import the `\u003cburgton-button\u003e` module on your project\n   \n    ```html\n    \u003cscript type=\"module\" src=\"node_modules/burgton-button/index.js\"\u003e\u003c/script\u003e\n    ```\n   \n3. Add the \u003cburgton-button\u003e element to your page and customize it to your taste\n\n    ```html\n    \u003cburgton-button type=\"astronaut\"\u003e\u003c/burgton-button\u003e\n    ```\n\n\n## API\n\n#### Attributes\nYou can use some attributes to customize your `\u003cburgton-button\u003e` button\n\n| Attribute | Description | Valid Values  | Default | Example |\n| --------- | ----------- | ------------- | ------- | ------- |\n| `type` | Defines the button animation | 'default', 'arrow-left', 'arrow-right', 'arrow-to-arrow', 'astronaut', 'async', 'crossed', 'ellipsis', 'fall-down', 'minus', 'rotator', 'spin', 'underlined', 'vertical-rotator', 'zoom' | 'default' | `\u003cburgton-button type=\"astronaut\"\u003e\u003c/burgton-button\u003e` |\n| `label` | Defines the text that will be show with the button | String | - | `\u003cburgton-button label=\"Menu\"\u003e\u003c/burgton-button\u003e` |\n| `labelPosition` | Defines the position of the label text in relation to the button | 'top', 'bottom', 'right', 'left' | - | `\u003cburgton-button label=\"Menu\" labelPosition=\"top\"\u003e\u003c/burgton-button\u003e` |\n| `targetSelectors` | Defines on which elements you want to toggle a class when the button is clicked. You can select multiple elements by separating the selectors with a comma | CSS Selector | - | `\u003cburgton-button targetSelectors=\"#circle-one, .circle-two\" targetClasses=\"active, colorful\"\u003e\u003c/burgton-button\u003e` |\n| `targetClasses` | Defines the class that will be toggled on the selected element. The number of classes must match the number of selectors | CSS selector | - | `\u003cburgton-button targetSelectors=\"#circle-three\" targetClasses=\"active\"\u003e\u003c/burgton-button\u003e` |\n| `description` | Defines the default text for the 'aria-label' attribute. This value is overwritten with the `label` text (if present) | String | 'Menu button' | `\u003cburgton-button description=\"Menu on/off button\"\u003e\u003c/burgton-button\u003e` |\n| `noAnimation` | Disables the button animation, making the transition between inactive and active states immediate | - | - | `\u003cburgton-button noAnimation\u003e\u003c/burgton-button\u003e` |\n\n#### Styles\n`\u003cburgton-button\u003e` exposes several CSS custom properties that you can use to further customize it.\n\n| Property | Description | Valid Values  | Default | Example |\n| -------- | ----------- | ------------- | ------- | ------- |\n| `--burgton-button-line-color` | Set the color of the button lines | CSS color value | #66cc99 | `--burgton-button-line-color: tomato;` |\n| `--burgton-button-line-color-active` | Set the color of the button lines when it is active. If not defined will inherit color from inactive state. | CSS color value | `--burgton-button-line-color` | `--burgton-button-line-color-active: purple;` |\n| `--burgton-button-animation-duration` | Set the animation duration | CSS time value | 500ms | `--burgton-button-animation-duration: .75s;` |\n| `--burgton-button-easing` | Set the animation easing | CSS easing value | ease-in-out | `--burgton-button-easing: ease-out;` |\n| `--burgton-button-scale` | Set the button scale (size) | Number (multiplier) | 1 | `--burgton-button-scale: 1.3;` |\n| `--burgton-button-border-radius` | Set the button lines border-radius | CSS border-radius value | 0px | `--burgton-button-border-radius: 2px;` |\n| `--burgton-button-label-font-size` | Set the font-size for the button label | CSS font-size value | 14px | `--burgton-button-label-font-size: 1rem;` |\n| `--burgton-button-label-font-color` | Set the font color for the button label | CSS color value | #999999 | `--burgton-button-label-font-color: white;` |\n| `--burgton-button-label-font-color-active` | Set the font color for the label text when the button is active | CSS color value | #999999 | `--burgton-button-label-font-color-active: purple;` |\n| `--burgton-button-label-font-weight` | Set the font weight for the label text when the button is active | CSS font-weight value | inherit | `--burgton-button-label-font-weight: 600;` |\n| `--burgton-button-label-text-transform` | Set the text-transform for the label text when the button is active | CSS text-transform value | uppercase | `--burgton-button-label-text-transform: capitalize;` |\n\n#### Methods\n`\u003cburgton-button\u003e` exposes several methods which you can call from your application. \n\n| Method | Description | Example |\n| ------ | ----------- | ------- |\n| `.toggleState()` | Toggle between the button's active and inactive state | `yourButton.toggleState();` |\n| `.activate()` | Activate the button | `yourButton.activate();` |\n| `.deactivate()` | Deactivate the button | `yourButton.deactivate();` |\n\n#### Events\n`\u003cburgton-button\u003e fires several custom events so you can react to them on your application.\n\n| Event | Description |\n| ----- | ----------- |\n| `burgton-button-state-change` | Fires whenever the button's state changes |\n| `burgton-button-click` | Fires whenever the button is clicked |\n| `burgton-button-activate` | Fires whenever the button state becomes active |\n| `burgton-button-deactivate`  | Fires whenever the button state becomes inactive |\n\n#### A11y\nAccessibility is very important, so we try to implement some good practices to reach as many users as possible and provide them a good experience.\nWe do this mainly by adding several relevant aria attributes and also by giving you the possibility to change them via attributes.\n\n\n## CONTRIBUTING\nIf you have any ideas, suggestions or question you can open an issue on this [github repo](https://github.com/boguz/burgton-button).\n\nYou can also find the burgton-button package on [NPM](https://www.npmjs.com/package/burgton-button).\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboguz%2Fburgton-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fboguz%2Fburgton-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboguz%2Fburgton-button/lists"}