kit-data-manager · maximiliani · Jul 15, 2026 · Jul 13, 2026 · Jul 13, 2026 · Jul 15, 2026
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -110,4 +110,4 @@
     "type": "git",
     "url": "https://github.com/kit-data-manager/pid-component"
   }
-}
+}
diff --git a/packages/angular-library/lib/stencil-generated/components.ts b/packages/angular-library/lib/stencil-generated/components.ts
@@ -147,25 +147,27 @@ export declare interface PidActions extends Components.PidActions {}
 })
 export class PidCollapsible {
   protected el: HTMLPidCollapsibleElement;
-  @Output() collapsibleToggle = new EventEmitter<CustomEvent<boolean>>();
-  @Output() contentHeightChange = new EventEmitter<CustomEvent<{ maxHeight: number }>>();
+  @Output() collapsibleToggle = new EventEmitter<PidCollapsibleCustomEvent<boolean>>();
+  @Output() contentHeightChange = new EventEmitter<PidCollapsibleCustomEvent<{ maxHeight: number }>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
   }
 }
 
 
+import type { PidCollapsibleCustomEvent } from '@kit-data-manager/pid-component/components';
+
 export declare interface PidCollapsible extends Components.PidCollapsible {
   /**
    * Event emitted when the collapsible is toggled
    */
-  collapsibleToggle: EventEmitter<CustomEvent<boolean>>;
+  collapsibleToggle: EventEmitter<PidCollapsibleCustomEvent<boolean>>;
   /**
    * Event emitted when content dimensions need to be recalculated
 Useful for pagination to ensure proper height
    */
-  contentHeightChange: EventEmitter<CustomEvent<{ maxHeight: number }>>;
+  contentHeightChange: EventEmitter<PidCollapsibleCustomEvent<{ maxHeight: number }>>;
 }
 
 
@@ -206,24 +208,26 @@ export declare interface PidComponent extends Components.PidComponent {}
 })
 export class PidDataTable {
   protected el: HTMLPidDataTableElement;
-  @Output() pageChange = new EventEmitter<CustomEvent<number>>();
-  @Output() itemsPerPageChange = new EventEmitter<CustomEvent<number>>();
+  @Output() pageChange = new EventEmitter<PidDataTableCustomEvent<number>>();
+  @Output() itemsPerPageChange = new EventEmitter<PidDataTableCustomEvent<number>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
   }
 }
 
 
+import type { PidDataTableCustomEvent } from '@kit-data-manager/pid-component/components';
+
 export declare interface PidDataTable extends Components.PidDataTable {
   /**
    * Event emitted when page changes
    */
-  pageChange: EventEmitter<CustomEvent<number>>;
+  pageChange: EventEmitter<PidDataTableCustomEvent<number>>;
   /**
    * Event emitted when items per page changes
    */
-  itemsPerPageChange: EventEmitter<CustomEvent<number>>;
+  itemsPerPageChange: EventEmitter<PidDataTableCustomEvent<number>>;
 }
 
 
@@ -241,24 +245,26 @@ export declare interface PidDataTable extends Components.PidDataTable {
 })
 export class PidPagination {
   protected el: HTMLPidPaginationElement;
-  @Output() pageChange = new EventEmitter<CustomEvent<number>>();
-  @Output() itemsPerPageChange = new EventEmitter<CustomEvent<number>>();
+  @Output() pageChange = new EventEmitter<PidPaginationCustomEvent<number>>();
+  @Output() itemsPerPageChange = new EventEmitter<PidPaginationCustomEvent<number>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
   }
 }
 
 
+import type { PidPaginationCustomEvent } from '@kit-data-manager/pid-component/components';
+
 export declare interface PidPagination extends Components.PidPagination {
   /**
    * Event emitted when page changes
    */
-  pageChange: EventEmitter<CustomEvent<number>>;
+  pageChange: EventEmitter<PidPaginationCustomEvent<number>>;
   /**
    * Event emitted when items per page changes
    */
-  itemsPerPageChange: EventEmitter<CustomEvent<number>>;
+  itemsPerPageChange: EventEmitter<PidPaginationCustomEvent<number>>;
 }
 
 
