{"id":19506581,"url":"https://github.com/acryps/vldom-default-directives","last_synced_at":"2026-05-14T17:41:46.250Z","repository":{"id":159277312,"uuid":"443945401","full_name":"acryps/vldom-default-directives","owner":"acryps","description":null,"archived":false,"fork":false,"pushed_at":"2023-06-26T14:01:34.000Z","size":27,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-25T22:22:17.283Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","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/acryps.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-01-03T05:00:08.000Z","updated_at":"2023-08-08T04:46:54.000Z","dependencies_parsed_at":null,"dependency_job_id":"c8384976-31a5-436b-be15-3e191219a0aa","html_url":"https://github.com/acryps/vldom-default-directives","commit_stats":null,"previous_names":["acryps/vldom-default-directives"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/acryps/vldom-default-directives","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fvldom-default-directives","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fvldom-default-directives/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fvldom-default-directives/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fvldom-default-directives/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acryps","download_url":"https://codeload.github.com/acryps/vldom-default-directives/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fvldom-default-directives/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33036377,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-13T13:14:54.681Z","status":"online","status_checked_at":"2026-05-14T02:00:06.663Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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-11-10T22:37:40.724Z","updated_at":"2026-05-14T17:41:46.225Z","avatar_url":"https://github.com/acryps.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# default directives for vldom\nprovides basic directives for vldom projects\n\nUsage: Call `registerDirectives(Component, router)` in your apps main, before using `router.host(...)`. \n\nThen use the directives in your components: \n```\n\u003cui-button ui-click={() =\u003e console.log(\"clicked!\")}\u003e\n    Click Me!\n\u003c/ui-button\u003e\n\n\u003cinput $ui-value={this.somevariable} ui-change={() =\u003e console.log(\"set:\", this.somevariable)}\u003e\u003c/input\u003e\n```\n\n## Directives\n`ui-click`: Sets `onclick` handler and calls value when the element is clicked\u003cbr\u003e\n`ui-focus`: Attaches to `onfocus` and calls value when the element is focused\n\n`ui-href`: Uses `component.navigate` to navigate relative to the current component. Will open native links too, if the route is not found\u003cbr\u003e\n`ui-href-target=\"blank\"`: Opens the `ui-href` links in a new tab/window\u003cbr\u003e\n`ui-href-active`: Sets `ui-active` attribute on page navigation (hashchange)\n\n`$ui-value`: Gets/Sets variable based on input/textarea value.\u003cbr\u003e\n`ui-value`: Defines a object value for a `\u003coption\u003e` in a `\u003cselect\u003e`.\u003cbr\u003e\n`ui-change`: Will be called when an inputs value changes (only when `$ui-value` is used)\n\n`id`: Sets the elements id. Will set `test` property of your component to this element if you use `.test` as the ids value. (Deprecated, use `{this.test = \u003cui-test\u003e\u003c/ui-test\u003e}` instead)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facryps%2Fvldom-default-directives","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facryps%2Fvldom-default-directives","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facryps%2Fvldom-default-directives/lists"}