matcha-components 20.188.0 → 20.189.0

package/fesm2022/matcha-components.mjs

@@ -11606,6 +11606,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 type: Output
             }] } });
 
+class MatchaProgressBarComponent {
+    set progress(value) {
+        this._progressValue = Number(value);
+    }
+    get progress() {
+        return this._progressValue;
+    }
+    get _progress() { return this.progress; }
+    get _color() { return this.color; }
+    get _isInformative() { return this.hasContent; }
+    get hostSize() {
+        return this.size;
+    }
+    constructor(_elementRef, _renderer, _cdr) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._cdr = _cdr;
+        this._progressValue = 0;
+        this.color = 'accent';
+        this.size = 'tiny';
+        this.text = null;
+        this.sizeXs = null;
+        this.sizeSm = null;
+        this.sizeMd = null;
+        this.sizeLg = null;
+        this.sizeXl = null;
+        this.hasContent = false;
+    }
+    ngOnInit() {
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-progress-bar');
+        this.setSize();
+    }
+    ngAfterViewInit() {
+        this.checkContent();
+    }
+    ngAfterViewChecked() {
+        this.checkContent();
+    }
+    checkContent() {
+        if (this.contentWrapper && this.contentWrapper.nativeElement) {
+            const hasNodes = this.contentWrapper.nativeElement.childNodes.length > 0;
+            const hasText = this.contentWrapper.nativeElement.innerText.trim().length > 0;
+            const hasChildren = this.contentWrapper.nativeElement.children.length > 0;
+            // Check if there is actual content (elements or non-empty text)
+            const newHasContent = hasChildren || hasText;
+            if (this.hasContent !== newHasContent) {
+                // Prevent ExpressionChangedAfterItHasBeenCheckedError
+                Promise.resolve().then(() => {
+                    this.hasContent = newHasContent;
+                    this._cdr.detectChanges(); // Use injected CDR if implicit detection isn't enough
+                });
+            }
+        }
+    }
+    setSize() {
+        const sizes = ['tiny', 'small', 'medium', 'large', 'huge'];
+        sizes.forEach(size => {
+            this._renderer.removeClass(this._elementRef.nativeElement, `matcha-progress-bar-${size}`);
+        });
+        if (this.size) {
+            this._renderer.addClass(this._elementRef.nativeElement, `matcha-progress-bar-${this.size}`);
+        }
+    }
+    get isIndeterminate() {
+        return !this.progress || Number(this.progress) === 0;
+    }
+    get progressWidth() {
+        const progress = Math.min(Math.max(Number(this.progress), 0), 100);
+        return `${progress}%`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaProgressBarComponent, deps: [{ token: ElementRef }, { token: Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaProgressBarComponent, isStandalone: false, selector: "matcha-progress-bar", inputs: { progress: "progress", color: "color", size: "size", text: "text", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, host: { properties: { "attr.progress": "this._progress", "attr.color": "this._color", "attr.is-informative": "this._isInformative", "attr.size": "this.hostSize" } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"matcha-progress-bar\" role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuemax]=\"100\"\n    [attr.aria-valuenow]=\"progress\">\n\n    <!-- Barra de progresso com card informativo (aparece se tiver conte\u00FAdo projetado) -->\n    <matcha-card class=\"progress-info-card\" [style.display]=\"hasContent ? '' : 'none'\" [hidden]=\"!hasContent\">\n        <div #contentWrapper>\n            <ng-content></ng-content>\n        </div>\n    </matcha-card>\n\n    <!-- Barra de progresso (aparece texto caso tenha text=\"texto\") -->\n    <div class=\"progress\">\n        <div *ngIf=\"text\" class=\"progress-text progress-text-bg\">\n            {{ text }}\n        </div>\n\n        <div *ngIf=\"isIndeterminate\" [class]=\"color + ' indeterminate' \"></div>\n\n        <div *ngIf=\"!isIndeterminate\" [class]=\"color + ' determinate' \" [style.width]=\"progressWidth\"\n            [class.radius-bottom-8]=\"hasContent\"></div>\n\n        <div *ngIf=\"text\" class=\"progress-text progress-text-fg\"\n            [style.clip-path]=\"'inset(0 calc(100% - ' + progressWidth + ') 0 0)'\">\n            {{ text }}\n        </div>\n    </div>\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaCardComponent, selector: "matcha-card", inputs: ["color", "blockquote", "blockquoteColor", "class", "alpha", "tint", "loading"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-progress-bar', standalone: false, template: "<div class=\"matcha-progress-bar\" role=\"progressbar\" [attr.aria-valuemin]=\"0\" [attr.aria-valuemax]=\"100\"\n    [attr.aria-valuenow]=\"progress\">\n\n    <!-- Barra de progresso com card informativo (aparece se tiver conte\u00FAdo projetado) -->\n    <matcha-card class=\"progress-info-card\" [style.display]=\"hasContent ? '' : 'none'\" [hidden]=\"!hasContent\">\n        <div #contentWrapper>\n            <ng-content></ng-content>\n        </div>\n    </matcha-card>\n\n    <!-- Barra de progresso (aparece texto caso tenha text=\"texto\") -->\n    <div class=\"progress\">\n        <div *ngIf=\"text\" class=\"progress-text progress-text-bg\">\n            {{ text }}\n        </div>\n\n        <div *ngIf=\"isIndeterminate\" [class]=\"color + ' indeterminate' \"></div>\n\n        <div *ngIf=\"!isIndeterminate\" [class]=\"color + ' determinate' \" [style.width]=\"progressWidth\"\n            [class.radius-bottom-8]=\"hasContent\"></div>\n\n        <div *ngIf=\"text\" class=\"progress-text progress-text-fg\"\n            [style.clip-path]=\"'inset(0 calc(100% - ' + progressWidth + ') 0 0)'\">\n            {{ text }}\n        </div>\n    </div>\n\n\n</div>" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { progress: [{
+                type: Input
+            }], _progress: [{
+                type: HostBinding,
+                args: ['attr.progress']
+            }], color: [{
+                type: Input
+            }], _color: [{
+                type: HostBinding,
+                args: ['attr.color']
+            }], _isInformative: [{
+                type: HostBinding,
+                args: ['attr.is-informative']
+            }], size: [{
+                type: Input,
+                args: ['size']
+            }], text: [{
+                type: Input
+            }], hostSize: [{
+                type: HostBinding,
+                args: ['attr.size']
+            }], sizeXs: [{
+                type: Input,
+                args: ['size-xs']
+            }], sizeSm: [{
+                type: Input,
+                args: ['size-sm']
+            }], sizeMd: [{
+                type: Input,
+                args: ['size-md']
+            }], sizeLg: [{
+                type: Input,
+                args: ['size-lg']
+            }], sizeXl: [{
+                type: Input,
+                args: ['size-xl']
+            }], contentWrapper: [{
+                type: ViewChild,
+                args: ['contentWrapper']
+            }] } });
+
 class MatchaTooltipDirective {
     get tooltipText() { return this._tooltipText; }
     set tooltipText(v) {
@@ -13479,6 +13602,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
+class MatchaProgressBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaProgressBarModule, declarations: [MatchaProgressBarComponent], imports: [CommonModule,
+            MatchaCardModule], exports: [MatchaProgressBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaProgressBarModule, imports: [CommonModule,
+            MatchaCardModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaProgressBarComponent],
+                    imports: [
+                        CommonModule,
+                        MatchaCardModule
+                    ],
+                    exports: [MatchaProgressBarComponent]
+                }]
+        }] });
+
 class MatchaTabsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsComponent,
