From 0d73efdcdb32f38630d47514f18bbd52b711062b Mon Sep 17 00:00:00 2001 From: Revaa Rathore Date: Fri, 27 Feb 2026 19:47:58 +0530 Subject: [PATCH 1/2] docs(ecc-utils-design): fix missing exports in custom elements manifests Adds the `@element` JSDoc tag to components in the `ecc-utils-design` package. This ensures that the custom elements analyzer can correctly map the classes to their respective HTML tags in the generated `custom-elements.json` manifest, fixing missing exports and improving IDE IntelliSense. Fixes #417 --- .../src/components/badge/badge.ts | 2 ++ .../ecc-utils-design/src/components/card/card.ts | 12 ++++++++++++ .../ecc-utils-design/src/components/code/code.ts | 2 ++ .../src/components/collapsible/collapsible.ts | 6 ++++++ .../src/components/input/input.ts | 5 +++++ .../src/components/label/label.ts | 2 ++ .../src/components/multi-select/multi-select.ts | 8 ++++++++ .../src/components/pagination/pagination.ts | 14 ++++++++++++++ .../src/components/select/select.ts | 16 ++++++++++++++++ .../src/components/separator/separator.ts | 2 ++ .../src/components/skeleton/skeleton.ts | 4 ++-- .../ecc-utils-design/src/components/tabs/tabs.ts | 8 ++++++++ 12 files changed, 79 insertions(+), 2 deletions(-) diff --git a/packages/ecc-utils-design/src/components/badge/badge.ts b/packages/ecc-utils-design/src/components/badge/badge.ts index 02de6793..24db8a77 100644 --- a/packages/ecc-utils-design/src/components/badge/badge.ts +++ b/packages/ecc-utils-design/src/components/badge/badge.ts @@ -34,6 +34,8 @@ const sizeStyles: Record<"sm" | "md" | "lg", string> = { /** * EccUtilsDesignBadge - Badge component + * + * @element ecc-utils-design-badge */ export class EccUtilsDesignBadge extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/card/card.ts b/packages/ecc-utils-design/src/components/card/card.ts index 5ac4803d..a467ea43 100644 --- a/packages/ecc-utils-design/src/components/card/card.ts +++ b/packages/ecc-utils-design/src/components/card/card.ts @@ -11,6 +11,8 @@ function cn(...classes: (string | undefined | false)[]) { * EccUtilsDesignCard - Main card container component * * @element ecc-utils-design-card + * + * @element ecc-utils-design-card */ export class EccUtilsDesignCard extends LitElement { static styles = [ @@ -40,6 +42,8 @@ export class EccUtilsDesignCard extends LitElement { * EccUtilsDesignCardHeader - Card header component * * @element ecc-utils-design-card-header + * + * @element ecc-utils-design-card-header */ export class EccUtilsDesignCardHeader extends LitElement { static styles = [ @@ -67,6 +71,8 @@ export class EccUtilsDesignCardHeader extends LitElement { * EccUtilsDesignCardTitle - Card title component * * @element ecc-utils-design-card-title + * + * @element ecc-utils-design-card-title */ export class EccUtilsDesignCardTitle extends LitElement { static styles = [ @@ -94,6 +100,8 @@ export class EccUtilsDesignCardTitle extends LitElement { * EccUtilsDesignCardDescription - Card description component * * @element ecc-utils-design-card-description + * + * @element ecc-utils-design-card-description */ export class EccUtilsDesignCardDescription extends LitElement { static styles = [ @@ -121,6 +129,8 @@ export class EccUtilsDesignCardDescription extends LitElement { * EccUtilsDesignCardContent - Card content component * * @element ecc-utils-design-card-content + * + * @element ecc-utils-design-card-content */ export class EccUtilsDesignCardContent extends LitElement { static styles = [ @@ -148,6 +158,8 @@ export class EccUtilsDesignCardContent extends LitElement { * EccUtilsDesignCardFooter - Card footer component * * @element ecc-utils-design-card-footer + * + * @element ecc-utils-design-card-footer */ export class EccUtilsDesignCardFooter extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/code/code.ts b/packages/ecc-utils-design/src/components/code/code.ts index 7b550673..863073e6 100644 --- a/packages/ecc-utils-design/src/components/code/code.ts +++ b/packages/ecc-utils-design/src/components/code/code.ts @@ -601,6 +601,8 @@ function cn(...classes: (string | undefined | false)[]) { /** * Code editor component with syntax highlighting + * + * @element ecc-utils-design-code */ export class EccUtilsDesignCode extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/collapsible/collapsible.ts b/packages/ecc-utils-design/src/components/collapsible/collapsible.ts index a94013f4..552cce1c 100644 --- a/packages/ecc-utils-design/src/components/collapsible/collapsible.ts +++ b/packages/ecc-utils-design/src/components/collapsible/collapsible.ts @@ -13,6 +13,8 @@ const collapsibleState = new Map< /** * EccUtilsDesignCollapsible - Root collapsible component + * + * @element ecc-utils-design-collapsible */ export class EccUtilsDesignCollapsible extends LitElement { static styles = [ @@ -90,6 +92,8 @@ export class EccUtilsDesignCollapsible extends LitElement { /** * EccUtilsDesignCollapsibleTrigger - Trigger component + * + * @element ecc-utils-design-collapsible-trigger */ export class EccUtilsDesignCollapsibleTrigger extends LitElement { static styles = [ @@ -145,6 +149,8 @@ export class EccUtilsDesignCollapsibleTrigger extends LitElement { /** * EccUtilsDesignCollapsibleContent - Content component + * + * @element ecc-utils-design-collapsible-content */ export class EccUtilsDesignCollapsibleContent extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/input/input.ts b/packages/ecc-utils-design/src/components/input/input.ts index 0d282ca1..e834c024 100644 --- a/packages/ecc-utils-design/src/components/input/input.ts +++ b/packages/ecc-utils-design/src/components/input/input.ts @@ -24,6 +24,11 @@ function cn(...classes: (string | undefined | false)[]) { return classes.filter(Boolean).join(" "); } +/** + * EccUtilsDesignInput - Input component + * + * @element ecc-utils-design-input + */ export class EccUtilsDesignInput extends LitElement { static styles = [ css` diff --git a/packages/ecc-utils-design/src/components/label/label.ts b/packages/ecc-utils-design/src/components/label/label.ts index 7112a77b..792a2d81 100644 --- a/packages/ecc-utils-design/src/components/label/label.ts +++ b/packages/ecc-utils-design/src/components/label/label.ts @@ -9,6 +9,8 @@ function cn(...classes: (string | undefined | false)[]) { /** * EccUtilsDesignLabel - Label component + * + * @element ecc-utils-design-label */ export class EccUtilsDesignLabel extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/multi-select/multi-select.ts b/packages/ecc-utils-design/src/components/multi-select/multi-select.ts index 2f8b228d..5311135d 100644 --- a/packages/ecc-utils-design/src/components/multi-select/multi-select.ts +++ b/packages/ecc-utils-design/src/components/multi-select/multi-select.ts @@ -20,6 +20,8 @@ const multiSelectState = new Map< /** * EccUtilsDesignMultiSelect - Root multi-select component + * + * @element ecc-utils-design-multi-select */ export class EccUtilsDesignMultiSelect extends LitElement { static styles = [ @@ -140,6 +142,8 @@ export class EccUtilsDesignMultiSelect extends LitElement { /** * EccUtilsDesignMultiSelectTrigger - Trigger component for the multi-select + * + * @element ecc-utils-design-multi-select-trigger */ export class EccUtilsDesignMultiSelectTrigger extends LitElement { static styles = [ @@ -351,6 +355,8 @@ export class EccUtilsDesignMultiSelectTrigger extends LitElement { /** * EccUtilsDesignMultiSelectContent - Content component for the multi-select + * + * @element ecc-utils-design-multi-select-content */ export class EccUtilsDesignMultiSelectContent extends LitElement { static styles = [ @@ -429,6 +435,8 @@ export class EccUtilsDesignMultiSelectContent extends LitElement { /** * EccUtilsDesignMultiSelectItem - Item component for the multi-select + * + * @element ecc-utils-design-multi-select-item */ export class EccUtilsDesignMultiSelectItem extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/pagination/pagination.ts b/packages/ecc-utils-design/src/components/pagination/pagination.ts index 8b509fd7..a24cfe61 100644 --- a/packages/ecc-utils-design/src/components/pagination/pagination.ts +++ b/packages/ecc-utils-design/src/components/pagination/pagination.ts @@ -10,6 +10,8 @@ function cn(...classes: (string | undefined | false)[]) { /** * EccUtilsDesignPagination - Root pagination component + * + * @element ecc-utils-design-pagination */ export class EccUtilsDesignPagination extends LitElement { static styles = [ @@ -39,6 +41,8 @@ export class EccUtilsDesignPagination extends LitElement { /** * EccUtilsDesignPaginationContent - Content component + * + * @element ecc-utils-design-pagination-content */ export class EccUtilsDesignPaginationContent extends LitElement { static styles = [ @@ -63,6 +67,8 @@ export class EccUtilsDesignPaginationContent extends LitElement { /** * EccUtilsDesignPaginationItem - Item component + * + * @element ecc-utils-design-pagination-item */ export class EccUtilsDesignPaginationItem extends LitElement { static styles = [ @@ -85,6 +91,8 @@ export class EccUtilsDesignPaginationItem extends LitElement { /** * EccUtilsDesignPaginationLink - Link component + * + * @element ecc-utils-design-pagination-link */ export class EccUtilsDesignPaginationLink extends LitElement { static styles = [ @@ -135,6 +143,8 @@ export class EccUtilsDesignPaginationLink extends LitElement { /** * EccUtilsDesignPaginationPrevious - Previous button component + * + * @element ecc-utils-design-pagination-previous */ export class EccUtilsDesignPaginationPrevious extends LitElement { static styles = [ @@ -196,6 +206,8 @@ export class EccUtilsDesignPaginationPrevious extends LitElement { /** * EccUtilsDesignPaginationNext - Next button component + * + * @element ecc-utils-design-pagination-next */ export class EccUtilsDesignPaginationNext extends LitElement { static styles = [ @@ -257,6 +269,8 @@ export class EccUtilsDesignPaginationNext extends LitElement { /** * EccUtilsDesignPaginationEllipsis - Ellipsis component + * + * @element ecc-utils-design-pagination-ellipsis */ export class EccUtilsDesignPaginationEllipsis extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/select/select.ts b/packages/ecc-utils-design/src/components/select/select.ts index e716770a..a01d2894 100644 --- a/packages/ecc-utils-design/src/components/select/select.ts +++ b/packages/ecc-utils-design/src/components/select/select.ts @@ -19,6 +19,8 @@ const selectState = new Map< /** * EccUtilsDesignSelect - Root select component + * + * @element ecc-utils-design-select */ export class EccUtilsDesignSelect extends LitElement { static styles = [ @@ -120,6 +122,8 @@ export class EccUtilsDesignSelect extends LitElement { /** * EccUtilsDesignSelectTrigger - Trigger component for the select + * + * @element ecc-utils-design-select-trigger */ export class EccUtilsDesignSelectTrigger extends LitElement { static styles = [ @@ -183,6 +187,8 @@ export class EccUtilsDesignSelectTrigger extends LitElement { /** * EccUtilsDesignSelectContent - Content component for the select + * + * @element ecc-utils-design-select-content */ export class EccUtilsDesignSelectContent extends LitElement { static styles = [ @@ -254,6 +260,8 @@ export class EccUtilsDesignSelectContent extends LitElement { /** * EccUtilsDesignSelectItem - Item component for the select + * + * @element ecc-utils-design-select-item */ export class EccUtilsDesignSelectItem extends LitElement { static styles = [ @@ -371,6 +379,8 @@ export class EccUtilsDesignSelectItem extends LitElement { /** * EccUtilsDesignSelectGroup - Group component + * + * @element ecc-utils-design-select-group */ export class EccUtilsDesignSelectGroup extends LitElement { static styles = [ @@ -393,6 +403,8 @@ export class EccUtilsDesignSelectGroup extends LitElement { /** * EccUtilsDesignSelectLabel - Label component + * + * @element ecc-utils-design-select-label */ export class EccUtilsDesignSelectLabel extends LitElement { static styles = [ @@ -412,6 +424,8 @@ export class EccUtilsDesignSelectLabel extends LitElement { /** * EccUtilsDesignSelectSeparator - Separator component + * + * @element ecc-utils-design-select-separator */ export class EccUtilsDesignSelectSeparator extends LitElement { static styles = [ @@ -431,6 +445,8 @@ export class EccUtilsDesignSelectSeparator extends LitElement { /** * EccUtilsDesignSelectValue - Value component for the select + * + * @element ecc-utils-design-select-value */ export class EccUtilsDesignSelectValue extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/separator/separator.ts b/packages/ecc-utils-design/src/components/separator/separator.ts index 8c41d157..9ad388ff 100644 --- a/packages/ecc-utils-design/src/components/separator/separator.ts +++ b/packages/ecc-utils-design/src/components/separator/separator.ts @@ -13,6 +13,8 @@ function cn(...classes: (string | undefined | false)[]) { * @summary A separator component that visually or semantically separates content * @since 1.0.0 * + * @element ecc-utils-design-separator + * * @csspart base - The component's base wrapper * * @slot - Default slot diff --git a/packages/ecc-utils-design/src/components/skeleton/skeleton.ts b/packages/ecc-utils-design/src/components/skeleton/skeleton.ts index 651673f8..b63d4035 100644 --- a/packages/ecc-utils-design/src/components/skeleton/skeleton.ts +++ b/packages/ecc-utils-design/src/components/skeleton/skeleton.ts @@ -15,12 +15,12 @@ function cn(...classes: (string | undefined | false)[]) { * * @element ecc-utils-design-skeleton * - * @prop {string} class - Additional CSS classes to apply to the skeleton + * @attr {string} class - Additional CSS classes to apply to the skeleton * * @example * ```html * - * + * * * *
diff --git a/packages/ecc-utils-design/src/components/tabs/tabs.ts b/packages/ecc-utils-design/src/components/tabs/tabs.ts index 58c4c685..f8e805e5 100644 --- a/packages/ecc-utils-design/src/components/tabs/tabs.ts +++ b/packages/ecc-utils-design/src/components/tabs/tabs.ts @@ -12,6 +12,8 @@ function cn(...classes: (string | undefined | false)[]) { * EccUtilsDesignTabs - Main tabs container component * * @element ecc-utils-design-tabs + * + * @element ecc-utils-design-tabs */ export class EccUtilsDesignTabs extends LitElement { static styles = [ @@ -140,6 +142,8 @@ export class EccUtilsDesignTabs extends LitElement { * EccUtilsDesignTabsList - Container for tab triggers * * @element ecc-utils-design-tabs-list + * + * @element ecc-utils-design-tabs-list */ export class EccUtilsDesignTabsList extends LitElement { static styles = [ @@ -171,6 +175,8 @@ export class EccUtilsDesignTabsList extends LitElement { * EccUtilsDesignTabsTrigger - Individual tab trigger button * * @element ecc-utils-design-tabs-trigger + * + * @element ecc-utils-design-tabs-trigger */ export class EccUtilsDesignTabsTrigger extends LitElement { static styles = [ @@ -231,6 +237,8 @@ export class EccUtilsDesignTabsTrigger extends LitElement { * EccUtilsDesignTabsContent - Content panel for a tab * * @element ecc-utils-design-tabs-content + * + * @element ecc-utils-design-tabs-content */ export class EccUtilsDesignTabsContent extends LitElement { static styles = [ From efa4249992adcd2c497630218d65f75267e1967e Mon Sep 17 00:00:00 2001 From: Revaa Rathore Date: Fri, 27 Feb 2026 19:57:56 +0530 Subject: [PATCH 2/2] fix(ecc-utils-design): remove duplicate @element tags in card and tabs --- .../ecc-utils-design/src/components/card/card.ts | 12 ------------ .../ecc-utils-design/src/components/tabs/tabs.ts | 8 -------- 2 files changed, 20 deletions(-) diff --git a/packages/ecc-utils-design/src/components/card/card.ts b/packages/ecc-utils-design/src/components/card/card.ts index a467ea43..5ac4803d 100644 --- a/packages/ecc-utils-design/src/components/card/card.ts +++ b/packages/ecc-utils-design/src/components/card/card.ts @@ -11,8 +11,6 @@ function cn(...classes: (string | undefined | false)[]) { * EccUtilsDesignCard - Main card container component * * @element ecc-utils-design-card - * - * @element ecc-utils-design-card */ export class EccUtilsDesignCard extends LitElement { static styles = [ @@ -42,8 +40,6 @@ export class EccUtilsDesignCard extends LitElement { * EccUtilsDesignCardHeader - Card header component * * @element ecc-utils-design-card-header - * - * @element ecc-utils-design-card-header */ export class EccUtilsDesignCardHeader extends LitElement { static styles = [ @@ -71,8 +67,6 @@ export class EccUtilsDesignCardHeader extends LitElement { * EccUtilsDesignCardTitle - Card title component * * @element ecc-utils-design-card-title - * - * @element ecc-utils-design-card-title */ export class EccUtilsDesignCardTitle extends LitElement { static styles = [ @@ -100,8 +94,6 @@ export class EccUtilsDesignCardTitle extends LitElement { * EccUtilsDesignCardDescription - Card description component * * @element ecc-utils-design-card-description - * - * @element ecc-utils-design-card-description */ export class EccUtilsDesignCardDescription extends LitElement { static styles = [ @@ -129,8 +121,6 @@ export class EccUtilsDesignCardDescription extends LitElement { * EccUtilsDesignCardContent - Card content component * * @element ecc-utils-design-card-content - * - * @element ecc-utils-design-card-content */ export class EccUtilsDesignCardContent extends LitElement { static styles = [ @@ -158,8 +148,6 @@ export class EccUtilsDesignCardContent extends LitElement { * EccUtilsDesignCardFooter - Card footer component * * @element ecc-utils-design-card-footer - * - * @element ecc-utils-design-card-footer */ export class EccUtilsDesignCardFooter extends LitElement { static styles = [ diff --git a/packages/ecc-utils-design/src/components/tabs/tabs.ts b/packages/ecc-utils-design/src/components/tabs/tabs.ts index f8e805e5..58c4c685 100644 --- a/packages/ecc-utils-design/src/components/tabs/tabs.ts +++ b/packages/ecc-utils-design/src/components/tabs/tabs.ts @@ -12,8 +12,6 @@ function cn(...classes: (string | undefined | false)[]) { * EccUtilsDesignTabs - Main tabs container component * * @element ecc-utils-design-tabs - * - * @element ecc-utils-design-tabs */ export class EccUtilsDesignTabs extends LitElement { static styles = [ @@ -142,8 +140,6 @@ export class EccUtilsDesignTabs extends LitElement { * EccUtilsDesignTabsList - Container for tab triggers * * @element ecc-utils-design-tabs-list - * - * @element ecc-utils-design-tabs-list */ export class EccUtilsDesignTabsList extends LitElement { static styles = [ @@ -175,8 +171,6 @@ export class EccUtilsDesignTabsList extends LitElement { * EccUtilsDesignTabsTrigger - Individual tab trigger button * * @element ecc-utils-design-tabs-trigger - * - * @element ecc-utils-design-tabs-trigger */ export class EccUtilsDesignTabsTrigger extends LitElement { static styles = [ @@ -237,8 +231,6 @@ export class EccUtilsDesignTabsTrigger extends LitElement { * EccUtilsDesignTabsContent - Content panel for a tab * * @element ecc-utils-design-tabs-content - * - * @element ecc-utils-design-tabs-content */ export class EccUtilsDesignTabsContent extends LitElement { static styles = [