sparc-shared-ui 0.0.1 → 0.0.3

package/README.md

@@ -1,16 +1,6 @@
-# SparcSharedUi
+# SharedUi
 
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.2.
-
-## Development server
-
-To start a local development server, run:
-
-```bash
-ng serve
-```
-
-Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.0.
 
 ## Code scaffolding
 
@@ -28,17 +18,31 @@ ng generate --help
 
 ## Building
 
-To build the project run:
+To build the library, run:
 
 ```bash
-ng build
+ng build shared-ui
 ```
 
-This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/shared-ui
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
 
 ## Running unit tests
 
-To execute unit tests with the [Vitest](https://vitest.dev/) test runner, use the following command:
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
 
 ```bash
 ng test

package/fesm2022/sparc-shared-ui.mjs

@@ -0,0 +1,132 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ContentChild, Input, Component, EventEmitter, Output, ContentChildren } from '@angular/core';
+import * as i1$1 from 'primeng/tabs';
+import { TabsModule } from 'primeng/tabs';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class TabPanelComponent {
+    id;
+    header = '';
+    closable = false;
+    data;
+    content;
+    renderKey = 0;
+    ngOnChanges() {
+        this.renderKey++;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TabPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.5", type: TabPanelComponent, isStandalone: true, selector: "app-tab-panel", inputs: { id: "id", header: "header", closable: "closable", data: "data" }, queries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    <ng-container *ngIf="renderKey">
+      <ng-container
+        *ngTemplateOutlet="content; context: { data: data }">
+      </ng-container>
+    </ng-container>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TabPanelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'app-tab-panel',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <ng-container *ngIf="renderKey">
+      <ng-container
+        *ngTemplateOutlet="content; context: { data: data }">
+      </ng-container>
+    </ng-container>
+  `
+                }]
+        }], propDecorators: { id: [{
+                type: Input,
+                args: [{ required: true }]
+            }], header: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], content: [{
+                type: ContentChild,
+                args: [TemplateRef]
+            }] } });
+
+class TabViewComponent {
+    panelList;
+    panels = [];
+    activeIndex = 0;
+    scrollable = false;
+    activeIndexChange = new EventEmitter();
+    onChange = new EventEmitter();
+    onClose = new EventEmitter();
+    activeValue;
+    ngAfterContentInit() {
+        this.syncPanels();
+        this.panelList.changes.subscribe(() => {
+            this.syncPanels();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['activeIndex']) {
+            this.updateActiveValue();
+        }
+    }
+    syncPanels() {
+        this.panels = this.panelList.toArray();
+        this.updateActiveValue();
+    }
+    updateActiveValue() {
+        this.activeValue = this.panels[this.activeIndex]?.id ?? null;
+    }
+    onValueChange(value) {
+        const index = this.panels.findIndex(p => p.id === value);
+        if (index === -1)
+            return;
+        this.activeIndex = index;
+        this.activeIndexChange.emit(index);
+        this.onChange.emit({ index });
+        this.activeValue = value;
+    }
+    closeTab(panel, event) {
+        event.stopPropagation();
+        const index = this.panels.findIndex(p => p.id === panel.id);
+        if (index === -1)
+            return;
+        // Child does NOT mutate data
+        this.onClose.emit({
+            index,
+            panel
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TabViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: TabViewComponent, isStandalone: true, selector: "app-tab-view", inputs: { activeIndex: "activeIndex", scrollable: "scrollable" }, outputs: { activeIndexChange: "activeIndexChange", onChange: "onChange", onClose: "onClose" }, queries: [{ propertyName: "panelList", predicate: TabPanelComponent }], usesOnChanges: true, ngImport: i0, template: "<p-tabs [value]=\"activeValue\" (valueChange)=\"onValueChange($event)\" class=\"dashboard-Tab-View\">\r\n\r\n    <p-tablist>\r\n        @for (panel of panels; track panel.id) {\r\n        <p-tab [value]=\"panel.id\">\r\n            {{ panel.header }}\r\n            @if (panel.closable) {\r\n            <i class=\"pi pi-times\"  (click)=\"closeTab(panel, $event)\"></i>\r\n            }\r\n        </p-tab>\r\n        }\r\n    </p-tablist>\r\n\r\n    <p-tabpanels>\r\n        @for (panel of panels; track panel.id) {\r\n        <p-tabpanel [value]=\"panel.id\">\r\n            <ng-container *ngTemplateOutlet=\"panel.content; context: { data: panel.data }\">\r\n            </ng-container>\r\n        </p-tabpanel>\r\n        }\r\n    </p-tabpanels>\r\n\r\n</p-tabs>", dependencies: [{ kind: "ngmodule", type: TabsModule }, { kind: "component", type: i1$1.Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: i1$1.TabPanels, selector: "p-tabpanels" }, { kind: "component", type: i1$1.TabPanel, selector: "p-tabpanel", inputs: ["lazy", "value"], outputs: ["valueChange"] }, { kind: "component", type: i1$1.TabList, selector: "p-tablist" }, { kind: "component", type: i1$1.Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: TabViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-tab-view', standalone: true, imports: [TabsModule, CommonModule], template: "<p-tabs [value]=\"activeValue\" (valueChange)=\"onValueChange($event)\" class=\"dashboard-Tab-View\">\r\n\r\n    <p-tablist>\r\n        @for (panel of panels; track panel.id) {\r\n        <p-tab [value]=\"panel.id\">\r\n            {{ panel.header }}\r\n            @if (panel.closable) {\r\n            <i class=\"pi pi-times\"  (click)=\"closeTab(panel, $event)\"></i>\r\n            }\r\n        </p-tab>\r\n        }\r\n    </p-tablist>\r\n\r\n    <p-tabpanels>\r\n        @for (panel of panels; track panel.id) {\r\n        <p-tabpanel [value]=\"panel.id\">\r\n            <ng-container *ngTemplateOutlet=\"panel.content; context: { data: panel.data }\">\r\n            </ng-container>\r\n        </p-tabpanel>\r\n        }\r\n    </p-tabpanels>\r\n\r\n</p-tabs>" }]
+        }], propDecorators: { panelList: [{
+                type: ContentChildren,
+                args: [TabPanelComponent]
+            }], activeIndex: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], onChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }] } });
+
+/*
+ * Public API Surface of shared-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TabPanelComponent, TabViewComponent };
+//# sourceMappingURL=sparc-shared-ui.mjs.map

package/fesm2022/sparc-shared-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparc-shared-ui.mjs","sources":["../../../projects/shared-ui/src/lib/tabs/tab-panel/tab-panel.component.ts","../../../projects/shared-ui/src/lib/tabs/tab-view/tab-view.component.ts","../../../projects/shared-ui/src/lib/tabs/tab-view/tab-view.component.html","../../../projects/shared-ui/src/public-api.ts","../../../projects/shared-ui/src/sparc-shared-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ContentChild, Input, TemplateRef } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'app-tab-panel',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  template: `\r\n    <ng-container *ngIf=\"renderKey\">\r\n      <ng-container\r\n        *ngTemplateOutlet=\"content; context: { data: data }\">\r\n      </ng-container>\r\n    </ng-container>\r\n  `\r\n})\r\nexport class TabPanelComponent {\r\n  @Input({ required: true }) id!: number | string;\r\n  @Input() header = '';\r\n  @Input() closable = false;\r\n  @Input() data: any;\r\n\r\n  @ContentChild(TemplateRef) content!: TemplateRef<any>;\r\n\r\n  renderKey = 0;\r\n\r\n  ngOnChanges() {\r\n    this.renderKey++;\r\n  }\r\n}\r\n\r\n","import {\r\n  AfterContentInit,\r\n  Component,\r\n  ContentChildren,\r\n  EventEmitter,\r\n  Input,\r\n  OnChanges,\r\n  Output,\r\n  QueryList,\r\n  SimpleChanges\r\n} from '@angular/core';\r\nimport { TabsModule } from 'primeng/tabs';\r\nimport { TabPanelComponent } from '../tab-panel/tab-panel.component';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'app-tab-view',\r\n  standalone: true,\r\n  imports: [TabsModule, CommonModule],\r\n  templateUrl: './tab-view.component.html',\r\n})\r\nexport class TabViewComponent implements AfterContentInit, OnChanges {\r\n\r\n  @ContentChildren(TabPanelComponent)\r\n  panelList!: QueryList<TabPanelComponent>;\r\n\r\n  panels: TabPanelComponent[] = [];\r\n\r\n  @Input() activeIndex = 0;\r\n  @Input() scrollable = false;\r\n\r\n  @Output() activeIndexChange = new EventEmitter<number>();\r\n  @Output() onChange = new EventEmitter<any>();\r\n  @Output() onClose = new EventEmitter<any>();\r\n\r\n  activeValue: any;\r\n\r\n  ngAfterContentInit() {\r\n    this.syncPanels();\r\n\r\n    this.panelList.changes.subscribe(() => {\r\n      this.syncPanels();\r\n    });\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges) {\r\n    if (changes['activeIndex']) {\r\n      this.updateActiveValue();\r\n    }\r\n  }\r\n\r\n  private syncPanels() {\r\n    this.panels = this.panelList.toArray();\r\n    this.updateActiveValue();\r\n  }\r\n\r\n  private updateActiveValue() {\r\n    this.activeValue = this.panels[this.activeIndex]?.id ?? null;\r\n  }\r\n\r\n  onValueChange(value: any) {\r\n    const index = this.panels.findIndex(p => p.id === value);\r\n    if (index === -1) return;\r\n\r\n    this.activeIndex = index;\r\n    this.activeIndexChange.emit(index);\r\n    this.onChange.emit({ index });\r\n    this.activeValue = value;\r\n  }\r\n\r\n  closeTab(panel: TabPanelComponent, event: Event) {\r\n    event.stopPropagation();\r\n\r\n    const index = this.panels.findIndex(p => p.id === panel.id);\r\n    if (index === -1) return;\r\n\r\n    // Child does NOT mutate data\r\n    this.onClose.emit({\r\n      index,\r\n      panel\r\n    });\r\n  }\r\n\r\n\r\n}\r\n","<p-tabs [value]=\"activeValue\" (valueChange)=\"onValueChange($event)\" class=\"dashboard-Tab-View\">\r\n\r\n    <p-tablist>\r\n        @for (panel of panels; track panel.id) {\r\n        <p-tab [value]=\"panel.id\">\r\n            {{ panel.header }}\r\n            @if (panel.closable) {\r\n            <i class=\"pi pi-times\"  (click)=\"closeTab(panel, $event)\"></i>\r\n            }\r\n        </p-tab>\r\n        }\r\n    </p-tablist>\r\n\r\n    <p-tabpanels>\r\n        @for (panel of panels; track panel.id) {\r\n        <p-tabpanel [value]=\"panel.id\">\r\n            <ng-container *ngTemplateOutlet=\"panel.content; context: { data: panel.data }\">\r\n            </ng-container>\r\n        </p-tabpanel>\r\n        }\r\n    </p-tabpanels>\r\n\r\n</p-tabs>","/*\r\n * Public API Surface of shared-ui\r\n */\r\n\r\nexport * from './lib';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2"],"mappings":"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"}

