@lamenna/lxp-angular 0.0.2 → 0.0.5

package/dist/__tests__/button-options.test.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Button options tests - Angular package
+ *
+ * These tests validate that the Angular package can consume the
+ * shared button configuration. They purposefully avoid importing
+ * Angular runtime/testing utilities so they work in a plain Jest
+ * environment without extra Angular Jest presets.
+ */
+export {};
+//# sourceMappingURL=button-options.test.d.ts.map

package/dist/__tests__/button-options.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-options.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/button-options.test.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}

package/dist/__tests__/button-options.test.js

@@ -0,0 +1,25 @@
+/**
+ * Button options tests - Angular package
+ *
+ * These tests validate that the Angular package can consume the
+ * shared button configuration. They purposefully avoid importing
+ * Angular runtime/testing utilities so they work in a plain Jest
+ * environment without extra Angular Jest presets.
+ */
+import { buttonConfig } from "@lamenna/lxp-shared-components";
+describe("Button options (Angular)", () => {
+    it("should expose primary and secondary variants", () => {
+        expect(buttonConfig.variants.primary).toBeDefined();
+        expect(buttonConfig.variants.secondary).toBeDefined();
+    });
+    it("should expose standard sizes", () => {
+        expect(buttonConfig.sizes.sm).toBeDefined();
+        expect(buttonConfig.sizes.md).toBeDefined();
+        expect(buttonConfig.sizes.lg).toBeDefined();
+    });
+    it("should have common button styles configured", () => {
+        expect(buttonConfig.common.borderRadius).toBeDefined();
+        expect(buttonConfig.common.cursor).toBe("pointer");
+    });
+});
+//# sourceMappingURL=button-options.test.js.map

package/dist/__tests__/button-options.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-options.test.js","sourceRoot":"","sources":["../../src/__tests__/button-options.test.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAE9D,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC;QACpD,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QAC5C,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QAC5C,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,WAAW,EAAE,CAAC;QACvD,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/button/button.component.d.ts

@@ -0,0 +1,109 @@
+import { EventEmitter } from "@angular/core";
+import { AngularButtonProps, ButtonVariant, ButtonSize } from "@lamenna/lxp-shared-components";
+export declare class ButtonComponent implements AngularButtonProps {
+    content?: string;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    className?: string;
+    id?: string;
+    ariaLabel?: string;
+    testID?: string;
+    label?: string;
+    onClick: EventEmitter<MouseEvent>;
+    get hostStyles(): {
+        opacity: string;
+        pointerEvents: string;
+        padding: `${string} ${string}`;
+        fontSize: "12px";
+        height: "28px";
+        backgroundColor: string;
+        color: "white";
+        borderColor: "transparent";
+        borderRadius: string;
+        border: "none";
+        fontWeight: 500;
+        cursor: "pointer";
+        transition: "opacity 0.2s";
+        activeOpacity: 0.7;
+    } | {
+        opacity: string;
+        pointerEvents: string;
+        padding: `${string} ${string}`;
+        fontSize: "14px";
+        height: "36px";
+        backgroundColor: string;
+        color: "white";
+        borderColor: "transparent";
+        borderRadius: string;
+        border: "none";
+        fontWeight: 500;
+        cursor: "pointer";
+        transition: "opacity 0.2s";
+        activeOpacity: 0.7;
+    } | {
+        opacity: string;
+        pointerEvents: string;
+        padding: `${string} ${string}`;
+        fontSize: "16px";
+        height: "44px";
+        backgroundColor: string;
+        color: "white";
+        borderColor: "transparent";
+        borderRadius: string;
+        border: "none";
+        fontWeight: 500;
+        cursor: "pointer";
+        transition: "opacity 0.2s";
+        activeOpacity: 0.7;
+    } | {
+        opacity: string;
+        pointerEvents: string;
+        padding: `${string} ${string}`;
+        fontSize: "12px";
+        height: "28px";
+        backgroundColor: string;
+        color: "white";
+        borderColor: "transparent";
+        borderRadius: string;
+        border: "none";
+        fontWeight: 500;
+        cursor: "pointer";
+        transition: "opacity 0.2s";
+        activeOpacity: 0.7;
+    } | {
+        opacity: string;
+        pointerEvents: string;
+        padding: `${string} ${string}`;
+        fontSize: "14px";
+        height: "36px";
+        backgroundColor: string;
+        color: "white";
+        borderColor: "transparent";
+        borderRadius: string;
+        border: "none";
+        fontWeight: 500;
+        cursor: "pointer";
+        transition: "opacity 0.2s";
+        activeOpacity: 0.7;
+    } | {
+        opacity: string;
+        pointerEvents: string;
+        padding: `${string} ${string}`;
+        fontSize: "16px";
+        height: "44px";
+        backgroundColor: string;
+        color: "white";
+        borderColor: "transparent";
+        borderRadius: string;
+        border: "none";
+        fontWeight: 500;
+        cursor: "pointer";
+        transition: "opacity 0.2s";
+        activeOpacity: 0.7;
+    };
+    get buttonClasses(): {
+        [x: string]: boolean;
+    };
+}
+//# sourceMappingURL=button.component.d.ts.map

