{"id":29124932,"url":"https://github.com/glyad/au2-igc-web-components-plugin","last_synced_at":"2026-04-22T23:34:39.088Z","repository":{"id":301959122,"uuid":"1010774853","full_name":"glyad/au2-igc-web-components-plugin","owner":"glyad","description":"Helps you build Aurelia 2 applications using Infragistics IgniteUI for Web Components.","archived":false,"fork":false,"pushed_at":"2025-07-22T20:58:27.000Z","size":903,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-09-13T08:17:40.555Z","etag":null,"topics":["aurelia","aurelia-plugin","aurelia2","igc","igc-webcomponents","ignite-ui","ignite-ui-web-components","infragistics","web-components","webcomponents"],"latest_commit_sha":null,"homepage":"","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/glyad.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-29T19:20:37.000Z","updated_at":"2025-07-22T20:58:30.000Z","dependencies_parsed_at":"2025-06-29T20:36:26.455Z","dependency_job_id":"bcbd5e5b-4c31-42d7-9c14-84998d45e37b","html_url":"https://github.com/glyad/au2-igc-web-components-plugin","commit_stats":null,"previous_names":["glyad/au2-igc-web-components-plugin"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/glyad/au2-igc-web-components-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glyad%2Fau2-igc-web-components-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glyad%2Fau2-igc-web-components-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glyad%2Fau2-igc-web-components-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glyad%2Fau2-igc-web-components-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/glyad","download_url":"https://codeload.github.com/glyad/au2-igc-web-components-plugin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/glyad%2Fau2-igc-web-components-plugin/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32159959,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-22T17:06:48.269Z","status":"ssl_error","status_checked_at":"2026-04-22T17:06:19.037Z","response_time":58,"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":["aurelia","aurelia-plugin","aurelia2","igc","igc-webcomponents","ignite-ui","ignite-ui-web-components","infragistics","web-components","webcomponents"],"created_at":"2025-06-29T21:07:58.152Z","updated_at":"2026-04-22T23:34:39.082Z","avatar_url":"https://github.com/glyad.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Aurelia Ignite UI for Web Components™ Adapter\n\nHelps you build Aurelia 2 applications using Ignite UI for Web Components™. With it you can:\n\n- have two-way binding on Ignite UI web-components.\n\n## Install\n\n1. Install dependencies:\n\n```bash\nnpm install @aurelia/validation @aurelia/validation-html igniteui-webcomponents\n```\n\n2. Install optional dependencies for Aurelia Dialog integration:\n\n```bash\nnpm install @aurelia/dialog\n```\n\n3. Install the plugin:\n\n```bash\nnpm install aurelia-igc-web-components-adapter\n```\n\nor, if you want to directly use plugin's git repo,\n\n```bash\nnpm install git@github.com:glyad/aurelia-igc-web-components-adapter.git\n```\n\n## Learn, How to Use\n\n\u003e See `dev-app/` folder for a working example of the plugin usage.\n\n## Consume the plugin\n\nIn your `main.ts` , import the plugin and register it with Aurelia:\n\n```ts\nimport Aurelia, { AppTask } from 'aurelia';\nimport { ValidationHtmlConfiguration, ValidationTrigger } from '@aurelia/validation-html';\nimport { defineAllComponents } from 'igniteui-webcomponents';\nimport { IgcAdapter } from 'aurelia-igc-web-components-adapter';\nimport { MyApp } from './my-app';\n\nAurelia\n  // Load all exports from the plugin\n  .register(IgcAdapter.customize((options) =\u003e {}))\n  .register(AppTask.activated(() =\u003e {\n            defineAllComponents();\n            // or register specific components:\n            // defineComponents(IgcInputComponent, IgcButtonComponent, ...);\n  }))\n  .register(ValidationHtmlConfiguration.customize((options) =\u003e {\n    options.DefaultTrigger = ValidationTrigger.change;\n  }))\n\n  // Rest of registrations goes here\n  .app(MyApp)\n  .start();\n```\n\nIn your Aurelia component, you can now use Ignite UI for Web Components™ components with two-way binding:\n\n```html\n\u003cigc-input value.bind=\"myValue\"\u003e\u003c/igc-input\u003e\n```\n\nUse standard `validate` binding behavior and igcValidation attribute to the component to enable validation messages defined in your Aurelia validation rules:\n\n```html\n\u003cigc-input type=\"text\" igc-validate value.bind=\"myValue \u0026 validate\" label=\"My Value\" validation-errors.from-view=\"errors\"\u003e\n  \u003cspan slot=\"helper-text\"\u003eThe text should be between 2 and 4 characters or less\u003c/span\u003e\n  \u003cspan slot=\"invalid\"\u003e\u003cspan repeat.for=\"error of errors\"\u003e${error.result.message}\u003c/span\u003e\u003c/span\u003e\n\u003c/igc-input\u003e\n```\n\n## Recipes\n\n### Using Ignite UI for Web Components™ Dialog component without Aurelia Dialog service\n\n```html\n\u003cigc-dialog ref=\"dialog\" title=\"Confirmation\" close-on-outside-click.bind=\"false\"\u003e\n  \u003cp\u003eAre you sure you want to delete the Annual_Report_2016.pdf and Annual_Report_2017.pdf files?\u003c/p\u003e\n  \u003cigc-button slot=\"footer\" click.trigger=\"dialog.hide()\" variant=\"flat\"\u003eCancel\u003c/igc-button\u003e\n  \u003cigc-button slot=\"footer\" click.trigger=\"dialog.hide()\" variant=\"flat\"\u003eOK\u003c/igc-button\u003e\n\u003c/igc-dialog\u003e\n```\n\n### Using Ignite UI for Web Components™ Dialog component with Aurelia Dialog service\n\n- TBD\n\n## Acknowledgements, Licenses, and Copyright Notices\n\nThis project is intended to be used with Ignite UI for Web Components™. The plugin is not affiliated with Infragistics, Inc. or its products and services. This project is licensed under the MIT License. The Ignite UI for Web Components™ library is licensed under the separate [Infragistics license](https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/general-licensing#license-agreements-in-ignite-ui-for-web-components).\n\nCopyright © 2025 David Kossoglyad\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglyad%2Fau2-igc-web-components-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fglyad%2Fau2-igc-web-components-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fglyad%2Fau2-igc-web-components-plugin/lists"}