@lamenna/lxp-angular 0.0.1

package/.turbo/turbo-build.log

@@ -0,0 +1,5 @@
+
+> @lamenna/lxp-angular@0.0.1 build /home/runner/work/lxp/lxp/packages/angular
+> echo 'Angular build will be configured later'
+
+Angular build will be configured later

package/jest.config.js

@@ -0,0 +1,22 @@
+/**
+ * Jest Configuration for @lamenna/lxp-angular
+ */
+
+module.exports = {
+  displayName: '@lamenna/lxp-angular',
+  testEnvironment: 'jsdom',
+  preset: 'ts-jest',
+  rootDir: '.',
+  testMatch: ['<rootDir>/src/**/__tests__/**/*.test.ts', '<rootDir>/src/**/*.test.ts'],
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+  setupFilesAfterEnv: ['<rootDir>/jest.setup.ts'],
+  collectCoverageFrom: [
+    'src/**/*.{ts,tsx}',
+    '!src/**/*.d.ts',
+    '!src/index.ts',
+  ],
+  coveragePathIgnorePatterns: [
+    '/node_modules/',
+    '/dist/',
+  ],
+};

package/jest.setup.ts

@@ -0,0 +1,5 @@
+/**
+ * Jest Setup for Angular Testing
+ */
+
+// Angular testing setup can go here

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@lamenna/lxp-angular",
+  "version": "0.0.1",
+  "description": "Angular components for LXP",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^17.0.0",
+    "@angular/core": "^17.0.0"
+  },
+  "dependencies": {
+    "@lamenna/lxp-tokens": "0.0.1",
+    "@lamenna/lxp-shared-components": "0.0.1"
+  },
+  "scripts": {
+    "build": "echo 'Angular build will be configured later'",
+    "dev": "echo 'Angular dev mode'",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "clean": "rm -rf dist"
+  }
+}

package/src/components/button/button.component.ts

@@ -0,0 +1,61 @@
+import {
+  Component,
+  Input,
+  Output,
+  EventEmitter,
+  HostBinding,
+} from "@angular/core";
+import {
+  AngularButtonProps,
+  ButtonVariant,
+  ButtonSize,
+  buttonConfig,
+} from "@lamenna/lxp-shared-components";
+
+@Component({
+  selector: "lxp-button",
+  template: `
+    <button
+      [attr.id]="id"
+      [attr.data-testid]="testID"
+      [attr.aria-label]="ariaLabel"
+      [disabled]="disabled"
+      (click)="onClick.emit($event)"
+      [ngClass]="buttonClasses"
+    >
+      {{ content }}
+    </button>
+  `,
+  standalone: true,
+})
+export class ButtonComponent implements AngularButtonProps {
+  @Input() content?: string;
+  @Input() variant: ButtonVariant = "primary";
+  @Input() size: ButtonSize = "md";
+  @Input() disabled: boolean = false;
+  @Input() className?: string;
+  @Input() id?: string;
+  @Input() ariaLabel?: string;
+  @Input() testID?: string;
+  @Input() label?: string;
+
+  @Output() onClick = new EventEmitter<MouseEvent>();
+
+  @HostBinding("style") get hostStyles() {
+    const variantConfig = buttonConfig.variants[this.variant];
+    const sizeConfig = buttonConfig.sizes[this.size];
+    return {
+      ...buttonConfig.common,
+      ...variantConfig,
+      ...sizeConfig,
+      opacity: this.disabled ? "0.6" : "1",
+      pointerEvents: this.disabled ? "none" : "auto",
+    };
+  }
+
+  get buttonClasses() {
+    return {
+      [this.className || ""]: !!this.className,
+    };
+  }
+}

package/src/components/button/index.ts

@@ -0,0 +1 @@
+export { ButtonComponent } from "./button.component";

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./button/button.component";