メニュー
ARIA-enforced modals via NgxModalService and openNgxModal from @ibenvandeveire/ngx-inform. Use instead of raw CDK Dialog when compliance is required.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Template directives ngxIsAuthenticated, ngxHasFeature, ngxHasPermission and impure pipes from @ibenvandeveire/ngx-authentication.
Route guards from @ibenvandeveire/ngx-authentication: NgxIsAuthenticatedGuard, NgxHasFeatureGuard, NgxHasPermissionGuard. Use with NgxAuthenticatedRoute data.
NgxAuthenticatedHttpClient and provideNgxAuthenticationConfiguration httpClientConfiguration. Use for base URL, withCredentials, authenticated interceptors, and download helper.
NgxAuthenticationAbstractService state: user$, session$, metadata$, hasFeature, hasPermission, global features. Use after provideNgxAuthenticationConfiguration.
Bootstrap @ibenvandeveire/ngx-authentication with provideNgxAuthenticationConfiguration and NgxAuthenticationAbstractService. Use when wiring sign-in/out and auth types.
Angular wrapper for CookieConsent V3 and cookie helpers from @ibenvandeveire/ngx-cookies. Use for setupCookiesHandler, consent observables, set/get/remove cookie, or *hasCookie directive.
| name | ngx-inform-modals |
| description | ARIA-enforced modals via NgxModalService and openNgxModal from @ibenvandeveire/ngx-inform. Use instead of raw CDK Dialog when compliance is required. |
Wraps CDK Dialog with mandatory WCAG/ARIA; non-compliant CDK options disabled.
provideNgxModalConfiguration({
closeOnNavigation: true,
autoClose: true,
modals: {
confirm: {
component: ConfirmModalComponent,
role: 'alertdialog',
panelClass: 'panel-confirm',
},
},
}),
Preset modals: type: 'confirm' in open().
Required: label or labelledById. alertdialog → also describedById (element must exist in DOM).
this.modalService.open<'Confirm' | 'Deny'>({
type: 'confirm',
labelledById: 'confirm-label',
describedById: 'confirm-button',
data: { title: '…' },
}).subscribe((action) => …);
Custom: component: ModalComponent extending NgxModalAbstractComponent.
Maps stream to modal action; use with filter + switchMap for confirm-then-delete flows. Pass service as 2nd arg outside injection context.
NgxModalServiceMock.