{ "$schema": "https://uipkge.dev/schema/registry-item.json", "name": "trademark-patent-portfolio", "title": "Trademark Patent Portfolio", "type": "registry:block", "files": [ { "path": "packages/registry-angular/blocks/trademark-patent-portfolio/trademark-patent-portfolio.component.ts", "content": "// USPTO and WIPO intellectual property asset portfolio tracker: patent grant status,\n// jurisdiction coverage, and maintenance fee timeline with docket action workflow.\n// Port of the React block 1:1.\nimport { ChangeDetectionStrategy, Component, Input, computed, signal } from '@angular/core'\nimport {\n Award,\n BadgeCheck,\n Building2,\n Calendar,\n Check,\n CheckCircle2,\n ChevronDown,\n Clock,\n Copy,\n Download,\n ExternalLink,\n FileText,\n Filter,\n LucideAngularModule,\n MoreHorizontal,\n Plus,\n Scale,\n Search,\n UserCheck,\n} from 'lucide-angular'\nimport { cn } from '@/lib/utils'\nimport { UiBadgeComponent } from '@/ui/badge/badge.component'\nimport { UiButtonComponent } from '@/ui/button/button.component'\nimport {\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n} from '@/ui/card/card.component'\nimport {\n UiDropdownMenuComponent,\n UiDropdownMenuContentComponent,\n UiDropdownMenuItemComponent,\n UiDropdownMenuLabelComponent,\n UiDropdownMenuSeparatorComponent,\n UiDropdownMenuTriggerComponent,\n} from '@/ui/dropdown-menu/dropdown-menu.component'\nimport { UiInputComponent } from '@/ui/input/input.component'\nimport {\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n} from '@/ui/table/table.component'\n\nexport type AssetType = 'Utility Patent' | 'Trademark' | 'PCT International'\nexport type FilingStatus = 'Granted / Registered' | 'Published / Under Exam'\n\nexport interface IpAsset {\n id: string\n identifier: string\n officialNumber: string\n title: string\n type: AssetType\n jurisdictionCode: string\n jurisdictionName: string\n jurisdictionFlag: string\n patentOffice: string\n applicationDate: string\n grantDate: string\n status: FilingStatus\n nextDeadline: string\n deadlineNumber: string\n deadlineNote: string\n ipcClass: string\n attorney: string\n gazetteUrl: string\n gazetteLabel: string\n}\n\nconst ipAssets: IpAsset[] = [\n {\n id: 'ip-1',\n identifier: 'US Patent #11,849,201',\n officialNumber: 'US 11,849,201 B2',\n title: 'Zero-Dependency Dual-Framework AST Generation',\n type: 'Utility Patent',\n jurisdictionCode: 'US',\n jurisdictionName: 'United States',\n jurisdictionFlag: '🇺🇸',\n patentOffice: 'USPTO',\n applicationDate: '2023-04-12',\n grantDate: '2024-06-18',\n status: 'Granted / Registered',\n nextDeadline: 'Dec 2026',\n deadlineNumber: '2026-12-15',\n deadlineNote: 'USPTO 3.5-Year Maintenance Window',\n ipcClass: 'CPC G06F 8/41 · Abstract Syntax Trees',\n attorney: 'Vance & Morrison LLP',\n gazetteUrl: 'https://patents.google.com/patent/US11849201B2/en',\n gazetteLabel: 'View USPTO Gazette',\n },\n {\n id: 'ip-2',\n identifier: 'US Patent #11,420,184',\n officialNumber: 'US 11,420,184 B1',\n title: 'Perceptually Uniform OKLCH Dark Mode Algorithm',\n type: 'Utility Patent',\n jurisdictionCode: 'US',\n jurisdictionName: 'United States',\n jurisdictionFlag: '🇺🇸',\n patentOffice: 'USPTO',\n applicationDate: '2022-09-14',\n grantDate: '2023-08-22',\n status: 'Granted / Registered',\n nextDeadline: 'Feb 2027',\n deadlineNumber: '2027-02-22',\n deadlineNote: 'USPTO 3.5-Year Maintenance Window',\n ipcClass: 'CPC G06T 11/00 · Perceptual Colorimetry',\n attorney: 'Vance & Morrison LLP',\n gazetteUrl: 'https://patents.google.com/patent/US11420184B1/en',\n gazetteLabel: 'View USPTO Gazette',\n },\n {\n id: 'ip-3',\n identifier: 'US Trademark #98421042',\n officialNumber: 'Reg. #7,294,810 (SN 98421042)',\n title: 'UIPKGE™ (Class 09, 42)',\n type: 'Trademark',\n jurisdictionCode: 'US',\n jurisdictionName: 'United States',\n jurisdictionFlag: '🇺🇸',\n patentOffice: 'USPTO',\n applicationDate: '2023-02-10',\n grantDate: '2023-11-14',\n status: 'Granted / Registered',\n nextDeadline: 'Nov 2029',\n deadlineNumber: '2029-11-14',\n deadlineNote: 'Section 8 & 15 Affidavit of Use',\n ipcClass: 'IC 009, 042 · Computer Software & SaaS',\n attorney: 'Kilpatrick Townsend & Stockton',\n gazetteUrl: 'https://tsdr.uspto.gov/',\n gazetteLabel: 'View USPTO TSDR',\n },\n {\n id: 'ip-4',\n identifier: 'WIPO PCT/US2026/018249',\n officialNumber: 'WO 2026/148201 A1',\n title: 'Headless Component State Serialization',\n type: 'PCT International',\n jurisdictionCode: 'WIPO',\n jurisdictionName: 'WIPO International',\n jurisdictionFlag: '🌍',\n patentOffice: 'WIPO IB',\n applicationDate: '2026-01-15',\n grantDate: 'Pending',\n status: 'Published / Under Exam',\n nextDeadline: 'Jul 2027',\n deadlineNumber: '2027-07-15',\n deadlineNote: '30-Mo National Phase Entry Deadline',\n ipcClass: 'IPC G06F 9/44 · Component State Transfer',\n attorney: 'Vance & Morrison LLP',\n gazetteUrl: 'https://patentscope.wipo.int/',\n gazetteLabel: 'View WIPO Patentscope',\n },\n {\n id: 'ip-5',\n identifier: 'EP Patent #3,948,102',\n officialNumber: 'EP 3,948,102 A1',\n title: 'Reactive Virtual DOM Diffing Engine for Web Components',\n type: 'Utility Patent',\n jurisdictionCode: 'EU',\n jurisdictionName: 'European Union',\n jurisdictionFlag: '🇪🇺',\n patentOffice: 'EPO',\n applicationDate: '2024-03-02',\n grantDate: 'Pending',\n status: 'Published / Under Exam',\n nextDeadline: 'Mar 2027',\n deadlineNumber: '2027-03-31',\n deadlineNote: 'EPO 3rd Year Annuity Maintenance Fee',\n ipcClass: 'CPC G06F 9/455 · Virtualized DOM Execution',\n attorney: 'Bardehle Pagenberg Partnerschaft',\n gazetteUrl: 'https://worldwide.espacenet.com/',\n gazetteLabel: 'View EPO Espacenet',\n },\n {\n id: 'ip-6',\n identifier: 'EU Trademark #018942001',\n officialNumber: 'Reg. #018942001',\n title: 'UIPKGE DESIGN SYSTEM™ (Class 09, 35, 42)',\n type: 'Trademark',\n jurisdictionCode: 'EU',\n jurisdictionName: 'European Union',\n jurisdictionFlag: '🇪🇺',\n patentOffice: 'EUIPO',\n applicationDate: '2023-08-05',\n grantDate: '2024-01-19',\n status: 'Granted / Registered',\n nextDeadline: 'May 2030',\n deadlineNumber: '2030-05-08',\n deadlineNote: 'EUIPO 10-Year Trademark Renewal',\n ipcClass: 'IC 009, 035, 042 · Design Systems & Tooling',\n attorney: 'Bardehle Pagenberg Partnerschaft',\n gazetteUrl: 'https://euipo.europa.eu/eSearch/',\n gazetteLabel: 'View EUIPO eSearch',\n },\n]\n\n@Component({\n changeDetection: ChangeDetectionStrategy.Eager,\n selector: 'ui-trademark-patent-portfolio, [ui-trademark-patent-portfolio]',\n standalone: true,\n // React renders the root
itself: the host stays out of layout and `class` goes to the root.\n host: { '[attr.class]': '\"contents\"' },\n imports: [\n LucideAngularModule,\n UiBadgeComponent,\n UiButtonComponent,\n UiCardComponent,\n UiCardContentComponent,\n UiCardDescriptionComponent,\n UiCardHeaderComponent,\n UiCardTitleComponent,\n UiDropdownMenuComponent,\n UiDropdownMenuContentComponent,\n UiDropdownMenuItemComponent,\n UiDropdownMenuLabelComponent,\n UiDropdownMenuSeparatorComponent,\n UiDropdownMenuTriggerComponent,\n UiInputComponent,\n UiTableComponent,\n UiTableBodyComponent,\n UiTableCellComponent,\n UiTableHeadComponent,\n UiTableHeaderComponent,\n UiTableRowComponent,\n ],\n template: `\n
\n \n
\n
\n
\n
\n \n \n UIPKGE Technologies Inc.\n \n \n \n 12 Patents · 6 Registered Trademarks\n \n
\n

\n Intellectual Property & Patent Portfolio\n

\n

\n USPTO, EPO, and WIPO asset docket, grant prosecution tracker, and statutory maintenance timeline.\n

\n
\n\n
\n \n \n Export Portfolio Report\n \n \n
\n
\n
\n\n \n @if (feedbackMessage()) {\n \n
\n \n {{ feedbackMessage() }}\n
\n \n Dismiss\n \n
\n }\n\n \n
\n
\n
\n
\n Granted Patents\n
\n \n
\n
\n
\n
8 Patents Granted
\n

6 USPTO · 2 EPO · 100% Enforceable

\n
\n
\n
\n\n
\n
\n
\n Pending Examination\n
\n \n
\n
\n
\n
4 Under Examination · USPTO
\n

2 PCT International · 1 USPTO · 1 EPO

\n
\n
\n
\n\n
\n
\n
\n Registered Trademarks\n
\n \n
\n
\n
\n
6 Trademarks Active
\n

Classes 09, 35, 42 · Global Protection

\n
\n
\n
\n\n
\n
\n
\n Next Maintenance Fee\n
\n \n
\n
\n
\n
\n Due Dec 15, 2026 · USPTO 3.5-Year Window\n
\n

Est. fee $2,000 · Surcharge window opens

\n
\n
\n
\n
\n\n \n
\n
\n
\n
\n

Registered Intellectual Property Assets

\n

\n Showing {{ filteredAssets().length }} of {{ allAssets.length }} assets across USPTO, EUIPO, and WIPO\n

\n
\n\n
\n
\n \n \n
\n\n \n \n \n Filter by Type\n \n All Types\n Utility Patent\n Trademark\n PCT International\n \n \n\n \n \n \n Filter by Status\n \n All Statuses\n \n Granted / Registered\n \n \n Published / Under Exam\n \n \n \n
\n
\n
\n\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n @for (asset of filteredAssets(); track asset.id) {\n \n \n\n \n\n \n\n \n\n \n\n \n\n \n \n }\n\n @if (filteredAssets().length === 0) {\n \n \n \n }\n \n
Asset Identifier & TitleTypeJurisdictionApp / Grant DateFiling StatusNext Renewal / DeadlineActions
\n
\n
\n \n {{ asset.identifier }}\n \n \n @if (copiedId() === asset.id) {\n \n } @else {\n \n }\n \n
\n
{{ asset.title }}
\n
\n {{ asset.ipcClass }}\n •\n Counsel: {{ asset.attorney }}\n
\n
\n 		\n \n {{ asset.type }}\n \n \n
\n \n {{ asset.jurisdictionFlag }}\n \n
\n
{{ asset.jurisdictionName }}
\n
{{ asset.patentOffice }}
\n
\n
\n 		\n
\n
\n Filing:\n {{ asset.applicationDate }}\n
\n
\n Grant:\n \n {{ asset.grantDate }}\n \n
\n
\n 		\n @if (asset.status === 'Granted / Registered') {\n \n \n \n \n \n Granted / Registered\n \n } @else {\n \n \n Published / Under Exam\n \n }\n \n
\n \n \n {{ asset.nextDeadline }}\n
\n

{{ asset.deadlineNote }}

\n \n 		\n \n \n \n Open actions for {{ asset.identifier }}\n \n \n Asset Operations\n \n \n \n {{ asset.gazetteLabel }}\n \n \n \n Download Grant Certificate\n \n \n \n Assign Counsel\n \n \n \n \n Copy Docket Number\n \n \n \n
\n
\n \n

No intellectual property assets match your search filters.

\n \n
\n
\n
\n
\n
\n
\n `,\n})\nexport class UiTrademarkPatentPortfolioComponent {\n protected readonly Award = Award\n protected readonly BadgeCheck = BadgeCheck\n protected readonly Building2 = Building2\n protected readonly Calendar = Calendar\n protected readonly Check = Check\n protected readonly CheckCircle2 = CheckCircle2\n protected readonly ChevronDown = ChevronDown\n protected readonly Clock = Clock\n protected readonly Copy = Copy\n protected readonly Download = Download\n protected readonly ExternalLink = ExternalLink\n protected readonly FileText = FileText\n protected readonly Filter = Filter\n protected readonly MoreHorizontal = MoreHorizontal\n protected readonly Plus = Plus\n protected readonly Scale = Scale\n protected readonly Search = Search\n protected readonly UserCheck = UserCheck\n\n protected readonly allAssets = ipAssets\n\n @Input('class') className?: string\n\n readonly searchQuery = signal('')\n readonly selectedType = signal<'all' | AssetType>('all')\n readonly selectedStatus = signal<'all' | FilingStatus>('all')\n readonly copiedId = signal(null)\n readonly feedbackMessage = signal(null)\n\n private copyTimer: ReturnType | undefined\n private feedbackTimer: ReturnType | undefined\n\n readonly filteredAssets = computed(() => {\n const query = this.searchQuery().trim().toLowerCase()\n return ipAssets.filter((asset) => {\n const matchesType = this.selectedType() === 'all' || asset.type === this.selectedType()\n const matchesStatus = this.selectedStatus() === 'all' || asset.status === this.selectedStatus()\n const matchesSearch =\n !query ||\n asset.identifier.toLowerCase().includes(query) ||\n asset.officialNumber.toLowerCase().includes(query) ||\n asset.title.toLowerCase().includes(query) ||\n asset.jurisdictionName.toLowerCase().includes(query) ||\n asset.patentOffice.toLowerCase().includes(query) ||\n asset.ipcClass.toLowerCase().includes(query)\n return matchesType && matchesStatus && matchesSearch\n })\n })\n\n get rootClass(): string {\n return cn('w-full space-y-6', this.className)\n }\n\n typeBadgeClass(type: AssetType): string {\n return cn('font-mono text-xs font-medium', {\n 'border-chart-1/30 bg-chart-1/10 text-chart-1': type === 'Utility Patent',\n 'border-info/30 bg-info/10 text-info': type === 'Trademark',\n 'border-warning/30 bg-warning/10 text-warning': type === 'PCT International',\n })\n }\n\n resetFilters(): void {\n this.searchQuery.set('')\n this.selectedType.set('all')\n this.selectedStatus.set('all')\n }\n\n copyText(id: string, text: string): void {\n try {\n void navigator.clipboard?.writeText(text)\n } catch {\n // Clipboard unavailable (e.g. jsdom without permissions) — still show feedback.\n }\n this.copiedId.set(id)\n clearTimeout(this.copyTimer)\n this.copyTimer = setTimeout(() => this.copiedId.set(null), 2000)\n }\n\n private flashFeedback(message: string): void {\n this.feedbackMessage.set(message)\n clearTimeout(this.feedbackTimer)\n this.feedbackTimer = setTimeout(() => this.feedbackMessage.set(null), 3000)\n }\n\n handleExport(): void {\n this.flashFeedback('Exporting IP Portfolio summary (CSV / PDF)...')\n }\n\n handleFileNewAsset(): void {\n this.flashFeedback('Opening USPTO / WIPO EFS-Web filing wizard...')\n }\n\n handleAction(action: string, asset: IpAsset): void {\n this.flashFeedback(`${action}: ${asset.identifier}`)\n }\n}\n", "type": "registry:block", "target": "~/src/app/components/blocks/trademark-patent-portfolio/trademark-patent-portfolio.component.ts" }, { "path": "packages/registry-angular/blocks/trademark-patent-portfolio/index.ts", "content": "export {\n UiTrademarkPatentPortfolioComponent,\n type AssetType,\n type FilingStatus,\n type IpAsset,\n} from './trademark-patent-portfolio.component'\n", "type": "registry:block", "target": "~/src/app/components/blocks/trademark-patent-portfolio/index.ts" } ], "dependencies": [ "lucide-angular" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/angular/badge.json", "https://uipkge.dev/r/angular/button.json", "https://uipkge.dev/r/angular/card.json", "https://uipkge.dev/r/angular/dropdown-menu.json", "https://uipkge.dev/r/angular/input.json", "https://uipkge.dev/r/angular/table.json" ], "description": "USPTO and WIPO intellectual property asset portfolio tracker, patent grant status, jurisdiction coverage, and maintenance fee timeline with docket action workflow.", "categories": [ "legal", "app", "table", "dashboard" ] }