@compsych-ui-components/angular 3.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/compsych-ui-components-angular.d.ts +5 -0
- package/esm2022/compsych-ui-components-angular.js +5 -0
- package/esm2022/compsych-ui-components-angular.js.map +1 -0
- package/esm2022/index.js +17 -0
- package/esm2022/index.js.map +1 -0
- package/esm2022/lib/button.component.js +29 -0
- package/esm2022/lib/button.component.js.map +1 -0
- package/index.d.ts +8 -0
- package/lib/button.component.d.ts +8 -0
- package/package.json +29 -0
|
@@ -0,0 +1 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { ButtonComponent } from './lib/button.component';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export { ButtonComponent } from './lib/button.component';
|
|
5
|
+
export class CompsychAngularModule {
|
|
6
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
7
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule, imports: [ButtonComponent], exports: [ButtonComponent] });
|
|
8
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule });
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: CompsychAngularModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
imports: [ButtonComponent],
|
|
14
|
+
exports: [ButtonComponent],
|
|
15
|
+
}]
|
|
16
|
+
}] });
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { showAlert } from '@compsych-ui-components/shared';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class ButtonComponent {
|
|
5
|
+
label = 'Click me';
|
|
6
|
+
alertMessage = 'Hello from @compsych-ui-components/angular!';
|
|
7
|
+
handleClick() {
|
|
8
|
+
showAlert(this.alertMessage);
|
|
9
|
+
}
|
|
10
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
+
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: `
|
|
12
|
+
<button class="compsych-button" (click)="handleClick()">
|
|
13
|
+
{{ label }}
|
|
14
|
+
</button>
|
|
15
|
+
`, 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"] });
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'compsych-button', standalone: true, template: `
|
|
20
|
+
<button class="compsych-button" (click)="handleClick()">
|
|
21
|
+
{{ label }}
|
|
22
|
+
</button>
|
|
23
|
+
`, 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"] }]
|
|
24
|
+
}], propDecorators: { label: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], alertMessage: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=button.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./lib/button.component";
|
|
3
|
+
export { ButtonComponent } from './lib/button.component';
|
|
4
|
+
export declare class CompsychAngularModule {
|
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CompsychAngularModule, never>;
|
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CompsychAngularModule, never, [typeof i1.ButtonComponent], [typeof i1.ButtonComponent]>;
|
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CompsychAngularModule>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class ButtonComponent {
|
|
3
|
+
label: string;
|
|
4
|
+
alertMessage: string;
|
|
5
|
+
handleClick(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "compsych-button", never, { "label": { "alias": "label"; "required": false; }; "alertMessage": { "alias": "alertMessage"; "required": false; }; }, {}, never, never, true, never>;
|
|
8
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@compsych-ui-components/angular",
|
|
3
|
+
"version": "3.2.2",
|
|
4
|
+
"description": "Angular UI components for compsych",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"peerDependencies": {
|
|
9
|
+
"@angular/common": ">=17.0.0",
|
|
10
|
+
"@angular/core": ">=17.0.0",
|
|
11
|
+
"@compsych-ui-components/shared": "*"
|
|
12
|
+
},
|
|
13
|
+
"module": "esm2022/compsych-ui-components-angular.js",
|
|
14
|
+
"typings": "compsych-ui-components-angular.d.ts",
|
|
15
|
+
"exports": {
|
|
16
|
+
"./package.json": {
|
|
17
|
+
"default": "./package.json"
|
|
18
|
+
},
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./compsych-ui-components-angular.d.ts",
|
|
21
|
+
"default": "./esm2022/compsych-ui-components-angular.js"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"sideEffects": false,
|
|
25
|
+
"type": "module",
|
|
26
|
+
"dependencies": {
|
|
27
|
+
"tslib": "^2.3.0"
|
|
28
|
+
}
|
|
29
|
+
}
|