@@ -276,19 +282,21 @@ export declare interface PidPagination extends Components.PidPagination {
 })
 export class PidTooltip {
   protected el: HTMLPidTooltipElement;
-  @Output() tooltipExpansionChange = new EventEmitter<CustomEvent<{ expand: boolean; requiredHeight: number }>>();
+  @Output() tooltipExpansionChange = new EventEmitter<PidTooltipCustomEvent<{ expand: boolean; requiredHeight: number }>>();
   constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
     c.detach();
     this.el = r.nativeElement;
   }
 }
 
 
+import type { PidTooltipCustomEvent } from '@kit-data-manager/pid-component/components';
+
 export declare interface PidTooltip extends Components.PidTooltip {
   /**
    * Event emitted when tooltip requires row expansion
    */
-  tooltipExpansionChange: EventEmitter<CustomEvent<{ expand: boolean; requiredHeight: number }>>;
+  tooltipExpansionChange: EventEmitter<PidTooltipCustomEvent<{ expand: boolean; requiredHeight: number }>>;
 }
 
 
diff --git a/packages/angular-library/package.json b/packages/angular-library/package.json
@@ -45,7 +45,6 @@
     "@stencil/angular-output-target": "^1.3.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^21.2.11",
     "@angular/animations": "^21.2.13",
     "@angular/cli": "^21.2.11",
     "@angular/common": "^21.2.13",
@@ -62,7 +61,7 @@
     "postcss": "^8.5.14",
     "storybook": "^10.4.0",
     "tailwindcss": "^4.3.0",
-    "typescript": "^6.0.3",
+    "typescript": "^5.9.3",
     "zone.js": "^0.16.2"
   },
   "peerDependencies": {

diff --git a/packages/react-library/.storybook/main.ts b/packages/react-library/.storybook/main.ts
@@ -2,7 +2,6 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import path, { dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { codecovVitePlugin } from '@codecov/vite-plugin';
 import tailwindcss from '@tailwindcss/vite';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
@@ -26,7 +25,6 @@ const config: StorybookConfig = {
     };
     config.plugins = config.plugins || [];
     config.plugins.push(tailwindcss());
-    config.plugins.push(codecovVitePlugin({ enableBundleAnalysis: true, bundleName: 'react-library' }));
     return config;
   },
 };

diff --git a/packages/react-library/lib/components/stencil-generated/components.server.ts b/packages/react-library/lib/components/stencil-generated/components.server.ts
@@ -29,25 +29,25 @@ export const serializeShadowRoot: SerializeShadowRootOptions = { default: "decla
 
 export type ColorHighlightEvents = NonNullable<unknown>;
 
-export const ColorHighlight: StencilReactComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight> = /*@__PURE__*/ createComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight>({
+export const ColorHighlight: StencilReactComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight, 'text'> = /*@__PURE__*/ createComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight, 'text'>({
     tagName: 'color-highlight',
     properties: { text: 'text' },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.ColorHighlight as StencilReactComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.ColorHighlight as StencilReactComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight, 'text'>,
     serializeShadowRoot
 });
 
 export type CopyButtonEvents = NonNullable<unknown>;
 
-export const CopyButton: StencilReactComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton> = /*@__PURE__*/ createComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton>({
+export const CopyButton: StencilReactComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton, 'value'> = /*@__PURE__*/ createComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton, 'value'>({
     tagName: 'copy-button',
     properties: {
         value: 'value',
         label: 'label',
         darkMode: 'dark-mode'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.CopyButton as StencilReactComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.CopyButton as StencilReactComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton, 'value'>,
     serializeShadowRoot
 });
 
@@ -63,21 +63,21 @@ export const JsonViewer: StencilReactComponent<JsonViewerElement, JsonViewerEven
         expandAll: 'expand-all',
         theme: 'theme'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
     clientModule: clientComponents.JsonViewer as StencilReactComponent<JsonViewerElement, JsonViewerEvents, Components.JsonViewer>,
     serializeShadowRoot
 });
 
 export type LocaleVisualizationEvents = NonNullable<unknown>;
 
-export const LocaleVisualization: StencilReactComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization> = /*@__PURE__*/ createComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization>({
+export const LocaleVisualization: StencilReactComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization, 'locale'> = /*@__PURE__*/ createComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization, 'locale'>({
     tagName: 'locale-visualization',
     properties: {
         locale: 'locale',
         showFlag: 'show-flag'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.LocaleVisualization as StencilReactComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.LocaleVisualization as StencilReactComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization, 'locale'>,
     serializeShadowRoot
 });
 
@@ -89,7 +89,7 @@ export const PidActions: StencilReactComponent<PidActionsElement, PidActionsEven
         actionsId: 'actions-id',
         darkMode: 'dark-mode'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
     clientModule: clientComponents.PidActions as StencilReactComponent<PidActionsElement, PidActionsEvents, Components.PidActions>,
     serializeShadowRoot
 });
@@ -112,7 +112,7 @@ export const PidCollapsible: StencilReactComponent<PidCollapsibleElement, PidCol
         expanded: 'expanded',
         previewScrollable: 'preview-scrollable'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
     clientModule: clientComponents.PidCollapsible as StencilReactComponent<PidCollapsibleElement, PidCollapsibleEvents, Components.PidCollapsible>,
     serializeShadowRoot
 });
@@ -138,7 +138,7 @@ export const PidComponent: StencilReactComponent<PidComponentElement, PidCompone
         renderers: 'renderers',
         fallbackToAll: 'fallback-to-all'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
     clientModule: clientComponents.PidComponent as StencilReactComponent<PidComponentElement, PidComponentEvents, Components.PidComponent>,
     serializeShadowRoot
 });
@@ -160,7 +160,7 @@ export const PidDataTable: StencilReactComponent<PidDataTableElement, PidDataTab
         settings: 'settings',
         darkMode: 'dark-mode'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
     clientModule: clientComponents.PidDataTable as StencilReactComponent<PidDataTableElement, PidDataTableEvents, Components.PidDataTable>,
     serializeShadowRoot
 });