package/package.json

@@ -1,58 +1,23 @@
-{
-  "name": "sparc-shared-ui",
-  "version": "0.0.1",
-  "private": false,
-
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "scripts": {
-    "ng": "ng",
-    "start": "ng serve",
-    "build": "ng build",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
-  },
-  "prettier": {
-    "printWidth": 100,
-    "singleQuote": true,
-    "overrides": [
-      {
-        "files": "*.html",
-        "options": {
-          "parser": "angular"
-        }
-      }
-    ]
-  },
-
-  "packageManager": "npm@10.8.2",
-  "dependencies": {
-    "@angular/common": "^21.1.0",
-    "@angular/compiler": "^21.1.0",
-    "@angular/core": "^21.1.0",
-    "@angular/forms": "^21.1.0",
-    "@angular/platform-browser": "^21.1.0",
-    "@angular/router": "^21.1.0",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0"
-  },
-  "peerDependencies": {
-    "@angular/core": "^21.1.0",
-    "@angular/common": "^21.1.0",
-    "primeng": "^20.4.0",
-    "primeicons": "^7.0.0"
-  },
-  "devDependencies": {
-    "@angular/build": "^21.1.3",
-    "@angular/cli": "^21.1.2",
-    "@angular/compiler-cli": "^21.1.0",
-    "jsdom": "^27.1.0",
-    "ng-packagr": "^21.1.0",
-    "primeicons": "^7.0.0",
-    "primeng": "^20.4.0",
-    "typescript": "~5.9.2",
-    "vitest": "^4.0.8"
-  }
+{
+  "name": "sparc-shared-ui",
+  "version": "0.0.3",
+  "peerDependencies": {
+    "@angular/common": "^21.1.0",
+    "@angular/core": "^21.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/sparc-shared-ui.mjs",
+  "typings": "types/sparc-shared-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/sparc-shared-ui.d.ts",
+      "default": "./fesm2022/sparc-shared-ui.mjs"
+    }
+  }
 }