@@ -14118,6 +14260,7 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
+            MatchaProgressBarModule,
             MatchaStepperModule,
             MatchaTabsModule,
             MatchaTitleModule,
@@ -14156,6 +14299,7 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
+            MatchaProgressBarModule,
             MatchaStepperModule,
             MatchaTabsModule,
             MatchaTitleModule,
@@ -14199,6 +14343,7 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
+            MatchaProgressBarModule,
             MatchaStepperModule,
             MatchaTabsModule,
             MatchaTitleModule,
@@ -14237,6 +14382,7 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
+            MatchaProgressBarModule,
             MatchaStepperModule,
             MatchaTabsModule,
             MatchaTitleModule,
@@ -14286,6 +14432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaSliderModule,
                         MatchaSpinModule,
                         MatchaSpinnerModule,
+                        MatchaProgressBarModule,
                         MatchaStepperModule,
                         MatchaTabsModule,
                         MatchaTitleModule,
@@ -14326,6 +14473,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaSliderModule,
                         MatchaSpinModule,
                         MatchaSpinnerModule,
+                        MatchaProgressBarModule,
                         MatchaStepperModule,
                         MatchaTabsModule,
                         MatchaTitleModule,
@@ -14435,5 +14583,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipComponent, MatchaChipListComponent, MatchaChipModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuItemDirective, MatchaMenuModule, MatchaMenuTriggerDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaRadioComponent, MatchaRadioGroupComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
+export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipComponent, MatchaChipListComponent, MatchaChipModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuItemDirective, MatchaMenuModule, MatchaMenuTriggerDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarComponent, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioGroupComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
 //# sourceMappingURL=matcha-components.mjs.map