monkey-style-guide 2.0.130 → 2.0.131
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 +0 -43
- package/esm2020/lib/components/button/button.module.mjs +5 -22
- package/esm2020/lib/components/button/index.mjs +1 -2
- package/esm2020/lib/components/date-range-picker/date-range-picker.component.mjs +17 -17
- package/esm2020/lib/components/input/input.component.mjs +4 -8
- package/fesm2015/monkey-style-guide.mjs +24 -118
- package/fesm2015/monkey-style-guide.mjs.map +1 -1
- package/fesm2020/monkey-style-guide.mjs +24 -118
- package/fesm2020/monkey-style-guide.mjs.map +1 -1
- package/lib/components/button/button.module.d.ts +5 -6
- package/lib/components/button/index.d.ts +0 -1
- package/monkey-style-guide-2.0.131.tgz +0 -0
- package/package.json +1 -1
- package/esm2020/lib/components/button/button-loading.component.mjs +0 -78
- package/lib/components/button/button-loading.component.d.ts +0 -12
- package/monkey-style-guide-2.0.130.tgz +0 -0
|
@@ -2828,80 +2828,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2828
2828
|
args: ['click', ['$event']]
|
|
2829
2829
|
}] } });
|
|
2830
2830
|
|
|
2831
|
-
/**************************
|
|
2832
|
-
* Copyright Monkey Exchange. All Rights Reserved
|
|
2833
|
-
* This style guide was developed by Monkey Exchange Team
|
|
2834
|
-
* MIT Licence
|
|
2835
|
-
**************************/
|
|
2836
|
-
class MonkeyButtonLoadingComponent {
|
|
2837
|
-
constructor() {
|
|
2838
|
-
this.size = 'md';
|
|
2839
|
-
this._id = `mecx-button-loading-${MonkeyUtils.getRandomString(10)}`;
|
|
2840
|
-
}
|
|
2841
|
-
}
|
|
2842
|
-
MonkeyButtonLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2843
|
-
MonkeyButtonLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: MonkeyButtonLoadingComponent, selector: "monkey-button-loading", inputs: { label: "label", type: "type", color: "color", size: "size", progress: "progress", totalProgress: "totalProgress" }, ngImport: i0, template: `
|
|
2844
|
-
<button
|
|
2845
|
-
[ngClass]="
|
|
2846
|
-
'mecx-button-' +
|
|
2847
|
-
type +
|
|
2848
|
-
' mecx-button-' +
|
|
2849
|
-
type +
|
|
2850
|
-
'__' +
|
|
2851
|
-
color +
|
|
2852
|
-
' no-icon' +
|
|
2853
|
-
' ' +
|
|
2854
|
-
size
|
|
2855
|
-
"
|
|
2856
|
-
type="button"
|
|
2857
|
-
[id]="_id"
|
|
2858
|
-
>
|
|
2859
|
-
<mecx-button-progress-info>
|
|
2860
|
-
<span [style.width.%]="progress"> {{ progress }}%</span>
|
|
2861
|
-
</mecx-button-progress-info>
|
|
2862
|
-
</button>
|
|
2863
|
-
`, isInline: true, directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonLoadingComponent, decorators: [{
|
|
2865
|
-
type: Component,
|
|
2866
|
-
args: [{
|
|
2867
|
-
selector: 'monkey-button-loading',
|
|
2868
|
-
template: `
|
|
2869
|
-
<button
|
|
2870
|
-
[ngClass]="
|
|
2871
|
-
'mecx-button-' +
|
|
2872
|
-
type +
|
|
2873
|
-
' mecx-button-' +
|
|
2874
|
-
type +
|
|
2875
|
-
'__' +
|
|
2876
|
-
color +
|
|
2877
|
-
' no-icon' +
|
|
2878
|
-
' ' +
|
|
2879
|
-
size
|
|
2880
|
-
"
|
|
2881
|
-
type="button"
|
|
2882
|
-
[id]="_id"
|
|
2883
|
-
>
|
|
2884
|
-
<mecx-button-progress-info>
|
|
2885
|
-
<span [style.width.%]="progress"> {{ progress }}%</span>
|
|
2886
|
-
</mecx-button-progress-info>
|
|
2887
|
-
</button>
|
|
2888
|
-
`,
|
|
2889
|
-
encapsulation: ViewEncapsulation.None
|
|
2890
|
-
}]
|
|
2891
|
-
}], propDecorators: { label: [{
|
|
2892
|
-
type: Input
|
|
2893
|
-
}], type: [{
|
|
2894
|
-
type: Input
|
|
2895
|
-
}], color: [{
|
|
2896
|
-
type: Input
|
|
2897
|
-
}], size: [{
|
|
2898
|
-
type: Input
|
|
2899
|
-
}], progress: [{
|
|
2900
|
-
type: Input
|
|
2901
|
-
}], totalProgress: [{
|
|
2902
|
-
type: Input
|
|
2903
|
-
}] } });
|
|
2904
|
-
|
|
2905
2831
|
/**************************
|
|
2906
2832
|
* Copyright Monkey Exchange. All Rights Reserved
|
|
2907
2833
|
* This style guide was developed by Monkey Exchange Team
|
|
@@ -3109,31 +3035,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
3109
3035
|
class MonkeyButtonModule {
|
|
3110
3036
|
}
|
|
3111
3037
|
MonkeyButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3112
|
-
MonkeyButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, declarations: [MonkeyButtonComponent,
|
|
3113
|
-
MonkeyButtonDropdownComponent,
|
|
3114
|
-
MonkeyButtonLoadingComponent,
|
|
3115
|
-
MonkeyButtonAvatarComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule], exports: [MonkeyButtonComponent,
|
|
3116
|
-
MonkeyButtonDropdownComponent,
|
|
3117
|
-
MonkeyButtonLoadingComponent,
|
|
3118
|
-
MonkeyButtonAvatarComponent] });
|
|
3038
|
+
MonkeyButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule], exports: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent] });
|
|
3119
3039
|
MonkeyButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule]] });
|
|
3120
3040
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, decorators: [{
|
|
3121
3041
|
type: NgModule,
|
|
3122
3042
|
args: [{
|
|
3123
|
-
declarations: [
|
|
3124
|
-
MonkeyButtonComponent,
|
|
3125
|
-
MonkeyButtonDropdownComponent,
|
|
3126
|
-
MonkeyButtonLoadingComponent,
|
|
3127
|
-
MonkeyButtonAvatarComponent
|
|
3128
|
-
],
|
|
3043
|
+
declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],
|
|
3129
3044
|
imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule],
|
|
3130
|
-
exports: [
|
|
3131
|
-
|
|
3132
|
-
MonkeyButtonDropdownComponent,
|
|
3133
|
-
MonkeyButtonLoadingComponent,
|
|
3134
|
-
MonkeyButtonAvatarComponent
|
|
3135
|
-
],
|
|
3136
|
-
schemas: [NO_ERRORS_SCHEMA]
|
|
3045
|
+
exports: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],
|
|
3046
|
+
schemas: [NO_ERRORS_SCHEMA],
|
|
3137
3047
|
}]
|
|
3138
3048
|
}] });
|
|
3139
3049
|
|
|
@@ -3150,11 +3060,11 @@ class MonkeyDateRangePickerComponent {
|
|
|
3150
3060
|
this.helperMessage = '';
|
|
3151
3061
|
this.moveDaysForward = true;
|
|
3152
3062
|
this.onChange = new EventEmitter();
|
|
3153
|
-
this.today = moment().format('YYYY-MM-DD');
|
|
3063
|
+
this.today = moment.default().format('YYYY-MM-DD');
|
|
3154
3064
|
this.onModelChange = (value) => { };
|
|
3155
3065
|
this.onModelTouched = (value) => { };
|
|
3156
|
-
this._dateFirst = moment();
|
|
3157
|
-
this._dateSecond = moment().add(1, 'M');
|
|
3066
|
+
this._dateFirst = moment.default();
|
|
3067
|
+
this._dateSecond = moment.default().add(1, 'M');
|
|
3158
3068
|
this._id = `mecx-date-range-picker-${MonkeyUtils.getRandomString(10)}`;
|
|
3159
3069
|
this._daysArrFirst = [];
|
|
3160
3070
|
this._daysArrSecond = [];
|
|
@@ -3172,12 +3082,12 @@ class MonkeyDateRangePickerComponent {
|
|
|
3172
3082
|
}));
|
|
3173
3083
|
}
|
|
3174
3084
|
createCalendar(month) {
|
|
3175
|
-
let firstDay = moment(month).startOf('M');
|
|
3176
|
-
let lastDay = moment(month).endOf('M');
|
|
3085
|
+
let firstDay = moment.default(month).startOf('M');
|
|
3086
|
+
let lastDay = moment.default(month).endOf('M');
|
|
3177
3087
|
let days = Array.apply(null, { length: month.daysInMonth() })
|
|
3178
3088
|
.map(Number.call, Number)
|
|
3179
3089
|
.map((n) => {
|
|
3180
|
-
return moment(firstDay).add(n, 'd');
|
|
3090
|
+
return moment.default(firstDay).add(n, 'd');
|
|
3181
3091
|
});
|
|
3182
3092
|
let n = 0;
|
|
3183
3093
|
while (n < firstDay.weekday()) {
|
|
@@ -3215,8 +3125,8 @@ class MonkeyDateRangePickerComponent {
|
|
|
3215
3125
|
this.writeValue(this._dateForm.value);
|
|
3216
3126
|
}
|
|
3217
3127
|
navigateToToday() {
|
|
3218
|
-
this._dateFirst = moment();
|
|
3219
|
-
this._dateSecond = moment().add(1, 'M');
|
|
3128
|
+
this._dateFirst = moment.default();
|
|
3129
|
+
this._dateSecond = moment.default().add(1, 'M');
|
|
3220
3130
|
this.build();
|
|
3221
3131
|
}
|
|
3222
3132
|
ngOnInit() {
|
|
@@ -3271,14 +3181,14 @@ class MonkeyDateRangePickerComponent {
|
|
|
3271
3181
|
if (!day) {
|
|
3272
3182
|
return false;
|
|
3273
3183
|
}
|
|
3274
|
-
return moment().format('L') === day.format('L');
|
|
3184
|
+
return moment.default().format('L') === day.format('L');
|
|
3275
3185
|
}
|
|
3276
3186
|
isSelected(day) {
|
|
3277
3187
|
if (!day) {
|
|
3278
3188
|
return false;
|
|
3279
3189
|
}
|
|
3280
|
-
let startDateMoment = moment(this._dateForm.value.startDate, 'YYYY-MM-DD');
|
|
3281
|
-
let endDateMoment = moment(this._dateForm.value.endDate, 'YYYY-MM-DD');
|
|
3190
|
+
let startDateMoment = moment.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
|
|
3191
|
+
let endDateMoment = moment.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
|
|
3282
3192
|
if (this._dateForm.valid) {
|
|
3283
3193
|
return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
|
|
3284
3194
|
}
|
|
@@ -3289,7 +3199,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3289
3199
|
isDisabled(day) {
|
|
3290
3200
|
const { _minDate } = this;
|
|
3291
3201
|
if (_minDate) {
|
|
3292
|
-
const firstDay = moment(_minDate);
|
|
3202
|
+
const firstDay = moment.default(_minDate);
|
|
3293
3203
|
return day.isBefore(firstDay.subtract(1, 'day'));
|
|
3294
3204
|
}
|
|
3295
3205
|
return false;
|
|
@@ -3310,7 +3220,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3310
3220
|
const { _dateForm, _minDate } = this;
|
|
3311
3221
|
let dayFormatted = day.format('YYYY-MM-DD');
|
|
3312
3222
|
if (_minDate) {
|
|
3313
|
-
const firstDay = moment(_minDate);
|
|
3223
|
+
const firstDay = moment.default(_minDate);
|
|
3314
3224
|
if (day.isBefore(firstDay.subtract(1, 'day')))
|
|
3315
3225
|
return;
|
|
3316
3226
|
}
|
|
@@ -3319,7 +3229,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3319
3229
|
}
|
|
3320
3230
|
let { startDate, endDate } = _dateForm.value;
|
|
3321
3231
|
if (startDate) {
|
|
3322
|
-
if (moment(startDate).isAfter(moment(dayFormatted))) {
|
|
3232
|
+
if (moment.default(startDate).isAfter(moment.default(dayFormatted))) {
|
|
3323
3233
|
endDate = startDate;
|
|
3324
3234
|
startDate = dayFormatted;
|
|
3325
3235
|
}
|
|
@@ -3342,9 +3252,9 @@ class MonkeyDateRangePickerComponent {
|
|
|
3342
3252
|
return;
|
|
3343
3253
|
const { _dateForm, _minDate, today, moveDaysForward } = this;
|
|
3344
3254
|
const { startDate } = _dateForm.value;
|
|
3345
|
-
const firstDay = moment(startDate || _minDate || today).format('YYYY-MM-DD');
|
|
3255
|
+
const firstDay = moment.default(startDate || _minDate || today).format('YYYY-MM-DD');
|
|
3346
3256
|
const method = moveDaysForward ? 'add' : 'subtract';
|
|
3347
|
-
const lastDay = moment(firstDay)[method](days, 'day').format('YYYY-MM-DD');
|
|
3257
|
+
const lastDay = moment.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
|
|
3348
3258
|
if (moveDaysForward) {
|
|
3349
3259
|
_dateForm.get('startDate').patchValue(firstDay);
|
|
3350
3260
|
_dateForm.get('endDate').patchValue(lastDay);
|
|
@@ -3769,19 +3679,15 @@ class MonkeyInputComponent {
|
|
|
3769
3679
|
return `${value}`.replace(new RegExp(/0/, 'g'), '');
|
|
3770
3680
|
}
|
|
3771
3681
|
formatValue(value) {
|
|
3772
|
-
const { settings
|
|
3773
|
-
if (currency) {
|
|
3682
|
+
const { settings } = this;
|
|
3683
|
+
if (this.currency) {
|
|
3774
3684
|
if (!value || !this.replaceZero(value))
|
|
3775
3685
|
return '';
|
|
3776
3686
|
return this.currencyPipe.transform(value, settings?.currency?.code || 'BRL', '', '1.2-2', settings?.currency?.locale || 'pt-BR');
|
|
3777
3687
|
}
|
|
3778
|
-
else if (percent) {
|
|
3688
|
+
else if (this.percent) {
|
|
3779
3689
|
return `${value}`;
|
|
3780
3690
|
}
|
|
3781
|
-
else if (type === 'date') {
|
|
3782
|
-
//return `${value}`.substring(0,10);
|
|
3783
|
-
return value;
|
|
3784
|
-
}
|
|
3785
3691
|
return value;
|
|
3786
3692
|
}
|
|
3787
3693
|
handleSymbol() {
|
|
@@ -8149,5 +8055,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
8149
8055
|
* Generated bundle index. Do not edit.
|
|
8150
8056
|
*/
|
|
8151
8057
|
|
|
8152
|
-
export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent,
|
|
8058
|
+
export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonModule, MonkeyCheckboxComponent, MonkeyCheckboxModule, MonkeyDateRangePickerComponent, MonkeyDateRangePickerModule, MonkeyExpansionComponent, MonkeyExpansionModule, MonkeyFileUploadComponent, MonkeyFileUploadModule, MonkeyIconArrowLeftComponent, MonkeyIconArrowRightComponent, MonkeyIconArrowUpComponent, MonkeyIconAuctionComponent, MonkeyIconBankComponent, MonkeyIconBellComponent, MonkeyIconBookComponent, MonkeyIconBoxComponent, MonkeyIconCNPJComponent, MonkeyIconCalendarComponent, MonkeyIconCameraComponent, MonkeyIconChatComponent, MonkeyIconCheckCircleComponent, MonkeyIconCheckCircleOutComponent, MonkeyIconCheckComponent, MonkeyIconCheckGreyComponent, MonkeyIconCheckWhiteComponent, MonkeyIconClipboardComponent, MonkeyIconClockComponent, MonkeyIconCloseComponent, MonkeyIconCodepenComponent, MonkeyIconCompanyNameComponent, MonkeyIconComponent, MonkeyIconContractComponent, MonkeyIconDeleteComponent, MonkeyIconDocumentComponent, MonkeyIconDollarSignComponent, MonkeyIconDomainComponent, MonkeyIconDownloadComponent, MonkeyIconEditComponent, MonkeyIconEmailComponent, MonkeyIconEmptyDocComponent, MonkeyIconErrorComponent, MonkeyIconEyeClosedComponent, MonkeyIconEyeOpenComponent, MonkeyIconFilterComponent, MonkeyIconGridComponent, MonkeyIconHelpComponent, MonkeyIconHexagonComponent, MonkeyIconHomeComponent, MonkeyIconImageComponent, MonkeyIconListComponent, MonkeyIconLocationPinComponent, MonkeyIconLoginComponent, MonkeyIconLogoutComponent, MonkeyIconMenuComponent, MonkeyIconModule, MonkeyIconMoneySignComponent, MonkeyIconMoreComponent, MonkeyIconOfferedComponent, MonkeyIconPasswordComponent, MonkeyIconPeopleComponent, MonkeyIconPercentComponent, MonkeyIconPersonDocumentComponent, MonkeyIconPersonSadComponent, MonkeyIconPhoneComponent, MonkeyIconPorkComponent, MonkeyIconRadioComponent, MonkeyIconRefreshComponent, MonkeyIconRepeatComponent, MonkeyIconSearchComponent, MonkeyIconSecondWarningComponent, MonkeyIconSettingsComponent, MonkeyIconTrashComponent, MonkeyIconTrophyComponent, MonkeyIconUploadComponent, MonkeyIconUserComponent, MonkeyIconWaitingComponent, MonkeyIconWalletComponent, MonkeyIconWarningComponent, MonkeyImageCropComponent, MonkeyImageCropModule, MonkeyInputComponent, MonkeyInputFilterComponent, MonkeyInputModule, MonkeyInputPhoneComponent, MonkeyInputPhoneModule, MonkeyModalComponent, MonkeyModalModule, MonkeyOptionComponent, MonkeyOptionModule, MonkeyRadioButtonComponent, MonkeyRadioButtonModule, MonkeySelectComponent, MonkeySelectFilterComponent, MonkeySelectModule, MonkeySelectMultipleComponent, MonkeySelectSearchComponent, MonkeyStepperComponent, MonkeyStepperModule, MonkeyStyleGuideModalFixedService, MonkeyStyleGuideModalService, MonkeyStyleGuideModule, MonkeyStyleGuideSettingsService, MonkeyStyleGuideSnackbarService, MonkeyTabComponent, MonkeyTabModule, MonkeyTableColumnComponent, MonkeyTableComponent, MonkeyTableModule, MonkeyToggleComponent, MonkeyToggleModule, MonkeyUtils, MonkeyWizardComponent, MonkeyWizardModule, PhoneNumberValidDirective };
|
|
8153
8059
|
//# sourceMappingURL=monkey-style-guide.mjs.map
|