monkey-style-guide 2.0.127 → 2.0.130

package/fesm2020/monkey-style-guide.mjs

@@ -531,14 +531,18 @@ class MonkeyStyleGuideSnackbarService {
             }
             if (actionCancelElement) {
                 actionCancelElement.addEventListener('click', () => {
-                    this.close(id);
+                    if (!cancel?.keepOnAction) {
+                        this.close(id);
+                    }
                     cancel.action();
                 });
                 actionElement.appendChild(actionCancelElement);
             }
             if (actionConfirmElement) {
                 actionConfirmElement.addEventListener('click', () => {
-                    this.close(id);
+                    if (!confirm?.keepOnAction) {
+                        this.close(id);
+                    }
                     confirm.action();
                 });
                 actionElement.appendChild(actionConfirmElement);
@@ -2824,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
@@ -3031,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]
                 }]
         }] });
 
@@ -3211,43 +3305,37 @@ class MonkeyDateRangePickerComponent {
         return day?.isSame(endDate);
     }
     selectedDate(day) {
-        try {
-            if (this._disabled)
+        if (this._disabled)
+            return;
+        const { _dateForm, _minDate } = this;
+        let dayFormatted = day.format('YYYY-MM-DD');
+        if (_minDate) {
+            const firstDay = moment(_minDate);
+            if (day.isBefore(firstDay.subtract(1, 'day')))
                 return;
-            const { _dateForm, _minDate } = this;
-            let dayFormatted = day.format('YYYY-MM-DD');
-            if (_minDate) {
-                const firstDay = moment(_minDate);
-                if (day.isBefore(firstDay.subtract(1, 'day')))
-                    return;
-            }
-            if (_dateForm.valid) {
-                this.clearDates();
-            }
-            let { startDate, endDate } = _dateForm.value;
-            if (startDate) {
-                if (moment(startDate).isAfter(moment(dayFormatted))) {
-                    endDate = startDate;
-                    startDate = dayFormatted;
-                }
-                else {
-                    endDate = dayFormatted;
-                }
-            }
-            else
+        }
+        if (_dateForm.valid) {
+            this.clearDates();
+        }
+        let { startDate, endDate } = _dateForm.value;
+        if (startDate) {
+            if (moment(startDate).isAfter(moment(dayFormatted))) {
+                endDate = startDate;
                 startDate = dayFormatted;
-            if (startDate) {
-                _dateForm.get('startDate').patchValue(startDate);
             }
-            if (endDate) {
-                _dateForm.get('endDate').patchValue(endDate);
+            else {
+                endDate = dayFormatted;
             }
-            console.log(_dateForm.value);
-            this.writeValue(_dateForm.value);
         }
-        catch (e) {
-            console.log(e);
+        else
+            startDate = dayFormatted;
+        if (startDate) {
+            _dateForm.get('startDate').patchValue(startDate);
+        }
+        if (endDate) {
+            _dateForm.get('endDate').patchValue(endDate);
         }
+        this.writeValue(_dateForm.value);
     }
     selectRangeOfDays(days) {
         if (this._disabled)
@@ -3681,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() {
@@ -8057,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