aplus-components-poc 0.0.1
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/README.md +24 -0
- package/esm2022/aplus-components-poc.mjs +5 -0
- package/esm2022/lib/aplus-button/aplus-button.component.mjs +24 -0
- package/esm2022/lib/aplus-button/aplus-button.module.mjs +17 -0
- package/esm2022/lib/components.module.mjs +18 -0
- package/esm2022/lib/core.module.mjs +18 -0
- package/esm2022/public-api.mjs +9 -0
- package/fesm2022/aplus-components-poc.mjs +78 -0
- package/fesm2022/aplus-components-poc.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/aplus-button/aplus-button.component.d.ts +8 -0
- package/lib/aplus-button/aplus-button.module.d.ts +8 -0
- package/lib/components.module.d.ts +8 -0
- package/lib/core.module.d.ts +8 -0
- package/package.json +27 -0
- package/public-api.d.ts +3 -0
- package/src/font/Roboto-Bold.ttf +0 -0
- package/src/font/Roboto-BoldItalic.ttf +0 -0
- package/src/font/Roboto-Italic.ttf +0 -0
- package/src/font/Roboto-Medium.ttf +0 -0
- package/src/font/Roboto-MediumItalic.ttf +0 -0
- package/src/font/Roboto-Regular.ttf +0 -0
- package/src/styles.scss +54 -0
- package/tailwind.config.js +21 -0
package/README.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# Components
|
2
|
+
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.0.
|
4
|
+
|
5
|
+
## Code scaffolding
|
6
|
+
|
7
|
+
Run `ng generate component component-name --project components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project components`.
|
8
|
+
> Note: Don't forget to add `--project components` or else it will be added to the default project in your `angular.json` file.
|
9
|
+
|
10
|
+
## Build
|
11
|
+
|
12
|
+
Run `ng build components` to build the project. The build artifacts will be stored in the `dist/` directory.
|
13
|
+
|
14
|
+
## Publishing
|
15
|
+
|
16
|
+
After building your library with `ng build components`, go to the dist folder `cd dist/components` and run `npm publish`.
|
17
|
+
|
18
|
+
## Running unit tests
|
19
|
+
|
20
|
+
Run `ng test components` to execute the unit tests via [Karma](https://karma-runner.github.io).
|
21
|
+
|
22
|
+
## Further help
|
23
|
+
|
24
|
+
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './public-api';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBsdXMtY29tcG9uZW50cy1wb2MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9hcGx1cy1jb21wb25lbnRzLXBvYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
2
|
+
import { CoreModule } from '../core.module';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "@angular/common";
|
5
|
+
export class AplusButtonComponent {
|
6
|
+
constructor() {
|
7
|
+
this.variant = 'primary';
|
8
|
+
this.leadingIcon = '';
|
9
|
+
this.trailingIcon = '';
|
10
|
+
}
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AplusButtonComponent, isStandalone: true, selector: "aplus-button", inputs: { variant: "variant", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon" }, ngImport: i0, template: "<button class=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md\" [ngClass]=\"{\r\n 'bg-primary-blue text-white hover:bg-primary-blue/82': variant === 'primary',\r\n 'bg-primary-positive !text-white hover:bg-primary-positive/82': variant === 'positive',\r\n }\">\r\n <span *ngIf=\"leadingIcon\" class=\"material-icons text-2xl\">{{ leadingIcon }}</span>\r\n <span>\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"trailingIcon\" class=\"material-icons text-2xl\">{{ trailingIcon }}</span>\r\n</button>", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
13
|
+
}
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonComponent, decorators: [{
|
15
|
+
type: Component,
|
16
|
+
args: [{ selector: 'aplus-button', standalone: true, imports: [CoreModule], template: "<button class=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md\" [ngClass]=\"{\r\n 'bg-primary-blue text-white hover:bg-primary-blue/82': variant === 'primary',\r\n 'bg-primary-positive !text-white hover:bg-primary-positive/82': variant === 'positive',\r\n }\">\r\n <span *ngIf=\"leadingIcon\" class=\"material-icons text-2xl\">{{ leadingIcon }}</span>\r\n <span>\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"trailingIcon\" class=\"material-icons text-2xl\">{{ trailingIcon }}</span>\r\n</button>", styles: [":host{display:inline-block}\n"] }]
|
17
|
+
}], propDecorators: { variant: [{
|
18
|
+
type: Input
|
19
|
+
}], leadingIcon: [{
|
20
|
+
type: Input
|
21
|
+
}], trailingIcon: [{
|
22
|
+
type: Input
|
23
|
+
}] } });
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBsdXMtYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9hcGx1cy1idXR0b24vYXBsdXMtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9hcGx1cy1idXR0b24vYXBsdXMtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBUTVDLE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFRVyxZQUFPLEdBQTJCLFNBQVMsQ0FBQztRQUM1QyxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixpQkFBWSxHQUFXLEVBQUUsQ0FBQztLQUNwQzsrR0FKWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixrS0NUakMsbWlCQVNTLHNGREpHLFVBQVU7OzRGQUlULG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsVUFBVSxDQUFDOzhCQUtaLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvcmVNb2R1bGUgfSBmcm9tICcuLi9jb3JlLm1vZHVsZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBsdXMtYnV0dG9uJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb3JlTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXBsdXMtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hcGx1cy1idXR0b24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXBsdXNCdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHZhcmlhbnQ6ICdwcmltYXJ5JyB8ICdwb3NpdGl2ZScgPSAncHJpbWFyeSc7XHJcbiAgQElucHV0KCkgbGVhZGluZ0ljb246IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHRyYWlsaW5nSWNvbjogc3RyaW5nID0gJyc7XHJcbn0gIiwiPGJ1dHRvbiBjbGFzcz1cImlubGluZS1mbGV4IGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNlbnRlciBnYXAtMiBweC00IHB5LTIgcm91bmRlZC1tZFwiIFtuZ0NsYXNzXT1cIntcclxuICAgICdiZy1wcmltYXJ5LWJsdWUgdGV4dC13aGl0ZSBob3ZlcjpiZy1wcmltYXJ5LWJsdWUvODInOiB2YXJpYW50ID09PSAncHJpbWFyeScsXHJcbiAgICAnYmctcHJpbWFyeS1wb3NpdGl2ZSAhdGV4dC13aGl0ZSBob3ZlcjpiZy1wcmltYXJ5LXBvc2l0aXZlLzgyJzogdmFyaWFudCA9PT0gJ3Bvc2l0aXZlJyxcclxuICB9XCI+XHJcbiAgPHNwYW4gKm5nSWY9XCJsZWFkaW5nSWNvblwiIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgdGV4dC0yeGxcIj57eyBsZWFkaW5nSWNvbiB9fTwvc3Bhbj5cclxuICA8c3Bhbj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L3NwYW4+XHJcbiAgPHNwYW4gKm5nSWY9XCJ0cmFpbGluZ0ljb25cIiBjbGFzcz1cIm1hdGVyaWFsLWljb25zIHRleHQtMnhsXCI+e3sgdHJhaWxpbmdJY29uIH19PC9zcGFuPlxyXG48L2J1dHRvbj4iXX0=
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { AplusButtonComponent } from './aplus-button.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class AplusButtonModule {
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, imports: [CommonModule, AplusButtonComponent], exports: [AplusButtonComponent] }); }
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, imports: [CommonModule, AplusButtonComponent] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
imports: [CommonModule, AplusButtonComponent],
|
14
|
+
exports: [AplusButtonComponent]
|
15
|
+
}]
|
16
|
+
}] });
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBsdXMtYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9hcGx1cy1idXR0b24vYXBsdXMtYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7QUFNaEUsTUFBTSxPQUFPLGlCQUFpQjsrR0FBakIsaUJBQWlCO2dIQUFqQixpQkFBaUIsWUFIbEIsWUFBWSxFQUFFLG9CQUFvQixhQUNsQyxvQkFBb0I7Z0hBRW5CLGlCQUFpQixZQUhsQixZQUFZLEVBQUUsb0JBQW9COzs0RkFHakMsaUJBQWlCO2tCQUo3QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxvQkFBb0IsQ0FBQztvQkFDN0MsT0FBTyxFQUFFLENBQUMsb0JBQW9CLENBQUM7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQXBsdXNCdXR0b25Db21wb25lbnQgfSBmcm9tICcuL2FwbHVzLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBcGx1c0J1dHRvbkNvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW0FwbHVzQnV0dG9uQ29tcG9uZW50XVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXBsdXNCdXR0b25Nb2R1bGUgeyB9ICJdfQ==
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { AplusButtonComponent } from './aplus-button/aplus-button.component';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class AplusComponentsModule {
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, imports: [CommonModule, AplusButtonComponent], exports: [AplusButtonComponent] }); }
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, imports: [CommonModule, AplusButtonComponent] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
imports: [CommonModule, AplusButtonComponent],
|
14
|
+
declarations: [],
|
15
|
+
exports: [AplusButtonComponent]
|
16
|
+
}]
|
17
|
+
}] });
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBTzdFLE1BQU0sT0FBTyxxQkFBcUI7K0dBQXJCLHFCQUFxQjtnSEFBckIscUJBQXFCLFlBSnRCLFlBQVksRUFBRSxvQkFBb0IsYUFFbEMsb0JBQW9CO2dIQUVuQixxQkFBcUIsWUFKdEIsWUFBWSxFQUFFLG9CQUFvQjs7NEZBSWpDLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsb0JBQW9CLENBQUM7b0JBQzdDLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBBcGx1c0J1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vYXBsdXMtYnV0dG9uL2FwbHVzLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBBcGx1c0J1dHRvbkNvbXBvbmVudF0sXHJcbiAgZGVjbGFyYXRpb25zOiBbXSxcclxuICBleHBvcnRzOiBbQXBsdXNCdXR0b25Db21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBcGx1c0NvbXBvbmVudHNNb2R1bGUgeyB9ICJdfQ==
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { NgModule } from '@angular/core';
|
2
|
+
import { CommonModule } from '@angular/common';
|
3
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
4
|
+
import * as i0 from "@angular/core";
|
5
|
+
export class CoreModule {
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, imports: [CommonModule, FormsModule, ReactiveFormsModule], exports: [CommonModule, FormsModule, ReactiveFormsModule] }); }
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, CommonModule, FormsModule, ReactiveFormsModule] }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, decorators: [{
|
11
|
+
type: NgModule,
|
12
|
+
args: [{
|
13
|
+
imports: [CommonModule, FormsModule, ReactiveFormsModule],
|
14
|
+
declarations: [],
|
15
|
+
exports: [CommonModule, FormsModule, ReactiveFormsModule]
|
16
|
+
}]
|
17
|
+
}] });
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvY29yZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQU9sRSxNQUFNLE9BQU8sVUFBVTsrR0FBVixVQUFVO2dIQUFWLFVBQVUsWUFKVCxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixhQUU5QyxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQjtnSEFFL0MsVUFBVSxZQUpULFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBRTlDLFlBQVksRUFBRSxXQUFXLEVBQUUsbUJBQW1COzs0RkFFL0MsVUFBVTtrQkFMdEIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixDQUFDO29CQUN6RCxZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsQ0FBQztpQkFDNUQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXHJcbiAgICBkZWNsYXJhdGlvbnM6IFtdLFxyXG4gICAgZXhwb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlTW9kdWxlIHsgfVxyXG4iXX0=
|
@@ -0,0 +1,9 @@
|
|
1
|
+
/*
|
2
|
+
* Public API Surface of components
|
3
|
+
*/
|
4
|
+
// Export components
|
5
|
+
export * from './lib/aplus-button/aplus-button.component';
|
6
|
+
// Export modules
|
7
|
+
export * from './lib/components.module';
|
8
|
+
export * from './lib/aplus-button/aplus-button.module';
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxvQkFBb0I7QUFDcEIsY0FBYywyQ0FBMkMsQ0FBQztBQUUxRCxpQkFBaUI7QUFDakIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHdDQUF3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNvbXBvbmVudHNcclxuICovXHJcblxyXG4vLyBFeHBvcnQgY29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9hcGx1cy1idXR0b24vYXBsdXMtYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG4vLyBFeHBvcnQgbW9kdWxlc1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FwbHVzLWJ1dHRvbi9hcGx1cy1idXR0b24ubW9kdWxlJztcclxuIl19
|
@@ -0,0 +1,78 @@
|
|
1
|
+
import * as i0 from '@angular/core';
|
2
|
+
import { NgModule, Component, Input } from '@angular/core';
|
3
|
+
import * as i1 from '@angular/common';
|
4
|
+
import { CommonModule } from '@angular/common';
|
5
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
6
|
+
|
7
|
+
class CoreModule {
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, imports: [CommonModule, FormsModule, ReactiveFormsModule], exports: [CommonModule, FormsModule, ReactiveFormsModule] }); }
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, imports: [CommonModule, FormsModule, ReactiveFormsModule, CommonModule, FormsModule, ReactiveFormsModule] }); }
|
11
|
+
}
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CoreModule, decorators: [{
|
13
|
+
type: NgModule,
|
14
|
+
args: [{
|
15
|
+
imports: [CommonModule, FormsModule, ReactiveFormsModule],
|
16
|
+
declarations: [],
|
17
|
+
exports: [CommonModule, FormsModule, ReactiveFormsModule]
|
18
|
+
}]
|
19
|
+
}] });
|
20
|
+
|
21
|
+
class AplusButtonComponent {
|
22
|
+
constructor() {
|
23
|
+
this.variant = 'primary';
|
24
|
+
this.leadingIcon = '';
|
25
|
+
this.trailingIcon = '';
|
26
|
+
}
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AplusButtonComponent, isStandalone: true, selector: "aplus-button", inputs: { variant: "variant", leadingIcon: "leadingIcon", trailingIcon: "trailingIcon" }, ngImport: i0, template: "<button class=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md\" [ngClass]=\"{\r\n 'bg-primary-blue text-white hover:bg-primary-blue/82': variant === 'primary',\r\n 'bg-primary-positive !text-white hover:bg-primary-positive/82': variant === 'positive',\r\n }\">\r\n <span *ngIf=\"leadingIcon\" class=\"material-icons text-2xl\">{{ leadingIcon }}</span>\r\n <span>\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"trailingIcon\" class=\"material-icons text-2xl\">{{ trailingIcon }}</span>\r\n</button>", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: CoreModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
29
|
+
}
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonComponent, decorators: [{
|
31
|
+
type: Component,
|
32
|
+
args: [{ selector: 'aplus-button', standalone: true, imports: [CoreModule], template: "<button class=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md\" [ngClass]=\"{\r\n 'bg-primary-blue text-white hover:bg-primary-blue/82': variant === 'primary',\r\n 'bg-primary-positive !text-white hover:bg-primary-positive/82': variant === 'positive',\r\n }\">\r\n <span *ngIf=\"leadingIcon\" class=\"material-icons text-2xl\">{{ leadingIcon }}</span>\r\n <span>\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"trailingIcon\" class=\"material-icons text-2xl\">{{ trailingIcon }}</span>\r\n</button>", styles: [":host{display:inline-block}\n"] }]
|
33
|
+
}], propDecorators: { variant: [{
|
34
|
+
type: Input
|
35
|
+
}], leadingIcon: [{
|
36
|
+
type: Input
|
37
|
+
}], trailingIcon: [{
|
38
|
+
type: Input
|
39
|
+
}] } });
|
40
|
+
|
41
|
+
class AplusComponentsModule {
|
42
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
43
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, imports: [CommonModule, AplusButtonComponent], exports: [AplusButtonComponent] }); }
|
44
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, imports: [CommonModule, AplusButtonComponent] }); }
|
45
|
+
}
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusComponentsModule, decorators: [{
|
47
|
+
type: NgModule,
|
48
|
+
args: [{
|
49
|
+
imports: [CommonModule, AplusButtonComponent],
|
50
|
+
declarations: [],
|
51
|
+
exports: [AplusButtonComponent]
|
52
|
+
}]
|
53
|
+
}] });
|
54
|
+
|
55
|
+
class AplusButtonModule {
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
57
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, imports: [CommonModule, AplusButtonComponent], exports: [AplusButtonComponent] }); }
|
58
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, imports: [CommonModule, AplusButtonComponent] }); }
|
59
|
+
}
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AplusButtonModule, decorators: [{
|
61
|
+
type: NgModule,
|
62
|
+
args: [{
|
63
|
+
imports: [CommonModule, AplusButtonComponent],
|
64
|
+
exports: [AplusButtonComponent]
|
65
|
+
}]
|
66
|
+
}] });
|
67
|
+
|
68
|
+
/*
|
69
|
+
* Public API Surface of components
|
70
|
+
*/
|
71
|
+
// Export components
|
72
|
+
|
73
|
+
/**
|
74
|
+
* Generated bundle index. Do not edit.
|
75
|
+
*/
|
76
|
+
|
77
|
+
export { AplusButtonComponent, AplusButtonModule, AplusComponentsModule };
|
78
|
+
//# sourceMappingURL=aplus-components-poc.mjs.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"aplus-components-poc.mjs","sources":["../../../projects/components/src/lib/core.module.ts","../../../projects/components/src/lib/aplus-button/aplus-button.component.ts","../../../projects/components/src/lib/aplus-button/aplus-button.component.html","../../../projects/components/src/lib/components.module.ts","../../../projects/components/src/lib/aplus-button/aplus-button.module.ts","../../../projects/components/src/public-api.ts","../../../projects/components/src/aplus-components-poc.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\n@NgModule({\r\n imports: [CommonModule, FormsModule, ReactiveFormsModule],\r\n declarations: [],\r\n exports: [CommonModule, FormsModule, ReactiveFormsModule]\r\n})\r\nexport class CoreModule { }\r\n","import { Component, Input } from '@angular/core';\r\nimport { CoreModule } from '../core.module';\r\n@Component({\r\n selector: 'aplus-button',\r\n standalone: true,\r\n imports: [CoreModule],\r\n templateUrl: './aplus-button.component.html',\r\n styleUrls: ['./aplus-button.component.scss']\r\n})\r\nexport class AplusButtonComponent {\r\n @Input() variant: 'primary' | 'positive' = 'primary';\r\n @Input() leadingIcon: string = '';\r\n @Input() trailingIcon: string = '';\r\n} ","<button class=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-md\" [ngClass]=\"{\r\n 'bg-primary-blue text-white hover:bg-primary-blue/82': variant === 'primary',\r\n 'bg-primary-positive !text-white hover:bg-primary-positive/82': variant === 'positive',\r\n }\">\r\n <span *ngIf=\"leadingIcon\" class=\"material-icons text-2xl\">{{ leadingIcon }}</span>\r\n <span>\r\n <ng-content></ng-content>\r\n </span>\r\n <span *ngIf=\"trailingIcon\" class=\"material-icons text-2xl\">{{ trailingIcon }}</span>\r\n</button>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AplusButtonComponent } from './aplus-button/aplus-button.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, AplusButtonComponent],\r\n declarations: [],\r\n exports: [AplusButtonComponent]\r\n})\r\nexport class AplusComponentsModule { } ","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AplusButtonComponent } from './aplus-button.component';\r\n\r\n@NgModule({\r\n imports: [CommonModule, AplusButtonComponent],\r\n exports: [AplusButtonComponent]\r\n})\r\nexport class AplusButtonModule { } ","/*\r\n * Public API Surface of components\r\n */\r\n\r\n// Export components\r\nexport * from './lib/aplus-button/aplus-button.component';\r\n\r\n// Export modules\r\nexport * from './lib/components.module';\r\nexport * from './lib/aplus-button/aplus-button.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MASa,UAAU,CAAA;+GAAV,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;gHAAV,UAAU,EAAA,OAAA,EAAA,CAJT,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAE9C,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;gHAE/C,UAAU,EAAA,OAAA,EAAA,CAJT,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAE9C,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAE/C,UAAU,EAAA,UAAA,EAAA,CAAA;kBALtB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAC;AACzD,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,mBAAmB,CAAC;AAC5D,iBAAA,CAAA;;;MCCY,oBAAoB,CAAA;AAPjC,IAAA,WAAA,GAAA;QAQW,IAAO,CAAA,OAAA,GAA2B,SAAS,CAAC;QAC5C,IAAW,CAAA,WAAA,GAAW,EAAE,CAAC;QACzB,IAAY,CAAA,YAAA,GAAW,EAAE,CAAC;AACpC,KAAA;+GAJY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTjC,miBASS,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJG,UAAU,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIT,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EACZ,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,UAAU,CAAC,EAAA,QAAA,EAAA,miBAAA,EAAA,MAAA,EAAA,CAAA,+BAAA,CAAA,EAAA,CAAA;8BAKZ,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;;;MEHK,qBAAqB,CAAA;+GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAJtB,OAAA,EAAA,CAAA,YAAY,EAAE,oBAAoB,aAElC,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;gHAEnB,qBAAqB,EAAA,OAAA,EAAA,CAJtB,YAAY,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAIjC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;AAC7C,oBAAA,YAAY,EAAE,EAAE;oBAChB,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAChC,iBAAA,CAAA;;;MCAY,iBAAiB,CAAA;+GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,EAHlB,OAAA,EAAA,CAAA,YAAY,EAAE,oBAAoB,aAClC,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;gHAEnB,iBAAiB,EAAA,OAAA,EAAA,CAHlB,YAAY,EAAE,oBAAoB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGjC,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC;oBAC7C,OAAO,EAAE,CAAC,oBAAoB,CAAC;AAChC,iBAAA,CAAA;;;ACPD;;AAEG;AAEH;;ACJA;;AAEG;;;;"}
|
package/index.d.ts
ADDED
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare class AplusButtonComponent {
|
3
|
+
variant: 'primary' | 'positive';
|
4
|
+
leadingIcon: string;
|
5
|
+
trailingIcon: string;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AplusButtonComponent, never>;
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AplusButtonComponent, "aplus-button", never, { "variant": { "alias": "variant"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; }, {}, never, ["*"], true, never>;
|
8
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "./aplus-button.component";
|
4
|
+
export declare class AplusButtonModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AplusButtonModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AplusButtonModule, never, [typeof i1.CommonModule, typeof i2.AplusButtonComponent], [typeof i2.AplusButtonComponent]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AplusButtonModule>;
|
8
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "./aplus-button/aplus-button.component";
|
4
|
+
export declare class AplusComponentsModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AplusComponentsModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AplusComponentsModule, never, [typeof i1.CommonModule, typeof i2.AplusButtonComponent], [typeof i2.AplusButtonComponent]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AplusComponentsModule>;
|
8
|
+
}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
import * as i1 from "@angular/common";
|
3
|
+
import * as i2 from "@angular/forms";
|
4
|
+
export declare class CoreModule {
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CoreModule, never>;
|
6
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CoreModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule], [typeof i1.CommonModule, typeof i2.FormsModule, typeof i2.ReactiveFormsModule]>;
|
7
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CoreModule>;
|
8
|
+
}
|
package/package.json
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
{
|
2
|
+
"name": "aplus-components-poc",
|
3
|
+
"version": "0.0.1",
|
4
|
+
"peerDependencies": {
|
5
|
+
"@angular/common": "^18.2.0",
|
6
|
+
"@angular/core": "^18.2.0",
|
7
|
+
"tailwindcss": "^3.4.17"
|
8
|
+
},
|
9
|
+
"dependencies": {
|
10
|
+
"tslib": "^2.3.0"
|
11
|
+
},
|
12
|
+
"sideEffects": false,
|
13
|
+
"exports": {
|
14
|
+
"./tailwind.config.js": "./tailwind.config.js",
|
15
|
+
"./package.json": {
|
16
|
+
"default": "./package.json"
|
17
|
+
},
|
18
|
+
".": {
|
19
|
+
"types": "./index.d.ts",
|
20
|
+
"esm2022": "./esm2022/aplus-components-poc.mjs",
|
21
|
+
"esm": "./esm2022/aplus-components-poc.mjs",
|
22
|
+
"default": "./fesm2022/aplus-components-poc.mjs"
|
23
|
+
}
|
24
|
+
},
|
25
|
+
"module": "fesm2022/aplus-components-poc.mjs",
|
26
|
+
"typings": "index.d.ts"
|
27
|
+
}
|
package/public-api.d.ts
ADDED
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
package/src/styles.scss
ADDED
@@ -0,0 +1,54 @@
|
|
1
|
+
@tailwind base;
|
2
|
+
@tailwind components;
|
3
|
+
@tailwind utilities;
|
4
|
+
|
5
|
+
// Fonts
|
6
|
+
@font-face {
|
7
|
+
font-family: 'Roboto';
|
8
|
+
font-style: italic;
|
9
|
+
font-weight: 400;
|
10
|
+
font-display: swap;
|
11
|
+
src: url('/font/Roboto-Italic.ttf');
|
12
|
+
}
|
13
|
+
|
14
|
+
@font-face {
|
15
|
+
font-family: 'Roboto';
|
16
|
+
font-style: italic;
|
17
|
+
font-weight: 600;
|
18
|
+
font-display: swap;
|
19
|
+
src: url('/font/Roboto-MediumItalic.ttf');
|
20
|
+
}
|
21
|
+
|
22
|
+
@font-face {
|
23
|
+
font-family: 'Roboto';
|
24
|
+
font-style: italic;
|
25
|
+
font-weight: 700;
|
26
|
+
font-display: swap;
|
27
|
+
src: url('/font/Roboto-BoldItalic.ttf');
|
28
|
+
}
|
29
|
+
|
30
|
+
@font-face {
|
31
|
+
font-family: 'Roboto';
|
32
|
+
font-style: normal;
|
33
|
+
font-weight: 400;
|
34
|
+
font-display: swap;
|
35
|
+
src: url('/font/Roboto-Regular.ttf');
|
36
|
+
}
|
37
|
+
|
38
|
+
@font-face {
|
39
|
+
font-family: 'Roboto';
|
40
|
+
font-style: normal;
|
41
|
+
font-weight: 600;
|
42
|
+
font-display: swap;
|
43
|
+
src: url('/font/Roboto-Medium.ttf');
|
44
|
+
}
|
45
|
+
|
46
|
+
@font-face {
|
47
|
+
font-family: 'Roboto';
|
48
|
+
font-style: normal;
|
49
|
+
font-weight: 700;
|
50
|
+
font-display: swap;
|
51
|
+
src: url('/font/Roboto-Bold.ttf');
|
52
|
+
}
|
53
|
+
|
54
|
+
// set fonts
|
@@ -0,0 +1,21 @@
|
|
1
|
+
/** @type {import('tailwindcss').Config} */
|
2
|
+
const defaultTheme = require('tailwindcss/defaultTheme')
|
3
|
+
|
4
|
+
module.exports = {
|
5
|
+
content: [
|
6
|
+
'./projects/components/src/**/*.{html,ts}',
|
7
|
+
'./**/*.{html,ts}'
|
8
|
+
],
|
9
|
+
theme: {
|
10
|
+
fontFamily: {
|
11
|
+
'sans': ['Roboto', ...defaultTheme.fontFamily.sans]
|
12
|
+
},
|
13
|
+
extend: {
|
14
|
+
colors: {
|
15
|
+
'primary-blue': '#1971D8',
|
16
|
+
'primary-positive': '#00873D',
|
17
|
+
},
|
18
|
+
},
|
19
|
+
},
|
20
|
+
plugins: [],
|
21
|
+
}
|