monkey-style-guide 2.0.129 → 2.0.130

package/fesm2020/monkey-style-guide.mjs

@@ -2828,6 +2828,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
                 args: ['click', ['$event']]
             }] } });
 
+/**************************
+ * Copyright Monkey Exchange. All Rights Reserved
+ * This style guide was developed by Monkey Exchange Team
+ * MIT Licence
+ **************************/
+class MonkeyButtonLoadingComponent {
+    constructor() {
+        this.size = 'md';
+        this._id = `mecx-button-loading-${MonkeyUtils.getRandomString(10)}`;
+    }
+}
+MonkeyButtonLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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: `
+    <button
+      [ngClass]="
+        'mecx-button-' +
+        type +
+        ' mecx-button-' +
+        type +
+        '__' +
+        color +
+        ' no-icon' +
+        ' ' +
+        size
+      "
+      type="button"
+      [id]="_id"
+    >
+      <mecx-button-progress-info>
+        <span [style.width.%]="progress"> {{ progress }}%</span>
+      </mecx-button-progress-info>
+    </button>
+   `, isInline: true, directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonLoadingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'monkey-button-loading',
+                    template: `
+    <button
+      [ngClass]="
+        'mecx-button-' +
+        type +
+        ' mecx-button-' +
+        type +
+        '__' +
+        color +
+        ' no-icon' +
+        ' ' +
+        size
+      "
+      type="button"
+      [id]="_id"
+    >
+      <mecx-button-progress-info>
+        <span [style.width.%]="progress"> {{ progress }}%</span>
+      </mecx-button-progress-info>
+    </button>
+   `,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], progress: [{
+                type: Input
+            }], totalProgress: [{
+                type: Input
+            }] } });
+
 /**************************
  * Copyright Monkey Exchange. All Rights Reserved
  * This style guide was developed by Monkey Exchange Team
@@ -3035,15 +3109,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
 class MonkeyButtonModule {
 }
 MonkeyButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-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] });
+MonkeyButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, declarations: [MonkeyButtonComponent,
+        MonkeyButtonDropdownComponent,
+        MonkeyButtonLoadingComponent,
+        MonkeyButtonAvatarComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule], exports: [MonkeyButtonComponent,
+        MonkeyButtonDropdownComponent,
+        MonkeyButtonLoadingComponent,
+        MonkeyButtonAvatarComponent] });
 MonkeyButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, imports: [[CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: MonkeyButtonModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],
+                    declarations: [
+                        MonkeyButtonComponent,
+                        MonkeyButtonDropdownComponent,
+                        MonkeyButtonLoadingComponent,
+                        MonkeyButtonAvatarComponent
+                    ],
                     imports: [CommonModule, FormsModule, ReactiveFormsModule, MonkeyIconModule],
-                    exports: [MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonAvatarComponent],
-                    schemas: [NO_ERRORS_SCHEMA],
+                    exports: [
+                        MonkeyButtonComponent,
+                        MonkeyButtonDropdownComponent,
+                        MonkeyButtonLoadingComponent,
+                        MonkeyButtonAvatarComponent
+                    ],
+                    schemas: [NO_ERRORS_SCHEMA]
                 }]
         }] });
 
@@ -3060,11 +3150,11 @@ class MonkeyDateRangePickerComponent {
         this.helperMessage = '';
         this.moveDaysForward = true;
         this.onChange = new EventEmitter();
-        this.today = moment.default().format('YYYY-MM-DD');
+        this.today = moment().format('YYYY-MM-DD');
         this.onModelChange = (value) => { };
         this.onModelTouched = (value) => { };
-        this._dateFirst = moment.default();
-        this._dateSecond = moment.default().add(1, 'M');
+        this._dateFirst = moment();
+        this._dateSecond = moment().add(1, 'M');
         this._id = `mecx-date-range-picker-${MonkeyUtils.getRandomString(10)}`;
         this._daysArrFirst = [];
         this._daysArrSecond = [];
@@ -3082,12 +3172,12 @@ class MonkeyDateRangePickerComponent {
         }));
     }
     createCalendar(month) {
-        let firstDay = moment.default(month).startOf('M');
-        let lastDay = moment.default(month).endOf('M');
+        let firstDay = moment(month).startOf('M');
+        let lastDay = moment(month).endOf('M');
         let days = Array.apply(null, { length: month.daysInMonth() })
             .map(Number.call, Number)
             .map((n) => {
-            return moment.default(firstDay).add(n, 'd');
+            return moment(firstDay).add(n, 'd');
         });
         let n = 0;
         while (n < firstDay.weekday()) {
@@ -3125,8 +3215,8 @@ class MonkeyDateRangePickerComponent {
         this.writeValue(this._dateForm.value);
     }
     navigateToToday() {
-        this._dateFirst = moment.default();
-        this._dateSecond = moment.default().add(1, 'M');
+        this._dateFirst = moment();
+        this._dateSecond = moment().add(1, 'M');
         this.build();
     }
     ngOnInit() {
@@ -3181,14 +3271,14 @@ class MonkeyDateRangePickerComponent {
         if (!day) {
             return false;
         }
-        return moment.default().format('L') === day.format('L');
+        return moment().format('L') === day.format('L');
     }
     isSelected(day) {
         if (!day) {
             return false;
         }
-        let startDateMoment = moment.default(this._dateForm.value.startDate, 'YYYY-MM-DD');
-        let endDateMoment = moment.default(this._dateForm.value.endDate, 'YYYY-MM-DD');
+        let startDateMoment = moment(this._dateForm.value.startDate, 'YYYY-MM-DD');
+        let endDateMoment = moment(this._dateForm.value.endDate, 'YYYY-MM-DD');
         if (this._dateForm.valid) {
             return startDateMoment.isSameOrBefore(day) && endDateMoment.isSameOrAfter(day);
         }
@@ -3199,7 +3289,7 @@ class MonkeyDateRangePickerComponent {
     isDisabled(day) {
         const { _minDate } = this;
         if (_minDate) {
-            const firstDay = moment.default(_minDate);
+            const firstDay = moment(_minDate);
             return day.isBefore(firstDay.subtract(1, 'day'));
         }
         return false;
@@ -3220,7 +3310,7 @@ class MonkeyDateRangePickerComponent {
         const { _dateForm, _minDate } = this;
         let dayFormatted = day.format('YYYY-MM-DD');
         if (_minDate) {
-            const firstDay = moment.default(_minDate);
+            const firstDay = moment(_minDate);
             if (day.isBefore(firstDay.subtract(1, 'day')))
                 return;
         }
@@ -3229,7 +3319,7 @@ class MonkeyDateRangePickerComponent {
         }
         let { startDate, endDate } = _dateForm.value;
         if (startDate) {
-            if (moment.default(startDate).isAfter(moment.default(dayFormatted))) {
+            if (moment(startDate).isAfter(moment(dayFormatted))) {
                 endDate = startDate;
                 startDate = dayFormatted;
             }
@@ -3252,9 +3342,9 @@ class MonkeyDateRangePickerComponent {
             return;
         const { _dateForm, _minDate, today, moveDaysForward } = this;
         const { startDate } = _dateForm.value;
-        const firstDay = moment.default(startDate || _minDate || today).format('YYYY-MM-DD');
+        const firstDay = moment(startDate || _minDate || today).format('YYYY-MM-DD');
         const method = moveDaysForward ? 'add' : 'subtract';
-        const lastDay = moment.default(firstDay)[method](days, 'day').format('YYYY-MM-DD');
+        const lastDay = moment(firstDay)[method](days, 'day').format('YYYY-MM-DD');
         if (moveDaysForward) {
             _dateForm.get('startDate').patchValue(firstDay);
             _dateForm.get('endDate').patchValue(lastDay);
@@ -3679,15 +3769,19 @@ class MonkeyInputComponent {
         return `${value}`.replace(new RegExp(/0/, 'g'), '');
     }
     formatValue(value) {
-        const { settings } = this;
-        if (this.currency) {
+        const { settings, type, currency, percent } = this;
+        if (currency) {
             if (!value || !this.replaceZero(value))
                 return '';
             return this.currencyPipe.transform(value, settings?.currency?.code || 'BRL', '', '1.2-2', settings?.currency?.locale || 'pt-BR');
         }
-        else if (this.percent) {
+        else if (percent) {
             return `${value}`;
         }
+        else if (type === 'date') {
+            //return `${value}`.substring(0,10);
+            return value;
+        }
         return value;
     }
     handleSymbol() {
@@ -8055,5 +8149,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+export { MonkeyBadgeComponent, MonkeyBadgeModule, MonkeyButtonAvatarComponent, MonkeyButtonComponent, MonkeyButtonDropdownComponent, MonkeyButtonLoadingComponent, 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 };
 //# sourceMappingURL=monkey-style-guide.mjs.map