package/types/sparc-shared-ui.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit, OnChanges, QueryList, EventEmitter, SimpleChanges } from '@angular/core';
+
+declare class TabPanelComponent {
+    id: number | string;
+    header: string;
+    closable: boolean;
+    data: any;
+    content: TemplateRef<any>;
+    renderKey: number;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabPanelComponent, "app-tab-panel", never, { "id": { "alias": "id"; "required": true; }; "header": { "alias": "header"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, ["content"], never, true, never>;
+}
+
+declare class TabViewComponent implements AfterContentInit, OnChanges {
+    panelList: QueryList<TabPanelComponent>;
+    panels: TabPanelComponent[];
+    activeIndex: number;
+    scrollable: boolean;
+    activeIndexChange: EventEmitter<number>;
+    onChange: EventEmitter<any>;
+    onClose: EventEmitter<any>;
+    activeValue: any;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private syncPanels;
+    private updateActiveValue;
+    onValueChange(value: any): void;
+    closeTab(panel: TabPanelComponent, event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabViewComponent, "app-tab-view", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; "onChange": "onChange"; "onClose": "onClose"; }, ["panelList"], never, true, never>;
+}
+
+export { TabPanelComponent, TabViewComponent };

package/.editorconfig

@@ -1,17 +0,0 @@
-# Editor configuration, see https://editorconfig.org
-root = true
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.ts]
-quote_type = single
-ij_typescript_use_double_quotes = false
-
-[*.md]
-max_line_length = off
-trim_trailing_whitespace = false

package/.vscode/extensions.json

@@ -1,4 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
-  "recommendations": ["angular.ng-template"]
-}

