Installation

npm i -S @agesse/a11y-components

puis dans le module qui consomme les web-components, ajouter le schemas CUSTOM_ELEMENT_SCHEMA

import {CUSTOM_ELEMENTS_SCHEMA, NgModule} from "@angular/core";
import { defineCustomElements } from "@pe-a11y/web-components/dist/loader";
defineCustomElements(window);

@NgModule({
  ...
  schemas: [CUSTOM_ELEMENTS_SCHEMA]
  ...
})
export class MonModuleCustom {}

il est ensuite possible d'utiliser les composants stencil directement depuis le HTML.

Javascript natif

Importer directement le fichier dans index.html :

<script
  type="module"
  src="node_modules/@agesse/a11y-components/dist/pea11y/pea11y.esm.js"
></script>