package/dist/components/button/button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,YAAY,EAEb,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,UAAU,EAEX,MAAM,gCAAgC,CAAC;AAExC,qBAgBa,eAAgB,YAAW,kBAAkB;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,aAAa,CAAa;IACnC,IAAI,EAAE,UAAU,CAAQ;IACxB,QAAQ,EAAE,OAAO,CAAS;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEd,OAAO,2BAAkC;IAEnD,IAA0B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUnC;IAED,IAAI,aAAa;;MAIhB;CACF"}

package/dist/components/button/button.component.js

@@ -0,0 +1,85 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, Input, Output, EventEmitter, HostBinding, } from "@angular/core";
+import { buttonConfig, } from "@lamenna/lxp-shared-components";
+let ButtonComponent = class ButtonComponent {
+    constructor() {
+        this.variant = "primary";
+        this.size = "md";
+        this.disabled = false;
+        this.onClick = new EventEmitter();
+    }
+    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,
+        };
+    }
+};
+__decorate([
+    Input()
+], ButtonComponent.prototype, "content", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "variant", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "size", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "className", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "id", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "ariaLabel", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "testID", void 0);
+__decorate([
+    Input()
+], ButtonComponent.prototype, "label", void 0);
+__decorate([
+    Output()
+], ButtonComponent.prototype, "onClick", void 0);
+__decorate([
+    HostBinding("style")
+], ButtonComponent.prototype, "hostStyles", null);
+ButtonComponent = __decorate([
+    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,
+    })
+], ButtonComponent);
+export { ButtonComponent };
+//# sourceMappingURL=button.component.js.map

package/dist/components/button/button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../src/components/button/button.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EACZ,WAAW,GACZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAIL,YAAY,GACb,MAAM,gCAAgC,CAAC;AAkBjC,IAAM,eAAe,GAArB,MAAM,eAAe;IAArB;QAEI,YAAO,GAAkB,SAAS,CAAC;QACnC,SAAI,GAAe,IAAI,CAAC;QACxB,aAAQ,GAAY,KAAK,CAAC;QAOzB,YAAO,GAAG,IAAI,YAAY,EAAc,CAAC;IAmBrD,CAAC;IAjBuB,IAAI,UAAU;QAClC,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1D,MAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,OAAO;YACL,GAAG,YAAY,CAAC,MAAM;YACtB,GAAG,aAAa;YAChB,GAAG,UAAU;YACb,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;YACpC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SAC/C,CAAC;IACJ,CAAC;IAED,IAAI,aAAa;QACf,OAAO;YACL,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS;SACzC,CAAC;IACJ,CAAC;CACF,CAAA;AA7BU;IAAR,KAAK,EAAE;gDAAkB;AACjB;IAAR,KAAK,EAAE;gDAAoC;AACnC;IAAR,KAAK,EAAE;6CAAyB;AACxB;IAAR,KAAK,EAAE;iDAA2B;AAC1B;IAAR,KAAK,EAAE;kDAAoB;AACnB;IAAR,KAAK,EAAE;2CAAa;AACZ;IAAR,KAAK,EAAE;kDAAoB;AACnB;IAAR,KAAK,EAAE;+CAAiB;AAChB;IAAR,KAAK,EAAE;8CAAgB;AAEd;IAAT,MAAM,EAAE;gDAA0C;AAE7B;IAArB,WAAW,CAAC,OAAO,CAAC;iDAUpB;AAvBU,eAAe;IAhB3B,SAAS,CAAC;QACT,QAAQ,EAAE,YAAY;QACtB,QAAQ,EAAE;;;;;;;;;;;GAWT;QACD,UAAU,EAAE,IAAI;KACjB,CAAC;GACW,eAAe,CA8B3B"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonComponent } from "./button.component";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/{src/components/button/index.ts → dist/components/button/index.js}

@@ -1 +1,2 @@
 export { ButtonComponent } from "./button.component";
+//# sourceMappingURL=index.js.map

package/dist/components/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/button";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from "./components/button";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

package/package.json

@@ -1,24 +1,32 @@
 {
   "name": "@lamenna/lxp-angular",
-  "version": "0.0.2",
+  "version": "0.0.5",
   "description": "Angular components for LXP",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
-    "@angular/common": "^17.0.0",
-    "@angular/core": "^17.0.0"
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0"
   },
   "dependencies": {
     "@lamenna/lxp-tokens": "0.0.2",
     "@lamenna/lxp-shared-components": "0.0.2"
   },
+  "devDependencies": {
+    "typescript": "^5.3.3"
+  },
   "scripts": {
-    "build": "echo 'Angular build will be configured later'",
-    "dev": "echo 'Angular dev mode'",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "jest --passWithNoTests",
+    "test:watch": "jest --watch --passWithNoTests",
+    "test:coverage": "jest --coverage --passWithNoTests",
     "clean": "rm -rf dist"
   }
 }

package/.turbo/turbo-build.log

@@ -1,5 +0,0 @@
-
-> @lamenna/lxp-angular@0.0.2 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

@@ -1,22 +0,0 @@
-/**
- * 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

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

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

@@ -1,61 +0,0 @@
-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/index.ts

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