@compsych-ui-components/angular 3.2.5 → 4.0.0

package/compsych-ui-components-angular.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@compsych-ui-components/angular" />
+export * from './index';

package/esm2022/compsych-ui-components-angular.js

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=compsych-ui-components-angular.js.map

package/esm2022/compsych-ui-components-angular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compsych-ui-components-angular.js","sourceRoot":"","sources":["../../../../packages/angular/src/compsych-ui-components-angular.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/index.js

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { ButtonComponent } from './lib/button.component';
+import * as i0 from "@angular/core";
+export { ButtonComponent } from './lib/button.component';
+export class CompsychAngularModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule, imports: [ButtonComponent], exports: [ButtonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [ButtonComponent],
+                    exports: [ButtonComponent],
+                }]
+        }] });
+//# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;;AAEzD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAMzD,MAAM,OAAO,qBAAqB;wGAArB,qBAAqB;yGAArB,qBAAqB,YAHtB,eAAe,aACf,eAAe;yGAEd,qBAAqB;;4FAArB,qBAAqB;kBAJjC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,eAAe,CAAC;iBAC3B","sourcesContent":["import { NgModule } from '@angular/core';\nimport { ButtonComponent } from './lib/button.component';\n\nexport { ButtonComponent } from './lib/button.component';\n\n@NgModule({\n  imports: [ButtonComponent],\n  exports: [ButtonComponent],\n})\nexport class CompsychAngularModule {}\n"]}

package/esm2022/lib/button.component.js

@@ -0,0 +1,29 @@
+import { Component, Input } from '@angular/core';
+import { showAlert } from '@compsych-ui-components/shared';
+import * as i0 from "@angular/core";
+export class ButtonComponent {
+    label = 'Click me';
+    alertMessage = 'Hello from @compsych-ui-components/angular!';
+    handleClick() {
+        showAlert(this.alertMessage);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: ButtonComponent, isStandalone: true, selector: "compsych-button", inputs: { label: "label", alertMessage: "alertMessage" }, ngImport: i0, template: `
+    <button class="compsych-button" (click)="handleClick()">
+      {{ label }}
+    </button>
+  `, isInline: true, styles: [".compsych-button{padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.compsych-button:hover{background-color:#1565c0}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'compsych-button', standalone: true, template: `
+    <button class="compsych-button" (click)="handleClick()">
+      {{ label }}
+    </button>
+  `, styles: [".compsych-button{padding:8px 16px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.compsych-button:hover{background-color:#1565c0}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], alertMessage: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=button.component.js.map

package/esm2022/lib/button.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../packages/angular/src/lib/button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;;AAyB3D,MAAM,OAAO,eAAe;IACjB,KAAK,GAAG,UAAU,CAAC;IACnB,YAAY,GAAG,6CAA6C,CAAC;IAEtE,WAAW;QACT,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;wGANU,eAAe;4FAAf,eAAe,qIApBhB;;;;GAIT;;4FAgBU,eAAe;kBAvB3B,SAAS;+BACE,iBAAiB,cACf,IAAI,YACN;;;;GAIT;;sBAiBA,KAAK;;sBACL,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { showAlert } from '@compsych-ui-components/shared';\n\n@Component({\n  selector: 'compsych-button',\n  standalone: true,\n  template: `\n    <button class=\"compsych-button\" (click)=\"handleClick()\">\n      {{ label }}\n    </button>\n  `,\n  styles: [`\n    .compsych-button {\n      padding: 8px 16px;\n      background-color: #1976d2;\n      color: white;\n      border: none;\n      border-radius: 4px;\n      font-size: 14px;\n      cursor: pointer;\n    }\n    .compsych-button:hover {\n      background-color: #1565c0;\n    }\n  `],\n})\nexport class ButtonComponent {\n  @Input() label = 'Click me';\n  @Input() alertMessage = 'Hello from @compsych-ui-components/angular!';\n\n  handleClick(): void {\n    showAlert(this.alertMessage);\n  }\n}\n"]}

package/index.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./lib/button.component";
+export { ButtonComponent } from './lib/button.component';
+export declare class CompsychAngularModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CompsychAngularModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CompsychAngularModule, never, [typeof i1.ButtonComponent], [typeof i1.ButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CompsychAngularModule>;
+}

package/lib/button.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class ButtonComponent {
+    label: string;
+    alertMessage: string;
+    handleClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "compsych-button", never, { "label": { "alias": "label"; "required": false; }; "alertMessage": { "alias": "alertMessage"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compsych-ui-components/angular",
-  "version": "3.2.5",
+  "version": "4.0.0",
   "description": "Angular UI components for compsych",
   "publishConfig": {
     "access": "public",
@@ -10,5 +10,21 @@
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",
     "@compsych-ui-components/shared": "*"
+  },
+  "module": "esm2022/compsych-ui-components-angular.js",
+  "typings": "compsych-ui-components-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./compsych-ui-components-angular.d.ts",
+      "default": "./esm2022/compsych-ui-components-angular.js"
+    }
+  },
+  "sideEffects": false,
+  "type": "module",
+  "dependencies": {
+    "tslib": "^2.3.0"
   }
-}
+}

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "src/index.ts"
-  },
-  "dest": "../../dist/packages/angular"
-}

package/project.json

@@ -1,18 +0,0 @@
-{
-  "name": "angular",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/angular/src",
-  "projectType": "library",
-  "targets": {
-    "build": {
-      "executor": "@nx/angular:ng-packagr-lite",
-      "outputs": ["{workspaceRoot}/dist/packages/angular"],
-      "options": {
-        "project": "packages/angular/ng-package.json",
-        "tsConfig": "packages/angular/tsconfig.lib.json"
-      },
-      "dependsOn": ["^build"]
-    }
-  },
-  "implicitDependencies": ["shared"]
-}

package/src/index.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { ButtonComponent } from './lib/button.component';
-
-export { ButtonComponent } from './lib/button.component';
-
-@NgModule({
-  imports: [ButtonComponent],
-  exports: [ButtonComponent],
-})
-export class CompsychAngularModule {}

package/src/lib/button.component.ts

@@ -1,34 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { showAlert } from '@compsych-ui-components/shared';
-
-@Component({
-  selector: 'compsych-button',
-  standalone: true,
-  template: `
-    <button class="compsych-button" (click)="handleClick()">
-      {{ label }}
-    </button>
-  `,
-  styles: [`
-    .compsych-button {
-      padding: 8px 16px;
-      background-color: #1976d2;
-      color: white;
-      border: none;
-      border-radius: 4px;
-      font-size: 14px;
-      cursor: pointer;
-    }
-    .compsych-button:hover {
-      background-color: #1565c0;
-    }
-  `],
-})
-export class ButtonComponent {
-  @Input() label = 'Click me';
-  @Input() alertMessage = 'Hello from @compsych-ui-components/angular!';
-
-  handleClick(): void {
-    showAlert(this.alertMessage);
-  }
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declarationDir": "../../dist/out-tsc",
-    "experimentalDecorators": true
-  },
-  "include": ["src/**/*.ts"]
-}

package/tsconfig.lib.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "declaration": true,
-    "types": []
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  },
-  "exclude": ["**/*.spec.ts"]
-}