package/.vscode/launch.json

@@ -1,20 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "ng serve",
-      "type": "chrome",
-      "request": "launch",
-      "preLaunchTask": "npm: start",
-      "url": "http://localhost:4200/"
-    },
-    {
-      "name": "ng test",
-      "type": "chrome",
-      "request": "launch",
-      "preLaunchTask": "npm: test",
-      "url": "http://localhost:9876/debug.html"
-    }
-  ]
-}

package/.vscode/mcp.json

@@ -1,9 +0,0 @@
-{
-  // For more information, visit: https://angular.dev/ai/mcp
-  "servers": {
-    "angular-cli": {
-      "command": "npx",
-      "args": ["-y", "@angular/cli", "mcp"]
-    }
-  }
-}

package/.vscode/tasks.json

@@ -1,42 +0,0 @@
-{
-  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
-  "version": "2.0.0",
-  "tasks": [
-    {
-      "type": "npm",
-      "script": "start",
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "typescript",
-        "pattern": "$tsc",
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": {
-            "regexp": "Changes detected"
-          },
-          "endsPattern": {
-            "regexp": "bundle generation (complete|failed)"
-          }
-        }
-      }
-    },
-    {
-      "type": "npm",
-      "script": "test",
-      "isBackground": true,
-      "problemMatcher": {
-        "owner": "typescript",
-        "pattern": "$tsc",
-        "background": {
-          "activeOnStart": true,
-          "beginsPattern": {
-            "regexp": "Changes detected"
-          },
-          "endsPattern": {
-            "regexp": "bundle generation (complete|failed)"
-          }
-        }
-      }
-    }
-  ]
-}

package/angular.json

