monkey-style-guide 2.0.45 → 2.0.49
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/assets/scss/partials/components/_buttons.scss +2 -2
- package/assets/scss/partials/components/_select.scss +0 -4
- package/bundles/monkey-style-guide.umd.js +4 -2
- package/bundles/monkey-style-guide.umd.js.map +1 -1
- package/esm2015/lib/components/input/input.component.js +2 -2
- package/esm2015/lib/components/select/select-search.component.js +9 -3
- package/fesm2015/monkey-style-guide.js +9 -3
- package/fesm2015/monkey-style-guide.js.map +1 -1
- package/lib/components/select/select-search.component.d.ts +1 -0
- package/monkey-style-guide-2.0.49.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.45.tgz +0 -0
|
@@ -897,12 +897,12 @@ monkey-button-dropdown {
|
|
|
897
897
|
}
|
|
898
898
|
|
|
899
899
|
mecx-button-dropdown-backdrop {
|
|
900
|
-
position:
|
|
900
|
+
position: fixed;
|
|
901
901
|
left: 0;
|
|
902
902
|
top: 0;
|
|
903
903
|
width: 100%;
|
|
904
904
|
height: 100%;
|
|
905
|
-
background:
|
|
905
|
+
background: rgb(230 230 230 / 7%);
|
|
906
906
|
z-index: 1;
|
|
907
907
|
}
|
|
908
908
|
}
|
|
@@ -2324,7 +2324,7 @@
|
|
|
2324
2324
|
MonkeyInputComponent.decorators = [
|
|
2325
2325
|
{ type: core.Component, args: [{
|
|
2326
2326
|
selector: 'monkey-input',
|
|
2327
|
-
template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon
|
|
2327
|
+
template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body>\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></monkey-icon>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon\n icon=\"eye-open-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'password'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n </mecx-form-field-body>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
|
|
2328
2328
|
encapsulation: core.ViewEncapsulation.None,
|
|
2329
2329
|
providers: [
|
|
2330
2330
|
{
|
|
@@ -2969,6 +2969,7 @@
|
|
|
2969
2969
|
function MonkeySelectSearchComponent(cdRef, renderer) {
|
|
2970
2970
|
this.cdRef = cdRef;
|
|
2971
2971
|
this.renderer = renderer;
|
|
2972
|
+
this.labelSelect = 'Selecione';
|
|
2972
2973
|
this.onHandleOptions = new core.EventEmitter();
|
|
2973
2974
|
this.onChange = new core.EventEmitter();
|
|
2974
2975
|
this.onSearch = new core.EventEmitter(null);
|
|
@@ -3131,7 +3132,7 @@
|
|
|
3131
3132
|
MonkeySelectSearchComponent.decorators = [
|
|
3132
3133
|
{ type: core.Component, args: [{
|
|
3133
3134
|
selector: 'monkey-select-search',
|
|
3134
|
-
template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body (click)=\"open()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#aaaaaa'\"></monkey-icon>\n
|
|
3135
|
+
template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body (click)=\"open()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#aaaaaa'\"></monkey-icon>\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <input\n [placeholder]=\"labelSelect || placeholder\"\n (input)=\"onChangeInput($event)\"\n #inputFilter\n [ngModel]=\"_selected?.label || ''\"\n />\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
|
|
3135
3136
|
encapsulation: core.ViewEncapsulation.None,
|
|
3136
3137
|
providers: [
|
|
3137
3138
|
{
|
|
@@ -3153,6 +3154,7 @@
|
|
|
3153
3154
|
icon: [{ type: core.Input }],
|
|
3154
3155
|
infoMessage: [{ type: core.Input }],
|
|
3155
3156
|
errorMessage: [{ type: core.Input }],
|
|
3157
|
+
labelSelect: [{ type: core.Input }],
|
|
3156
3158
|
fieldToCompare: [{ type: core.Input }],
|
|
3157
3159
|
onHandleOptions: [{ type: core.Input }],
|
|
3158
3160
|
onChange: [{ type: core.Output }],
|