@hmscodes/honey-core 1.0.17 → 1.0.19
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Component, EventEmitter, Output, Input } from '@angular/core';
|
|
2
|
+
import { Injectable, Component, EventEmitter, Output, Input, HostListener } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/forms';
|
|
4
|
-
import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { UntypedFormControl, ReactiveFormsModule, FormControl } from '@angular/forms';
|
|
5
5
|
|
|
6
6
|
class HoneyCoreService {
|
|
7
7
|
constructor() { }
|
|
@@ -49,11 +49,11 @@ class HcButtonComponent {
|
|
|
49
49
|
return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];
|
|
50
50
|
}
|
|
51
51
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HcButtonComponent, isStandalone: true, selector: "hc-button", inputs: { style: "style", color: "color", size: "size", disabled: "disabled", loading: "loading" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n@if (!loading) {\n
|
|
52
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HcButtonComponent, isStandalone: true, selector: "hc-button", inputs: { style: "style", color: "color", size: "size", disabled: "disabled", loading: "loading" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n @if (!loading) {\n <ng-content />\n }\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}button{font-size:50px}button.loading{position:relative}button.loading:before{content:\"...\";position:absolute;top:-10px;color:var(--hc-text-white);font-size:32px;animation:dotAnimation 1.5s infinite steps(4)}@keyframes dotAnimation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}}\n"] });
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcButtonComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: 'hc-button', imports: [], standalone: true, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n@if (!loading) {\n
|
|
56
|
+
args: [{ selector: 'hc-button', imports: [], standalone: true, template: "<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n @if (!loading) {\n <ng-content />\n }\n</button>", styles: [".hc-button.s-plain,.hc-button.s-hollow,.hc-button.s-solid{--color-button: var(--color);--color-button-hover: var(--hover-color);--width: fit-content;--height: 36px;--h-padding: 24px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-button);font-weight:400;gap:8px;box-sizing:border-box;width:var(--width);height:var(--height);padding:0px var(--h-padding);white-space:nowrap;outline:none;border:1px solid transparent;border-radius:12px;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.hc-button.s-plain:disabled,.hc-button.s-hollow:disabled,.hc-button.s-solid:disabled{color:var(--hc-disabled-text);background:var(--hc-disabled-bg);border-color:var(--hc-disabled-bg);cursor:not-allowed}.hc-button.c-initial{--color-button: var(--hc-text-strong);--color-button-hover: var(--hc-text-strong)}.hc-button.c-primary{--color-button: var(--hc-background-primary);--color-button-hover: var(--hc-background-primary-hover)}.hc-button.c-secondary{color:var(--hc-brown-600)!important;--color-button: var(--hc-background-secondary);--color-button-hover: var(--hc-background-secondary-hover)}.hc-button.s-solid{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-solid:not(:disabled):hover{background:var(--color-button-hover)}.hc-button.s-hollow{color:var(--color-button);background:transparent;border-color:var(--color-button)}.hc-button.s-hollow:not(:disabled):hover{color:var(--hc-background-main);background:var(--color-button);border-color:transparent}.hc-button.s-hollow:disabled{background:transparent;color:var(--cds-text-light)}.hc-button.s-plain{--height: 28px;--h-padding: 16px;color:var(--color-button);background:transparent;border-color:transparent}.hc-button.s-plain:not(:disabled):hover{color:var(--color-button-hover);background:transparent;border-color:transparent}.hc-button.s-plain:disabled{color:var(--hc-button-disabled-foreground);background:transparent;border-color:transparent}.hc-button.v-underlined{text-decoration:underline}.hc-button.h-small{--height: 32px;--h-padding: 16px;font-size:12px}.hc-button.w-stretch{--width: 100%}:root body[cds-theme=dark] .s-solid:disabled{background:hsla(var(--cds-primary-500-hsl),.5)}:root body[cds-theme=dark] .hc-primary:disabled{color:hsla(var(--cds-primary-400-hsl),.5);background:transparent;border-color:hsla(var(--cds-primary-400-hsl),.5)}:root body[cds-theme=dark] .hc-button.s-solid:disabled{background:hsla(var(--color-button-hsl),.5);border-color:transparent}button{font-size:50px}button.loading{position:relative}button.loading:before{content:\"...\";position:absolute;top:-10px;color:var(--hc-text-white);font-size:32px;animation:dotAnimation 1.5s infinite steps(4)}@keyframes dotAnimation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}}\n"] }]
|
|
57
57
|
}], propDecorators: { style: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], color: [{
|
|
@@ -92,6 +92,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
92
92
|
type: Input
|
|
93
93
|
}] } });
|
|
94
94
|
|
|
95
|
+
class HcInputDropdownComponent {
|
|
96
|
+
control = new FormControl('');
|
|
97
|
+
label = 'Escolha uma opção';
|
|
98
|
+
id = 'input-dropdown';
|
|
99
|
+
options = [];
|
|
100
|
+
filteredOptions = [];
|
|
101
|
+
showOptions = false;
|
|
102
|
+
ngOnInit() {
|
|
103
|
+
this.filteredOptions = this.options;
|
|
104
|
+
}
|
|
105
|
+
filterOptions() {
|
|
106
|
+
const value = this.control.value?.toLowerCase() || '';
|
|
107
|
+
this.filteredOptions = this.options.filter(option => option.toLowerCase().includes(value));
|
|
108
|
+
this.showOptions = true;
|
|
109
|
+
}
|
|
110
|
+
selectOption(option) {
|
|
111
|
+
this.control.setValue(option);
|
|
112
|
+
this.showOptions = false;
|
|
113
|
+
}
|
|
114
|
+
handleClickOutside(event) {
|
|
115
|
+
const target = event.target;
|
|
116
|
+
if (!target.closest('.hc-input-dropdown')) {
|
|
117
|
+
this.showOptions = false;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcInputDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
121
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: HcInputDropdownComponent, isStandalone: true, selector: "hc-input-dropdown", inputs: { control: "control", label: "label", id: "id", options: "options" }, host: { listeners: { "document:click": "handleClickOutside($event)" } }, ngImport: i0, template: "<fieldset class=\"hc-input hc-input-dropdown\">\n <input\n type=\"text\"\n placeholder=\" \"\n autocomplete=\"off\"\n [id]=\"id\"\n [formControl]=\"control\"\n (focus)=\"filterOptions()\"\n (input)=\"filterOptions()\"\n />\n <label [for]=\"id\">{{ label }}</label>\n\n @if (showOptions && filteredOptions.length) {\n <ul class=\"dropdown-options\">\n @for (option of filteredOptions; track $index) {\n <li (click)=\"selectOption(option)\">\n {{ option }}\n </li>\n }\n </ul>\n }\n</fieldset>\n\n", styles: [".hc-input{position:relative;border:none;padding:0;margin:1rem 0}.hc-input input{width:100%;padding:1.2rem .8rem .4rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.hc-input input:focus{outline:none;border-color:var(--hc-primary-500)}.hc-input input:focus+label,.hc-input input:not(:placeholder-shown)+label{transform:translateY(-1rem);font-size:.75rem;color:var(--hc-primary-500)}.hc-input label{position:absolute;left:.8rem;top:1rem;transition:all .2s ease;pointer-events:none;color:#666;background-color:#fff;padding:0 .2rem}.hc-input-dropdown{position:relative}.hc-input-dropdown .dropdown-options{list-style:none;margin:0;padding:0;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:4px;z-index:10;max-height:200px;overflow-y:auto;box-shadow:0 2px 6px #0000001a}.hc-input-dropdown .dropdown-options li{padding:.6rem .8rem;cursor:pointer}.hc-input-dropdown .dropdown-options li:hover{background-color:#f5f5f5}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
122
|
+
}
|
|
123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: HcInputDropdownComponent, decorators: [{
|
|
124
|
+
type: Component,
|
|
125
|
+
args: [{ selector: 'hc-input-dropdown', imports: [ReactiveFormsModule], standalone: true, template: "<fieldset class=\"hc-input hc-input-dropdown\">\n <input\n type=\"text\"\n placeholder=\" \"\n autocomplete=\"off\"\n [id]=\"id\"\n [formControl]=\"control\"\n (focus)=\"filterOptions()\"\n (input)=\"filterOptions()\"\n />\n <label [for]=\"id\">{{ label }}</label>\n\n @if (showOptions && filteredOptions.length) {\n <ul class=\"dropdown-options\">\n @for (option of filteredOptions; track $index) {\n <li (click)=\"selectOption(option)\">\n {{ option }}\n </li>\n }\n </ul>\n }\n</fieldset>\n\n", styles: [".hc-input{position:relative;border:none;padding:0;margin:1rem 0}.hc-input input{width:100%;padding:1.2rem .8rem .4rem;font-size:1rem;border:1px solid #ccc;border-radius:4px}.hc-input input:focus{outline:none;border-color:var(--hc-primary-500)}.hc-input input:focus+label,.hc-input input:not(:placeholder-shown)+label{transform:translateY(-1rem);font-size:.75rem;color:var(--hc-primary-500)}.hc-input label{position:absolute;left:.8rem;top:1rem;transition:all .2s ease;pointer-events:none;color:#666;background-color:#fff;padding:0 .2rem}.hc-input-dropdown{position:relative}.hc-input-dropdown .dropdown-options{list-style:none;margin:0;padding:0;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ccc;border-radius:4px;z-index:10;max-height:200px;overflow-y:auto;box-shadow:0 2px 6px #0000001a}.hc-input-dropdown .dropdown-options li{padding:.6rem .8rem;cursor:pointer}.hc-input-dropdown .dropdown-options li:hover{background-color:#f5f5f5}\n"] }]
|
|
126
|
+
}], propDecorators: { control: [{
|
|
127
|
+
type: Input
|
|
128
|
+
}], label: [{
|
|
129
|
+
type: Input
|
|
130
|
+
}], id: [{
|
|
131
|
+
type: Input
|
|
132
|
+
}], options: [{
|
|
133
|
+
type: Input
|
|
134
|
+
}], handleClickOutside: [{
|
|
135
|
+
type: HostListener,
|
|
136
|
+
args: ['document:click', ['$event']]
|
|
137
|
+
}] } });
|
|
138
|
+
|
|
95
139
|
/*
|
|
96
140
|
* Public API Surface of honey-core
|
|
97
141
|
*/
|
|
@@ -100,5 +144,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
100
144
|
* Generated bundle index. Do not edit.
|
|
101
145
|
*/
|
|
102
146
|
|
|
103
|
-
export { HcButtonComponent, HoneyCoreComponent, HoneyCoreService, InputFloatingLabelComponent };
|
|
147
|
+
export { HcButtonComponent, HcInputDropdownComponent, HoneyCoreComponent, HoneyCoreService, InputFloatingLabelComponent };
|
|
104
148
|
//# sourceMappingURL=hmscodes-honey-core.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hmscodes-honey-core.mjs","sources":["../../../projects/honey-core/src/lib/honey-core.service.ts","../../../projects/honey-core/src/lib/honey-core.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.html","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.ts","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.html","../../../projects/honey-core/src/public-api.ts","../../../projects/honey-core/src/hmscodes-honey-core.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HoneyCoreService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-honey-core',\n imports: [],\n template: `\n <p>\n honey-core works!\n </p>\n `,\n styles: ``\n})\nexport class HoneyCoreComponent {\n\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'hc-button',\n templateUrl: './button.component.html',\n styleUrl: './button.component.scss',\n imports: [],\n standalone: true,\n})\nexport class HcButtonComponent {\n /** Style of the button */\n @Input()\n style: 's-solid' | 's-hollow' | 's-plain' = 's-solid';\n\n /** What color to use for the button */\n @Input()\n color?: string = 'c-primary';\n\n /** Size of the button */\n @Input()\n size?: 'h-small' | 'w-stretch' | null = null;\n\n /** Disabled state of the button */\n @Input()\n disabled = false;\n\n /** Whether the button is in a loading state */\n @Input()\n loading = false;\n\n /** Optional click handler */\n @Output()\n onClick = new EventEmitter<Event>();\n\n public get classes(): string[] {\n return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];\n }\n}\n","<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n@if (!loading) {\n <ng-content />\n}\n</button>","import { Component, Input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';\n\n@Component({\n selector: 'hc-input-floating-label',\n templateUrl: './input-floating-label.component.html',\n styleUrls: ['./input-floating-label.component.scss'],\n imports: [ReactiveFormsModule],\n standalone: true,\n})\nexport class InputFloatingLabelComponent {\n @Input() id = 'hc-input';\n @Input() label = 'Label';\n @Input() type = 'text';\n @Input() required = false;\n @Input() control: FormControl = new UntypedFormControl('');\n}\n\n","<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n","/*\n * Public API Surface of honey-core\n */\n\nexport * from './lib/honey-core.service';\nexport * from './lib/honey-core.component';\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/input/input-floating-label.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"hmscodes-honey-core.mjs","sources":["../../../projects/honey-core/src/lib/honey-core.service.ts","../../../projects/honey-core/src/lib/honey-core.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.ts","../../../projects/honey-core/src/lib/components/button/button.component.html","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.ts","../../../projects/honey-core/src/lib/components/input/input-floating-label.component.html","../../../projects/honey-core/src/lib/components/input-dropdown/hc-input-dropdown.component.ts","../../../projects/honey-core/src/lib/components/input-dropdown/hc-input-dropdown.component.html","../../../projects/honey-core/src/public-api.ts","../../../projects/honey-core/src/hmscodes-honey-core.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class HoneyCoreService {\n\n constructor() { }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-honey-core',\n imports: [],\n template: `\n <p>\n honey-core works!\n </p>\n `,\n styles: ``\n})\nexport class HoneyCoreComponent {\n\n}\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'hc-button',\n templateUrl: './button.component.html',\n styleUrl: './button.component.scss',\n imports: [],\n standalone: true,\n})\nexport class HcButtonComponent {\n /** Style of the button */\n @Input()\n style: 's-solid' | 's-hollow' | 's-plain' = 's-solid';\n\n /** What color to use for the button */\n @Input()\n color?: string = 'c-primary';\n\n /** Size of the button */\n @Input()\n size?: 'h-small' | 'w-stretch' | null = null;\n\n /** Disabled state of the button */\n @Input()\n disabled = false;\n\n /** Whether the button is in a loading state */\n @Input()\n loading = false;\n\n /** Optional click handler */\n @Output()\n onClick = new EventEmitter<Event>();\n\n public get classes(): string[] {\n return ['hc-button', `${this.size}`, `${this.style}`, `${this.color}`];\n }\n}\n","<button\n type=\"button\"\n [class]=\"classes\"\n [class.loading]=\"loading\"\n [disabled]=\"loading ? true : disabled\"\n (click)=\"onClick.emit($event)\"\n>\n @if (!loading) {\n <ng-content />\n }\n</button>","import { Component, Input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule, UntypedFormControl } from '@angular/forms';\n\n@Component({\n selector: 'hc-input-floating-label',\n templateUrl: './input-floating-label.component.html',\n styleUrls: ['./input-floating-label.component.scss'],\n imports: [ReactiveFormsModule],\n standalone: true,\n})\nexport class InputFloatingLabelComponent {\n @Input() id = 'hc-input';\n @Input() label = 'Label';\n @Input() type = 'text';\n @Input() required = false;\n @Input() control: FormControl = new UntypedFormControl('');\n}\n\n","<fieldset class=\"hc-input\">\n <input\n [id]=\"id\"\n [type]=\"type\"\n [required]=\"required\"\n [formControl]=\"control\"\n placeholder=\" \"\n />\n <label [for]=\"id\">{{ label }}</label>\n</fieldset>\n","import { Component, Input, HostListener } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n selector: 'hc-input-dropdown',\n templateUrl: './hc-input-dropdown.component.html',\n styleUrls: ['./hc-input-dropdown.component.scss'],\n imports: [ReactiveFormsModule],\n standalone: true\n})\nexport class HcInputDropdownComponent {\n @Input() control = new FormControl('');\n @Input() label = 'Escolha uma opção';\n @Input() id = 'input-dropdown';\n @Input() options: string[] = [];\n\n filteredOptions: string[] = [];\n showOptions = false;\n\n ngOnInit() {\n this.filteredOptions = this.options;\n }\n\n filterOptions() {\n const value = this.control.value?.toLowerCase() || '';\n this.filteredOptions = this.options.filter(option =>\n option.toLowerCase().includes(value)\n );\n this.showOptions = true;\n }\n\n selectOption(option: string) {\n this.control.setValue(option);\n this.showOptions = false;\n }\n\n @HostListener('document:click', ['$event'])\n handleClickOutside(event: MouseEvent) {\n const target = event.target as HTMLElement;\n if (!target.closest('.hc-input-dropdown')) {\n this.showOptions = false;\n }\n }\n}\n","<fieldset class=\"hc-input hc-input-dropdown\">\n <input\n type=\"text\"\n placeholder=\" \"\n autocomplete=\"off\"\n [id]=\"id\"\n [formControl]=\"control\"\n (focus)=\"filterOptions()\"\n (input)=\"filterOptions()\"\n />\n <label [for]=\"id\">{{ label }}</label>\n\n @if (showOptions && filteredOptions.length) {\n <ul class=\"dropdown-options\">\n @for (option of filteredOptions; track $index) {\n <li (click)=\"selectOption(option)\">\n {{ option }}\n </li>\n }\n </ul>\n }\n</fieldset>\n\n","/*\n * Public API Surface of honey-core\n */\n\nexport * from './lib/honey-core.service';\nexport * from './lib/honey-core.component';\nexport * from './lib/components/button/button.component';\nexport * from './lib/components/input/input-floating-label.component';\nexport * from './lib/components/input-dropdown/hc-input-dropdown.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FormControl } from '@angular/forms';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare class HcInputDropdownComponent {
|
|
4
|
+
control: FormControl<string | null>;
|
|
5
|
+
label: string;
|
|
6
|
+
id: string;
|
|
7
|
+
options: string[];
|
|
8
|
+
filteredOptions: string[];
|
|
9
|
+
showOptions: boolean;
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
filterOptions(): void;
|
|
12
|
+
selectOption(option: string): void;
|
|
13
|
+
handleClickOutside(event: MouseEvent): void;
|
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HcInputDropdownComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HcInputDropdownComponent, "hc-input-dropdown", never, { "control": { "alias": "control"; "required": false; }; "label": { "alias": "label"; "required": false; }; "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
|
|
16
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -2,3 +2,4 @@ export * from './lib/honey-core.service';
|
|
|
2
2
|
export * from './lib/honey-core.component';
|
|
3
3
|
export * from './lib/components/button/button.component';
|
|
4
4
|
export * from './lib/components/input/input-floating-label.component';
|
|
5
|
+
export * from './lib/components/input-dropdown/hc-input-dropdown.component';
|
package/styles/variables.css
CHANGED
|
@@ -11,12 +11,14 @@
|
|
|
11
11
|
--hc-text-light : #6C757D;
|
|
12
12
|
--hc-text-white : #FFFFFF;
|
|
13
13
|
|
|
14
|
-
--hc-background-main : #
|
|
14
|
+
--hc-background-main : #f4f4f4;
|
|
15
15
|
--hc-disabled-bg : #c7c7c7;
|
|
16
16
|
--hc-disabled-text : #6C757D;
|
|
17
17
|
--hc-background-primary : var(--hc-primary-500);
|
|
18
18
|
--hc-background-primary-hover : var(--hc-primary-600);
|
|
19
|
-
--hc-background-secondary
|
|
20
|
-
--hc-background-secondary-hover
|
|
19
|
+
--hc-background-secondary : var(--hc-secondary-500);
|
|
20
|
+
--hc-background-secondary-hover : var(--hc-secondary-600);
|
|
21
|
+
|
|
22
|
+
--hc-background-linear : linear-gradient(90deg, var(--hc-disabled-bg), var(--hc-secondary-600))
|
|
21
23
|
}
|
|
22
24
|
|