@@ -1,36 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "cli": {
-    "packageManager": "npm"
-  },
-  "newProjectRoot": "projects",
-  "projects": {
-    "shared-ui": {
-      "projectType": "library",
-      "root": "projects/shared-ui",
-      "sourceRoot": "projects/shared-ui/src",
-      "prefix": "lib",
-      "architect": {
-        "build": {
-          "builder": "@angular/build:ng-packagr",
-          "configurations": {
-            "production": {
-              "tsConfig": "projects/shared-ui/tsconfig.lib.prod.json"
-            },
-            "development": {
-              "tsConfig": "projects/shared-ui/tsconfig.lib.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "test": {
-          "builder": "@angular/build:unit-test",
-          "options": {
-            "tsConfig": "projects/shared-ui/tsconfig.spec.json"
-          }
-        }
-      }
-    }
-  }
-}

package/azure-pipelines.yml

@@ -1,25 +0,0 @@
-trigger:
-- main
-
-pool:
-  vmImage: ubuntu-latest
-
-steps:
-- checkout: self
-
-- task: NodeTool@0
-  inputs:
-    versionSpec: '20.x'
-
-- script: |
-    npm install
-    ng build shared-ui
-  displayName: 'Build Angular library'
-
-- task: Npm@1
-  displayName: 'Publish to Azure Artifacts'
-  inputs:
-    command: publish
-    workingDir: dist/shared-ui
-    publishRegistry: useFeed
-    publishFeed: sparc-npm

package/projects/shared-ui/README.md

@@ -1,63 +0,0 @@
-# SharedUi
-
-This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.1.0.
-
-## Code scaffolding
-
-Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
-
-```bash
-ng generate component component-name
-```
-
-For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
-
-```bash
-ng generate --help
-```
-
-## Building
-
-To build the library, run:
-
-```bash
-ng build shared-ui
-```
-
-This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
-
-### Publishing the Library
-
-Once the project is built, you can publish your library by following these steps:
-
-1. Navigate to the `dist` directory:
-   ```bash
-   cd dist/shared-ui
-   ```
-
-2. Run the `npm publish` command to publish your library to the npm registry:
-   ```bash
-   npm publish
-   ```
-
-## Running unit tests
-
-To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
-
-```bash
-ng test
-```
-
-## Running end-to-end tests
-
-For end-to-end (e2e) testing, run:
-
-```bash
-ng e2e
-```
-
-Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
-
-## Additional Resources
-
-For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/projects/shared-ui/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/shared-ui",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/projects/shared-ui/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "sparc-shared-ui",
-  "version": "0.0.1",
-  "peerDependencies": {
-    "@angular/common": "^21.1.0",
-    "@angular/core": "^21.1.0"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false
-}

package/projects/shared-ui/src/lib/index.ts

@@ -1 +0,0 @@
-export * from './tabs';

package/projects/shared-ui/src/lib/shared-ui.spec.ts

@@ -1,23 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SharedUi } from './shared-ui';
-
-describe('SharedUi', () => {
-  let component: SharedUi;
-  let fixture: ComponentFixture<SharedUi>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      imports: [SharedUi]
-    })
-    .compileComponents();
-
-    fixture = TestBed.createComponent(SharedUi);
-    component = fixture.componentInstance;
-    await fixture.whenStable();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/projects/shared-ui/src/lib/shared-ui.ts

@@ -1,15 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-  selector: 'lib-shared-ui',
-  imports: [],
-  template: `
-    <p>
-      shared-ui works!
-    </p>
-  `,
-  styles: ``,
-})
-export class SharedUi {
-
-}

package/projects/shared-ui/src/lib/tabs/index.ts

@@ -1,2 +0,0 @@
-export * from './tab-view/tab-view.component';
-export * from './tab-panel/tab-panel.component';

package/projects/shared-ui/src/lib/tabs/tab-panel/tab-panel.component.scss

@@ -1,4 +0,0 @@
-:host {
-    display: block;
-    height: 100%;
-}

package/projects/shared-ui/src/lib/tabs/tab-panel/tab-panel.component.ts

@@ -1,30 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
-
-@Component({
-  selector: 'app-tab-panel',
-  standalone: true,
-  imports: [CommonModule],
-  template: `
-    <ng-container *ngIf="renderKey">
-      <ng-container
-        *ngTemplateOutlet="content; context: { data: data }">
-      </ng-container>
-    </ng-container>
-  `
-})
-export class TabPanelComponent {
-  @Input({ required: true }) id!: number | string;
-  @Input() header = '';
-  @Input() closable = false;
-  @Input() data: any;
-
-  @ContentChild(TemplateRef) content!: TemplateRef<any>;
-
-  renderKey = 0;
-
-  ngOnChanges() {
-    this.renderKey++;
-  }
-}
-

package/projects/shared-ui/src/lib/tabs/tab-view/tab-view.component.html

