Skip to content

Design System Add Unique Item Count - Filter Form#2093

Draft
saaivignesh20 wants to merge 1 commit intodevelopfrom
2075-filter-form-unique-counter
Draft

Design System Add Unique Item Count - Filter Form#2093
saaivignesh20 wants to merge 1 commit intodevelopfrom
2075-filter-form-unique-counter

Conversation

@saaivignesh20
Copy link
Collaborator

This pull request resolves the following GitHub issue:

@saaivignesh20 saaivignesh20 self-assigned this Jan 29, 2026
@nx-cloud
Copy link

nx-cloud bot commented Jan 29, 2026

View your CI Pipeline Execution ↗ for commit 3dc9272

Command Status Duration Result
nx affected --targets=lint,test,compodoc --conf... ✅ Succeeded 2m 40s View ↗
nx affected --target=build,build-webcomponent,b... ✅ Succeeded 5m 33s View ↗

☁️ Nx Cloud last updated this comment at 2026-01-29 19:55:40 UTC

@github-actions
Copy link

🚀 Preview Deploy Report

✅ Successfully deployed preview here

<div class="label">
{{ action() }}
</div>
<div class="count" hraPlainTooltip="Number of unique items per filter category">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The total count should be outside of the button

{{ action() }}
</div>
<div class="count" hraPlainTooltip="Number of unique items per filter category">
{{ filterTotalCount()?.toLocaleString() }}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
{{ filterTotalCount()?.toLocaleString() }}
{{ filterTotalCount() | number }}

}
}

.top-row .category-button {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Always nest styles in the top level :host block

}

.top-row .category-button {
::ng-deep .mdc-button__label {
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove once you've moved the count outside the button

readonly action = input.required<string>();

/** Total count of filter options in the category */
readonly filterTotalCount = input<number | undefined>();
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
readonly filterTotalCount = input<number | undefined>();
readonly totalCount = input<number>();

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants