appproject-components 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/esm2020/appproject-components.mjs +5 -0
- package/esm2020/lib/appproject-components.component.mjs +22 -0
- package/esm2020/lib/appproject-components.module.mjs +61 -0
- package/esm2020/lib/appproject-components.service.mjs +14 -0
- package/esm2020/lib/baseInputComponent.mjs +65 -0
- package/esm2020/lib/input-format/input-format.component.mjs +14 -0
- package/esm2020/lib/input-text/input-text.component.mjs +63 -0
- package/esm2020/public-api.mjs +10 -0
- package/fesm2015/appproject-components.mjs +235 -0
- package/fesm2015/appproject-components.mjs.map +1 -0
- package/fesm2020/appproject-components.mjs +234 -0
- package/fesm2020/appproject-components.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/appproject-components.component.d.ts +8 -0
- package/lib/appproject-components.module.d.ts +19 -0
- package/lib/appproject-components.service.d.ts +6 -0
- package/lib/baseInputComponent.d.ts +27 -0
- package/lib/input-format/input-format.component.d.ts +8 -0
- package/lib/input-text/input-text.component.d.ts +24 -0
- package/package.json +32 -0
- package/public-api.d.ts +5 -0
package/README.md
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# AppprojectComponents
|
|
2
|
+
|
|
3
|
+
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Run `ng generate component component-name --project appproject-components` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project appproject-components`.
|
|
8
|
+
> Note: Don't forget to add `--project appproject-components` or else it will be added to the default project in your `angular.json` file.
|
|
9
|
+
|
|
10
|
+
## Build
|
|
11
|
+
|
|
12
|
+
Run `ng build appproject-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 appproject-components`, go to the dist folder `cd dist/appproject-components` and run `npm publish`.
|
|
17
|
+
|
|
18
|
+
## Running unit tests
|
|
19
|
+
|
|
20
|
+
Run `ng test appproject-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.io/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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcHJvamVjdC1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvYXBwcHJvamVjdC1jb21wb25lbnRzL3NyYy9hcHBwcm9qZWN0LWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AppprojectComponentsComponent {
|
|
4
|
+
constructor() { }
|
|
5
|
+
ngOnInit() {
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
AppprojectComponentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
AppprojectComponentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: AppprojectComponentsComponent, selector: "kb-appproject-components", ngImport: i0, template: `
|
|
10
|
+
<p>
|
|
11
|
+
appproject-components works!
|
|
12
|
+
</p>
|
|
13
|
+
`, isInline: true });
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsComponent, decorators: [{
|
|
15
|
+
type: Component,
|
|
16
|
+
args: [{ selector: 'kb-appproject-components', template: `
|
|
17
|
+
<p>
|
|
18
|
+
appproject-components works!
|
|
19
|
+
</p>
|
|
20
|
+
` }]
|
|
21
|
+
}], ctorParameters: function () { return []; } });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcHJvamVjdC1jb21wb25lbnRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FwcHByb2plY3QtY29tcG9uZW50cy9zcmMvbGliL2FwcHByb2plY3QtY29tcG9uZW50cy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEQsTUFBTSxPQUFPLDZCQUE2QjtJQUV4QyxnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7MEhBTFUsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsZ0VBUjlCOzs7O0dBSVQ7MkZBSVUsNkJBQTZCO2tCQVZ6QyxTQUFTOytCQUNFLDBCQUEwQixZQUMxQjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2ItYXBwcHJvamVjdC1jb21wb25lbnRzJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8cD5cbiAgICAgIGFwcHByb2plY3QtY29tcG9uZW50cyB3b3JrcyFcbiAgICA8L3A+XG4gIGAsXG4gIHN0eWxlczogW1xuICBdXG59KVxuZXhwb3J0IGNsYXNzIEFwcHByb2plY3RDb21wb25lbnRzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { CUSTOM_ELEMENTS_SCHEMA, InjectionToken, NgModule } from '@angular/core';
|
|
2
|
+
import { AppprojectComponentsComponent } from './appproject-components.component';
|
|
3
|
+
import { InputTextComponent } from './input-text/input-text.component';
|
|
4
|
+
import { InputFormatComponent } from './input-format/input-format.component';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import { IonicModule } from '@ionic/angular';
|
|
7
|
+
import { HttpClientModule } from '@angular/common/http';
|
|
8
|
+
import { AppprojectComponentsService } from './appproject-components.service';
|
|
9
|
+
import { ReactiveFormsModule } from '@angular/forms';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export const LibConfigService = new InjectionToken('LibConfig');
|
|
12
|
+
export class AppprojectComponentsModule {
|
|
13
|
+
static forRoot(config) {
|
|
14
|
+
return {
|
|
15
|
+
ngModule: AppprojectComponentsModule,
|
|
16
|
+
providers: [
|
|
17
|
+
AppprojectComponentsService,
|
|
18
|
+
{
|
|
19
|
+
provide: LibConfigService,
|
|
20
|
+
useValue: config
|
|
21
|
+
}
|
|
22
|
+
]
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
AppprojectComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
27
|
+
AppprojectComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, declarations: [AppprojectComponentsComponent,
|
|
28
|
+
InputTextComponent,
|
|
29
|
+
InputFormatComponent], imports: [CommonModule,
|
|
30
|
+
HttpClientModule,
|
|
31
|
+
IonicModule,
|
|
32
|
+
ReactiveFormsModule], exports: [AppprojectComponentsComponent,
|
|
33
|
+
InputTextComponent,
|
|
34
|
+
InputFormatComponent] });
|
|
35
|
+
AppprojectComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
|
|
36
|
+
HttpClientModule,
|
|
37
|
+
IonicModule,
|
|
38
|
+
ReactiveFormsModule] });
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, decorators: [{
|
|
40
|
+
type: NgModule,
|
|
41
|
+
args: [{
|
|
42
|
+
declarations: [
|
|
43
|
+
AppprojectComponentsComponent,
|
|
44
|
+
InputTextComponent,
|
|
45
|
+
InputFormatComponent
|
|
46
|
+
],
|
|
47
|
+
imports: [
|
|
48
|
+
CommonModule,
|
|
49
|
+
HttpClientModule,
|
|
50
|
+
IonicModule,
|
|
51
|
+
ReactiveFormsModule
|
|
52
|
+
],
|
|
53
|
+
exports: [
|
|
54
|
+
AppprojectComponentsComponent,
|
|
55
|
+
InputTextComponent,
|
|
56
|
+
InputFormatComponent
|
|
57
|
+
],
|
|
58
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
59
|
+
}]
|
|
60
|
+
}] });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcHJvamVjdC1jb21wb25lbnRzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2FwcHByb2plY3QtY29tcG9uZW50cy9zcmMvbGliL2FwcHByb2plY3QtY29tcG9uZW50cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLGNBQWMsRUFBdUIsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3RHLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBRTdFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBT3JELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLElBQUksY0FBYyxDQUFZLFdBQVcsQ0FBQyxDQUFDO0FBcUIzRSxNQUFNLE9BQU8sMEJBQTBCO0lBQ3JDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBaUI7UUFDOUIsT0FBTztZQUNMLFFBQVEsRUFBRSwwQkFBMEI7WUFDcEMsU0FBUyxFQUFFO2dCQUNULDJCQUEyQjtnQkFDM0I7b0JBQ0UsT0FBTyxFQUFFLGdCQUFnQjtvQkFDekIsUUFBUSxFQUFFLE1BQU07aUJBQ2pCO2FBQ0Y7U0FDRixDQUFBO0lBQ0gsQ0FBQzs7dUhBWlUsMEJBQTBCO3dIQUExQiwwQkFBMEIsaUJBakJuQyw2QkFBNkI7UUFDN0Isa0JBQWtCO1FBQ2xCLG9CQUFvQixhQUdwQixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLFdBQVc7UUFDWCxtQkFBbUIsYUFHbkIsNkJBQTZCO1FBQzdCLGtCQUFrQjtRQUNsQixvQkFBb0I7d0hBSVgsMEJBQTBCLFlBWm5DLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsV0FBVztRQUNYLG1CQUFtQjsyRkFTViwwQkFBMEI7a0JBbkJ0QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiw2QkFBNkI7d0JBQzdCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLFdBQVc7d0JBQ1gsbUJBQW1CO3FCQUNwQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsNkJBQTZCO3dCQUM3QixrQkFBa0I7d0JBQ2xCLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7aUJBQ2xDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSW5qZWN0aW9uVG9rZW4sIE1vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBcHBwcm9qZWN0Q29tcG9uZW50c0NvbXBvbmVudCB9IGZyb20gJy4vYXBwcHJvamVjdC1jb21wb25lbnRzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbnB1dFRleHRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRGb3JtYXRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LWZvcm1hdC9pbnB1dC1mb3JtYXQuY29tcG9uZW50JztcblxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IElvbmljTW9kdWxlIH0gZnJvbSAnQGlvbmljL2FuZ3VsYXInO1xuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcbmltcG9ydCB7IEFwcHByb2plY3RDb21wb25lbnRzU2VydmljZSB9IGZyb20gJy4vYXBwcHJvamVjdC1jb21wb25lbnRzLnNlcnZpY2UnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuXG5leHBvcnQgaW50ZXJmYWNlIExpYkNvbmZpZyB7XG4gIGFwaVVybDogc3RyaW5nO1xufVxuXG5leHBvcnQgY29uc3QgTGliQ29uZmlnU2VydmljZSA9IG5ldyBJbmplY3Rpb25Ub2tlbjxMaWJDb25maWc+KCdMaWJDb25maWcnKTtcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQXBwcHJvamVjdENvbXBvbmVudHNDb21wb25lbnQsXG4gICAgSW5wdXRUZXh0Q29tcG9uZW50LFxuICAgIElucHV0Rm9ybWF0Q29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgSHR0cENsaWVudE1vZHVsZSxcbiAgICBJb25pY01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBBcHBwcm9qZWN0Q29tcG9uZW50c0NvbXBvbmVudCxcbiAgICBJbnB1dFRleHRDb21wb25lbnQsXG4gICAgSW5wdXRGb3JtYXRDb21wb25lbnRcbiAgXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdXG59KVxuZXhwb3J0IGNsYXNzIEFwcHByb2plY3RDb21wb25lbnRzTW9kdWxlIHtcbiAgc3RhdGljIGZvclJvb3QoY29uZmlnOiBMaWJDb25maWcpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPEFwcHByb2plY3RDb21wb25lbnRzTW9kdWxlPiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG5nTW9kdWxlOiBBcHBwcm9qZWN0Q29tcG9uZW50c01vZHVsZSxcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICBBcHBwcm9qZWN0Q29tcG9uZW50c1NlcnZpY2UsXG4gICAgICAgIHtcbiAgICAgICAgICBwcm92aWRlOiBMaWJDb25maWdTZXJ2aWNlLFxuICAgICAgICAgIHVzZVZhbHVlOiBjb25maWdcbiAgICAgICAgfVxuICAgICAgXVxuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class AppprojectComponentsService {
|
|
4
|
+
constructor() { }
|
|
5
|
+
}
|
|
6
|
+
AppprojectComponentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
7
|
+
AppprojectComponentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, providedIn: 'root' });
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, decorators: [{
|
|
9
|
+
type: Injectable,
|
|
10
|
+
args: [{
|
|
11
|
+
providedIn: 'root'
|
|
12
|
+
}]
|
|
13
|
+
}], ctorParameters: function () { return []; } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwcHJvamVjdC1jb21wb25lbnRzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9hcHBwcm9qZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9hcHBwcm9qZWN0LWNvbXBvbmVudHMuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUszQyxNQUFNLE9BQU8sMkJBQTJCO0lBRXRDLGdCQUFnQixDQUFDOzt3SEFGTiwyQkFBMkI7NEhBQTNCLDJCQUEyQixjQUYxQixNQUFNOzJGQUVQLDJCQUEyQjtrQkFIdkMsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIEFwcHByb2plY3RDb21wb25lbnRzU2VydmljZSB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class BaseInputComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.labelPosition = 'stacked';
|
|
6
|
+
this.placeholder = '';
|
|
7
|
+
this.max = '10';
|
|
8
|
+
this.type = "text";
|
|
9
|
+
this.readonly = false;
|
|
10
|
+
this.leitura = false;
|
|
11
|
+
this.itemClass = "padding";
|
|
12
|
+
this.botaoLimpar = false;
|
|
13
|
+
this.labelColor = 'dark';
|
|
14
|
+
this.inputBackgroungColor = 'auto';
|
|
15
|
+
}
|
|
16
|
+
ngOnInit() {
|
|
17
|
+
throw new Error('Method not implemented.');
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
BaseInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BaseInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
+
BaseInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: BaseInputComponent, selector: "ng-component", inputs: { label: "label", labelPosition: "labelPosition", nome: "nome", placeholder: "placeholder", form: "form", campo: "campo", formControlName: "formControlName", max: "max", validation_messages: "validation_messages", type: "type", readonly: "readonly", leitura: "leitura", itemClass: "itemClass", blur: "blur", botaoLimpar: "botaoLimpar", labelColor: "labelColor", inputBackgroungColor: "inputBackgroungColor", blurArgs: "blurArgs" }, ngImport: i0, template: '', isInline: true });
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BaseInputComponent, decorators: [{
|
|
23
|
+
type: Component,
|
|
24
|
+
args: [{
|
|
25
|
+
template: ''
|
|
26
|
+
}]
|
|
27
|
+
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
28
|
+
type: Input
|
|
29
|
+
}], labelPosition: [{
|
|
30
|
+
type: Input
|
|
31
|
+
}], nome: [{
|
|
32
|
+
type: Input
|
|
33
|
+
}], placeholder: [{
|
|
34
|
+
type: Input
|
|
35
|
+
}], form: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}], campo: [{
|
|
38
|
+
type: Input
|
|
39
|
+
}], formControlName: [{
|
|
40
|
+
type: Input,
|
|
41
|
+
args: ['formControlName']
|
|
42
|
+
}], max: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}], validation_messages: [{
|
|
45
|
+
type: Input
|
|
46
|
+
}], type: [{
|
|
47
|
+
type: Input
|
|
48
|
+
}], readonly: [{
|
|
49
|
+
type: Input
|
|
50
|
+
}], leitura: [{
|
|
51
|
+
type: Input
|
|
52
|
+
}], itemClass: [{
|
|
53
|
+
type: Input
|
|
54
|
+
}], blur: [{
|
|
55
|
+
type: Input
|
|
56
|
+
}], botaoLimpar: [{
|
|
57
|
+
type: Input
|
|
58
|
+
}], labelColor: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], inputBackgroungColor: [{
|
|
61
|
+
type: Input
|
|
62
|
+
}], blurArgs: [{
|
|
63
|
+
type: Input
|
|
64
|
+
}] } });
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZUlucHV0Q29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYXBwcHJvamVjdC1jb21wb25lbnRzL3NyYy9saWIvYmFzZUlucHV0Q29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU16RCxNQUFNLE9BQWdCLGtCQUFrQjtJQXFCcEM7UUFuQlMsa0JBQWEsR0FBVyxTQUFTLENBQUM7UUFFbEMsZ0JBQVcsR0FBVyxFQUFFLENBQUM7UUFJekIsUUFBRyxHQUFXLElBQUksQ0FBQztRQUVuQixTQUFJLEdBQVcsTUFBTSxDQUFDO1FBQ3RCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixjQUFTLEdBQVcsU0FBUyxDQUFDO1FBRTlCLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBQzdCLGVBQVUsR0FBVyxNQUFNLENBQUM7UUFDNUIseUJBQW9CLEdBQVcsTUFBTSxDQUFDO0lBTS9DLENBQUM7SUFDRCxRQUFRO1FBQ0osTUFBTSxJQUFJLEtBQUssQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQy9DLENBQUM7OytHQTFCaUIsa0JBQWtCO21HQUFsQixrQkFBa0IsNGVBRjFCLEVBQUU7MkZBRU0sa0JBQWtCO2tCQUh2QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxFQUFFO2lCQUNmOzBFQUVZLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ29CLGVBQWU7c0JBQXhDLEtBQUs7dUJBQUMsaUJBQWlCO2dCQUNmLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHRlbXBsYXRlOiAnJ1xyXG59KVxyXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgQmFzZUlucHV0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAgIEBJbnB1dCgpIGxhYmVsITogc3RyaW5nO1xyXG4gICAgQElucHV0KCkgbGFiZWxQb3NpdGlvbjogc3RyaW5nID0gJ3N0YWNrZWQnO1xyXG4gICAgQElucHV0KCkgbm9tZSE6IHN0cmluZztcclxuICAgIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcclxuICAgIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XHJcbiAgICBASW5wdXQoKSBjYW1wbyE6IHN0cmluZztcclxuICAgIEBJbnB1dCgnZm9ybUNvbnRyb2xOYW1lJykgZm9ybUNvbnRyb2xOYW1lITogc3RyaW5nOyAgXHJcbiAgICBASW5wdXQoKSBtYXg6IHN0cmluZyA9ICcxMCc7XHJcbiAgICBASW5wdXQoKSB2YWxpZGF0aW9uX21lc3NhZ2VzITogYW55W107XHJcbiAgICBASW5wdXQoKSB0eXBlOiBzdHJpbmcgPSBcInRleHRcIjtcclxuICAgIEBJbnB1dCgpIHJlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBsZWl0dXJhOiBib29sZWFuID0gZmFsc2U7XHJcbiAgICBASW5wdXQoKSBpdGVtQ2xhc3M6IHN0cmluZyA9IFwicGFkZGluZ1wiO1xyXG4gICAgQElucHV0KCkgYmx1ciE6IEZ1bmN0aW9uO1xyXG4gICAgQElucHV0KCkgYm90YW9MaW1wYXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICAgIEBJbnB1dCgpIGxhYmVsQ29sb3I6IHN0cmluZyA9ICdkYXJrJztcclxuICAgIEBJbnB1dCgpIGlucHV0QmFja2dyb3VuZ0NvbG9yOiBzdHJpbmcgPSAnYXV0byc7XHJcbiAgICBcclxuICAgIEBJbnB1dCgpIGJsdXJBcmdzITogYW55W107XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcblxyXG4gICAgfVxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdNZXRob2Qgbm90IGltcGxlbWVudGVkLicpO1xyXG4gICAgfVxyXG5cclxufSJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class InputFormatComponent {
|
|
4
|
+
constructor() { }
|
|
5
|
+
ngOnInit() {
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
InputFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
InputFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputFormatComponent, selector: "kb-input-format", ngImport: i0, template: "<p>input-format works!</p>\n", styles: [""] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'kb-input-format', template: "<p>input-format works!</p>\n" }]
|
|
13
|
+
}], ctorParameters: function () { return []; } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZm9ybWF0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FwcHByb2plY3QtY29tcG9uZW50cy9zcmMvbGliL2lucHV0LWZvcm1hdC9pbnB1dC1mb3JtYXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXBwcHJvamVjdC1jb21wb25lbnRzL3NyYy9saWIvaW5wdXQtZm9ybWF0L2lucHV0LWZvcm1hdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sb0JBQW9CO0lBRS9CLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOztpSEFMVSxvQkFBb0I7cUdBQXBCLG9CQUFvQix1RENQakMsOEJBQ0E7MkZETWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2tiLWlucHV0LWZvcm1hdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1mb3JtYXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC1mb3JtYXQuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIElucHV0Rm9ybWF0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxwPmlucHV0LWZvcm1hdCB3b3JrcyE8L3A+XG4iXX0=
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
3
|
+
import { BaseInputComponent } from '../baseInputComponent';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
import * as i2 from "@ionic/angular";
|
|
7
|
+
export class InputTextComponent extends BaseInputComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.onChange = (data) => { };
|
|
11
|
+
this.onTouch = () => { };
|
|
12
|
+
this.disabled = false;
|
|
13
|
+
this.console = console;
|
|
14
|
+
}
|
|
15
|
+
writeValue(value) {
|
|
16
|
+
//console.log('write value', value);
|
|
17
|
+
this.onChange(value);
|
|
18
|
+
this.data = value;
|
|
19
|
+
}
|
|
20
|
+
registerOnChange(fn) {
|
|
21
|
+
this.onChange = fn;
|
|
22
|
+
}
|
|
23
|
+
registerOnTouched(fn) {
|
|
24
|
+
this.onTouch = fn;
|
|
25
|
+
}
|
|
26
|
+
setDisabledState(isDisabled) {
|
|
27
|
+
this.disabled = this.disabled;
|
|
28
|
+
}
|
|
29
|
+
ngOnInit() {
|
|
30
|
+
}
|
|
31
|
+
onBlur() {
|
|
32
|
+
console.log('control name', this.formControlName);
|
|
33
|
+
if (this.form) {
|
|
34
|
+
this.form.get(this.formControlName)?.markAsTouched();
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
limparClick() {
|
|
38
|
+
this.writeValue(undefined);
|
|
39
|
+
}
|
|
40
|
+
isReadonly() {
|
|
41
|
+
return this.leitura;
|
|
42
|
+
}
|
|
43
|
+
changeTypeOfInput() {
|
|
44
|
+
this.type =
|
|
45
|
+
this.type == 'password' ?
|
|
46
|
+
'text' : 'password';
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputTextComponent, selector: "kb-input-text", providers: [{
|
|
51
|
+
provide: NG_VALUE_ACCESSOR,
|
|
52
|
+
useExisting: InputTextComponent,
|
|
53
|
+
multi: true
|
|
54
|
+
}], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
56
|
+
type: Component,
|
|
57
|
+
args: [{ selector: 'kb-input-text', providers: [{
|
|
58
|
+
provide: NG_VALUE_ACCESSOR,
|
|
59
|
+
useExisting: InputTextComponent,
|
|
60
|
+
multi: true
|
|
61
|
+
}], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"] }]
|
|
62
|
+
}], ctorParameters: function () { return []; } });
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtdGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcHBwcm9qZWN0LWNvbXBvbmVudHMvc3JjL2xpYi9pbnB1dC10ZXh0L2lucHV0LXRleHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXBwcHJvamVjdC1jb21wb25lbnRzL3NyYy9saWIvaW5wdXQtdGV4dC9pbnB1dC10ZXh0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7O0FBWTNELE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxrQkFBa0I7SUF1QnhEO1FBQ0UsS0FBSyxFQUFFLENBQUM7UUFwQkYsYUFBUSxHQUFhLENBQUMsSUFBWSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDMUMsWUFBTyxHQUFhLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUM3QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzNCLFlBQU8sR0FBRyxPQUFPLENBQUM7SUFrQnpCLENBQUM7SUFoQkQsVUFBVSxDQUFDLEtBQVc7UUFDcEIsb0NBQW9DO1FBQ3BDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUNELGdCQUFnQixDQUFDLEVBQU87UUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELGlCQUFpQixDQUFDLEVBQU87UUFDdkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUNELGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNoQyxDQUFDO0lBS1EsUUFBUTtJQUNqQixDQUFDO0lBRUQsTUFBTTtRQUNKLE9BQU8sQ0FBQyxHQUFHLENBQUMsY0FBYyxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUNsRCxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLEVBQUUsYUFBYSxFQUFFLENBQUM7U0FDdEQ7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELFVBQVU7UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUNELGlCQUFpQjtRQUNmLElBQUksQ0FBQyxJQUFJO1lBQ1AsSUFBSSxDQUFDLElBQUksSUFBSSxVQUFVLENBQUMsQ0FBQztnQkFDekIsTUFBTSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUM7SUFDeEIsQ0FBQzs7K0dBaERVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdDQU5sQixDQUFDO1lBQ1YsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsa0JBQWtCO1lBQy9CLEtBQUssRUFBRSxJQUFJO1NBQ1osQ0FBQyxpRENaSiw0K0RBdUNROzJGRHpCSyxrQkFBa0I7a0JBVjlCLFNBQVM7K0JBQ0UsZUFBZSxhQUdkLENBQUM7NEJBQ1YsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxvQkFBb0I7NEJBQy9CLEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQmFzZUlucHV0Q29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZUlucHV0Q29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna2ItaW5wdXQtdGV4dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC10ZXh0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vaW5wdXQtdGV4dC5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgdXNlRXhpc3Rpbmc6IElucHV0VGV4dENvbXBvbmVudCxcbiAgICBtdWx0aTogdHJ1ZVxuICB9XVxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dFRleHRDb21wb25lbnQgZXh0ZW5kcyBCYXNlSW5wdXRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcbiAgc2hvd1NlZVBhc3N3b3JkITogYm9vbGVhbjtcbiAgLy9jb250cm9sIHZhbHVlIGFjZXNzb3JcbiAgcHVibGljIGRhdGEhOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgb25DaGFuZ2U6IEZ1bmN0aW9uID0gKGRhdGE6IHN0cmluZykgPT4ge307XG4gIHByaXZhdGUgb25Ub3VjaDogRnVuY3Rpb24gPSAoKSA9PiB7fTtcbiAgcHJpdmF0ZSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwdWJsaWMgY29uc29sZSA9IGNvbnNvbGU7XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZT86IGFueSk6IHZvaWQge1xuICAgIC8vY29uc29sZS5sb2coJ3dyaXRlIHZhbHVlJywgdmFsdWUpO1xuICAgIHRoaXMub25DaGFuZ2UodmFsdWUpO1xuICAgIHRoaXMuZGF0YSA9IHZhbHVlO1xuICB9XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSB0aGlzLmRpc2FibGVkO1xuICB9XG4gIGNvbnN0cnVjdG9yKCkgeyBcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvbkJsdXIoKSB7XG4gICAgY29uc29sZS5sb2coJ2NvbnRyb2wgbmFtZScsIHRoaXMuZm9ybUNvbnRyb2xOYW1lKTtcbiAgICBpZiAodGhpcy5mb3JtKSB7XG4gICAgICB0aGlzLmZvcm0uZ2V0KHRoaXMuZm9ybUNvbnRyb2xOYW1lKT8ubWFya0FzVG91Y2hlZCgpO1xuICAgIH1cbiAgfVxuXG4gIGxpbXBhckNsaWNrKCkge1xuICAgIHRoaXMud3JpdGVWYWx1ZSh1bmRlZmluZWQpO1xuICB9XG5cbiAgaXNSZWFkb25seSgpIHtcbiAgICByZXR1cm4gdGhpcy5sZWl0dXJhO1xuICB9XG4gIGNoYW5nZVR5cGVPZklucHV0KCkge1xuICAgIHRoaXMudHlwZSA9IFxuICAgICAgdGhpcy50eXBlID09ICdwYXNzd29yZCcgP1xuICAgICAgJ3RleHQnIDogJ3Bhc3N3b3JkJztcbiAgfVxufVxuIiwiPCEtLVxuPGRpdiBbZm9ybUdyb3VwXT1cImZvcm1cIj5cbi0tPlxuPGRpdj5cbiAgICA8aW9uLWl0ZW0gbGluZXM9XCJub25lXCIgc3R5bGU9XCItLWJhY2tncm91bmQ6IGluaGVyaXRlZDsgLS1iYWNrZ3JvdW5kLWZvY3VzZWQ6IHRyYW5zcGFyZW50OyBwYWRkaW5nLXJpZ2h0OiAwcHg7XCIgW2NsYXNzXT1cIml0ZW1DbGFzc1wiXG4gICAgW3N0eWxlLm9wYWNpdHldPVwicmVhZG9ubHkgPyAnMC41JyA6ICcxJ1wiXG4gICAgW25nQ2xhc3NdPVwiZm9ybT8uZ2V0KGZvcm1Db250cm9sTmFtZSk/LmVycm9ycyAmJiAoZm9ybT8uZ2V0KGZvcm1Db250cm9sTmFtZSk/LmRpcnR5IHx8IGZvcm0/LmdldChmb3JtQ29udHJvbE5hbWUpPy50b3VjaGVkKSA/ICdlcnJvci1zaGFrZScgOiAnJyBcIlxuICAgID5cbiAgICAgIDxpb24tbGFiZWwgcG9zaXRpb249XCJ7eyBsYWJlbFBvc2l0aW9uIH19XCIgY29sb3I9XCJ7eyBsYWJlbENvbG9yIH19XCI+e3sgbGFiZWwgfX08L2lvbi1sYWJlbD5cbiAgICAgIDwhLS0gZm9ybUNvbnRyb2xOYW1lPVwie3sgY2FtcG8gfX1cIiAgLS0+XG4gICAgICA8aW9uLWlucHV0ICNpbnB1dFRleHRcbiAgICAgICAgdHlwZT1cInt7dHlwZX19XCIgICAgICAgXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIFxuICAgICAgICBtYXhsZW5ndGg9XCJ7eyBtYXggfX1cIlxuICAgICAgICAoaW9uQmx1cik9XCJvbkJsdXIoKVwiXG4gICAgICAgIFt2YWx1ZV09XCJkYXRhXCJcbiAgICAgICAgKGlucHV0KT1cIndyaXRlVmFsdWUoaW5wdXRUZXh0LnZhbHVlKVwiICAgICAgICAgIFxuICAgICAgICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICAgICAgICBzdHlsZT1cIi0tYmFja2dyb3VuZDp7eyBpbnB1dEJhY2tncm91bmdDb2xvciB9fTtcIlxuICAgICAgICBbZGlzYWJsZWRdPVwicmVhZG9ubHlcIj48L2lvbi1pbnB1dD5cbiAgICAgIDxpb24tYnV0dG9uIHNpemU9XCJzbWFsbFwiIHNsb3Q9XCJlbmRcIiAqbmdJZj1cImJvdGFvTGltcGFyXCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAyN3B4OyBtYXJnaW4taW5saW5lLXN0YXJ0OiA0cHggIWltcG9ydGFudDtcIiBmaWxsPVwib3V0bGluZVwiIGNvbG9yPVwibWVkaXVtXCIgKGNsaWNrKT1cImxpbXBhckNsaWNrKClcIj5cbiAgICAgICAgPGlvbi1pY29uIG5hbWU9XCJjbG9zZS1vdXRsaW5lXCI+PC9pb24taWNvbj5cbiAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICAgIDxpb24tYnV0dG9uIHNpemU9XCJzbWFsbFwiIHNsb3Q9XCJlbmRcIiAqbmdJZj1cInNob3dTZWVQYXNzd29yZFwiIHN0eWxlPVwibWFyZ2luLXRvcDogMjdweDsgbWFyZ2luLWlubGluZS1zdGFydDogNHB4ICFpbXBvcnRhbnQ7XCIgZmlsbD1cImNsZWFyXCIgY29sb3I9XCJkYXJrXCIgKGNsaWNrKT1cImNoYW5nZVR5cGVPZklucHV0KClcIj5cbiAgICAgICAgPCEtLSAoY2xpY2spPVwibGltcGFyQ2xpY2soKVwiIC0tPlxuICAgICAgICA8aW9uLWljb24gW25hbWVdPVwidHlwZSA9PSAncGFzc3dvcmQnID8gJ2V5ZS1vdXRsaW5lJyA6ICdleWUtb2ZmLW91dGxpbmUnIFwiPjwvaW9uLWljb24+XG4gICAgICA8L2lvbi1idXR0b24+XG4gICAgPC9pb24taXRlbT5cbiAgXG4gICAgPGRpdiBjbGFzcz1cInZhbGlkYXRpb24tZXJyb3JzXCIgKm5nSWY9XCJmb3JtXCI+XG4gIFxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgdmFsaWRhdGlvbiBvZiB2YWxpZGF0aW9uX21lc3NhZ2VzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJlcnJvci1tZXNzYWdlXCJcbiAgICAgICAgICAqbmdJZj1cImZvcm0uZ2V0KGZvcm1Db250cm9sTmFtZSk/Lmhhc0Vycm9yKHZhbGlkYXRpb24udHlwZSkgJiYgKGZvcm0uZ2V0KGZvcm1Db250cm9sTmFtZSk/LmRpcnR5IHx8IGZvcm0uZ2V0KGZvcm1Db250cm9sTmFtZSk/LnRvdWNoZWQpXCI+XG4gICAgICAgICAgJiM4MjI2OyB7eyB2YWxpZGF0aW9uLm1lc3NhZ2UgfX1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgXG4gICAgPC9kaXY+XG4gIDwvZGl2PiJdfQ==
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of appproject-components
|
|
3
|
+
*/
|
|
4
|
+
export * from './lib/appproject-components.service';
|
|
5
|
+
export * from './lib/appproject-components.component';
|
|
6
|
+
export * from './lib/appproject-components.module';
|
|
7
|
+
//export manual dos componentes criados
|
|
8
|
+
export * from './lib/input-text/input-text.component';
|
|
9
|
+
export * from './lib/input-format/input-format.component';
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FwcHByb2plY3QtY29tcG9uZW50cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELHVDQUF1QztBQUN2QyxjQUFjLHVDQUF1QyxDQUFBO0FBQ3JELGNBQWMsMkNBQTJDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFwcHByb2plY3QtY29tcG9uZW50c1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2FwcHByb2plY3QtY29tcG9uZW50cy5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FwcHByb2plY3QtY29tcG9uZW50cy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYXBwcHJvamVjdC1jb21wb25lbnRzLm1vZHVsZSc7XG4vL2V4cG9ydCBtYW51YWwgZG9zIGNvbXBvbmVudGVzIGNyaWFkb3NcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lucHV0LXRleHQvaW5wdXQtdGV4dC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC1mb3JtYXQvaW5wdXQtZm9ybWF0LmNvbXBvbmVudCciXX0=
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injectable, Component, Input, InjectionToken, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import * as i1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i2 from '@ionic/angular';
|
|
7
|
+
import { IonicModule } from '@ionic/angular';
|
|
8
|
+
import { HttpClientModule } from '@angular/common/http';
|
|
9
|
+
|
|
10
|
+
class AppprojectComponentsService {
|
|
11
|
+
constructor() { }
|
|
12
|
+
}
|
|
13
|
+
AppprojectComponentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
14
|
+
AppprojectComponentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, providedIn: 'root' });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, decorators: [{
|
|
16
|
+
type: Injectable,
|
|
17
|
+
args: [{
|
|
18
|
+
providedIn: 'root'
|
|
19
|
+
}]
|
|
20
|
+
}], ctorParameters: function () { return []; } });
|
|
21
|
+
|
|
22
|
+
class AppprojectComponentsComponent {
|
|
23
|
+
constructor() { }
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
AppprojectComponentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
AppprojectComponentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: AppprojectComponentsComponent, selector: "kb-appproject-components", ngImport: i0, template: `
|
|
29
|
+
<p>
|
|
30
|
+
appproject-components works!
|
|
31
|
+
</p>
|
|
32
|
+
`, isInline: true });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'kb-appproject-components', template: `
|
|
36
|
+
<p>
|
|
37
|
+
appproject-components works!
|
|
38
|
+
</p>
|
|
39
|
+
` }]
|
|
40
|
+
}], ctorParameters: function () { return []; } });
|
|
41
|
+
|
|
42
|
+
class BaseInputComponent {
|
|
43
|
+
constructor() {
|
|
44
|
+
this.labelPosition = 'stacked';
|
|
45
|
+
this.placeholder = '';
|
|
46
|
+
this.max = '10';
|
|
47
|
+
this.type = "text";
|
|
48
|
+
this.readonly = false;
|
|
49
|
+
this.leitura = false;
|
|
50
|
+
this.itemClass = "padding";
|
|
51
|
+
this.botaoLimpar = false;
|
|
52
|
+
this.labelColor = 'dark';
|
|
53
|
+
this.inputBackgroungColor = 'auto';
|
|
54
|
+
}
|
|
55
|
+
ngOnInit() {
|
|
56
|
+
throw new Error('Method not implemented.');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
BaseInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BaseInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
BaseInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: BaseInputComponent, selector: "ng-component", inputs: { label: "label", labelPosition: "labelPosition", nome: "nome", placeholder: "placeholder", form: "form", campo: "campo", formControlName: "formControlName", max: "max", validation_messages: "validation_messages", type: "type", readonly: "readonly", leitura: "leitura", itemClass: "itemClass", blur: "blur", botaoLimpar: "botaoLimpar", labelColor: "labelColor", inputBackgroungColor: "inputBackgroungColor", blurArgs: "blurArgs" }, ngImport: i0, template: '', isInline: true });
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BaseInputComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{
|
|
64
|
+
template: ''
|
|
65
|
+
}]
|
|
66
|
+
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], labelPosition: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], nome: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], placeholder: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], form: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], campo: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], formControlName: [{
|
|
79
|
+
type: Input,
|
|
80
|
+
args: ['formControlName']
|
|
81
|
+
}], max: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], validation_messages: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], type: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], readonly: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], leitura: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], itemClass: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], blur: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], botaoLimpar: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], labelColor: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], inputBackgroungColor: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], blurArgs: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}] } });
|
|
104
|
+
|
|
105
|
+
class InputTextComponent extends BaseInputComponent {
|
|
106
|
+
constructor() {
|
|
107
|
+
super();
|
|
108
|
+
this.onChange = (data) => { };
|
|
109
|
+
this.onTouch = () => { };
|
|
110
|
+
this.disabled = false;
|
|
111
|
+
this.console = console;
|
|
112
|
+
}
|
|
113
|
+
writeValue(value) {
|
|
114
|
+
//console.log('write value', value);
|
|
115
|
+
this.onChange(value);
|
|
116
|
+
this.data = value;
|
|
117
|
+
}
|
|
118
|
+
registerOnChange(fn) {
|
|
119
|
+
this.onChange = fn;
|
|
120
|
+
}
|
|
121
|
+
registerOnTouched(fn) {
|
|
122
|
+
this.onTouch = fn;
|
|
123
|
+
}
|
|
124
|
+
setDisabledState(isDisabled) {
|
|
125
|
+
this.disabled = this.disabled;
|
|
126
|
+
}
|
|
127
|
+
ngOnInit() {
|
|
128
|
+
}
|
|
129
|
+
onBlur() {
|
|
130
|
+
var _a;
|
|
131
|
+
console.log('control name', this.formControlName);
|
|
132
|
+
if (this.form) {
|
|
133
|
+
(_a = this.form.get(this.formControlName)) === null || _a === void 0 ? void 0 : _a.markAsTouched();
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
limparClick() {
|
|
137
|
+
this.writeValue(undefined);
|
|
138
|
+
}
|
|
139
|
+
isReadonly() {
|
|
140
|
+
return this.leitura;
|
|
141
|
+
}
|
|
142
|
+
changeTypeOfInput() {
|
|
143
|
+
this.type =
|
|
144
|
+
this.type == 'password' ?
|
|
145
|
+
'text' : 'password';
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
149
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputTextComponent, selector: "kb-input-text", providers: [{
|
|
150
|
+
provide: NG_VALUE_ACCESSOR,
|
|
151
|
+
useExisting: InputTextComponent,
|
|
152
|
+
multi: true
|
|
153
|
+
}], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
|
|
154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
155
|
+
type: Component,
|
|
156
|
+
args: [{ selector: 'kb-input-text', providers: [{
|
|
157
|
+
provide: NG_VALUE_ACCESSOR,
|
|
158
|
+
useExisting: InputTextComponent,
|
|
159
|
+
multi: true
|
|
160
|
+
}], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"] }]
|
|
161
|
+
}], ctorParameters: function () { return []; } });
|
|
162
|
+
|
|
163
|
+
class InputFormatComponent {
|
|
164
|
+
constructor() { }
|
|
165
|
+
ngOnInit() {
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
InputFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
169
|
+
InputFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputFormatComponent, selector: "kb-input-format", ngImport: i0, template: "<p>input-format works!</p>\n", styles: [""] });
|
|
170
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, decorators: [{
|
|
171
|
+
type: Component,
|
|
172
|
+
args: [{ selector: 'kb-input-format', template: "<p>input-format works!</p>\n" }]
|
|
173
|
+
}], ctorParameters: function () { return []; } });
|
|
174
|
+
|
|
175
|
+
const LibConfigService = new InjectionToken('LibConfig');
|
|
176
|
+
class AppprojectComponentsModule {
|
|
177
|
+
static forRoot(config) {
|
|
178
|
+
return {
|
|
179
|
+
ngModule: AppprojectComponentsModule,
|
|
180
|
+
providers: [
|
|
181
|
+
AppprojectComponentsService,
|
|
182
|
+
{
|
|
183
|
+
provide: LibConfigService,
|
|
184
|
+
useValue: config
|
|
185
|
+
}
|
|
186
|
+
]
|
|
187
|
+
};
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
AppprojectComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
191
|
+
AppprojectComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, declarations: [AppprojectComponentsComponent,
|
|
192
|
+
InputTextComponent,
|
|
193
|
+
InputFormatComponent], imports: [CommonModule,
|
|
194
|
+
HttpClientModule,
|
|
195
|
+
IonicModule,
|
|
196
|
+
ReactiveFormsModule], exports: [AppprojectComponentsComponent,
|
|
197
|
+
InputTextComponent,
|
|
198
|
+
InputFormatComponent] });
|
|
199
|
+
AppprojectComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
|
|
200
|
+
HttpClientModule,
|
|
201
|
+
IonicModule,
|
|
202
|
+
ReactiveFormsModule] });
|
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, decorators: [{
|
|
204
|
+
type: NgModule,
|
|
205
|
+
args: [{
|
|
206
|
+
declarations: [
|
|
207
|
+
AppprojectComponentsComponent,
|
|
208
|
+
InputTextComponent,
|
|
209
|
+
InputFormatComponent
|
|
210
|
+
],
|
|
211
|
+
imports: [
|
|
212
|
+
CommonModule,
|
|
213
|
+
HttpClientModule,
|
|
214
|
+
IonicModule,
|
|
215
|
+
ReactiveFormsModule
|
|
216
|
+
],
|
|
217
|
+
exports: [
|
|
218
|
+
AppprojectComponentsComponent,
|
|
219
|
+
InputTextComponent,
|
|
220
|
+
InputFormatComponent
|
|
221
|
+
],
|
|
222
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
223
|
+
}]
|
|
224
|
+
}] });
|
|
225
|
+
|
|
226
|
+
/*
|
|
227
|
+
* Public API Surface of appproject-components
|
|
228
|
+
*/
|
|
229
|
+
|
|
230
|
+
/**
|
|
231
|
+
* Generated bundle index. Do not edit.
|
|
232
|
+
*/
|
|
233
|
+
|
|
234
|
+
export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, InputFormatComponent, InputTextComponent, LibConfigService };
|
|
235
|
+
//# sourceMappingURL=appproject-components.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"appproject-components.mjs","sources":["../../../projects/appproject-components/src/lib/appproject-components.service.ts","../../../projects/appproject-components/src/lib/appproject-components.component.ts","../../../projects/appproject-components/src/lib/baseInputComponent.ts","../../../projects/appproject-components/src/lib/input-text/input-text.component.ts","../../../projects/appproject-components/src/lib/input-text/input-text.component.html","../../../projects/appproject-components/src/lib/input-format/input-format.component.ts","../../../projects/appproject-components/src/lib/input-format/input-format.component.html","../../../projects/appproject-components/src/lib/appproject-components.module.ts","../../../projects/appproject-components/src/public-api.ts","../../../projects/appproject-components/src/appproject-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AppprojectComponentsService {\n\n constructor() { }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'kb-appproject-components',\n template: `\n <p>\n appproject-components works!\n </p>\n `,\n styles: [\n ]\n})\nexport class AppprojectComponentsComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n template: ''\r\n})\r\nexport abstract class BaseInputComponent implements OnInit {\r\n @Input() label!: string;\r\n @Input() labelPosition: string = 'stacked';\r\n @Input() nome!: string;\r\n @Input() placeholder: string = '';\r\n @Input() form!: FormGroup;\r\n @Input() campo!: string;\r\n @Input('formControlName') formControlName!: string; \r\n @Input() max: string = '10';\r\n @Input() validation_messages!: any[];\r\n @Input() type: string = \"text\";\r\n @Input() readonly: boolean = false;\r\n @Input() leitura: boolean = false;\r\n @Input() itemClass: string = \"padding\";\r\n @Input() blur!: Function;\r\n @Input() botaoLimpar: boolean = false;\r\n @Input() labelColor: string = 'dark';\r\n @Input() inputBackgroungColor: string = 'auto';\r\n \r\n @Input() blurArgs!: any[];\r\n\r\n constructor() {\r\n\r\n }\r\n ngOnInit(): void {\r\n throw new Error('Method not implemented.');\r\n }\r\n\r\n}","import { Component, OnInit } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BaseInputComponent } from '../baseInputComponent';\n\n@Component({\n selector: 'kb-input-text',\n templateUrl: './input-text.component.html',\n styleUrls: ['./input-text.component.scss'],\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: InputTextComponent,\n multi: true\n }]\n})\nexport class InputTextComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {\n showSeePassword!: boolean;\n //control value acessor\n public data!: string | undefined;\n private onChange: Function = (data: string) => {};\n private onTouch: Function = () => {};\n private disabled: boolean = false;\n public console = console;\n\n writeValue(value?: any): void {\n //console.log('write value', value);\n this.onChange(value);\n this.data = value;\n }\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = this.disabled;\n }\n constructor() { \n super();\n }\n\n override ngOnInit(): void {\n }\n\n onBlur() {\n console.log('control name', this.formControlName);\n if (this.form) {\n this.form.get(this.formControlName)?.markAsTouched();\n }\n }\n\n limparClick() {\n this.writeValue(undefined);\n }\n\n isReadonly() {\n return this.leitura;\n }\n changeTypeOfInput() {\n this.type = \n this.type == 'password' ?\n 'text' : 'password';\n }\n}\n","<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'kb-input-format',\n templateUrl: './input-format.component.html',\n styleUrls: ['./input-format.component.css']\n})\nexport class InputFormatComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<p>input-format works!</p>\n","import { CUSTOM_ELEMENTS_SCHEMA, InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';\nimport { AppprojectComponentsComponent } from './appproject-components.component';\nimport { InputTextComponent } from './input-text/input-text.component';\nimport { InputFormatComponent } from './input-format/input-format.component';\n\nimport { CommonModule } from '@angular/common';\nimport { IonicModule } from '@ionic/angular';\nimport { HttpClientModule } from '@angular/common/http';\nimport { AppprojectComponentsService } from './appproject-components.service';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n\nexport interface LibConfig {\n apiUrl: string;\n}\n\nexport const LibConfigService = new InjectionToken<LibConfig>('LibConfig');\n\n@NgModule({\n declarations: [\n AppprojectComponentsComponent,\n InputTextComponent,\n InputFormatComponent\n ],\n imports: [\n CommonModule,\n HttpClientModule,\n IonicModule,\n ReactiveFormsModule\n ],\n exports: [\n AppprojectComponentsComponent,\n InputTextComponent,\n InputFormatComponent\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class AppprojectComponentsModule {\n static forRoot(config: LibConfig): ModuleWithProviders<AppprojectComponentsModule> {\n return {\n ngModule: AppprojectComponentsModule,\n providers: [\n AppprojectComponentsService,\n {\n provide: LibConfigService,\n useValue: config\n }\n ]\n }\n }\n}\n","/*\n * Public API Surface of appproject-components\n */\n\nexport * from './lib/appproject-components.service';\nexport * from './lib/appproject-components.component';\nexport * from './lib/appproject-components.module';\n//export manual dos componentes criados\nexport * from './lib/input-text/input-text.component'\nexport * from './lib/input-format/input-format.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { Injectable, Component, Input, InjectionToken, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import * as i1 from '@angular/common';
|
|
5
|
+
import { CommonModule } from '@angular/common';
|
|
6
|
+
import * as i2 from '@ionic/angular';
|
|
7
|
+
import { IonicModule } from '@ionic/angular';
|
|
8
|
+
import { HttpClientModule } from '@angular/common/http';
|
|
9
|
+
|
|
10
|
+
class AppprojectComponentsService {
|
|
11
|
+
constructor() { }
|
|
12
|
+
}
|
|
13
|
+
AppprojectComponentsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
14
|
+
AppprojectComponentsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, providedIn: 'root' });
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsService, decorators: [{
|
|
16
|
+
type: Injectable,
|
|
17
|
+
args: [{
|
|
18
|
+
providedIn: 'root'
|
|
19
|
+
}]
|
|
20
|
+
}], ctorParameters: function () { return []; } });
|
|
21
|
+
|
|
22
|
+
class AppprojectComponentsComponent {
|
|
23
|
+
constructor() { }
|
|
24
|
+
ngOnInit() {
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
AppprojectComponentsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
28
|
+
AppprojectComponentsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: AppprojectComponentsComponent, selector: "kb-appproject-components", ngImport: i0, template: `
|
|
29
|
+
<p>
|
|
30
|
+
appproject-components works!
|
|
31
|
+
</p>
|
|
32
|
+
`, isInline: true });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'kb-appproject-components', template: `
|
|
36
|
+
<p>
|
|
37
|
+
appproject-components works!
|
|
38
|
+
</p>
|
|
39
|
+
` }]
|
|
40
|
+
}], ctorParameters: function () { return []; } });
|
|
41
|
+
|
|
42
|
+
class BaseInputComponent {
|
|
43
|
+
constructor() {
|
|
44
|
+
this.labelPosition = 'stacked';
|
|
45
|
+
this.placeholder = '';
|
|
46
|
+
this.max = '10';
|
|
47
|
+
this.type = "text";
|
|
48
|
+
this.readonly = false;
|
|
49
|
+
this.leitura = false;
|
|
50
|
+
this.itemClass = "padding";
|
|
51
|
+
this.botaoLimpar = false;
|
|
52
|
+
this.labelColor = 'dark';
|
|
53
|
+
this.inputBackgroungColor = 'auto';
|
|
54
|
+
}
|
|
55
|
+
ngOnInit() {
|
|
56
|
+
throw new Error('Method not implemented.');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
BaseInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BaseInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
+
BaseInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: BaseInputComponent, selector: "ng-component", inputs: { label: "label", labelPosition: "labelPosition", nome: "nome", placeholder: "placeholder", form: "form", campo: "campo", formControlName: "formControlName", max: "max", validation_messages: "validation_messages", type: "type", readonly: "readonly", leitura: "leitura", itemClass: "itemClass", blur: "blur", botaoLimpar: "botaoLimpar", labelColor: "labelColor", inputBackgroungColor: "inputBackgroungColor", blurArgs: "blurArgs" }, ngImport: i0, template: '', isInline: true });
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: BaseInputComponent, decorators: [{
|
|
62
|
+
type: Component,
|
|
63
|
+
args: [{
|
|
64
|
+
template: ''
|
|
65
|
+
}]
|
|
66
|
+
}], ctorParameters: function () { return []; }, propDecorators: { label: [{
|
|
67
|
+
type: Input
|
|
68
|
+
}], labelPosition: [{
|
|
69
|
+
type: Input
|
|
70
|
+
}], nome: [{
|
|
71
|
+
type: Input
|
|
72
|
+
}], placeholder: [{
|
|
73
|
+
type: Input
|
|
74
|
+
}], form: [{
|
|
75
|
+
type: Input
|
|
76
|
+
}], campo: [{
|
|
77
|
+
type: Input
|
|
78
|
+
}], formControlName: [{
|
|
79
|
+
type: Input,
|
|
80
|
+
args: ['formControlName']
|
|
81
|
+
}], max: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], validation_messages: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], type: [{
|
|
86
|
+
type: Input
|
|
87
|
+
}], readonly: [{
|
|
88
|
+
type: Input
|
|
89
|
+
}], leitura: [{
|
|
90
|
+
type: Input
|
|
91
|
+
}], itemClass: [{
|
|
92
|
+
type: Input
|
|
93
|
+
}], blur: [{
|
|
94
|
+
type: Input
|
|
95
|
+
}], botaoLimpar: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], labelColor: [{
|
|
98
|
+
type: Input
|
|
99
|
+
}], inputBackgroungColor: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], blurArgs: [{
|
|
102
|
+
type: Input
|
|
103
|
+
}] } });
|
|
104
|
+
|
|
105
|
+
class InputTextComponent extends BaseInputComponent {
|
|
106
|
+
constructor() {
|
|
107
|
+
super();
|
|
108
|
+
this.onChange = (data) => { };
|
|
109
|
+
this.onTouch = () => { };
|
|
110
|
+
this.disabled = false;
|
|
111
|
+
this.console = console;
|
|
112
|
+
}
|
|
113
|
+
writeValue(value) {
|
|
114
|
+
//console.log('write value', value);
|
|
115
|
+
this.onChange(value);
|
|
116
|
+
this.data = value;
|
|
117
|
+
}
|
|
118
|
+
registerOnChange(fn) {
|
|
119
|
+
this.onChange = fn;
|
|
120
|
+
}
|
|
121
|
+
registerOnTouched(fn) {
|
|
122
|
+
this.onTouch = fn;
|
|
123
|
+
}
|
|
124
|
+
setDisabledState(isDisabled) {
|
|
125
|
+
this.disabled = this.disabled;
|
|
126
|
+
}
|
|
127
|
+
ngOnInit() {
|
|
128
|
+
}
|
|
129
|
+
onBlur() {
|
|
130
|
+
console.log('control name', this.formControlName);
|
|
131
|
+
if (this.form) {
|
|
132
|
+
this.form.get(this.formControlName)?.markAsTouched();
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
limparClick() {
|
|
136
|
+
this.writeValue(undefined);
|
|
137
|
+
}
|
|
138
|
+
isReadonly() {
|
|
139
|
+
return this.leitura;
|
|
140
|
+
}
|
|
141
|
+
changeTypeOfInput() {
|
|
142
|
+
this.type =
|
|
143
|
+
this.type == 'password' ?
|
|
144
|
+
'text' : 'password';
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
148
|
+
InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputTextComponent, selector: "kb-input-text", providers: [{
|
|
149
|
+
provide: NG_VALUE_ACCESSOR,
|
|
150
|
+
useExisting: InputTextComponent,
|
|
151
|
+
multi: true
|
|
152
|
+
}], usesInheritance: true, ngImport: i0, template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i2.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i2.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }] });
|
|
153
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
|
|
154
|
+
type: Component,
|
|
155
|
+
args: [{ selector: 'kb-input-text', providers: [{
|
|
156
|
+
provide: NG_VALUE_ACCESSOR,
|
|
157
|
+
useExisting: InputTextComponent,
|
|
158
|
+
multi: true
|
|
159
|
+
}], template: "<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>", styles: ["@keyframes shake{0%{transform:translate(20px)}20%{transform:translate(-20px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(4px)}to{transform:translate(0)}}ion-label{margin-bottom:4px!important;opacity:1!important}.no-padding-end{--inner-padding-end: 0}ion-item ion-label{overflow:initial!important}ion-input{padding:2px;border:1px solid darkgray;border-radius:4px;width:100%;margin-top:2px;max-height:29px;transition:.2s ease}.error-shake ion-label{color:red!important}.error-shake ion-input{animation:shake .4s 1 linear;border:1px solid red!important}.has-focus{border:1px solid var(--ion-color-bluetool)}input:focus{border:1px solid lightblue!important}input:focus ion-label{--color: blue !important}.error-message{font-size:small;color:red;margin-left:15px}.padding{padding:auto;padding-left:0}.no-padding{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px;height:39px!important}.no-padding-no-height{--inner-padding-end: 0px;--padding-start: 0px;--padding-bottom: 0px;--inner-padding-bottom: 0px}.padding-top{--padding-top: 0px}.input-login{height:36px}\n"] }]
|
|
160
|
+
}], ctorParameters: function () { return []; } });
|
|
161
|
+
|
|
162
|
+
class InputFormatComponent {
|
|
163
|
+
constructor() { }
|
|
164
|
+
ngOnInit() {
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
InputFormatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
168
|
+
InputFormatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: InputFormatComponent, selector: "kb-input-format", ngImport: i0, template: "<p>input-format works!</p>\n", styles: [""] });
|
|
169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: InputFormatComponent, decorators: [{
|
|
170
|
+
type: Component,
|
|
171
|
+
args: [{ selector: 'kb-input-format', template: "<p>input-format works!</p>\n" }]
|
|
172
|
+
}], ctorParameters: function () { return []; } });
|
|
173
|
+
|
|
174
|
+
const LibConfigService = new InjectionToken('LibConfig');
|
|
175
|
+
class AppprojectComponentsModule {
|
|
176
|
+
static forRoot(config) {
|
|
177
|
+
return {
|
|
178
|
+
ngModule: AppprojectComponentsModule,
|
|
179
|
+
providers: [
|
|
180
|
+
AppprojectComponentsService,
|
|
181
|
+
{
|
|
182
|
+
provide: LibConfigService,
|
|
183
|
+
useValue: config
|
|
184
|
+
}
|
|
185
|
+
]
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
AppprojectComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
190
|
+
AppprojectComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, declarations: [AppprojectComponentsComponent,
|
|
191
|
+
InputTextComponent,
|
|
192
|
+
InputFormatComponent], imports: [CommonModule,
|
|
193
|
+
HttpClientModule,
|
|
194
|
+
IonicModule,
|
|
195
|
+
ReactiveFormsModule], exports: [AppprojectComponentsComponent,
|
|
196
|
+
InputTextComponent,
|
|
197
|
+
InputFormatComponent] });
|
|
198
|
+
AppprojectComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, imports: [CommonModule,
|
|
199
|
+
HttpClientModule,
|
|
200
|
+
IonicModule,
|
|
201
|
+
ReactiveFormsModule] });
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: AppprojectComponentsModule, decorators: [{
|
|
203
|
+
type: NgModule,
|
|
204
|
+
args: [{
|
|
205
|
+
declarations: [
|
|
206
|
+
AppprojectComponentsComponent,
|
|
207
|
+
InputTextComponent,
|
|
208
|
+
InputFormatComponent
|
|
209
|
+
],
|
|
210
|
+
imports: [
|
|
211
|
+
CommonModule,
|
|
212
|
+
HttpClientModule,
|
|
213
|
+
IonicModule,
|
|
214
|
+
ReactiveFormsModule
|
|
215
|
+
],
|
|
216
|
+
exports: [
|
|
217
|
+
AppprojectComponentsComponent,
|
|
218
|
+
InputTextComponent,
|
|
219
|
+
InputFormatComponent
|
|
220
|
+
],
|
|
221
|
+
schemas: [CUSTOM_ELEMENTS_SCHEMA]
|
|
222
|
+
}]
|
|
223
|
+
}] });
|
|
224
|
+
|
|
225
|
+
/*
|
|
226
|
+
* Public API Surface of appproject-components
|
|
227
|
+
*/
|
|
228
|
+
|
|
229
|
+
/**
|
|
230
|
+
* Generated bundle index. Do not edit.
|
|
231
|
+
*/
|
|
232
|
+
|
|
233
|
+
export { AppprojectComponentsComponent, AppprojectComponentsModule, AppprojectComponentsService, InputFormatComponent, InputTextComponent, LibConfigService };
|
|
234
|
+
//# sourceMappingURL=appproject-components.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"appproject-components.mjs","sources":["../../../projects/appproject-components/src/lib/appproject-components.service.ts","../../../projects/appproject-components/src/lib/appproject-components.component.ts","../../../projects/appproject-components/src/lib/baseInputComponent.ts","../../../projects/appproject-components/src/lib/input-text/input-text.component.ts","../../../projects/appproject-components/src/lib/input-text/input-text.component.html","../../../projects/appproject-components/src/lib/input-format/input-format.component.ts","../../../projects/appproject-components/src/lib/input-format/input-format.component.html","../../../projects/appproject-components/src/lib/appproject-components.module.ts","../../../projects/appproject-components/src/public-api.ts","../../../projects/appproject-components/src/appproject-components.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AppprojectComponentsService {\n\n constructor() { }\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'kb-appproject-components',\n template: `\n <p>\n appproject-components works!\n </p>\n `,\n styles: [\n ]\n})\nexport class AppprojectComponentsComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\n@Component({\r\n template: ''\r\n})\r\nexport abstract class BaseInputComponent implements OnInit {\r\n @Input() label!: string;\r\n @Input() labelPosition: string = 'stacked';\r\n @Input() nome!: string;\r\n @Input() placeholder: string = '';\r\n @Input() form!: FormGroup;\r\n @Input() campo!: string;\r\n @Input('formControlName') formControlName!: string; \r\n @Input() max: string = '10';\r\n @Input() validation_messages!: any[];\r\n @Input() type: string = \"text\";\r\n @Input() readonly: boolean = false;\r\n @Input() leitura: boolean = false;\r\n @Input() itemClass: string = \"padding\";\r\n @Input() blur!: Function;\r\n @Input() botaoLimpar: boolean = false;\r\n @Input() labelColor: string = 'dark';\r\n @Input() inputBackgroungColor: string = 'auto';\r\n \r\n @Input() blurArgs!: any[];\r\n\r\n constructor() {\r\n\r\n }\r\n ngOnInit(): void {\r\n throw new Error('Method not implemented.');\r\n }\r\n\r\n}","import { Component, OnInit } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { BaseInputComponent } from '../baseInputComponent';\n\n@Component({\n selector: 'kb-input-text',\n templateUrl: './input-text.component.html',\n styleUrls: ['./input-text.component.scss'],\n providers: [{\n provide: NG_VALUE_ACCESSOR,\n useExisting: InputTextComponent,\n multi: true\n }]\n})\nexport class InputTextComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {\n showSeePassword!: boolean;\n //control value acessor\n public data!: string | undefined;\n private onChange: Function = (data: string) => {};\n private onTouch: Function = () => {};\n private disabled: boolean = false;\n public console = console;\n\n writeValue(value?: any): void {\n //console.log('write value', value);\n this.onChange(value);\n this.data = value;\n }\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = this.disabled;\n }\n constructor() { \n super();\n }\n\n override ngOnInit(): void {\n }\n\n onBlur() {\n console.log('control name', this.formControlName);\n if (this.form) {\n this.form.get(this.formControlName)?.markAsTouched();\n }\n }\n\n limparClick() {\n this.writeValue(undefined);\n }\n\n isReadonly() {\n return this.leitura;\n }\n changeTypeOfInput() {\n this.type = \n this.type == 'password' ?\n 'text' : 'password';\n }\n}\n","<!--\n<div [formGroup]=\"form\">\n-->\n<div>\n <ion-item lines=\"none\" style=\"--background: inherited; --background-focused: transparent; padding-right: 0px;\" [class]=\"itemClass\"\n [style.opacity]=\"readonly ? '0.5' : '1'\"\n [ngClass]=\"form?.get(formControlName)?.errors && (form?.get(formControlName)?.dirty || form?.get(formControlName)?.touched) ? 'error-shake' : '' \"\n >\n <ion-label position=\"{{ labelPosition }}\" color=\"{{ labelColor }}\">{{ label }}</ion-label>\n <!-- formControlName=\"{{ campo }}\" -->\n <ion-input #inputText\n type=\"{{type}}\" \n [placeholder]=\"placeholder\" \n maxlength=\"{{ max }}\"\n (ionBlur)=\"onBlur()\"\n [value]=\"data\"\n (input)=\"writeValue(inputText.value)\" \n autocomplete=\"new-password\"\n style=\"--background:{{ inputBackgroungColor }};\"\n [disabled]=\"readonly\"></ion-input>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"botaoLimpar\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"outline\" color=\"medium\" (click)=\"limparClick()\">\n <ion-icon name=\"close-outline\"></ion-icon>\n </ion-button>\n <ion-button size=\"small\" slot=\"end\" *ngIf=\"showSeePassword\" style=\"margin-top: 27px; margin-inline-start: 4px !important;\" fill=\"clear\" color=\"dark\" (click)=\"changeTypeOfInput()\">\n <!-- (click)=\"limparClick()\" -->\n <ion-icon [name]=\"type == 'password' ? 'eye-outline' : 'eye-off-outline' \"></ion-icon>\n </ion-button>\n </ion-item>\n \n <div class=\"validation-errors\" *ngIf=\"form\">\n \n <ng-container *ngFor=\"let validation of validation_messages\">\n <div class=\"error-message\"\n *ngIf=\"form.get(formControlName)?.hasError(validation.type) && (form.get(formControlName)?.dirty || form.get(formControlName)?.touched)\">\n • {{ validation.message }}\n </div>\n </ng-container>\n \n </div>\n </div>","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'kb-input-format',\n templateUrl: './input-format.component.html',\n styleUrls: ['./input-format.component.css']\n})\nexport class InputFormatComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","<p>input-format works!</p>\n","import { CUSTOM_ELEMENTS_SCHEMA, InjectionToken, ModuleWithProviders, NgModule } from '@angular/core';\nimport { AppprojectComponentsComponent } from './appproject-components.component';\nimport { InputTextComponent } from './input-text/input-text.component';\nimport { InputFormatComponent } from './input-format/input-format.component';\n\nimport { CommonModule } from '@angular/common';\nimport { IonicModule } from '@ionic/angular';\nimport { HttpClientModule } from '@angular/common/http';\nimport { AppprojectComponentsService } from './appproject-components.service';\nimport { ReactiveFormsModule } from '@angular/forms';\n\n\nexport interface LibConfig {\n apiUrl: string;\n}\n\nexport const LibConfigService = new InjectionToken<LibConfig>('LibConfig');\n\n@NgModule({\n declarations: [\n AppprojectComponentsComponent,\n InputTextComponent,\n InputFormatComponent\n ],\n imports: [\n CommonModule,\n HttpClientModule,\n IonicModule,\n ReactiveFormsModule\n ],\n exports: [\n AppprojectComponentsComponent,\n InputTextComponent,\n InputFormatComponent\n ],\n schemas: [CUSTOM_ELEMENTS_SCHEMA]\n})\nexport class AppprojectComponentsModule {\n static forRoot(config: LibConfig): ModuleWithProviders<AppprojectComponentsModule> {\n return {\n ngModule: AppprojectComponentsModule,\n providers: [\n AppprojectComponentsService,\n {\n provide: LibConfigService,\n useValue: config\n }\n ]\n }\n }\n}\n","/*\n * Public API Surface of appproject-components\n */\n\nexport * from './lib/appproject-components.service';\nexport * from './lib/appproject-components.component';\nexport * from './lib/appproject-components.module';\n//export manual dos componentes criados\nexport * from './lib/input-text/input-text.component'\nexport * from './lib/input-format/input-format.component'","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class AppprojectComponentsComponent implements OnInit {
|
|
4
|
+
constructor();
|
|
5
|
+
ngOnInit(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AppprojectComponentsComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AppprojectComponentsComponent, "kb-appproject-components", never, {}, {}, never, never, false>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { InjectionToken, ModuleWithProviders } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./appproject-components.component";
|
|
4
|
+
import * as i2 from "./input-text/input-text.component";
|
|
5
|
+
import * as i3 from "./input-format/input-format.component";
|
|
6
|
+
import * as i4 from "@angular/common";
|
|
7
|
+
import * as i5 from "@angular/common/http";
|
|
8
|
+
import * as i6 from "@ionic/angular";
|
|
9
|
+
import * as i7 from "@angular/forms";
|
|
10
|
+
export interface LibConfig {
|
|
11
|
+
apiUrl: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const LibConfigService: InjectionToken<LibConfig>;
|
|
14
|
+
export declare class AppprojectComponentsModule {
|
|
15
|
+
static forRoot(config: LibConfig): ModuleWithProviders<AppprojectComponentsModule>;
|
|
16
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<AppprojectComponentsModule, never>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<AppprojectComponentsModule, [typeof i1.AppprojectComponentsComponent, typeof i2.InputTextComponent, typeof i3.InputFormatComponent], [typeof i4.CommonModule, typeof i5.HttpClientModule, typeof i6.IonicModule, typeof i7.ReactiveFormsModule], [typeof i1.AppprojectComponentsComponent, typeof i2.InputTextComponent, typeof i3.InputFormatComponent]>;
|
|
18
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<AppprojectComponentsModule>;
|
|
19
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { FormGroup } from '@angular/forms';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare abstract class BaseInputComponent implements OnInit {
|
|
5
|
+
label: string;
|
|
6
|
+
labelPosition: string;
|
|
7
|
+
nome: string;
|
|
8
|
+
placeholder: string;
|
|
9
|
+
form: FormGroup;
|
|
10
|
+
campo: string;
|
|
11
|
+
formControlName: string;
|
|
12
|
+
max: string;
|
|
13
|
+
validation_messages: any[];
|
|
14
|
+
type: string;
|
|
15
|
+
readonly: boolean;
|
|
16
|
+
leitura: boolean;
|
|
17
|
+
itemClass: string;
|
|
18
|
+
blur: Function;
|
|
19
|
+
botaoLimpar: boolean;
|
|
20
|
+
labelColor: string;
|
|
21
|
+
inputBackgroungColor: string;
|
|
22
|
+
blurArgs: any[];
|
|
23
|
+
constructor();
|
|
24
|
+
ngOnInit(): void;
|
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BaseInputComponent, never>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BaseInputComponent, "ng-component", never, { "label": "label"; "labelPosition": "labelPosition"; "nome": "nome"; "placeholder": "placeholder"; "form": "form"; "campo": "campo"; "formControlName": "formControlName"; "max": "max"; "validation_messages": "validation_messages"; "type": "type"; "readonly": "readonly"; "leitura": "leitura"; "itemClass": "itemClass"; "blur": "blur"; "botaoLimpar": "botaoLimpar"; "labelColor": "labelColor"; "inputBackgroungColor": "inputBackgroungColor"; "blurArgs": "blurArgs"; }, {}, never, never, false>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class InputFormatComponent implements OnInit {
|
|
4
|
+
constructor();
|
|
5
|
+
ngOnInit(): void;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputFormatComponent, never>;
|
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputFormatComponent, "kb-input-format", never, {}, {}, never, never, false>;
|
|
8
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { BaseInputComponent } from '../baseInputComponent';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class InputTextComponent extends BaseInputComponent implements OnInit, ControlValueAccessor {
|
|
6
|
+
showSeePassword: boolean;
|
|
7
|
+
data: string | undefined;
|
|
8
|
+
private onChange;
|
|
9
|
+
private onTouch;
|
|
10
|
+
private disabled;
|
|
11
|
+
console: Console;
|
|
12
|
+
writeValue(value?: any): void;
|
|
13
|
+
registerOnChange(fn: any): void;
|
|
14
|
+
registerOnTouched(fn: any): void;
|
|
15
|
+
setDisabledState?(isDisabled: boolean): void;
|
|
16
|
+
constructor();
|
|
17
|
+
ngOnInit(): void;
|
|
18
|
+
onBlur(): void;
|
|
19
|
+
limparClick(): void;
|
|
20
|
+
isReadonly(): boolean;
|
|
21
|
+
changeTypeOfInput(): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<InputTextComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputTextComponent, "kb-input-text", never, {}, {}, never, never, false>;
|
|
24
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "appproject-components",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^14.1.0",
|
|
6
|
+
"@angular/core": "^14.1.0",
|
|
7
|
+
"@ionic/angular": "^6.2.2"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"module": "fesm2015/appproject-components.mjs",
|
|
13
|
+
"es2020": "fesm2020/appproject-components.mjs",
|
|
14
|
+
"esm2020": "esm2020/appproject-components.mjs",
|
|
15
|
+
"fesm2020": "fesm2020/appproject-components.mjs",
|
|
16
|
+
"fesm2015": "fesm2015/appproject-components.mjs",
|
|
17
|
+
"typings": "index.d.ts",
|
|
18
|
+
"exports": {
|
|
19
|
+
"./package.json": {
|
|
20
|
+
"default": "./package.json"
|
|
21
|
+
},
|
|
22
|
+
".": {
|
|
23
|
+
"types": "./index.d.ts",
|
|
24
|
+
"esm2020": "./esm2020/appproject-components.mjs",
|
|
25
|
+
"es2020": "./fesm2020/appproject-components.mjs",
|
|
26
|
+
"es2015": "./fesm2015/appproject-components.mjs",
|
|
27
|
+
"node": "./fesm2015/appproject-components.mjs",
|
|
28
|
+
"default": "./fesm2020/appproject-components.mjs"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"sideEffects": false
|
|
32
|
+
}
|
package/public-api.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export * from './lib/appproject-components.service';
|
|
2
|
+
export * from './lib/appproject-components.component';
|
|
3
|
+
export * from './lib/appproject-components.module';
|
|
4
|
+
export * from './lib/input-text/input-text.component';
|
|
5
|
+
export * from './lib/input-format/input-format.component';
|