@@ -1,23 +0,0 @@
-<p-tabs [value]="activeValue" (valueChange)="onValueChange($event)" class="dashboard-Tab-View">
-
-    <p-tablist>
-        @for (panel of panels; track panel.id) {
-        <p-tab [value]="panel.id">
-            {{ panel.header }}
-            @if (panel.closable) {
-            <i class="pi pi-times"  (click)="closeTab(panel, $event)"></i>
-            }
-        </p-tab>
-        }
-    </p-tablist>
-
-    <p-tabpanels>
-        @for (panel of panels; track panel.id) {
-        <p-tabpanel [value]="panel.id">
-            <ng-container *ngTemplateOutlet="panel.content; context: { data: panel.data }">
-            </ng-container>
-        </p-tabpanel>
-        }
-    </p-tabpanels>
-
-</p-tabs>

package/projects/shared-ui/src/lib/tabs/tab-view/tab-view.component.scss

@@ -1,16 +0,0 @@
- .tab-close {
-     margin-left: .5rem;
-     cursor: pointer;
-     font-size: .75rem;
- }
-
- .scrollable {
-     overflow-x: auto;
- }
-
- :host {
-     display: flex;
-     flex-direction: column;
-     height: 100%;
- }
-

package/projects/shared-ui/src/lib/tabs/tab-view/tab-view.component.ts

@@ -1,85 +0,0 @@
-import {
-  AfterContentInit,
-  Component,
-  ContentChildren,
-  EventEmitter,
-  Input,
-  OnChanges,
-  Output,
-  QueryList,
-  SimpleChanges
-} from '@angular/core';
-import { TabsModule } from 'primeng/tabs';
-import { TabPanelComponent } from '../tab-panel/tab-panel.component';
-import { CommonModule } from '@angular/common';
-
-@Component({
-  selector: 'app-tab-view',
-  standalone: true,
-  imports: [TabsModule, CommonModule],
-  templateUrl: './tab-view.component.html',
-})
-export class TabViewComponent implements AfterContentInit, OnChanges {
-
-  @ContentChildren(TabPanelComponent)
-  panelList!: QueryList<TabPanelComponent>;
-
-  panels: TabPanelComponent[] = [];
-
-  @Input() activeIndex = 0;
-  @Input() scrollable = false;
-
-  @Output() activeIndexChange = new EventEmitter<number>();
-  @Output() onChange = new EventEmitter<any>();
-  @Output() onClose = new EventEmitter<any>();
-
-  activeValue: any;
-
-  ngAfterContentInit() {
-    this.syncPanels();
-
-    this.panelList.changes.subscribe(() => {
-      this.syncPanels();
-    });
-  }
-
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes['activeIndex']) {
-      this.updateActiveValue();
-    }
-  }
-
-  private syncPanels() {
-    this.panels = this.panelList.toArray();
-    this.updateActiveValue();
-  }
-
-  private updateActiveValue() {
-    this.activeValue = this.panels[this.activeIndex]?.id ?? null;
-  }
-
-  onValueChange(value: any) {
-    const index = this.panels.findIndex(p => p.id === value);
-    if (index === -1) return;
-
-    this.activeIndex = index;
-    this.activeIndexChange.emit(index);
-    this.onChange.emit({ index });
-    this.activeValue = value;
-  }
-
-  closeTab(panel: TabPanelComponent, event: Event) {
-    event.stopPropagation();
-
-    const index = this.panels.findIndex(p => p.id === panel.id);
-    if (index === -1) return;
-
-    // Child does NOT mutate data
-    this.onClose.emit({
-      index,
-      panel
-    });
-  }
-
-
-}

package/projects/shared-ui/src/public-api.ts

@@ -1,6 +0,0 @@
-/*
- * Public API Surface of shared-ui
- */
-
-export * from './lib';
-

package/projects/shared-ui/tsconfig.lib.json

@@ -1,17 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "types": []
-  },
-  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/projects/shared-ui/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/projects/shared-ui/tsconfig.spec.json

@@ -1,15 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "vitest/globals"
-    ]
-  },
-  "include": [
-    "src/**/*.d.ts",
-    "src/**/*.spec.ts"
-  ]
-}

package/tsconfig.json

@@ -1,38 +0,0 @@
-/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
-/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "experimentalDecorators": true,
-    "paths": {
-      "shared-ui": [
-        "./dist/shared-ui"
-      ]
-    },
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "preserve"
-  },
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  },
-  "files": [],
-  "references": [
-    {
-      "path": "./projects/shared-ui/tsconfig.lib.json"
-    },
-    {
-      "path": "./projects/shared-ui/tsconfig.spec.json"
-    }
-  ]
-}