@@ -179,14 +179,14 @@ export const PidPagination: StencilReactComponent<PidPaginationElement, PidPagin
         showItemsPerPageControl: 'show-items-per-page-control',
         darkMode: 'dark-mode'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
     clientModule: clientComponents.PidPagination as StencilReactComponent<PidPaginationElement, PidPaginationEvents, Components.PidPagination>,
     serializeShadowRoot
 });
 
 export type PidTooltipEvents = { onTooltipExpansionChange: EventName<PidTooltipCustomEvent<{ expand: boolean; requiredHeight: number }>> };
 
-export const PidTooltip: StencilReactComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip> = /*@__PURE__*/ createComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip>({
+export const PidTooltip: StencilReactComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip, 'text'> = /*@__PURE__*/ createComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip, 'text'>({
     tagName: 'pid-tooltip',
     properties: {
         text: 'text',
@@ -196,7 +196,7 @@ export const PidTooltip: StencilReactComponent<PidTooltipElement, PidTooltipEven
         fitContent: 'fit-content',
         darkMode: 'dark-mode'
     },
-    hydrateModule: import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>,
-    clientModule: clientComponents.PidTooltip as StencilReactComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip>,
+    hydrateModule: typeof window === 'undefined' ? (import('@kit-data-manager/pid-component/hydrate') as Promise<HydrateModule>) : undefined,
+    clientModule: clientComponents.PidTooltip as StencilReactComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip, 'text'>,
     serializeShadowRoot
 });
diff --git a/packages/react-library/lib/components/stencil-generated/components.ts b/packages/react-library/lib/components/stencil-generated/components.ts
@@ -26,7 +26,7 @@ import { PidTooltip as PidTooltipElement, defineCustomElement as definePidToolti
 
 export type ColorHighlightEvents = NonNullable<unknown>;
 
-export const ColorHighlight: StencilReactComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight> = /*@__PURE__*/ createComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight>({
+export const ColorHighlight: StencilReactComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight, 'text'> = /*@__PURE__*/ createComponent<ColorHighlightElement, ColorHighlightEvents, Components.ColorHighlight, 'text'>({
     tagName: 'color-highlight',
     elementClass: ColorHighlightElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -37,7 +37,7 @@ export const ColorHighlight: StencilReactComponent<ColorHighlightElement, ColorH
 
 export type CopyButtonEvents = NonNullable<unknown>;
 
-export const CopyButton: StencilReactComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton> = /*@__PURE__*/ createComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton>({
+export const CopyButton: StencilReactComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton, 'value'> = /*@__PURE__*/ createComponent<CopyButtonElement, CopyButtonEvents, Components.CopyButton, 'value'>({
     tagName: 'copy-button',
     elementClass: CopyButtonElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -59,7 +59,7 @@ export const JsonViewer: StencilReactComponent<JsonViewerElement, JsonViewerEven
 
 export type LocaleVisualizationEvents = NonNullable<unknown>;
 
-export const LocaleVisualization: StencilReactComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization> = /*@__PURE__*/ createComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization>({
+export const LocaleVisualization: StencilReactComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization, 'locale'> = /*@__PURE__*/ createComponent<LocaleVisualizationElement, LocaleVisualizationEvents, Components.LocaleVisualization, 'locale'>({
     tagName: 'locale-visualization',
     elementClass: LocaleVisualizationElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -143,7 +143,7 @@ export const PidPagination: StencilReactComponent<PidPaginationElement, PidPagin
 
 export type PidTooltipEvents = { onTooltipExpansionChange: EventName<PidTooltipCustomEvent<{ expand: boolean; requiredHeight: number }>> };
 
-export const PidTooltip: StencilReactComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip> = /*@__PURE__*/ createComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip>({
+export const PidTooltip: StencilReactComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip, 'text'> = /*@__PURE__*/ createComponent<PidTooltipElement, PidTooltipEvents, Components.PidTooltip, 'text'>({
     tagName: 'pid-tooltip',
     elementClass: PidTooltipElement,
     // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.

diff --git a/packages/react-library/package.json b/packages/react-library/package.json
@@ -50,7 +50,6 @@
     "@stencil/react-output-target": "^1.5.2"
   },
   "devDependencies": {
-    "@codecov/vite-plugin": "^2.0.1",
     "@mantine/core": "^9.2.1",
     "@mantine/hooks": "^9.2.1",
     "@storybook/addon-a11y": "^10.4.0",

diff --git a/packages/react-library/vite.config.ts b/packages/react-library/vite.config.ts
@@ -1,14 +1,8 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
-import { codecovVitePlugin } from '@codecov/vite-plugin';
 
 export default defineConfig({
   plugins: [
-    react(),
-    codecovVitePlugin({
-      enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
-      bundleName: 'react-library',
-      uploadToken: process.env.CODECOV_TOKEN,
-    }),
+    react()
   ],
 });
diff --git a/packages/stencil-library/stencil.config.ts b/packages/stencil-library/stencil.config.ts
@@ -6,7 +6,6 @@ import { webTypesOutputTarget } from '@stencil-community/web-types-output-target
 import { postcss } from '@stencil-community/postcss';
 import tailwindcss from '@tailwindcss/postcss';
 import cssnanoPlugin from 'cssnano';
-import { codecovRollupPlugin } from '@codecov/rollup-plugin';
 
 export const config: Config = {
   namespace: 'pid-component',
@@ -56,15 +55,6 @@ export const config: Config = {
       ],
     }),
   ],
-  rollupPlugins: {
-    after: [
-      codecovRollupPlugin({
-        enableBundleAnalysis: process.env.CODECOV_TOKEN !== undefined,
-        bundleName: 'stencil-library',
-        uploadToken: process.env.CODECOV_TOKEN,
-      }),
-    ],
-  },
   sourceMap: true,
   extras: {
     experimentalSlotFixes: true,

diff --git a/packages/vue-library/.storybook/main.ts b/packages/vue-library/.storybook/main.ts
@@ -3,7 +3,6 @@ import type { StorybookConfig } from '@storybook/vue3-vite';
 import path, { dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { createRequire } from 'node:module';
-import { codecovVitePlugin } from '@codecov/vite-plugin';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const require = createRequire(import.meta.url);
@@ -29,7 +28,6 @@ const config: StorybookConfig = {
     };
     config.plugins = config.plugins || [];
     config.plugins.push(vue());
-    config.plugins.push(codecovVitePlugin({ enableBundleAnalysis: true, bundleName: 'vue-library' }));
     return config;
   },
 };

diff --git a/packages/vue-library/package.json b/packages/vue-library/package.json
@@ -42,7 +42,6 @@
     "@stencil/vue-output-target": "^0.13.1"
   },
   "devDependencies": {
-    "@codecov/vite-plugin": "^2.0.1",
     "@mdi/font": "^7.4.47",
     "@storybook/addon-a11y": "^10.4.0",
     "@storybook/addon-docs": "^10.4.0",
-Original file line number
+Diff line change
@@ Expand Up / @@ -110,4 +110,4 @@ @@
         "type": "git",
         "url": "https://github.com/kit-data-manager/pid-component"
       }
-    }
+    }