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
|
@@ -2823,80 +2823,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
2823
2823
|
args: ['click', ['$event']]
|
|
2824
2824
|
}] } });
|
|
2825
2825
|
|
|
2826
|
-
/**************************
|
|
2827
|
-
* Copyright Monkey Exchange. All Rights Reserved
|
|
2828
|
-
* This style guide was developed by Monkey Exchange Team
|
|
2829
|
-
* MIT Licence
|
|
2830
|
-
**************************/
|
|
2831
|
-
class MonkeyButtonLoadingComponent {
|
|
2832
|
-
constructor() {
|
|
2833
|
-
this.size = 'md';
|
|
2834
|
-
this._id = `mecx-button-loading-${MonkeyUtils.getRandomString(10)}`;
|
|
2835
|
-
}
|
|
2836
|
-
}
|
|
2837
|
-
MonkeyButtonLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2838
|
-
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: `
|
|
2839
|
-
<button
|
|
2840
|
-
[ngClass]="
|
|
2841
|
-
'mecx-button-' +
|
|
2842
|
-
type +
|
|
2843
|
-
' mecx-button-' +
|
|
2844
|
-
type +
|
|
2845
|
-
'__' +
|
|
2846
|
-
color +
|
|
2847
|
-
' no-icon' +
|
|
2848
|
-
' ' +
|
|
2849
|
-
size
|
|
2850
|
-
"
|
|
2851
|
-
type="button"
|
|
2852
|
-
[id]="_id"
|
|
2853
|
-
>
|
|
2854
|
-
<mecx-button-progress-info>
|
|
2855
|
-
<span [style.width.%]="progress"> {{ progress }}%</span>
|
|
2856
|
-
</mecx-button-progress-info>
|
|
2857
|
-
</button>
|
|
2858
|
-
`, isInline: true, directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonLoadingComponent, decorators: [{
|
|
2860
|
-
type: Component,
|
|
2861
|
-
args: [{
|
|
2862
|
-
selector: 'monkey-button-loading',
|
|
2863
|
-
template: `
|
|
2864
|
-
<button
|
|
2865
|
-
[ngClass]="
|
|
2866
|
-
'mecx-button-' +
|
|
2867
|
-
type +
|
|
2868
|
-
' mecx-button-' +
|
|
2869
|
-
type +
|
|
2870
|
-
'__' +
|
|
2871
|
-
color +
|
|
2872
|
-
' no-icon' +
|
|
2873
|
-
' ' +
|
|
2874
|
-
size
|
|
2875
|
-
"
|
|
2876
|
-
type="button"
|
|
2877
|
-
[id]="_id"
|
|
2878
|
-
>
|
|
2879
|
-
<mecx-button-progress-info>
|
|
2880
|
-
<span [style.width.%]="progress"> {{ progress }}%</span>
|
|
2881
|
-
</mecx-button-progress-info>
|
|
2882
|
-
</button>
|
|
2883
|
-
`,
|
|
2884
|
-
encapsulation: ViewEncapsulation.None
|
|
2885
|
-
}]
|
|
2886
|
-
}], propDecorators: { label: [{
|
|
2887
|
-
type: Input
|
|
2888
|
-
}], type: [{
|
|
2889
|
-
type: Input
|
|
2890
|
-
}], color: [{
|
|
2891
|
-
type: Input
|
|
2892
|
-
}], size: [{
|
|
2893
|
-
type: Input
|
|
2894
|
-
}], progress: [{
|
|
2895
|
-
type: Input
|
|
2896
|
-
}], totalProgress: [{
|
|
2897
|
-
type: Input
|
|
2898
|
-
}] } });
|
|
2899
|
-
|
|
2900
2826
|
/**************************
|
|
2901
2827
|
* Copyright Monkey Exchange. All Rights Reserved
|
|
2902
2828
|
* This style guide was developed by Monkey Exchange Team
|
|
@@ -3104,31 +3030,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
3104
3030
|
class MonkeyButtonModule {
|
|
3105
3031
|
}
|
|
3106
3032
|
MonkeyButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
3107
|
-
MonkeyButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, declarations: [MonkeyButtonComponent,
|
|
3108
|
-
MonkeyButtonDropdownComponent,
|
|
3109
|
-
MonkeyButtonLoadingComponent,
|
|
3110
|
-
MonkeyButtonAvatarComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule], exports: [MonkeyButtonComponent,
|
|
3111
|
-
MonkeyButtonDropdownComponent,
|
|
3112
|
-
MonkeyButtonLoadingComponent,
|
|
3113
|
-
MonkeyButtonAvatarComponent] });
|
|
3033
|
+
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] });
|
|
3114
3034
|
MonkeyButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule]] });
|
|
3115
3035
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, decorators: [{
|
|
3116
3036
|
type: NgModule,
|
|
3117
3037
|
args: [{
|
|
3118
|
-
declarations: [
|
|
3119
|
-
MonkeyButtonComponent,
|
|
3120
|
-
MonkeyButtonDropdownComponent,
|
|
3121
|
-
MonkeyButtonLoadingComponent,
|
|
3122
|
-
MonkeyButtonAvatarComponent
|
|
3123
|
-
],
|
|
3038
|
+
declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],
|
|
3124
3039
|
imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule],
|
|
3125
|
-
exports: [
|
|
3126
|
-
|
|
3127
|
-
MonkeyButtonDropdownComponent,
|
|
3128
|
-
MonkeyButtonLoadingComponent,
|
|
3129
|
-
MonkeyButtonAvatarComponent
|
|
3130
|
-
],
|
|
3131
|
-
schemas: [NO_ERRORS_SCHEMA]
|
|
3040
|
+
exports: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],
|
|
3041
|
+
schemas: [NO_ERRORS_SCHEMA],
|
|
3132
3042
|
}]
|
|
3133
3043
|
}] });
|
|
3134
3044
|
|
|
@@ -3145,11 +3055,11 @@ class MonkeyDateRangePickerComponent {
|
|
|
3145
3055
|
this.helperMessage = '';
|
|
3146
3056
|
this.moveDaysForward = true;
|
|
3147
3057
|
this.onChange = new EventEmitter();
|
|
3148
|
-
this.today = moment().format('YYYY-MM-DD');
|
|
3058
|
+
this.today = moment.default().format('YYYY-MM-DD');
|
|
3149
3059
|
this.onModelChange = (value) => { };
|
|
3150
3060
|
this.onModelTouched = (value) => { };
|
|
3151
|
-
this._dateFirst = moment();
|
|
3152
|
-
this._dateSecond = moment().add(1, 'M');
|
|
3061
|
+
this._dateFirst = moment.default();
|
|
3062
|
+
this._dateSecond = moment.default().add(1, 'M');
|
|
3153
3063
|
this._id = `mecx-date-range-picker-${MonkeyUtils.getRandomString(10)}`;
|
|
3154
3064
|
this._daysArrFirst = [];
|
|
3155
3065
|
this._daysArrSecond = [];
|
|
@@ -3167,12 +3077,12 @@ class MonkeyDateRangePickerComponent {
|
|
|
3167
3077
|
}));
|
|
3168
3078
|
}
|
|
3169
3079
|
createCalendar(month) {
|
|
3170
|
-
let firstDay = moment(month).startOf('M');
|
|
3171
|
-
let lastDay = moment(month).endOf('M');
|
|
3080
|
+
let firstDay = moment.default(month).startOf('M');
|
|
3081
|
+
let lastDay = moment.default(month).endOf('M');
|
|
3172
3082
|
let days = Array.apply(null, { length: month.daysInMonth() })
|
|
3173
3083
|
.map(Number.call, Number)
|
|
3174
3084
|
.map((n) => {
|
|
3175
|
-
return moment(firstDay).add(n, 'd');
|
|
3085
|
+
return moment.default(firstDay).add(n, 'd');
|
|
3176
3086
|
});
|
|
3177
3087
|
let n = 0;
|
|
3178
3088
|
while (n < firstDay.weekday()) {
|
|
@@ -3210,8 +3120,8 @@ class MonkeyDateRangePickerComponent {
|
|
|
3210
3120
|
this.writeValue(this._dateForm.value);
|
|
3211
3121
|
}
|
|
3212
3122
|
navigateToToday() {
|
|
3213
|
-
this._dateFirst = moment();
|
|
3214
|
-
this._dateSecond = moment().add(1, 'M');
|
|
3123
|
+
this._dateFirst = moment.default();
|
|
3124
|
+
this._dateSecond = moment.default().add(1, 'M');
|
|
3215
3125
|
this.build();
|
|
3216
3126
|
}
|
|
3217
3127
|
ngOnInit() {
|
|
@@ -3266,14 +3176,14 @@ class MonkeyDateRangePickerComponent {
|
|
|
3266
3176
|
if (!day) {
|
|
3267
3177
|
return false;
|
|
3268
3178
|
}
|
|
3269
|
-
return moment().format('L') === day.format('L');
|
|
3179
|
+
return moment.default().format('L') === day.format('L');
|
|
3270
3180
|
}
|
|
3271
3181
|
isSelected(day) {
|
|
3272
3182
|
if (!day) {
|
|
3273
3183
|
return false;
|
|
3274
3184
|
}
|
|
3275
|
-
let startDateMoment = moment(this._dateForm.value.startDate, 'YYYY-MM-DD');
|
|
3276
|
-
let endDateMoment = moment(this._dateForm.value.endDate, 'YYYY-MM-DD');
|
|
3185
|
+
let startDateMoment = moment.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
|
|
3186
|
+
let endDateMoment = moment.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
|
|
3277
3187
|
if (this._dateForm.valid) {
|
|
3278
3188
|
return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
|
|
3279
3189
|
}
|
|
@@ -3284,7 +3194,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3284
3194
|
isDisabled(day) {
|
|
3285
3195
|
const { _minDate } = this;
|
|
3286
3196
|
if (_minDate) {
|
|
3287
|
-
const firstDay = moment(_minDate);
|
|
3197
|
+
const firstDay = moment.default(_minDate);
|
|
3288
3198
|
return day.isBefore(firstDay.subtract(1, 'day'));
|
|
3289
3199
|
}
|
|
3290
3200
|
return false;
|
|
@@ -3305,7 +3215,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3305
3215
|
const { _dateForm, _minDate } = this;
|
|
3306
3216
|
let dayFormatted = day.format('YYYY-MM-DD');
|
|
3307
3217
|
if (_minDate) {
|
|
3308
|
-
const firstDay = moment(_minDate);
|
|
3218
|
+
const firstDay = moment.default(_minDate);
|
|
3309
3219
|
if (day.isBefore(firstDay.subtract(1, 'day')))
|
|
3310
3220
|
return;
|
|
3311
3221
|
}
|
|
@@ -3314,7 +3224,7 @@ class MonkeyDateRangePickerComponent {
|
|
|
3314
3224
|
}
|
|
3315
3225
|
let { startDate, endDate } = _dateForm.value;
|
|
3316
3226
|
if (startDate) {
|
|
3317
|
-
if (moment(startDate).isAfter(moment(dayFormatted))) {
|
|
3227
|
+
if (moment.default(startDate).isAfter(moment.default(dayFormatted))) {
|
|
3318
3228
|
endDate = startDate;
|
|
3319
3229
|
startDate = dayFormatted;
|
|
3320
3230
|
}
|
|
@@ -3337,9 +3247,9 @@ class MonkeyDateRangePickerComponent {
|
|
|
3337
3247
|
return;
|
|
3338
3248
|
const { _dateForm, _minDate, today, moveDaysForward } = this;
|
|
3339
3249
|
const { startDate } = _dateForm.value;
|
|
3340
|
-
const firstDay = moment(startDate || _minDate || today).format('YYYY-MM-DD');
|
|
3250
|
+
const firstDay = moment.default(startDate || _minDate || today).format('YYYY-MM-DD');
|
|
3341
3251
|
const method = moveDaysForward ? 'add' : 'subtract';
|
|
3342
|
-
const lastDay = moment(firstDay)[method](days, 'day').format('YYYY-MM-DD');
|
|
3252
|
+
const lastDay = moment.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
|
|
3343
3253
|
if (moveDaysForward) {
|
|
3344
3254
|
_dateForm.get('startDate').patchValue(firstDay);
|
|
3345
3255
|
_dateForm.get('endDate').patchValue(lastDay);
|
|
@@ -3765,19 +3675,15 @@ class MonkeyInputComponent {
|
|
|
3765
3675
|
}
|
|
3766
3676
|
formatValue(value) {
|
|
3767
3677
|
var _a, _b;
|
|
3768
|
-
const { settings
|
|
3769
|
-
if (currency) {
|
|
3678
|
+
const { settings } = this;
|
|
3679
|
+
if (this.currency) {
|
|
3770
3680
|
if (!value || !this.replaceZero(value))
|
|
3771
3681
|
return '';
|
|
3772
3682
|
return this.currencyPipe.transform(value, ((_a = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _a === void 0 ? void 0 : _a.code) || 'BRL', '', '1.2-2', ((_b = settings === null || settings === void 0 ? void 0 : settings.currency) === null || _b === void 0 ? void 0 : _b.locale) || 'pt-BR');
|
|
3773
3683
|
}
|
|
3774
|
-
else if (percent) {
|
|
3684
|
+
else if (this.percent) {
|
|
3775
3685
|
return `${value}`;
|
|
3776
3686
|
}
|
|
3777
|
-
else if (type === 'date') {
|
|
3778
|
-
//return `${value}`.substring(0,10);
|
|
3779
|
-
return value;
|
|
3780
|
-
}
|
|
3781
3687
|
return value;
|
|
3782
3688
|
}
|
|
3783
3689
|
handleSymbol() {
|
|
@@ -8159,5 +8065,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
|
|
|
8159
8065
|
* Generated bundle index. Do not edit.
|
|
8160
8066
|
*/
|
|
8161
8067
|
|
|
8162
|
-
export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent,
|
|
8068
|
+
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 };
|
|
8163
8069
|
//# sourceMappingURL=monkey-style-guide.mjs.map
|