Repository Analysis

angular/components

Component infrastructure and Material Design components for Angular

0.8 Likely human-written View on GitHub
0.8
Adjusted Score
0.8
Raw Score
100%
Time Factor
2026-05-29
Last Push
25,031
Stars
TypeScript
Language
495,949
Lines of Code
4152
Files
332
Pattern Hits
2026-05-31
Scan Date

Score History

Severity Breakdown

CRITICAL 8HIGH 0MEDIUM 4LOW 320

Pattern Findings

332 matches across 6 categories. Click a row to expand file-level details.

Hyper-Verbose Identifiers198 hits · 221 pts
SeverityFileLineSnippet
LOWtools/example-module/generate-example-module.ts31function inlineExampleModuleTemplate(parsedData: AnalyzedExamples): string {
LOWtools/example-module/generate-example-module.ts161function assertReferencedExampleFileExists(
LOWtools/dgeni/common/sort-members.ts4export function sortCategorizedMethodMembers(
LOWtools/dgeni/common/sort-members.ts30export function sortCategorizedPropertyMembers(
LOWtools/dgeni/common/normalize-function-parameters.ts32export function normalizeFunctionParameters(doc: DefaultFunctionDoc) {
LOWtools/stylelint/cross-package-import-validation.ts69function convertToProjectRelativePosixPath(fileName: string): string {
LOWtools/stylelint/no-unused-import.ts63function extractNamespaceFromUseStatement(params: string): string | null {
LOWtools/tslint-rules/lightweightTokensRule.ts43function checkSourceFileForLightweightTokens(ctx: Context, typeChecker: ts.TypeChecker): void {
LOWtools/tslint-rules/lightweightTokensRule.ts62function checkClassDeclarationForLightweightToken(
LOWtools/tslint-rules/lightweightTokensRule.ts85function checkConstructorForLightweightTokens(
LOWtools/sass/local-sass-importer.ts12export function createLocalAngularPackageImporter(packageDirAbsPath: string): FileImporter {
LOWtest/karma.conf.js139function splitBrowsersIntoInstances(browsers, maxInstances) {
LOWdocs/src/app/shared/style-manager/style-manager.ts36function getExistingLinkElementByKey(key: string) {
LOWdocs/src/app/shared/analytics/format-error.ts13export function formatErrorEventForAnalytics(event: ErrorEvent): string {
LOWgoldens/cdk/tree/index.api.md306export function getMultipleTreeControlsError(): Error;
LOWgoldens/cdk/tree/index.api.md309export function getTreeControlMissingError(): Error;
LOWgoldens/cdk/tree/index.api.md312export function getTreeMissingMatchingNodeDefError(): Error;
LOWgoldens/cdk/tree/index.api.md315export function getTreeMultipleDefaultNodeDefsError(): Error;
LOWgoldens/cdk/tree/index.api.md318export function getTreeNoValidDataSourceError(): Error;
LOWgoldens/cdk/platform/index.api.md28export function normalizePassiveListenerOptions(options: AddEventListenerOptions): AddEventListenerOptions | boolean;
LOWgoldens/cdk/platform/index.api.md65export function supportsPassiveEventListeners(): boolean;
LOWgoldens/cdk/dialog/index.api.md203export function throwDialogContentAlreadyAttachedError(): void;
LOWgoldens/cdk/testing/index.api.md82export function handleAutoChangeDetectionStatus(handler: (status: AutoChangeDetectionStatus) => void): void;
LOWgoldens/cdk/testing/index.api.md209export function stopHandlingAutoChangeDetectionStatus(): void;
LOWgoldens/cdk/a11y/index.api.md339export function isFakeMousedownFromScreenReader(event: MouseEvent): boolean;
LOWgoldens/cdk/a11y/index.api.md342export function isFakeTouchstartFromScreenReader(event: TouchEvent): boolean;
LOWgoldens/cdk/overlay/index.api.md259export function createBlockScrollStrategy(injector: Injector): BlockScrollStrategy;
LOWgoldens/cdk/overlay/index.api.md262export function createCloseScrollStrategy(injector: Injector, config?: CloseScrollStrategyConfig): CloseScrollStrategy;
LOWgoldens/cdk/overlay/index.api.md265export function createFlexibleConnectedPositionStrategy(injector: Injector, origin: FlexibleConnectedPositionStrategyOri
LOWgoldens/cdk/overlay/index.api.md268export function createGlobalPositionStrategy(_injector: Injector): GlobalPositionStrategy;
LOWgoldens/cdk/overlay/index.api.md277export function createRepositionScrollStrategy(injector: Injector, config?: RepositionScrollStrategyConfig): RepositionS
LOWgoldens/cdk/overlay/index.api.md618export function validateHorizontalPosition(property: string, value: HorizontalConnectionPos): void;
LOWgoldens/cdk/collections/index.api.md45export function getMultipleValuesInSingleSelectionError(): Error;
LOWgoldens/material/tooltip/index.api.md27export function getMatTooltipInvalidPositionError(position: string): Error;
LOWgoldens/material/sidenav/index.api.md186export function throwMatDuplicatedDrawerError(position: string): void;
LOWgoldens/material/autocomplete/index.api.md33export function getMatAutocompleteMissingPanelError(): Error;
LOWgoldens/material/input/index.api.md32export function getMatInputUnsupportedTypeError(type: string): Error;
LOWgoldens/material/toolbar/index.api.md46export function throwToolbarMixedModesError(): void;
LOWgoldens/material/form-field/index.api.md26export function getMatFormFieldDuplicatedHintError(align: string): Error;
LOWgoldens/material/form-field/index.api.md29export function getMatFormFieldMissingControlError(): Error;
LOWgoldens/material/form-field/index.api.md32export function getMatFormFieldPlaceholderConflictError(): Error;
LOWgoldens/material/icon/index.api.md22export function getMatIconFailedToSanitizeLiteralError(literal: SafeHtml): Error;
LOWgoldens/material/icon/index.api.md25export function getMatIconFailedToSanitizeUrlError(url: SafeResourceUrl): Error;
LOWgoldens/material/icon/index.api.md28export function getMatIconNameNotFoundError(iconName: string): Error;
LOWgoldens/material/icon/index.api.md31export function getMatIconNoHttpProviderError(): Error;
LOW…rial-date-fns-adapter/adapter/date-fns-adapter.spec.ts611function stripDirectionalityCharacters(str: string) {
LOWsrc/cdk/tree/tree-with-tree-control.spec.ts491 function createTrackByTestComponent(trackByStrategy: 'reference' | 'property' | 'index') {
LOWsrc/cdk/tree/tree-with-tree-control.spec.ts997 function createTrackByTestComponent(trackByStrategy: 'reference' | 'property' | 'index') {
LOWsrc/cdk/tree/tree.spec.ts543 function createTrackByTestComponent(trackByStrategy: 'reference' | 'property' | 'index') {
LOWsrc/cdk/tree/tree.spec.ts1081 function createTrackByTestComponent(trackByStrategy: 'reference' | 'property' | 'index') {
LOWsrc/cdk/tree/tree-errors.ts13export function getTreeNoValidDataSourceError() {
LOWsrc/cdk/tree/tree-errors.ts21export function getTreeMultipleDefaultNodeDefsError() {
LOWsrc/cdk/tree/tree-errors.ts29export function getTreeMissingMatchingNodeDefError() {
LOWsrc/cdk/tree/tree-errors.ts37export function getTreeControlMissingError() {
LOWsrc/cdk/tree/tree-errors.ts46export function getMultipleTreeControlsError() {
LOWsrc/cdk/portal/portal-errors.ts21export function throwPortalAlreadyAttachedError() {
LOWsrc/cdk/portal/portal-errors.ts29export function throwPortalOutletAlreadyDisposedError() {
LOWsrc/cdk/portal/portal-errors.ts37export function throwUnknownPortalTypeError() {
LOWsrc/cdk/portal/portal-errors.ts48export function throwNullPortalOutletError() {
LOWsrc/cdk/portal/portal-errors.ts56export function throwNoPortalAttachedError() {
138 more matches not shown…
Hallucination Indicators8 hits · 80 pts
SeverityFileLineSnippet
CRITICALsrc/cdk/menu/menu-trigger.spec.ts529 fixture.componentInstance.nativeTriggers.first.nativeElement.click();
CRITICALsrc/cdk/menu/menu-trigger.spec.ts534 fixture.componentInstance.nativeMenus.first.nativeElement.querySelector('.cdk-menu-item');
CRITICALsrc/cdk/drag-drop/directives/drop-list-shared.spec.ts352 fixture.componentInstance.dropInstance.element.nativeElement.getBoundingClientRect();
CRITICALsrc/cdk/drag-drop/directives/drop-list-shared.spec.ts923 fixture.componentInstance.dropInstance.element.nativeElement.getBoundingClientRect();
CRITICALsrc/cdk/drag-drop/directives/drop-list-shared.spec.ts1828 fixture.componentInstance.dropInstance.element.nativeElement.getBoundingClientRect();
CRITICALsrc/material/sidenav/drawer.spec.ts1150 const subscription = fixture.componentInstance.drawerContainer._drawers.changes.subscribe({
CRITICALsrc/material/autocomplete/autocomplete.zone.spec.ts72 const subscription = fixture.componentInstance.trigger.autocomplete.closed.subscribe(() =>
CRITICALsrc/material/datepicker/date-range-input.spec.ts451 fixture.componentInstance.range.controls.start.setValue(new Date());
Fake / Example Data81 hits · 63 pts
SeverityFileLineSnippet
LOWguides/theming-your-components.md295<pre class="mat-text-primary mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md295<pre class="mat-text-primary mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md307<pre class="mat-text-secondary mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor si
LOWguides/theming-your-components.md307<pre class="mat-text-secondary mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor si
LOWguides/theming-your-components.md320<pre class="mat-text-error mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit am
LOWguides/theming-your-components.md320<pre class="mat-text-error mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit am
LOWguides/theming-your-components.md333<pre class="mat-text-disabled mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md333<pre class="mat-text-disabled mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md346<pre class="mat-text-on-surface-variant mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum
LOWguides/theming-your-components.md346<pre class="mat-text-on-surface-variant mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum
LOWguides/theming-your-components.md359<pre class="mat-text-on-primary mat-bg-primary mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, conse
LOWguides/theming-your-components.md359<pre class="mat-text-on-primary mat-bg-primary mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, conse
LOWguides/theming-your-components.md372<pre class="mat-text-on-primary-container mat-bg-primary-container mat-corner-sm mat-border">Example text: Lorem ipsum d
LOWguides/theming-your-components.md372<pre class="mat-text-on-primary-container mat-bg-primary-container mat-corner-sm mat-border">Example text: Lorem ipsum d
LOWguides/theming-your-components.md385<pre class="mat-text-on-secondary mat-bg-secondary mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, c
LOWguides/theming-your-components.md385<pre class="mat-text-on-secondary mat-bg-secondary mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, c
LOWguides/theming-your-components.md398<pre class="mat-text-on-secondary-container mat-bg-secondary-container mat-corner-sm mat-border">Example text: Lorem ips
LOWguides/theming-your-components.md398<pre class="mat-text-on-secondary-container mat-bg-secondary-container mat-corner-sm mat-border">Example text: Lorem ips
LOWguides/theming-your-components.md410<pre class="mat-text-on-error mat-bg-error mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, consectet
LOWguides/theming-your-components.md410<pre class="mat-text-on-error mat-bg-error mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, consectet
LOWguides/theming-your-components.md422<pre class="mat-text-on-error-container mat-bg-error-container mat-corner-sm mat-border">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md422<pre class="mat-text-on-error-container mat-bg-error-container mat-corner-sm mat-border">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md434<pre class="mat-text-on-surface mat-bg-surface mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, conse
LOWguides/theming-your-components.md434<pre class="mat-text-on-surface mat-bg-surface mat-corner-sm mat-border">Example text: Lorem ipsum dolor sit amet, conse
LOWguides/theming-your-components.md446<pre class="mat-text-inverse-on-surface mat-bg-inverse-surface mat-corner-sm mat-border">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md446<pre class="mat-text-inverse-on-surface mat-bg-inverse-surface mat-corner-sm mat-border">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md581<pre class="mat-font-body-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md581<pre class="mat-font-body-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md593<pre class="mat-font-body-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md593<pre class="mat-font-body-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md605<pre class="mat-font-body-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md605<pre class="mat-font-body-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md620<pre class="mat-font-display-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor s
LOWguides/theming-your-components.md620<pre class="mat-font-display-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor s
LOWguides/theming-your-components.md632<pre class="mat-font-display-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor s
LOWguides/theming-your-components.md632<pre class="mat-font-display-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor s
LOWguides/theming-your-components.md644<pre class="mat-font-display-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor s
LOWguides/theming-your-components.md644<pre class="mat-font-display-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor s
LOWguides/theming-your-components.md659<pre class="mat-font-headline-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md659<pre class="mat-font-headline-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md670<pre class="mat-font-headline-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md670<pre class="mat-font-headline-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md681<pre class="mat-font-headline-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md681<pre class="mat-font-headline-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor
LOWguides/theming-your-components.md695<pre class="mat-font-label-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md695<pre class="mat-font-label-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md706<pre class="mat-font-label-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md706<pre class="mat-font-label-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md717<pre class="mat-font-label-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md717<pre class="mat-font-label-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md732<pre class="mat-font-title-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md732<pre class="mat-font-title-sm mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md744<pre class="mat-font-title-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md744<pre class="mat-font-title-md mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md756<pre class="mat-font-title-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWguides/theming-your-components.md756<pre class="mat-font-title-lg mat-corner-sm mat-border mat-bg-surface-container-low">Example text: Lorem ipsum dolor sit
LOWsrc/google-maps/map-kml-layer/map-kml-layer.spec.ts86 email: 'test@test.com',
LOW…accordion-overview/cdk-accordion-overview-example.html24 Lorem ipsum dolor, sit amet, consectetur adipisicing elit. Perferendis excepturi incidunt ipsum
LOW…s/tab-group-drag-drop/tab-group-drag-drop-example.html20 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quidem perspiciatis in delectus
LOW…sidenav/sidenav-autosize/sidenav-autosize-example.html5 <p>Lorem, ipsum dolor sit amet consectetur.</p>
21 more matches not shown…
Over-Commented Block39 hits · 39 pts
SeverityFileLineSnippet
LOWtools/dgeni/templates/common.template.html1## {$ doc.name $} ({$ doc.docType $})
LOWintegration/vitest/src/vitest.spec.ts41 // TODO(crisbeto): this _should_ work with a virtual DOM.
LOWdocs/src/app/shared/doc-viewer/doc-viewer.ts221 }
LOW.github/angular-robot.yml1# Configuration for angular-robot
LOWsrc/cdk/a11y/focus-monitor/focus-monitor.ts321 // window blurred. Otherwise, we've reached the point where we can't identify the source of the
LOWsrc/cdk/schematics/ng-add/index.ts21 // The CLI inserts `@angular/cdk` into the `package.json` before this schematic runs. This
LOW…cdk-experimental/scrolling/auto-size-virtual-scroll.ts201 let scrollMagnitude = Math.abs(scrollDelta);
LOW…cdk-experimental/scrolling/auto-size-virtual-scroll.ts241 // The amount of unfilled space that should be filled on the side the user is scrolling toward
LOWsrc/material/core/ripple/ripple-renderer.ts221 // In some cases where there's a higher load on the browser, it can choose not to dispatch
LOWsrc/material/core/style/_elevation.scss101//
LOWsrc/material/core/option/optgroup.ts21// The option group has two different "modes": regular and inert. The regular mode uses the
LOWsrc/material/core/theming/_inspection.scss81/// - With an M2 theme theme it accepts between 2 and 4 arguments, or the equivalent of calling
LOWsrc/material/core/theming/_theming.scss121// Creates a backwards compatible theme. Previously in Angular Material, theme objects
LOWsrc/material/core/m2/_palette.scss1@use 'sass:map';
LOWsrc/material/core/m2/_typography.scss161/// https://material.io/guidelines/style/typography.html.
LOWsrc/material/core/m2/_typography.scss221 @if map.get($level, font-family) == null {
LOWsrc/material/core/m2/_typography.scss241/// @param {Map} $headline-3 The font settings for the headline-3 font level.
LOWsrc/material/core/m2/_typography.scss281 body-2: $body-2 or _rem-to-px(typography-config-level-from-mdc(body2)),
LOWsrc/material/core/m2/_typography.scss301/// @param {Map} $headline-6 The font settings for the headline-6 font level.
LOWsrc/material/core/m2/_theming.scss21/// @param {Map} $palette The palette from which to extract a color.
LOWsrc/material/core/m2/_theming.scss61 '#{$hue}-contrast': get-contrast-color-from-palette($base-palette, $hue),
LOWsrc/material/core/m2/_theming.scss261}
LOWsrc/material/core/m2/_theming.scss281
LOWsrc/material/core/tokens/_system.scss41/// If the config map's typography value is a font family string, it will be used as the
LOWsrc/material/core/tokens/_m3-tokens.scss101
LOWsrc/material/core/tokens/_classes.scss1@use '../theming/typography';
LOWsrc/material/autocomplete/autocomplete.ts321 // Normally WAI ARIA's instructions are to exclude disabled items from the tab order, but it
LOWsrc/material/datepicker/aria-accessible-name.ts1/**
LOWsrc/material/datepicker/aria-accessible-name.ts21// ```
LOWsrc/material/datepicker/aria-accessible-name.ts161 }
LOWsrc/material/slider/slider.ts801 // 1. TranslateX
LOWsrc/material/slider/slider.spec.ts61 expect(input.value).withContext('value').toBe(value);
LOWsrc/material/slider/slider.spec.ts241 it('should not allow end thumb to slide past the start thumb', async () => {
LOWsrc/material/dialog/dialog-container.ts141
LOW…ial/form-field/_mdc-text-field-textarea-overrides.scss1// MDCs default textarea styles cannot be used because they only apply if a special
LOWsrc/material/form-field/_m2-form-field.scss181 // spec only describes vertical spacing/alignment in non-dense mode. This means that we
LOW…al/form-field/_mdc-text-field-structure-overrides.scss1@use './m3-form-field';
LOW…al/form-field/_mdc-text-field-structure-overrides.scss41 // TODO(b/263527625): should be removed when this is addressed on the MDC side.
LOW…al/form-field/_mdc-text-field-structure-overrides.scss141 // the notched outline container, and already applies a specific horizontal spacing which
AI Slop Vocabulary3 hits · 9 pts
SeverityFileLineSnippet
MEDIUMsrc/cdk/a11y/focus-monitor/focus-monitor.ts215 // robust solution.
MEDIUMsrc/material/sidenav/drawer.scss42 // TODO(hansl): Update this with a more robust solution.
MEDIUMsrc/material/dialog/dialog-container.ts95 // the dialog animation for us, but there are a few reasons why we just leverage
Slop Phrases3 hits · 6 pts
SeverityFileLineSnippet
MEDIUM…erver-overview/breakpoint-observer-overview-example.ts16 // Create a map to display breakpoint names for demonstration purposes.
LOWsrc/material/icon/icon-registry.ts285 * If the registered font is a ligature font, then don't forget to also include the special
LOWsrc/material/icon/icon.ts110 * content of the `<mat-icon>` component. If you register a custom font class, don't forget to also