@gestio/gds 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 +72 -0
- package/bundles/gestio-gds.umd.js +962 -0
- package/bundles/gestio-gds.umd.js.map +1 -0
- package/bundles/gestio-gds.umd.min.js +16 -0
- package/bundles/gestio-gds.umd.min.js.map +1 -0
- package/esm2015/gestio-gds.js +5 -0
- package/esm2015/lib/gds-button/gds-button.component.js +20 -0
- package/esm2015/lib/gds-button/gds-button.module.js +15 -0
- package/esm2015/lib/gds-input/gds-input.component.js +68 -0
- package/esm2015/lib/gds-input/gds-input.module.js +15 -0
- package/esm2015/lib/gds-label/gds-label.component.js +36 -0
- package/esm2015/lib/gds-label/gds-label.module.js +15 -0
- package/esm2015/lib/gds-selectbox/gds-selectbox.component.js +175 -0
- package/esm2015/lib/gds-selectbox/gds-selectbox.module.js +16 -0
- package/esm2015/lib/gds-textbox/gds-textbox.component.js +94 -0
- package/esm2015/lib/gds-textbox/gds-textbox.module.js +16 -0
- package/esm2015/lib/gds.component.js +19 -0
- package/esm2015/lib/gds.module.js +27 -0
- package/esm2015/lib/tokens/colors.js +201 -0
- package/esm2015/lib/tokens/typography.js +31 -0
- package/esm2015/public-api.js +18 -0
- package/esm5/gestio-gds.js +5 -0
- package/esm5/lib/gds-button/gds-button.component.js +21 -0
- package/esm5/lib/gds-button/gds-button.module.js +18 -0
- package/esm5/lib/gds-input/gds-input.component.js +69 -0
- package/esm5/lib/gds-input/gds-input.module.js +18 -0
- package/esm5/lib/gds-label/gds-label.component.js +37 -0
- package/esm5/lib/gds-label/gds-label.module.js +18 -0
- package/esm5/lib/gds-selectbox/gds-selectbox.component.js +180 -0
- package/esm5/lib/gds-selectbox/gds-selectbox.module.js +19 -0
- package/esm5/lib/gds-textbox/gds-textbox.component.js +96 -0
- package/esm5/lib/gds-textbox/gds-textbox.module.js +19 -0
- package/esm5/lib/gds.component.js +17 -0
- package/esm5/lib/gds.module.js +30 -0
- package/esm5/lib/tokens/colors.js +185 -0
- package/esm5/lib/tokens/typography.js +31 -0
- package/esm5/public-api.js +18 -0
- package/fesm2015/gestio-gds.js +704 -0
- package/fesm2015/gestio-gds.js.map +1 -0
- package/fesm5/gestio-gds.js +713 -0
- package/fesm5/gestio-gds.js.map +1 -0
- package/gestio-gds.d.ts +4 -0
- package/gestio-gds.metadata.json +1 -0
- package/lib/gds-button/gds-button.component.d.ts +6 -0
- package/lib/gds-button/gds-button.module.d.ts +2 -0
- package/lib/gds-input/gds-input.component.d.ts +17 -0
- package/lib/gds-input/gds-input.module.d.ts +2 -0
- package/lib/gds-label/gds-label.component.d.ts +8 -0
- package/lib/gds-label/gds-label.module.d.ts +2 -0
- package/lib/gds-selectbox/gds-selectbox.component.d.ts +40 -0
- package/lib/gds-selectbox/gds-selectbox.module.d.ts +2 -0
- package/lib/gds-textbox/gds-textbox.component.d.ts +23 -0
- package/lib/gds-textbox/gds-textbox.module.d.ts +2 -0
- package/lib/gds.component.d.ts +5 -0
- package/lib/gds.module.d.ts +2 -0
- package/lib/tokens/colors.d.ts +17 -0
- package/lib/tokens/typography.d.ts +21 -0
- package/package.json +21 -0
- package/public-api.d.ts +14 -0
- package/src/lib/styles/tokens/colors.css +170 -0
- package/src/lib/styles/tokens/elevation.css +13 -0
- package/src/lib/styles/tokens/index.css +6 -0
- package/src/lib/styles/tokens/radius.css +0 -0
- package/src/lib/styles/tokens/semantic/colors.css +35 -0
- package/src/lib/styles/tokens/spacing.css +0 -0
- package/src/lib/styles/tokens/typography.css +115 -0
- package/src/lib/styles/utilities/line-counter.scss +29 -0
- package/src/lib/styles.scss +5 -0
- package/src/lib/tokens/colors.ts +216 -0
- package/src/lib/tokens/elevation.ts +13 -0
- package/src/lib/tokens/typography.ts +33 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// Components / Modules
|
|
2
|
+
export * from './lib/gds-button/gds-button.component';
|
|
3
|
+
export * from './lib/gds-button/gds-button.module';
|
|
4
|
+
export * from './lib/gds-input/gds-input.component';
|
|
5
|
+
export * from './lib/gds-input/gds-input.module';
|
|
6
|
+
export * from './lib/gds-label/gds-label.component';
|
|
7
|
+
export * from './lib/gds-label/gds-label.module';
|
|
8
|
+
export * from './lib/gds-textbox/gds-textbox.component';
|
|
9
|
+
export * from './lib/gds-textbox/gds-textbox.module';
|
|
10
|
+
export * from './lib/gds-selectbox/gds-selectbox.component';
|
|
11
|
+
export * from './lib/gds-selectbox/gds-selectbox.module';
|
|
12
|
+
// Legacy bundle module
|
|
13
|
+
export * from './lib/gds.component';
|
|
14
|
+
export * from './lib/gds.module';
|
|
15
|
+
// Tokens
|
|
16
|
+
export * from './lib/tokens/colors';
|
|
17
|
+
export * from './lib/tokens/typography';
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsicHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSx1QkFBdUI7QUFDdkIsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsa0NBQWtDLENBQUM7QUFFakQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHNDQUFzQyxDQUFDO0FBRXJELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYywwQ0FBMEMsQ0FBQztBQUV6RCx1QkFBdUI7QUFDdkIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDO0FBRWpDLFNBQVM7QUFDVCxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBDb21wb25lbnRzIC8gTW9kdWxlc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ2RzLWJ1dHRvbi9nZHMtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZHMtYnV0dG9uL2dkcy1idXR0b24ubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvZ2RzLWlucHV0L2dkcy1pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ2RzLWlucHV0L2dkcy1pbnB1dC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZHMtbGFiZWwvZ2RzLWxhYmVsLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZHMtbGFiZWwvZ2RzLWxhYmVsLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2dkcy10ZXh0Ym94L2dkcy10ZXh0Ym94LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZHMtdGV4dGJveC9nZHMtdGV4dGJveC5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZHMtc2VsZWN0Ym94L2dkcy1zZWxlY3Rib3guY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2dkcy1zZWxlY3Rib3gvZ2RzLXNlbGVjdGJveC5tb2R1bGUnO1xuXG4vLyBMZWdhY3kgYnVuZGxlIG1vZHVsZVxuZXhwb3J0ICogZnJvbSAnLi9saWIvZ2RzLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9nZHMubW9kdWxlJztcblxuLy8gVG9rZW5zXG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2tlbnMvY29sb3JzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rva2Vucy90eXBvZ3JhcGh5JztcbiJdfQ==
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VzdGlvLWdkcy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsiZ2VzdGlvLWdkcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
var GdsButtonComponent = /** @class */ (function () {
|
|
4
|
+
function GdsButtonComponent() {
|
|
5
|
+
this.variant = 'primary';
|
|
6
|
+
}
|
|
7
|
+
GdsButtonComponent.prototype.ngOnInit = function () { };
|
|
8
|
+
__decorate([
|
|
9
|
+
Input()
|
|
10
|
+
], GdsButtonComponent.prototype, "variant", void 0);
|
|
11
|
+
GdsButtonComponent = __decorate([
|
|
12
|
+
Component({
|
|
13
|
+
selector: 'gds-button',
|
|
14
|
+
template: "<button class=\"gds-button\" [ngClass]=\"variant\">\n <ng-content></ng-content>\n</button>\n",
|
|
15
|
+
styles: ["", ".gds-button{padding:10px 16px;border-radius:8px;border:none;font-family:var(--gds-font-primary,Inter);font-weight:600;cursor:pointer}.gds-button.primary{background:var(--gds-primary);color:#fff}.gds-button.secondary{background:var(--gds-secondary);color:#fff}.gds-button.tertiary{background:var(--gds-tertiary);color:#fff}"]
|
|
16
|
+
})
|
|
17
|
+
], GdsButtonComponent);
|
|
18
|
+
return GdsButtonComponent;
|
|
19
|
+
}());
|
|
20
|
+
export { GdsButtonComponent };
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZ2VzdGlvL2dkcy8iLCJzb3VyY2VzIjpbImxpYi9nZHMtYnV0dG9uL2dkcy1idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQU96RDtJQUdFO1FBRlMsWUFBTyxHQUF5QyxTQUFTLENBQUM7SUFFcEQsQ0FBQztJQUVoQixxQ0FBUSxHQUFSLGNBQWtCLENBQUM7SUFKVjtRQUFSLEtBQUssRUFBRTt1REFBMkQ7SUFEeEQsa0JBQWtCO1FBTDlCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxZQUFZO1lBQ3RCLHlHQUEwQzs7U0FFM0MsQ0FBQztPQUNXLGtCQUFrQixDQU05QjtJQUFELHlCQUFDO0NBQUEsQUFORCxJQU1DO1NBTlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dkcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2RzLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuLi9zdHlsZXMvdG9rZW5zL2luZGV4LmNzcycsICcuL2dkcy1idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgR2RzQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgdmFyaWFudDogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAndGVydGlhcnknID0gJ3ByaW1hcnknO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG59XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { GdsButtonComponent } from './gds-button.component';
|
|
5
|
+
var GdsButtonModule = /** @class */ (function () {
|
|
6
|
+
function GdsButtonModule() {
|
|
7
|
+
}
|
|
8
|
+
GdsButtonModule = __decorate([
|
|
9
|
+
NgModule({
|
|
10
|
+
declarations: [GdsButtonComponent],
|
|
11
|
+
imports: [CommonModule],
|
|
12
|
+
exports: [GdsButtonComponent],
|
|
13
|
+
})
|
|
14
|
+
], GdsButtonModule);
|
|
15
|
+
return GdsButtonModule;
|
|
16
|
+
}());
|
|
17
|
+
export { GdsButtonModule };
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLWJ1dHRvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZ2VzdGlvL2dkcy8iLCJzb3VyY2VzIjpbImxpYi9nZHMtYnV0dG9uL2dkcy1idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQU81RDtJQUFBO0lBQThCLENBQUM7SUFBbEIsZUFBZTtRQUwzQixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztZQUNsQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7WUFDdkIsT0FBTyxFQUFFLENBQUMsa0JBQWtCLENBQUM7U0FDOUIsQ0FBQztPQUNXLGVBQWUsQ0FBRztJQUFELHNCQUFDO0NBQUEsQUFBL0IsSUFBK0I7U0FBbEIsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR2RzQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9nZHMtYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0dkc0J1dHRvbkNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbR2RzQnV0dG9uQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgR2RzQnV0dG9uTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
|
3
|
+
var GdsInputComponent = /** @class */ (function () {
|
|
4
|
+
function GdsInputComponent() {
|
|
5
|
+
this.id = '';
|
|
6
|
+
this.placeholder = '';
|
|
7
|
+
this.type = 'text';
|
|
8
|
+
this.size = 'md';
|
|
9
|
+
this.disabled = false;
|
|
10
|
+
this.invalid = false;
|
|
11
|
+
this.value = '';
|
|
12
|
+
this.input = new EventEmitter();
|
|
13
|
+
this.focus = new EventEmitter();
|
|
14
|
+
this.blur = new EventEmitter();
|
|
15
|
+
this.isFocused = false;
|
|
16
|
+
}
|
|
17
|
+
GdsInputComponent.prototype.onInput = function (event) {
|
|
18
|
+
this.input.emit(event);
|
|
19
|
+
};
|
|
20
|
+
GdsInputComponent.prototype.onFocus = function () {
|
|
21
|
+
this.isFocused = true;
|
|
22
|
+
this.focus.emit();
|
|
23
|
+
};
|
|
24
|
+
GdsInputComponent.prototype.onBlur = function () {
|
|
25
|
+
this.isFocused = false;
|
|
26
|
+
this.blur.emit();
|
|
27
|
+
};
|
|
28
|
+
__decorate([
|
|
29
|
+
Input()
|
|
30
|
+
], GdsInputComponent.prototype, "id", void 0);
|
|
31
|
+
__decorate([
|
|
32
|
+
Input()
|
|
33
|
+
], GdsInputComponent.prototype, "placeholder", void 0);
|
|
34
|
+
__decorate([
|
|
35
|
+
Input()
|
|
36
|
+
], GdsInputComponent.prototype, "type", void 0);
|
|
37
|
+
__decorate([
|
|
38
|
+
Input()
|
|
39
|
+
], GdsInputComponent.prototype, "size", void 0);
|
|
40
|
+
__decorate([
|
|
41
|
+
Input()
|
|
42
|
+
], GdsInputComponent.prototype, "disabled", void 0);
|
|
43
|
+
__decorate([
|
|
44
|
+
Input()
|
|
45
|
+
], GdsInputComponent.prototype, "invalid", void 0);
|
|
46
|
+
__decorate([
|
|
47
|
+
Input()
|
|
48
|
+
], GdsInputComponent.prototype, "value", void 0);
|
|
49
|
+
__decorate([
|
|
50
|
+
Output()
|
|
51
|
+
], GdsInputComponent.prototype, "input", void 0);
|
|
52
|
+
__decorate([
|
|
53
|
+
Output()
|
|
54
|
+
], GdsInputComponent.prototype, "focus", void 0);
|
|
55
|
+
__decorate([
|
|
56
|
+
Output()
|
|
57
|
+
], GdsInputComponent.prototype, "blur", void 0);
|
|
58
|
+
GdsInputComponent = __decorate([
|
|
59
|
+
Component({
|
|
60
|
+
selector: 'gds-input',
|
|
61
|
+
template: "<div\n class=\"gds-input-container\"\n [class.gds-input--invalid]=\"invalid\"\n [class.gds-input--disabled]=\"disabled\"\n [class.gds-input--focused]=\"isFocused\"\n [class.gds-input--sm]=\"size === 'sm'\"\n [class.gds-input--md]=\"size === 'md'\"\n [class.gds-input--lg]=\"size === 'lg'\"\n>\n <input\n [id]=\"id\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"value\"\n class=\"gds-input\"\n [attr.aria-invalid]=\"invalid\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n />\n</div>\n",
|
|
62
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
63
|
+
styles: [".gds-input-container{display:flex;flex-direction:column;width:100%}.gds-input-container.gds-input--invalid .gds-input{border-color:var(--danger)}.gds-input-container.gds-input--invalid .gds-input:focus{border-color:var(--danger);box-shadow:0 0 0 3px rgba(216,44,13,.1)}.gds-input-container.gds-input--disabled .gds-input{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled)}.gds-input-container.gds-input--focused .gds-input{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,103,244,.1)}.gds-input-container.gds-input--focused.gds-input--invalid .gds-input{border-color:var(--danger);box-shadow:0 0 0 3px rgba(216,44,13,.1)}.gds-input-container.gds-input--sm .gds-input{height:32px;padding:0 12px;font-size:14px}.gds-input-container.gds-input--md .gds-input{height:40px;padding:0 12px;font-size:14px}.gds-input-container.gds-input--lg .gds-input{height:48px;padding:0 12px;font-size:14px}.gds-input{width:100%;border:1px solid var(--gds-neutral-300);border-radius:6px;height:40px;padding:0 12px;font-size:14px;line-height:1;color:var(--text-foreground);background-color:var(--bg-surface);transition:.2s;box-sizing:border-box;font-family:inherit}.gds-input::-moz-placeholder{color:var(--text-foreground);opacity:.5}.gds-input::placeholder{color:var(--text-foreground);opacity:.5}.gds-input:hover:not(:disabled){border-color:var(--gds-neutral-400)}.gds-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,103,244,.1)}.gds-input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-disabled)}"]
|
|
64
|
+
})
|
|
65
|
+
], GdsInputComponent);
|
|
66
|
+
return GdsInputComponent;
|
|
67
|
+
}());
|
|
68
|
+
export { GdsInputComponent };
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsibGliL2dkcy1pbnB1dC9nZHMtaW5wdXQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQVF2QjtJQUFBO1FBQ1csT0FBRSxHQUFHLEVBQUUsQ0FBQztRQUNSLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLFNBQUksR0FBNkMsTUFBTSxDQUFDO1FBQ3hELFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBQ2hDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRWxCLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBQ2xDLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ2pDLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTFDLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFlN0IsQ0FBQztJQWJDLG1DQUFPLEdBQVAsVUFBUSxLQUFZO1FBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxtQ0FBTyxHQUFQO1FBQ0UsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsa0NBQU0sR0FBTjtRQUNFLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQTFCUTtRQUFSLEtBQUssRUFBRTtpREFBUztJQUNSO1FBQVIsS0FBSyxFQUFFOzBEQUFrQjtJQUNqQjtRQUFSLEtBQUssRUFBRTttREFBeUQ7SUFDeEQ7UUFBUixLQUFLLEVBQUU7bURBQWlDO0lBQ2hDO1FBQVIsS0FBSyxFQUFFO3VEQUFrQjtJQUNqQjtRQUFSLEtBQUssRUFBRTtzREFBaUI7SUFDaEI7UUFBUixLQUFLLEVBQUU7b0RBQW9CO0lBRWxCO1FBQVQsTUFBTSxFQUFFO29EQUFtQztJQUNsQztRQUFULE1BQU0sRUFBRTtvREFBa0M7SUFDakM7UUFBVCxNQUFNLEVBQUU7bURBQWlDO0lBWC9CLGlCQUFpQjtRQU43QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQixpbUJBQXlDO1lBRXpDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOztTQUNoRCxDQUFDO09BQ1csaUJBQWlCLENBNEI3QjtJQUFELHdCQUFDO0NBQUEsQUE1QkQsSUE0QkM7U0E1QlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2RzLWlucHV0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dkcy1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dkcy1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgR2RzSW5wdXRDb21wb25lbnQge1xuICBASW5wdXQoKSBpZCA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuICBASW5wdXQoKSB0eXBlOiAndGV4dCcgfCAnZW1haWwnIHwgJ3Bhc3N3b3JkJyB8ICdudW1iZXInID0gJ3RleHQnO1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBpbnZhbGlkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHZhbHVlOiBzdHJpbmcgPSAnJztcblxuICBAT3V0cHV0KCkgaW5wdXQgPSBuZXcgRXZlbnRFbWl0dGVyPEV2ZW50PigpO1xuICBAT3V0cHV0KCkgZm9jdXMgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBibHVyID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIGlzRm9jdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dC5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIG9uRm9jdXMoKTogdm9pZCB7XG4gICAgdGhpcy5pc0ZvY3VzZWQgPSB0cnVlO1xuICAgIHRoaXMuZm9jdXMuZW1pdCgpO1xuICB9XG5cbiAgb25CbHVyKCk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gZmFsc2U7XG4gICAgdGhpcy5ibHVyLmVtaXQoKTtcbiAgfVxufVxuIl19
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { GdsInputComponent } from './gds-input.component';
|
|
5
|
+
var GdsInputModule = /** @class */ (function () {
|
|
6
|
+
function GdsInputModule() {
|
|
7
|
+
}
|
|
8
|
+
GdsInputModule = __decorate([
|
|
9
|
+
NgModule({
|
|
10
|
+
declarations: [GdsInputComponent],
|
|
11
|
+
imports: [CommonModule],
|
|
12
|
+
exports: [GdsInputComponent],
|
|
13
|
+
})
|
|
14
|
+
], GdsInputModule);
|
|
15
|
+
return GdsInputModule;
|
|
16
|
+
}());
|
|
17
|
+
export { GdsInputModule };
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLWlucHV0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsibGliL2dkcy1pbnB1dC9nZHMtaW5wdXQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQU8xRDtJQUFBO0lBQTZCLENBQUM7SUFBakIsY0FBYztRQUwxQixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztZQUNqQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7WUFDdkIsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7U0FDN0IsQ0FBQztPQUNXLGNBQWMsQ0FBRztJQUFELHFCQUFDO0NBQUEsQUFBOUIsSUFBOEI7U0FBakIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR2RzSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2dkcy1pbnB1dC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHZHNJbnB1dENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbR2RzSW5wdXRDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBHZHNJbnB1dE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
3
|
+
var GdsLabelComponent = /** @class */ (function () {
|
|
4
|
+
function GdsLabelComponent() {
|
|
5
|
+
this.required = false;
|
|
6
|
+
this.error = false;
|
|
7
|
+
this.disabled = false;
|
|
8
|
+
this.size = 'md';
|
|
9
|
+
}
|
|
10
|
+
GdsLabelComponent.prototype.ngOnInit = function () { };
|
|
11
|
+
__decorate([
|
|
12
|
+
Input()
|
|
13
|
+
], GdsLabelComponent.prototype, "for", void 0);
|
|
14
|
+
__decorate([
|
|
15
|
+
Input()
|
|
16
|
+
], GdsLabelComponent.prototype, "required", void 0);
|
|
17
|
+
__decorate([
|
|
18
|
+
Input()
|
|
19
|
+
], GdsLabelComponent.prototype, "error", void 0);
|
|
20
|
+
__decorate([
|
|
21
|
+
Input()
|
|
22
|
+
], GdsLabelComponent.prototype, "disabled", void 0);
|
|
23
|
+
__decorate([
|
|
24
|
+
Input()
|
|
25
|
+
], GdsLabelComponent.prototype, "size", void 0);
|
|
26
|
+
GdsLabelComponent = __decorate([
|
|
27
|
+
Component({
|
|
28
|
+
selector: 'gds-label',
|
|
29
|
+
template: "<label\n class=\"gds-label\"\n [class.gds-label--disabled]=\"disabled\"\n [class.gds-label--sm]=\"size === 'sm'\"\n [class.gds-label--md]=\"size === 'md'\"\n [class.gds-label--lg]=\"size === 'lg'\"\n [class.gds-label--error]=\"error || required\"\n [attr.for]=\"for\"\n>\n <ng-content></ng-content>\n\n <span *ngIf=\"required\" class=\"gds-label__required\">*</span>\n</label>\n",
|
|
30
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
31
|
+
styles: [".gds-label{display:inline-flex;align-items:center;gap:4px;font-weight:var(--font-weight-medium);font-size:.875rem;line-height:calc(1.25 / .875);color:var(--gds-neutral-400);cursor:pointer}.gds-label__required{color:var(--gds-red-500);font-size:.875em}.gds-label--error{color:var(--gds-red-500)}.gds-label--disabled{opacity:.6;cursor:not-allowed}.gds-label--sm{font-size:.75rem;line-height:calc(1.25 / .75)}.gds-label--md{font-size:.875rem;line-height:calc(1.25 / .875)}.gds-label--lg{font-size:1rem;line-height:1.25}"]
|
|
32
|
+
})
|
|
33
|
+
], GdsLabelComponent);
|
|
34
|
+
return GdsLabelComponent;
|
|
35
|
+
}());
|
|
36
|
+
export { GdsLabelComponent };
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsibGliL2dkcy1sYWJlbC9nZHMtbGFiZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVExRTtJQUFBO1FBRVcsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixTQUFJLEdBQXVCLElBQUksQ0FBQztJQUczQyxDQUFDO0lBREMsb0NBQVEsR0FBUixjQUFrQixDQUFDO0lBTlY7UUFBUixLQUFLLEVBQUU7a0RBQWM7SUFDYjtRQUFSLEtBQUssRUFBRTt1REFBa0I7SUFDakI7UUFBUixLQUFLLEVBQUU7b0RBQWU7SUFDZDtRQUFSLEtBQUssRUFBRTt1REFBa0I7SUFDakI7UUFBUixLQUFLLEVBQUU7bURBQWlDO0lBTDlCLGlCQUFpQjtRQU43QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQiwrWUFBeUM7WUFFekMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O1NBQ2hELENBQUM7T0FDVyxpQkFBaUIsQ0FRN0I7SUFBRCx3QkFBQztDQUFBLEFBUkQsSUFRQztTQVJZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dkcy1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9nZHMtbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9nZHMtbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEdkc0xhYmVsQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZm9yPzogc3RyaW5nO1xuICBASW5wdXQoKSByZXF1aXJlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBlcnJvciA9IGZhbHNlO1xuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { GdsLabelComponent } from './gds-label.component';
|
|
5
|
+
var GdsLabelModule = /** @class */ (function () {
|
|
6
|
+
function GdsLabelModule() {
|
|
7
|
+
}
|
|
8
|
+
GdsLabelModule = __decorate([
|
|
9
|
+
NgModule({
|
|
10
|
+
declarations: [GdsLabelComponent],
|
|
11
|
+
imports: [CommonModule],
|
|
12
|
+
exports: [GdsLabelComponent],
|
|
13
|
+
})
|
|
14
|
+
], GdsLabelModule);
|
|
15
|
+
return GdsLabelModule;
|
|
16
|
+
}());
|
|
17
|
+
export { GdsLabelModule };
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLWxhYmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsibGliL2dkcy1sYWJlbC9nZHMtbGFiZWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQU8xRDtJQUFBO0lBQTZCLENBQUM7SUFBakIsY0FBYztRQUwxQixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztZQUNqQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7WUFDdkIsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7U0FDN0IsQ0FBQztPQUNXLGNBQWMsQ0FBRztJQUFELHFCQUFDO0NBQUEsQUFBOUIsSUFBOEI7U0FBakIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR2RzTGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2dkcy1sYWJlbC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHZHNMYWJlbENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBleHBvcnRzOiBbR2RzTGFiZWxDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBHZHNMYWJlbE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { __decorate, __read, __spread } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, forwardRef, HostListener, Input, } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
var GdsSelectboxComponent = /** @class */ (function () {
|
|
5
|
+
function GdsSelectboxComponent(elementRef, cdr) {
|
|
6
|
+
this.elementRef = elementRef;
|
|
7
|
+
this.cdr = cdr;
|
|
8
|
+
this.label = '';
|
|
9
|
+
this.placeholder = 'Selecione...';
|
|
10
|
+
this.required = false;
|
|
11
|
+
this.disabled = false;
|
|
12
|
+
this.error = false;
|
|
13
|
+
this.errorMessage = '';
|
|
14
|
+
this.helperText = '';
|
|
15
|
+
this.id = "gds-selectbox-" + Math.random().toString(36).substr(2, 9);
|
|
16
|
+
this.size = 'md';
|
|
17
|
+
this.options = [];
|
|
18
|
+
this.searchTerm = '';
|
|
19
|
+
this.selectedValue = null;
|
|
20
|
+
this.isOpen = false;
|
|
21
|
+
this.isFocused = false;
|
|
22
|
+
this.filteredOptions = [];
|
|
23
|
+
this.onChange = function (value) { };
|
|
24
|
+
this.onTouched = function () { };
|
|
25
|
+
}
|
|
26
|
+
GdsSelectboxComponent_1 = GdsSelectboxComponent;
|
|
27
|
+
GdsSelectboxComponent.prototype.ngOnInit = function () {
|
|
28
|
+
this.filteredOptions = __spread(this.options);
|
|
29
|
+
};
|
|
30
|
+
GdsSelectboxComponent.prototype.onSearchInput = function (event) {
|
|
31
|
+
var target = event.target;
|
|
32
|
+
this.searchTerm = target.value;
|
|
33
|
+
this.filterOptions();
|
|
34
|
+
};
|
|
35
|
+
GdsSelectboxComponent.prototype.filterOptions = function () {
|
|
36
|
+
if (!this.searchTerm) {
|
|
37
|
+
this.filteredOptions = __spread(this.options);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
var term_1 = this.searchTerm.toLowerCase();
|
|
41
|
+
this.filteredOptions = this.options.filter(function (option) {
|
|
42
|
+
return option.display.toLowerCase().includes(term_1);
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
this.cdr.markForCheck();
|
|
46
|
+
};
|
|
47
|
+
GdsSelectboxComponent.prototype.toggleDropdown = function () {
|
|
48
|
+
if (!this.disabled) {
|
|
49
|
+
this.isOpen = !this.isOpen;
|
|
50
|
+
if (this.isOpen) {
|
|
51
|
+
this.filterOptions();
|
|
52
|
+
}
|
|
53
|
+
this.cdr.markForCheck();
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
GdsSelectboxComponent.prototype.clearSelection = function () {
|
|
57
|
+
this.selectedValue = null;
|
|
58
|
+
this.searchTerm = '';
|
|
59
|
+
this.isOpen = false;
|
|
60
|
+
this.onChange(null);
|
|
61
|
+
this.cdr.markForCheck();
|
|
62
|
+
};
|
|
63
|
+
GdsSelectboxComponent.prototype.selectOption = function (option) {
|
|
64
|
+
this.selectedValue = option.value;
|
|
65
|
+
this.searchTerm = option.display;
|
|
66
|
+
this.isOpen = false;
|
|
67
|
+
this.onChange(this.selectedValue);
|
|
68
|
+
this.cdr.markForCheck();
|
|
69
|
+
};
|
|
70
|
+
GdsSelectboxComponent.prototype.onFocus = function () {
|
|
71
|
+
this.isFocused = true;
|
|
72
|
+
this.isOpen = true;
|
|
73
|
+
this.cdr.markForCheck();
|
|
74
|
+
};
|
|
75
|
+
GdsSelectboxComponent.prototype.onBlur = function () {
|
|
76
|
+
var _this = this;
|
|
77
|
+
setTimeout(function () {
|
|
78
|
+
_this.isFocused = false;
|
|
79
|
+
_this.isOpen = false;
|
|
80
|
+
_this.onTouched();
|
|
81
|
+
// Restaura o display da opção selecionada se o searchTerm não corresponder
|
|
82
|
+
if (_this.selectedValue !== null) {
|
|
83
|
+
var selected = _this.options.find(function (opt) { return opt.value === _this.selectedValue; });
|
|
84
|
+
if (selected) {
|
|
85
|
+
_this.searchTerm = selected.display;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
_this.searchTerm = '';
|
|
90
|
+
}
|
|
91
|
+
_this.cdr.markForCheck();
|
|
92
|
+
}, 200);
|
|
93
|
+
};
|
|
94
|
+
GdsSelectboxComponent.prototype.onClickOutside = function (event) {
|
|
95
|
+
if (!this.elementRef.nativeElement.contains(event.target)) {
|
|
96
|
+
this.isOpen = false;
|
|
97
|
+
this.cdr.markForCheck();
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
// ControlValueAccessor implementation
|
|
101
|
+
GdsSelectboxComponent.prototype.writeValue = function (value) {
|
|
102
|
+
this.selectedValue = value;
|
|
103
|
+
if (value !== null && value !== undefined) {
|
|
104
|
+
var selected = this.options.find(function (opt) { return opt.value === value; });
|
|
105
|
+
if (selected) {
|
|
106
|
+
this.searchTerm = selected.display;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
else {
|
|
110
|
+
this.searchTerm = '';
|
|
111
|
+
}
|
|
112
|
+
this.cdr.markForCheck();
|
|
113
|
+
};
|
|
114
|
+
GdsSelectboxComponent.prototype.registerOnChange = function (fn) {
|
|
115
|
+
this.onChange = fn;
|
|
116
|
+
};
|
|
117
|
+
GdsSelectboxComponent.prototype.registerOnTouched = function (fn) {
|
|
118
|
+
this.onTouched = fn;
|
|
119
|
+
};
|
|
120
|
+
GdsSelectboxComponent.prototype.setDisabledState = function (isDisabled) {
|
|
121
|
+
this.disabled = isDisabled;
|
|
122
|
+
this.cdr.markForCheck();
|
|
123
|
+
};
|
|
124
|
+
var GdsSelectboxComponent_1;
|
|
125
|
+
GdsSelectboxComponent.ctorParameters = function () { return [
|
|
126
|
+
{ type: ElementRef },
|
|
127
|
+
{ type: ChangeDetectorRef }
|
|
128
|
+
]; };
|
|
129
|
+
__decorate([
|
|
130
|
+
Input()
|
|
131
|
+
], GdsSelectboxComponent.prototype, "label", void 0);
|
|
132
|
+
__decorate([
|
|
133
|
+
Input()
|
|
134
|
+
], GdsSelectboxComponent.prototype, "placeholder", void 0);
|
|
135
|
+
__decorate([
|
|
136
|
+
Input()
|
|
137
|
+
], GdsSelectboxComponent.prototype, "required", void 0);
|
|
138
|
+
__decorate([
|
|
139
|
+
Input()
|
|
140
|
+
], GdsSelectboxComponent.prototype, "disabled", void 0);
|
|
141
|
+
__decorate([
|
|
142
|
+
Input()
|
|
143
|
+
], GdsSelectboxComponent.prototype, "error", void 0);
|
|
144
|
+
__decorate([
|
|
145
|
+
Input()
|
|
146
|
+
], GdsSelectboxComponent.prototype, "errorMessage", void 0);
|
|
147
|
+
__decorate([
|
|
148
|
+
Input()
|
|
149
|
+
], GdsSelectboxComponent.prototype, "helperText", void 0);
|
|
150
|
+
__decorate([
|
|
151
|
+
Input()
|
|
152
|
+
], GdsSelectboxComponent.prototype, "id", void 0);
|
|
153
|
+
__decorate([
|
|
154
|
+
Input()
|
|
155
|
+
], GdsSelectboxComponent.prototype, "size", void 0);
|
|
156
|
+
__decorate([
|
|
157
|
+
Input()
|
|
158
|
+
], GdsSelectboxComponent.prototype, "options", void 0);
|
|
159
|
+
__decorate([
|
|
160
|
+
HostListener('document:click', ['$event'])
|
|
161
|
+
], GdsSelectboxComponent.prototype, "onClickOutside", null);
|
|
162
|
+
GdsSelectboxComponent = GdsSelectboxComponent_1 = __decorate([
|
|
163
|
+
Component({
|
|
164
|
+
selector: 'gds-selectbox',
|
|
165
|
+
template: "<div class=\"gds-selectbox\">\n <!-- Label -->\n <gds-label\n [for]=\"id\"\n [size]=\"size\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [error]=\"error\"\n *ngIf=\"label\"\n >\n {{ label }}\n </gds-label>\n\n <!-- Select Input -->\n <div\n class=\"gds-selectbox__control\"\n [class.gds-selectbox__control--open]=\"isOpen\"\n [class.gds-selectbox__control--error]=\"error\"\n [class.gds-selectbox__control--disabled]=\"disabled\"\n [class.gds-selectbox__control--sm]=\"size === 'sm'\"\n [class.gds-selectbox__control--md]=\"size === 'md'\"\n [class.gds-selectbox__control--lg]=\"size === 'lg'\"\n >\n <input\n [id]=\"id\"\n type=\"text\"\n class=\"gds-selectbox__input\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [value]=\"searchTerm\"\n (input)=\"onSearchInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n autocomplete=\"off\"\n />\n <button\n type=\"button\"\n class=\"gds-selectbox__clear\"\n *ngIf=\"selectedValue !== null && !disabled\"\n (click)=\"clearSelection()\"\n tabindex=\"-1\"\n title=\"Limpar sele\u00E7\u00E3o\"\n >\n <svg\n class=\"gds-selectbox__clear-icon\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"currentColor\" stroke-width=\"1.5\" />\n <path\n d=\"M10.5 5.5L5.5 10.5M5.5 5.5L10.5 10.5\"\n stroke=\"currentColor\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n <button\n type=\"button\"\n class=\"gds-selectbox__toggle\"\n [disabled]=\"disabled\"\n (click)=\"toggleDropdown()\"\n tabindex=\"-1\"\n >\n <svg\n class=\"gds-selectbox__icon\"\n [class.gds-selectbox__icon--open]=\"isOpen\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5 7.5L10 12.5L15 7.5\"\n stroke=\"currentColor\"\n stroke-width=\"2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </button>\n </div>\n\n <!-- Dropdown -->\n <div class=\"gds-selectbox__dropdown\" *ngIf=\"isOpen\">\n <div class=\"gds-selectbox__options\">\n <div\n *ngFor=\"let option of filteredOptions\"\n class=\"gds-selectbox__option\"\n [class.gds-selectbox__option--selected]=\"option.value === selectedValue\"\n (click)=\"selectOption(option)\"\n >\n {{ option.display }}\n </div>\n <div\n *ngIf=\"filteredOptions.length === 0\"\n class=\"gds-selectbox__option gds-selectbox__option--empty\"\n >\n Nenhum resultado encontrado\n </div>\n </div>\n </div>\n\n <!-- Helper Text / Error Message -->\n <div\n *ngIf=\"helperText || errorMessage\"\n [id]=\"id + '-description'\"\n class=\"gds-selectbox__description\"\n [class.gds-selectbox__description--error]=\"error && errorMessage\"\n >\n {{ error && errorMessage ? errorMessage : helperText }}\n </div>\n</div>\n",
|
|
166
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
167
|
+
providers: [
|
|
168
|
+
{
|
|
169
|
+
provide: NG_VALUE_ACCESSOR,
|
|
170
|
+
useExisting: forwardRef(function () { return GdsSelectboxComponent_1; }),
|
|
171
|
+
multi: true,
|
|
172
|
+
},
|
|
173
|
+
],
|
|
174
|
+
styles: [".gds-selectbox{position:relative;width:100%;display:flex;flex-direction:column;gap:4px}.gds-selectbox__control{position:relative;display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--gds-neutral-300);border-radius:6px;transition:.2s}.gds-selectbox__control:hover:not(.gds-selectbox__control--disabled){border-color:var(--gds-neutral-400)}.gds-selectbox__control--open,.gds-selectbox__control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,103,244,.1)}.gds-selectbox__control--error{border-color:var(--danger)}.gds-selectbox__control--error:focus-within{box-shadow:0 0 0 3px rgba(216,44,13,.1)}.gds-selectbox__control--disabled{background-color:var(--bg-disabled);cursor:not-allowed;opacity:.6}.gds-selectbox__control--sm{height:32px}.gds-selectbox__control--md{height:40px}.gds-selectbox__control--lg{height:48px}.gds-selectbox__input{flex:1;border:none;outline:0;background:0 0;padding:0 12px;font-size:14px;color:var(--text-foreground);font-family:inherit}.gds-selectbox__input::-moz-placeholder{color:var(--text-foreground)}.gds-selectbox__input::placeholder{color:var(--text-foreground)}.gds-selectbox__input:disabled{cursor:not-allowed}.gds-selectbox__clear{display:flex;align-items:center;justify-content:center;padding:0 4px;border:none;background:0 0;cursor:pointer;color:var(--text-foreground);opacity:.7;transition:color .2s}.gds-selectbox__clear:hover{opacity:1}.gds-selectbox__clear-icon{width:16px;height:16px}.gds-selectbox__toggle{display:flex;align-items:center;justify-content:center;padding:0 8px;border:none;background:0 0;cursor:pointer;color:var(--text-foreground);transition:color .2s}.gds-selectbox__toggle:hover:not(:disabled){color:var(--text-foreground)}.gds-selectbox__toggle:disabled{cursor:not-allowed}.gds-selectbox__icon{transition:transform .2s}.gds-selectbox__icon--open{transform:rotate(180deg)}.gds-selectbox__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background-color:var(--bg-surface);border:1px solid var(--gds-neutral-300);border-radius:6px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);max-height:300px;overflow:hidden}.gds-selectbox__options{max-height:300px;overflow-y:auto}.gds-selectbox__option{padding:10px 12px;cursor:pointer;font-size:14px;color:var(--text-foreground);transition:background-color .15s}.gds-selectbox__option:hover{background-color:var(--bg-muted)}.gds-selectbox__option--selected{background-color:var(--gds-brand-100);color:var(--primary);font-weight:500}.gds-selectbox__option--selected:hover{background-color:var(--gds-brand-200)}.gds-selectbox__option--empty{color:var(--text-muted);cursor:default;font-style:italic}.gds-selectbox__option--empty:hover{background-color:transparent}.gds-selectbox__description{margin-top:6px;font-size:12px;color:var(--text-muted)}.gds-selectbox__description--error{color:var(--danger)}"]
|
|
175
|
+
})
|
|
176
|
+
], GdsSelectboxComponent);
|
|
177
|
+
return GdsSelectboxComponent;
|
|
178
|
+
}());
|
|
179
|
+
export { GdsSelectboxComponent };
|
|
180
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLXNlbGVjdGJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZ2VzdGlvL2dkcy8iLCJzb3VyY2VzIjpbImxpYi9nZHMtc2VsZWN0Ym94L2dkcy1zZWxlY3Rib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsVUFBVSxFQUNWLFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBb0JuRDtJQXNCRSwrQkFDVSxVQUFzQixFQUN0QixHQUFzQjtRQUR0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBdkJ2QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsY0FBYyxDQUFDO1FBQ3JDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBQzFCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsT0FBRSxHQUNULG1CQUFpQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFHLENBQUM7UUFDcEQsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFDaEMsWUFBTyxHQUFzQixFQUFFLENBQUM7UUFFekMsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixrQkFBYSxHQUFRLElBQUksQ0FBQztRQUMxQixXQUFNLEdBQVksS0FBSyxDQUFDO1FBQ3hCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDM0Isb0JBQWUsR0FBc0IsRUFBRSxDQUFDO1FBRWhDLGFBQVEsR0FB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akM7SUFBRCw0QkFBQztDQUFBLEFBeElELElBd0lDO1NBeElZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdkc1NlbGVjdE9wdGlvbiB7XG4gIGRpc3BsYXk6IHN0cmluZztcbiAgdmFsdWU6IGFueTtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2RzLXNlbGVjdGJveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9nZHMtc2VsZWN0Ym94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ2RzLXNlbGVjdGJveC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBHZHNTZWxlY3Rib3hDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgR2RzU2VsZWN0Ym94Q29tcG9uZW50IHtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJ1NlbGVjaW9uZS4uLic7XG4gIEBJbnB1dCgpIHJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGVycm9yTWVzc2FnZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGhlbHBlclRleHQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpZDogc3RyaW5nID1cbiAgICBgZ2RzLXNlbGVjdGJveC0ke01hdGgucmFuZG9tKCkudG9TdHJpbmcoMzYpLnN1YnN0cigyLCA5KX1gO1xuICBASW5wdXQoKSBzaXplOiAnc20nIHwgJ21kJyB8ICdsZycgPSAnbWQnO1xuICBASW5wdXQoKSBvcHRpb25zOiBHZHNTZWxlY3RPcHRpb25bXSA9IFtdO1xuXG4gIHNlYXJjaFRlcm06IHN0cmluZyA9ICcnO1xuICBzZWxlY3RlZFZhbHVlOiBhbnkgPSBudWxsO1xuICBpc09wZW46IGJvb2xlYW4gPSBmYWxzZTtcbiAgaXNGb2N1c2VkOiBib29sZWFuID0gZmFsc2U7XG4gIGZpbHRlcmVkT3B0aW9uczogR2RzU2VsZWN0T3B0aW9uW10gPSBbXTtcblxuICBwcml2YXRlIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuICBwcml2YXRlIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IFsuLi50aGlzLm9wdGlvbnNdO1xuICB9XG5cbiAgb25TZWFyY2hJbnB1dChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnNlYXJjaFRlcm0gPSB0YXJnZXQudmFsdWU7XG4gICAgdGhpcy5maWx0ZXJPcHRpb25zKCk7XG4gIH1cblxuICBmaWx0ZXJPcHRpb25zKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zZWFyY2hUZXJtKSB7XG4gICAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IFsuLi50aGlzLm9wdGlvbnNdO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCB0ZXJtID0gdGhpcy5zZWFyY2hUZXJtLnRvTG93ZXJDYXNlKCk7XG4gICAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IHRoaXMub3B0aW9ucy5maWx0ZXIoKG9wdGlvbikgPT5cbiAgICAgICAgb3B0aW9uLmRpc3BsYXkudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0ZXJtKSxcbiAgICAgICk7XG4gICAgfVxuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgdG9nZ2xlRHJvcGRvd24oKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmRpc2FibGVkKSB7XG4gICAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcbiAgICAgIGlmICh0aGlzLmlzT3Blbikge1xuICAgICAgICB0aGlzLmZpbHRlck9wdGlvbnMoKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFyU2VsZWN0aW9uKCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZSA9IG51bGw7XG4gICAgdGhpcy5zZWFyY2hUZXJtID0gJyc7XG4gICAgdGhpcy5pc09wZW4gPSBmYWxzZTtcbiAgICB0aGlzLm9uQ2hhbmdlKG51bGwpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgc2VsZWN0T3B0aW9uKG9wdGlvbjogR2RzU2VsZWN0T3B0aW9uKTogdm9pZCB7XG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlID0gb3B0aW9uLnZhbHVlO1xuICAgIHRoaXMuc2VhcmNoVGVybSA9IG9wdGlvbi5kaXNwbGF5O1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5vbkNoYW5nZSh0aGlzLnNlbGVjdGVkVmFsdWUpO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IHRydWU7XG4gICAgdGhpcy5pc09wZW4gPSB0cnVlO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgb25CbHVyKCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5pc0ZvY3VzZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLm9uVG91Y2hlZCgpO1xuXG4gICAgICAvLyBSZXN0YXVyYSBvIGRpc3BsYXkgZGEgb3DDp8OjbyBzZWxlY2lvbmFkYSBzZSBvIHNlYXJjaFRlcm0gbsOjbyBjb3JyZXNwb25kZXJcbiAgICAgIGlmICh0aGlzLnNlbGVjdGVkVmFsdWUgIT09IG51bGwpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0ZWQgPSB0aGlzLm9wdGlvbnMuZmluZChcbiAgICAgICAgICAob3B0KSA9PiBvcHQudmFsdWUgPT09IHRoaXMuc2VsZWN0ZWRWYWx1ZSxcbiAgICAgICAgKTtcbiAgICAgICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICAgICAgdGhpcy5zZWFyY2hUZXJtID0gc2VsZWN0ZWQuZGlzcGxheTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5zZWFyY2hUZXJtID0gJyc7XG4gICAgICB9XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9LCAyMDApO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvbkNsaWNrT3V0c2lkZShldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKGV2ZW50LnRhcmdldCkpIHtcbiAgICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBpbXBsZW1lbnRhdGlvblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWUgPSB2YWx1ZTtcbiAgICBpZiAodmFsdWUgIT09IG51bGwgJiYgdmFsdWUgIT09IHVuZGVmaW5lZCkge1xuICAgICAgY29uc3Qgc2VsZWN0ZWQgPSB0aGlzLm9wdGlvbnMuZmluZCgob3B0KSA9PiBvcHQudmFsdWUgPT09IHZhbHVlKTtcbiAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICB0aGlzLnNlYXJjaFRlcm0gPSBzZWxlY3RlZC5kaXNwbGF5O1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlYXJjaFRlcm0gPSAnJztcbiAgICB9XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IGFueSkgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { GdsLabelModule } from '../gds-label/gds-label.module';
|
|
5
|
+
import { GdsSelectboxComponent } from './gds-selectbox.component';
|
|
6
|
+
var GdsSelectboxModule = /** @class */ (function () {
|
|
7
|
+
function GdsSelectboxModule() {
|
|
8
|
+
}
|
|
9
|
+
GdsSelectboxModule = __decorate([
|
|
10
|
+
NgModule({
|
|
11
|
+
declarations: [GdsSelectboxComponent],
|
|
12
|
+
imports: [CommonModule, GdsLabelModule],
|
|
13
|
+
exports: [GdsSelectboxComponent],
|
|
14
|
+
})
|
|
15
|
+
], GdsSelectboxModule);
|
|
16
|
+
return GdsSelectboxModule;
|
|
17
|
+
}());
|
|
18
|
+
export { GdsSelectboxModule };
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLXNlbGVjdGJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AZ2VzdGlvL2dkcy8iLCJzb3VyY2VzIjpbImxpYi9nZHMtc2VsZWN0Ym94L2dkcy1zZWxlY3Rib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFPbEU7SUFBQTtJQUFpQyxDQUFDO0lBQXJCLGtCQUFrQjtRQUw5QixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztZQUNyQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsY0FBYyxDQUFDO1lBQ3ZDLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO1NBQ2pDLENBQUM7T0FDVyxrQkFBa0IsQ0FBRztJQUFELHlCQUFDO0NBQUEsQUFBbEMsSUFBa0M7U0FBckIsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHZHNMYWJlbE1vZHVsZSB9IGZyb20gJy4uL2dkcy1sYWJlbC9nZHMtbGFiZWwubW9kdWxlJztcbmltcG9ydCB7IEdkc1NlbGVjdGJveENvbXBvbmVudCB9IGZyb20gJy4vZ2RzLXNlbGVjdGJveC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtHZHNTZWxlY3Rib3hDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBHZHNMYWJlbE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtHZHNTZWxlY3Rib3hDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBHZHNTZWxlY3Rib3hNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { ChangeDetectionStrategy, Component, forwardRef, Input, } from '@angular/core';
|
|
3
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
4
|
+
var GdsTextboxComponent = /** @class */ (function () {
|
|
5
|
+
function GdsTextboxComponent() {
|
|
6
|
+
this.label = '';
|
|
7
|
+
this.placeholder = '';
|
|
8
|
+
this.required = false;
|
|
9
|
+
this.disabled = false;
|
|
10
|
+
this.error = false;
|
|
11
|
+
this.errorMessage = '';
|
|
12
|
+
this.helperText = '';
|
|
13
|
+
this.type = 'text';
|
|
14
|
+
this.id = "gds-textbox-" + Math.random().toString(36).substr(2, 9);
|
|
15
|
+
this.size = 'md';
|
|
16
|
+
this.value = '';
|
|
17
|
+
this.isFocused = false;
|
|
18
|
+
this.onChange = function (value) { };
|
|
19
|
+
this.onTouched = function () { };
|
|
20
|
+
}
|
|
21
|
+
GdsTextboxComponent_1 = GdsTextboxComponent;
|
|
22
|
+
GdsTextboxComponent.prototype.onInput = function (event) {
|
|
23
|
+
var target = event.target;
|
|
24
|
+
this.value = target.value;
|
|
25
|
+
this.onChange(this.value);
|
|
26
|
+
};
|
|
27
|
+
GdsTextboxComponent.prototype.onFocus = function () {
|
|
28
|
+
this.isFocused = true;
|
|
29
|
+
};
|
|
30
|
+
GdsTextboxComponent.prototype.onBlur = function () {
|
|
31
|
+
this.isFocused = false;
|
|
32
|
+
this.onTouched();
|
|
33
|
+
};
|
|
34
|
+
// ControlValueAccessor implementation
|
|
35
|
+
GdsTextboxComponent.prototype.writeValue = function (value) {
|
|
36
|
+
this.value = value || '';
|
|
37
|
+
};
|
|
38
|
+
GdsTextboxComponent.prototype.registerOnChange = function (fn) {
|
|
39
|
+
this.onChange = fn;
|
|
40
|
+
};
|
|
41
|
+
GdsTextboxComponent.prototype.registerOnTouched = function (fn) {
|
|
42
|
+
this.onTouched = fn;
|
|
43
|
+
};
|
|
44
|
+
GdsTextboxComponent.prototype.setDisabledState = function (isDisabled) {
|
|
45
|
+
this.disabled = isDisabled;
|
|
46
|
+
};
|
|
47
|
+
var GdsTextboxComponent_1;
|
|
48
|
+
__decorate([
|
|
49
|
+
Input()
|
|
50
|
+
], GdsTextboxComponent.prototype, "label", void 0);
|
|
51
|
+
__decorate([
|
|
52
|
+
Input()
|
|
53
|
+
], GdsTextboxComponent.prototype, "placeholder", void 0);
|
|
54
|
+
__decorate([
|
|
55
|
+
Input()
|
|
56
|
+
], GdsTextboxComponent.prototype, "required", void 0);
|
|
57
|
+
__decorate([
|
|
58
|
+
Input()
|
|
59
|
+
], GdsTextboxComponent.prototype, "disabled", void 0);
|
|
60
|
+
__decorate([
|
|
61
|
+
Input()
|
|
62
|
+
], GdsTextboxComponent.prototype, "error", void 0);
|
|
63
|
+
__decorate([
|
|
64
|
+
Input()
|
|
65
|
+
], GdsTextboxComponent.prototype, "errorMessage", void 0);
|
|
66
|
+
__decorate([
|
|
67
|
+
Input()
|
|
68
|
+
], GdsTextboxComponent.prototype, "helperText", void 0);
|
|
69
|
+
__decorate([
|
|
70
|
+
Input()
|
|
71
|
+
], GdsTextboxComponent.prototype, "type", void 0);
|
|
72
|
+
__decorate([
|
|
73
|
+
Input()
|
|
74
|
+
], GdsTextboxComponent.prototype, "id", void 0);
|
|
75
|
+
__decorate([
|
|
76
|
+
Input()
|
|
77
|
+
], GdsTextboxComponent.prototype, "size", void 0);
|
|
78
|
+
GdsTextboxComponent = GdsTextboxComponent_1 = __decorate([
|
|
79
|
+
Component({
|
|
80
|
+
selector: 'gds-textbox',
|
|
81
|
+
template: "<div class=\"gds-textbox\">\n <!-- Label -->\n <gds-label\n [for]=\"id\"\n [size]=\"size\"\n [required]=\"required\"\n [disabled]=\"disabled\"\n [error]=\"error\"\n *ngIf=\"label\"\n >\n {{ label }}\n </gds-label>\n\n <!-- Input Field -->\n <gds-input\n [id]=\"id\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n [disabled]=\"disabled\"\n [invalid]=\"error\"\n [size]=\"size\"\n [value]=\"value\"\n (input)=\"onInput($event)\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n ></gds-input>\n\n <div\n *ngIf=\"helperText || errorMessage\"\n [id]=\"id + '-description'\"\n class=\"gds-textbox__description\"\n [class.gds-textbox__description--error]=\"error && errorMessage\"\n >\n {{ error && errorMessage ? errorMessage : helperText }}\n </div>\n</div>\n",
|
|
82
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
83
|
+
providers: [
|
|
84
|
+
{
|
|
85
|
+
provide: NG_VALUE_ACCESSOR,
|
|
86
|
+
useExisting: forwardRef(function () { return GdsTextboxComponent_1; }),
|
|
87
|
+
multi: true,
|
|
88
|
+
},
|
|
89
|
+
],
|
|
90
|
+
styles: [".gds-textbox{display:flex;flex-direction:column;width:100%;gap:4px}.gds-textbox__description{font-size:.75rem;color:var(--gds-neutral-400)}.gds-textbox__description--error{color:var(--gds-red-500)}.gds-textbox__error-icon{margin-right:4px;color:var(--gds-red-500)}"]
|
|
91
|
+
})
|
|
92
|
+
], GdsTextboxComponent);
|
|
93
|
+
return GdsTextboxComponent;
|
|
94
|
+
}());
|
|
95
|
+
export { GdsTextboxComponent };
|
|
96
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLXRleHRib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGdlc3Rpby9nZHMvIiwic291cmNlcyI6WyJsaWIvZ2RzLXRleHRib3gvZ2RzLXRleHRib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBZW5EO0lBQUE7UUFDVyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLGlCQUFZLEdBQVcsRUFBRSxDQUFDO1FBQzFCLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIsU0FBSSxHQUE2QyxNQUFNLENBQUM7UUFDeEQsT0FBRSxHQUFXLGlCQUFlLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUcsQ0FBQztRQUN0RSxTQUFJLEdBQXVCLElBQUksQ0FBQztRQUV6QyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFbkIsYUFBUSxHQUFHLFVBQUMsS0FBYSxJQUFNLENBQUMsQ0FBQztRQUNqQyxjQUFTLEdBQUcsY0FBTyxDQUFDLENBQUM7SUFpQy9CLENBQUM7NEJBakRZLG1CQUFtQjtJQWtCOUIscUNBQU8sR0FBUCxVQUFRLEtBQVk7UUFDbEIsSUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDaEQsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxxQ0FBTyxHQUFQO1FBQ0UsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDeEIsQ0FBQztJQUVELG9DQUFNLEdBQU47UUFDRSxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELHNDQUFzQztJQUN0Qyx3Q0FBVSxHQUFWLFVBQVcsS0FBYTtRQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssSUFBSSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUVELDhDQUFnQixHQUFoQixVQUFpQixFQUEyQjtRQUMxQyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsK0NBQWlCLEdBQWpCLFVBQWtCLEVBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVELDhDQUFnQixHQUFoQixVQUFpQixVQUFtQjtRQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUM3QixDQUFDOztJQS9DUTtRQUFSLEtBQUssRUFBRTtzREFBb0I7SUFDbkI7UUFBUixLQUFLLEVBQUU7NERBQTBCO0lBQ3pCO1FBQVIsS0FBSyxFQUFFO3lEQUEyQjtJQUMxQjtRQUFSLEtBQUssRUFBRTt5REFBMkI7SUFDMUI7UUFBUixLQUFLLEVBQUU7c0RBQXdCO0lBQ3ZCO1FBQVIsS0FBSyxFQUFFOzZEQUEyQjtJQUMxQjtRQUFSLEtBQUssRUFBRTsyREFBeUI7SUFDeEI7UUFBUixLQUFLLEVBQUU7cURBQXlEO0lBQ3hEO1FBQVIsS0FBSyxFQUFFO21EQUF1RTtJQUN0RTtRQUFSLEtBQUssRUFBRTtxREFBaUM7SUFWOUIsbUJBQW1CO1FBYi9CLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxhQUFhO1lBQ3ZCLDgwQkFBMkM7WUFFM0MsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07WUFDL0MsU0FBUyxFQUFFO2dCQUNUO29CQUNFLE9BQU8sRUFBRSxpQkFBaUI7b0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsY0FBTSxPQUFBLHFCQUFtQixFQUFuQixDQUFtQixDQUFDO29CQUNsRCxLQUFLLEVBQUUsSUFBSTtpQkFDWjthQUNGOztTQUNGLENBQUM7T0FDVyxtQkFBbUIsQ0FpRC9CO0lBQUQsMEJBQUM7Q0FBQSxBQWpERCxJQWlEQztTQWpEWSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2RzLXRleHRib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ2RzLXRleHRib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9nZHMtdGV4dGJveC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBHZHNUZXh0Ym94Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEdkc1RleHRib3hDb21wb25lbnQge1xuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZXJyb3I6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZXJyb3JNZXNzYWdlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaGVscGVyVGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHR5cGU6ICd0ZXh0JyB8ICdlbWFpbCcgfCAncGFzc3dvcmQnIHwgJ251bWJlcicgPSAndGV4dCc7XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBgZ2RzLXRleHRib3gtJHtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zdWJzdHIoMiwgOSl9YDtcbiAgQElucHV0KCkgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ21kJztcblxuICB2YWx1ZTogc3RyaW5nID0gJyc7XG4gIGlzRm9jdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgb25DaGFuZ2UgPSAodmFsdWU6IHN0cmluZykgPT4ge307XG4gIHByaXZhdGUgb25Ub3VjaGVkID0gKCkgPT4ge307XG5cbiAgb25JbnB1dChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0YXJnZXQgPSBldmVudC50YXJnZXQgYXMgSFRNTElucHV0RWxlbWVudDtcbiAgICB0aGlzLnZhbHVlID0gdGFyZ2V0LnZhbHVlO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gIH1cblxuICBvbkZvY3VzKCk6IHZvaWQge1xuICAgIHRoaXMuaXNGb2N1c2VkID0gdHJ1ZTtcbiAgfVxuXG4gIG9uQmx1cigpOiB2b2lkIHtcbiAgICB0aGlzLmlzRm9jdXNlZCA9IGZhbHNlO1xuICAgIHRoaXMub25Ub3VjaGVkKCk7XG4gIH1cblxuICAvLyBDb250cm9sVmFsdWVBY2Nlc3NvciBpbXBsZW1lbnRhdGlvblxuICB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWUgfHwgJyc7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiAodmFsdWU6IHN0cmluZykgPT4gdm9pZCk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiAoKSA9PiB2b2lkKTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoZWQgPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { NgModule } from '@angular/core';
|
|
4
|
+
import { GdsInputModule, GdsLabelModule } from '../../public-api';
|
|
5
|
+
import { GdsTextboxComponent } from './gds-textbox.component';
|
|
6
|
+
var GdsTextboxModule = /** @class */ (function () {
|
|
7
|
+
function GdsTextboxModule() {
|
|
8
|
+
}
|
|
9
|
+
GdsTextboxModule = __decorate([
|
|
10
|
+
NgModule({
|
|
11
|
+
declarations: [GdsTextboxComponent],
|
|
12
|
+
imports: [CommonModule, GdsLabelModule, GdsInputModule],
|
|
13
|
+
exports: [GdsTextboxComponent],
|
|
14
|
+
})
|
|
15
|
+
], GdsTextboxModule);
|
|
16
|
+
return GdsTextboxModule;
|
|
17
|
+
}());
|
|
18
|
+
export { GdsTextboxModule };
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLXRleHRib3gubW9kdWxlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGdlc3Rpby9nZHMvIiwic291cmNlcyI6WyJsaWIvZ2RzLXRleHRib3gvZ2RzLXRleHRib3gubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBTzlEO0lBQUE7SUFBK0IsQ0FBQztJQUFuQixnQkFBZ0I7UUFMNUIsUUFBUSxDQUFDO1lBQ1IsWUFBWSxFQUFFLENBQUMsbUJBQW1CLENBQUM7WUFDbkMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGNBQWMsRUFBRSxjQUFjLENBQUM7WUFDdkQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7U0FDL0IsQ0FBQztPQUNXLGdCQUFnQixDQUFHO0lBQUQsdUJBQUM7Q0FBQSxBQUFoQyxJQUFnQztTQUFuQixnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEdkc0lucHV0TW9kdWxlLCBHZHNMYWJlbE1vZHVsZSB9IGZyb20gJy4uLy4uL3B1YmxpYy1hcGknO1xuaW1wb3J0IHsgR2RzVGV4dGJveENvbXBvbmVudCB9IGZyb20gJy4vZ2RzLXRleHRib3guY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbR2RzVGV4dGJveENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEdkc0xhYmVsTW9kdWxlLCBHZHNJbnB1dE1vZHVsZV0sXG4gIGV4cG9ydHM6IFtHZHNUZXh0Ym94Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgR2RzVGV4dGJveE1vZHVsZSB7fVxuIl19
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component } from '@angular/core';
|
|
3
|
+
var GdsComponent = /** @class */ (function () {
|
|
4
|
+
function GdsComponent() {
|
|
5
|
+
}
|
|
6
|
+
GdsComponent.prototype.ngOnInit = function () {
|
|
7
|
+
};
|
|
8
|
+
GdsComponent = __decorate([
|
|
9
|
+
Component({
|
|
10
|
+
selector: 'lib-gds',
|
|
11
|
+
template: "\n <p>\n gds works!\n </p>\n "
|
|
12
|
+
})
|
|
13
|
+
], GdsComponent);
|
|
14
|
+
return GdsComponent;
|
|
15
|
+
}());
|
|
16
|
+
export { GdsComponent };
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2RzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BnZXN0aW8vZ2RzLyIsInNvdXJjZXMiOlsibGliL2dkcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFZbEQ7SUFFRTtJQUFnQixDQUFDO0lBRWpCLCtCQUFRLEdBQVI7SUFDQSxDQUFDO0lBTFUsWUFBWTtRQVZ4QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsU0FBUztZQUNuQixRQUFRLEVBQUUsMkNBSVQ7U0FHRixDQUFDO09BQ1csWUFBWSxDQU94QjtJQUFELG1CQUFDO0NBQUEsQUFQRCxJQU9DO1NBUFksWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1nZHMnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxwPlxuICAgICAgZ2RzIHdvcmtzIVxuICAgIDwvcD5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgR2RzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==
|