cmat 0.0.3

package/fesm2022/cmat-components-popover.mjs

@@ -0,0 +1,383 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Output, ViewChild, HostBinding, Input } from '@angular/core';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { cmatAnimations } from 'cmat/animations';
+import { NgStyle, NgClass } from '@angular/common';
+import * as i2 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import * as i1 from '@angular/cdk/bidi';
+
+/**
+ * Throws an exception for the case when popover trigger doesn't have a valid cmat-popover instance
+ */
+function throwCmatPopoverMissingError() {
+    throw Error(`cmat-popover-trigger: must pass in an cmat-popover instance.
+
+    Example:
+      <cmat-popover #popover="cmatPopover"></cmat-popover>
+      <button [cmatPopoverTriggerFor]="popover"></button>`);
+}
+/**
+ * Throws an exception for the case when popover's cmatPopoverPosition[0] value isn't valid.
+ * In other words, it doesn't match 'above', 'below', 'before' or 'after'.
+ */
+function throwCmatPopoverInvalidPositionStart() {
+    throw Error(`cmatPopoverPosition[0] value must be either 'above', 'below', 'before' or 'after'.
+    Example: <cmat-popover [position]="['below', 'after']" #popover="cmatPopover"></cmat-popover>`);
+}
+/**
+ * Throws an exception for the case when popover's cmatPopoverPosition[1] value isn't valid.
+ * In other words, it doesn't match 'above', 'below', 'before', 'after' or 'center'.
+ */
+function throwCmatPopoverInvalidPositionEnd() {
+    throw Error(`cmatPopoverPosition[1] value must be either 'above', 'below', 'before', 'after' or 'center'.
+    Example: <cmat-popover [position]="['below', 'after']" #popover="cmatPopover"></cmat-popover>`);
+}
+
+/* eslint-disable @typescript-eslint/naming-convention */
+class CmatPopoverComponent {
+    constructor(_dir, _elementRef, zone) {
+        this._dir = _dir;
+        this._elementRef = _elementRef;
+        this.zone = zone;
+        /** Event emitted when the popover is closed. */
+        this.closed = new EventEmitter();
+        this.role = 'dialog';
+        /** Config object to be passed into the popover's arrow ngStyle */
+        this.popoverPanelStyles = {};
+        /** Config object to be passed into the popover's arrow ngStyle */
+        this.popoverArrowStyles = {};
+        /** Config object to be passed into the popover's content ngStyle */
+        this.popoverContentStyles = {};
+        /** Whether popover's `targetElement` is defined */
+        this.containerPositioning = false;
+        /** Closing disabled on popover */
+        this.closeDisabled = false;
+        /** Config object to be passed into the popover's ngClass */
+        this.classList = {};
+        /** Emits the current animation state whenever it changes. */
+        this._onAnimationStateChange = new EventEmitter();
+        /** Settings for popover, view setters and getters for more detail */
+        this._position = ['below', 'after'];
+        this._triggerEvent = 'hover';
+        this._scrollStrategy = 'reposition';
+        this._enterDelay = 100;
+        this._leaveDelay = 100;
+        this._panelOffsetX = 0;
+        this._panelOffsetY = 0;
+        this._closeOnPanelClick = false;
+        this._closeOnBackdropClick = true;
+        this._disableAnimation = false;
+        this._focusTrapEnabled = true;
+        this._focusTrapAutoCaptureEnabled = true;
+        this._arrowOffsetX = 20;
+        this._arrowOffsetY = 20;
+        this._arrowWidth = 16;
+        this._arrowHeight = 16;
+        this.setPositionClasses();
+    }
+    get position() {
+        return this._position;
+    }
+    /** Position of the popover. */
+    set position(value) {
+        if (!['before', 'after', 'above', 'below'].includes(value[0])) {
+            throwCmatPopoverInvalidPositionStart();
+        }
+        if (!['before', 'after', 'above', 'below', 'center'].includes(value[1])) {
+            throwCmatPopoverInvalidPositionEnd();
+        }
+        this._position = value;
+        this.setPositionClasses();
+    }
+    /** Popover trigger event */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get triggerEvent() {
+        return this._triggerEvent;
+    }
+    set triggerEvent(value) {
+        this._triggerEvent = value;
+    }
+    /** Popover scroll strategy */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get scrollStrategy() {
+        return this._scrollStrategy;
+    }
+    set scrollStrategy(value) {
+        this._scrollStrategy = value;
+    }
+    /** Popover enter delay */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get enterDelay() {
+        return this._enterDelay;
+    }
+    set enterDelay(value) {
+        this._enterDelay = value;
+    }
+    /** Popover leave delay */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get leaveDelay() {
+        return this._leaveDelay;
+    }
+    set leaveDelay(value) {
+        this._leaveDelay = value;
+    }
+    /** Popover target offset x */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get xOffset() {
+        return this._panelOffsetX;
+    }
+    set xOffset(value) {
+        this._panelOffsetX = value;
+    }
+    /** Popover target offset y */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get yOffset() {
+        return this._panelOffsetY;
+    }
+    set yOffset(value) {
+        this._panelOffsetY = value;
+    }
+    /** Popover arrow offset x */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get arrowOffsetX() {
+        return this._arrowOffsetX;
+    }
+    set arrowOffsetX(value) {
+        this._arrowOffsetX = value;
+    }
+    /** Popover arrow offset y */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get arrowOffsetY() {
+        return this._arrowOffsetY;
+    }
+    set arrowOffsetY(value) {
+        this._arrowOffsetY = value;
+    }
+    /** Popover arrow width */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get arrowWidth() {
+        return this._arrowWidth;
+    }
+    set arrowWidth(value) {
+        this._arrowWidth = value;
+    }
+    /** Popover arrow height */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get arrowHeight() {
+        return this._arrowHeight;
+    }
+    set arrowHeight(value) {
+        this._arrowHeight = value;
+    }
+    /** Popover close on container click */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get closeOnPanelClick() {
+        return this._closeOnPanelClick;
+    }
+    set closeOnPanelClick(value) {
+        this._closeOnPanelClick = coerceBooleanProperty(value);
+    }
+    /** Popover close on backdrop click */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get closeOnBackdropClick() {
+        return this._closeOnBackdropClick;
+    }
+    set closeOnBackdropClick(value) {
+        this._closeOnBackdropClick = coerceBooleanProperty(value);
+    }
+    /** Disable animations of popover and all child elements */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get disableAnimation() {
+        return this._disableAnimation;
+    }
+    set disableAnimation(value) {
+        this._disableAnimation = coerceBooleanProperty(value);
+    }
+    /** Popover focus trap using cdkTrapFocus */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get focusTrapEnabled() {
+        return this._focusTrapEnabled;
+    }
+    set focusTrapEnabled(value) {
+        this._focusTrapEnabled = coerceBooleanProperty(value);
+    }
+    /** Popover focus trap auto capture using cdkTrapFocusAutoCapture */
+    // eslint-disable-next-line @typescript-eslint/member-ordering
+    get focusTrapAutoCaptureEnabled() {
+        return this._focusTrapAutoCaptureEnabled;
+    }
+    set focusTrapAutoCaptureEnabled(value) {
+        this._focusTrapAutoCaptureEnabled = coerceBooleanProperty(value);
+    }
+    /**
+     * This method takes classes set on the host md-popover element and applies them on the
+     * popover template that displays in the overlay container.  Otherwise, it's difficult
+     * to style the containing popover from outside the component.
+     *
+     * @param classes list of class names
+     */
+    set panelClass(classes) {
+        if (classes && classes.length) {
+            this.classList = classes.split(' ').reduce((obj, className) => {
+                obj[className] = true;
+                return obj;
+            }, {});
+            this._elementRef.nativeElement.className = '';
+            this.setPositionClasses();
+        }
+    }
+    ngOnDestroy() {
+        this.emitCloseEvent();
+        this.closed.complete();
+    }
+    /** Handle a keyboard event from the popover, delegating to the appropriate action. */
+    handleKeydown(event) {
+        switch (event.code) {
+            case 'Escape':
+                this.emitCloseEvent();
+                return;
+        }
+    }
+    /**
+     * This emits a close event to which the trigger is subscribed. When emitted, the
+     * trigger will close the popover.
+     */
+    emitCloseEvent() {
+        this.closed.emit();
+    }
+    /** Close popover on click if closeOnPanelClick is true */
+    onClick() {
+        if (this.closeOnPanelClick) {
+            this.emitCloseEvent();
+        }
+    }
+    /**
+     * TODO: Refactor when @angular/cdk includes feature I mentioned on github see link below.
+     * https://github.com/angular/material2/pull/5493#issuecomment-313085323
+     */
+    /** Disables close of popover when leaving trigger element and mouse over the popover */
+    onMouseOver() {
+        if (this.triggerEvent === 'hover') {
+            this.closeDisabled = true;
+        }
+    }
+    onFocus() {
+        //do someting
+    }
+    /** Enables close of popover when mouse leaving popover element */
+    onMouseLeave() {
+        if (this.triggerEvent === 'hover') {
+            this.closeDisabled = false;
+            this.emitCloseEvent();
+        }
+    }
+    // TODO: Refactor how styles are set and updated on the component, use best practices.
+    // TODO: If arrow left and right positioning is requested, see if flex direction can be used to work with order.
+    /** Sets the current styles for the popover to allow for dynamically changing settings */
+    setCurrentStyles(pos = this.position) {
+        const left = pos[1] === 'after'
+            ? `${this.arrowOffsetX - this.arrowWidth / 2}px`
+            : pos[1] === 'center'
+                ? `calc(50% - ${this.arrowWidth / 2}px)`
+                : '';
+        const right = pos[1] === 'before' ? `${this.arrowOffsetX - this.arrowWidth / 2}px` : '';
+        const bottom = pos[1] === 'above'
+            ? `${this.arrowOffsetY - this.arrowHeight / 2}px`
+            : pos[1] === 'center'
+                ? `calc(50% - ${this.arrowHeight / 2}px)`
+                : '';
+        const top = pos[1] === 'below' ? `${this.arrowOffsetY - this.arrowHeight / 2}px` : '';
+        this.popoverArrowStyles =
+            pos[0] === 'above' || pos[0] === 'below'
+                ? {
+                    left: this._dir.value === 'ltr' ? left : right,
+                    right: this._dir.value === 'ltr' ? right : left,
+                }
+                : {
+                    top,
+                    bottom,
+                };
+    }
+    /**
+     * It's necessary to set position-based classes to ensure the popover panel animation
+     * folds out from the correct direction.
+     */
+    setPositionClasses(pos = this.position) {
+        this.classList['cmat-popover-before-above'] = pos[0] === 'before' && pos[1] === 'above';
+        this.classList['cmat-popover-before-center'] = pos[0] === 'before' && pos[1] === 'center';
+        this.classList['cmat-popover-before-below'] = pos[0] === 'before' && pos[1] === 'below';
+        this.classList['cmat-popover-after-above'] = pos[0] === 'after' && pos[1] === 'above';
+        this.classList['cmat-popover-after-center'] = pos[0] === 'after' && pos[1] === 'center';
+        this.classList['cmat-popover-after-below'] = pos[0] === 'after' && pos[1] === 'below';
+        this.classList['cmat-popover-above-before'] = pos[0] === 'above' && pos[1] === 'before';
+        this.classList['cmat-popover-above-center'] = pos[0] === 'above' && pos[1] === 'center';
+        this.classList['cmat-popover-above-after'] = pos[0] === 'above' && pos[1] === 'after';
+        this.classList['cmat-popover-below-before'] = pos[0] === 'below' && pos[1] === 'before';
+        this.classList['cmat-popover-below-center'] = pos[0] === 'below' && pos[1] === 'center';
+        this.classList['cmat-popover-below-after'] = pos[0] === 'below' && pos[1] === 'after';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatPopoverComponent, deps: [{ token: i1.Directionality, optional: true }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatPopoverComponent, isStandalone: true, selector: "cmat-popover", inputs: { popoverPanelStyles: "popoverPanelStyles", popoverArrowStyles: "popoverArrowStyles", popoverContentStyles: "popoverContentStyles", position: "position", triggerEvent: "triggerEvent", scrollStrategy: "scrollStrategy", enterDelay: "enterDelay", leaveDelay: "leaveDelay", xOffset: "xOffset", yOffset: "yOffset", arrowOffsetX: "arrowOffsetX", arrowOffsetY: "arrowOffsetY", arrowWidth: "arrowWidth", arrowHeight: "arrowHeight", closeOnPanelClick: "closeOnPanelClick", closeOnBackdropClick: "closeOnBackdropClick", disableAnimation: "disableAnimation", focusTrapEnabled: "focusTrapEnabled", focusTrapAutoCaptureEnabled: "focusTrapAutoCaptureEnabled", panelClass: "panelClass" }, outputs: { closed: "closed" }, host: { properties: { "attr.role": "this.role" } }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: TemplateRef, descendants: true }], exportAs: ["cmatPopover"], ngImport: i0, template: "<ng-template>\r\n    <div  class=\"cmat-popover-panel shadow\" role=\"dialog\" [ngClass]=\"classList\" [ngStyle]=\"popoverPanelStyles\"\r\n        (keydown)=\"handleKeydown($event)\" (click)=\"onClick()\" (focus)=\"onFocus()\" (mouseover)=\"onMouseOver()\" (mouseleave)=\"onMouseLeave()\"\r\n        [@.disabled]=\"disableAnimation\" [@transform]=\"'enter'\">\r\n        <div class=\"cmat-popover-direction-arrow\" [ngStyle]=\"popoverArrowStyles\"></div>\r\n        <div class=\"cmat-popover-content\" [ngStyle]=\"popoverContentStyles\" [cdkTrapFocus]=\"focusTrapEnabled\"\r\n            [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".cmat-popover-panel{max-height:calc(100vh - 48px);@apply p-2 rounded-lg text-lg bg-card;}.cmat-popover-panel[class*=cmat-popover-below]{margin-top:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-above]{margin-bottom:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-before]{margin-right:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-before]{@apply mr-auto;margin-left:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-after]{margin-left:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-after]{@apply ml-auto;margin-right:calc(.5em + 2px)}.cmat-popover-direction-arrow{@apply absolute;}.cmat-popover-direction-arrow:before,.cmat-popover-direction-arrow:after{@apply absolute inline-block border-solid;content:\"\"}.cmat-popover-direction-arrow:before{border-width:.5em;border-color:var(--cmat-divider)}.cmat-popover-direction-arrow:after{border-width:calc(.5em - 1px);border-color:var(--cmat-bg-card)}[class*=cmat-popover-below] .cmat-popover-direction-arrow,[class*=cmat-popover-above] .cmat-popover-direction-arrow{width:1em}[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[dir=rtl] [class*=cmat-popover-above] .cmat-popover-direction-arrow:after{right:1px;left:auto}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{border-left-color:transparent;border-right-color:transparent}[class*=cmat-popover-below] .cmat-popover-direction-arrow{@apply top-0;}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after{@apply bottom-0 border-t-0;}[class*=cmat-popover-above] .cmat-popover-direction-arrow{@apply bottom-0;}[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{@apply top-0 border-b-0;}[class*=cmat-popover-before] .cmat-popover-direction-arrow,[class*=cmat-popover-after] .cmat-popover-direction-arrow{height:1em}[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{top:1px}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-top-color:transparent;border-bottom-color:transparent}[class*=cmat-popover-before] .cmat-popover-direction-arrow{@apply right-0;}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after{@apply left-0 border-r-0;}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow{@apply right-auto left-0;}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{@apply left-auto right-0 border-l-0;}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before{border-right-width:.5em}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{border-right-width:calc(.5em - 1px)}[class*=cmat-popover-after] .cmat-popover-direction-arrow{@apply left-0;}[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{@apply right-0 border-l-0;}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow{@apply left-auto right-0;}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{@apply right-auto left-0 border-r-0;}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before{border-left-width:.5em}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-left-width:calc(.5em - 1px)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], animations: [cmatAnimations], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-popover', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [cmatAnimations], exportAs: 'cmatPopover', standalone: true, imports: [NgStyle, NgClass, A11yModule], template: "<ng-template>\r\n    <div  class=\"cmat-popover-panel shadow\" role=\"dialog\" [ngClass]=\"classList\" [ngStyle]=\"popoverPanelStyles\"\r\n        (keydown)=\"handleKeydown($event)\" (click)=\"onClick()\" (focus)=\"onFocus()\" (mouseover)=\"onMouseOver()\" (mouseleave)=\"onMouseLeave()\"\r\n        [@.disabled]=\"disableAnimation\" [@transform]=\"'enter'\">\r\n        <div class=\"cmat-popover-direction-arrow\" [ngStyle]=\"popoverArrowStyles\"></div>\r\n        <div class=\"cmat-popover-content\" [ngStyle]=\"popoverContentStyles\" [cdkTrapFocus]=\"focusTrapEnabled\"\r\n            [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</ng-template>", styles: [".cmat-popover-panel{max-height:calc(100vh - 48px);@apply p-2 rounded-lg text-lg bg-card;}.cmat-popover-panel[class*=cmat-popover-below]{margin-top:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-above]{margin-bottom:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-before]{margin-right:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-before]{@apply mr-auto;margin-left:calc(.5em + 2px)}.cmat-popover-panel[class*=cmat-popover-after]{margin-left:calc(.5em + 2px)}[dir=rtl] .cmat-popover-panel[class*=cmat-popover-after]{@apply ml-auto;margin-right:calc(.5em + 2px)}.cmat-popover-direction-arrow{@apply absolute;}.cmat-popover-direction-arrow:before,.cmat-popover-direction-arrow:after{@apply absolute inline-block border-solid;content:\"\"}.cmat-popover-direction-arrow:before{border-width:.5em;border-color:var(--cmat-divider)}.cmat-popover-direction-arrow:after{border-width:calc(.5em - 1px);border-color:var(--cmat-bg-card)}[class*=cmat-popover-below] .cmat-popover-direction-arrow,[class*=cmat-popover-above] .cmat-popover-direction-arrow{width:1em}[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{left:1px}[dir=rtl] [class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[dir=rtl] [class*=cmat-popover-above] .cmat-popover-direction-arrow:after{right:1px;left:auto}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after,[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{border-left-color:transparent;border-right-color:transparent}[class*=cmat-popover-below] .cmat-popover-direction-arrow{@apply top-0;}[class*=cmat-popover-below] .cmat-popover-direction-arrow:before,[class*=cmat-popover-below] .cmat-popover-direction-arrow:after{@apply bottom-0 border-t-0;}[class*=cmat-popover-above] .cmat-popover-direction-arrow{@apply bottom-0;}[class*=cmat-popover-above] .cmat-popover-direction-arrow:before,[class*=cmat-popover-above] .cmat-popover-direction-arrow:after{@apply top-0 border-b-0;}[class*=cmat-popover-before] .cmat-popover-direction-arrow,[class*=cmat-popover-after] .cmat-popover-direction-arrow{height:1em}[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{top:1px}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after,[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-top-color:transparent;border-bottom-color:transparent}[class*=cmat-popover-before] .cmat-popover-direction-arrow{@apply right-0;}[class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[class*=cmat-popover-before] .cmat-popover-direction-arrow:after{@apply left-0 border-r-0;}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow{@apply right-auto left-0;}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{@apply left-auto right-0 border-l-0;}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:before{border-right-width:.5em}[dir=rtl] [class*=cmat-popover-before] .cmat-popover-direction-arrow:after{border-right-width:calc(.5em - 1px)}[class*=cmat-popover-after] .cmat-popover-direction-arrow{@apply left-0;}[class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[class*=cmat-popover-after] .cmat-popover-direction-arrow:after{@apply right-0 border-l-0;}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow{@apply left-auto right-0;}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before,[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{@apply right-auto left-0 border-r-0;}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:before{border-left-width:.5em}[dir=rtl] [class*=cmat-popover-after] .cmat-popover-direction-arrow:after{border-left-width:calc(.5em - 1px)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { closed: [{
+                type: Output
+            }], templateRef: [{
+                type: ViewChild,
+                args: [TemplateRef]
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], popoverPanelStyles: [{
+                type: Input
+            }], popoverArrowStyles: [{
+                type: Input
+            }], popoverContentStyles: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], triggerEvent: [{
+                type: Input
+            }], scrollStrategy: [{
+                type: Input
+            }], enterDelay: [{
+                type: Input
+            }], leaveDelay: [{
+                type: Input
+            }], xOffset: [{
+                type: Input
+            }], yOffset: [{
+                type: Input
+            }], arrowOffsetX: [{
+                type: Input
+            }], arrowOffsetY: [{
+                type: Input
+            }], arrowWidth: [{
+                type: Input
+            }], arrowHeight: [{
+                type: Input
+            }], closeOnPanelClick: [{
+                type: Input
+            }], closeOnBackdropClick: [{
+                type: Input
+            }], disableAnimation: [{
+                type: Input
+            }], focusTrapEnabled: [{
+                type: Input
+            }], focusTrapAutoCaptureEnabled: [{
+                type: Input
+            }], panelClass: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatPopoverComponent };
+//# sourceMappingURL=cmat-components-popover.mjs.map

package/fesm2022/cmat-components-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-popover.mjs","sources":["../../../projects/cmat/components/popover/popover.errors.ts","../../../projects/cmat/components/popover/popover.component.ts","../../../projects/cmat/components/popover/popover.component.html","../../../projects/cmat/components/popover/cmat-components-popover.ts"],"sourcesContent":["\r\n/**\r\n * Throws an exception for the case when popover trigger doesn't have a valid cmat-popover instance\r\n */\r\nexport function throwCmatPopoverMissingError(): void {\r\n    throw Error(`cmat-popover-trigger: must pass in an cmat-popover instance.\r\n\r\n    Example:\r\n      <cmat-popover #popover=\"cmatPopover\"></cmat-popover>\r\n      <button [cmatPopoverTriggerFor]=\"popover\"></button>`);\r\n}\r\n\r\n/**\r\n * Throws an exception for the case when popover's cmatPopoverPosition[0] value isn't valid.\r\n * In other words, it doesn't match 'above', 'below', 'before' or 'after'.\r\n */\r\nexport function throwCmatPopoverInvalidPositionStart(): void {\r\n    throw Error(`cmatPopoverPosition[0] value must be either 'above', 'below', 'before' or 'after'.\r\n    Example: <cmat-popover [position]=\"['below', 'after']\" #popover=\"cmatPopover\"></cmat-popover>`);\r\n}\r\n\r\n/**\r\n * Throws an exception for the case when popover's cmatPopoverPosition[1] value isn't valid.\r\n * In other words, it doesn't match 'above', 'below', 'before', 'after' or 'center'.\r\n */\r\nexport function throwCmatPopoverInvalidPositionEnd(): void {\r\n    throw Error(`cmatPopoverPosition[1] value must be either 'above', 'below', 'before', 'after' or 'center'.\r\n    Example: <cmat-popover [position]=\"['below', 'after']\" #popover=\"cmatPopover\"></cmat-popover>`);\r\n}\r\n","/* eslint-disable @typescript-eslint/naming-convention */\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ElementRef,\r\n    EventEmitter,\r\n    HostBinding,\r\n    Input,\r\n    NgZone,\r\n    OnDestroy,\r\n    Optional,\r\n    Output,\r\n    TemplateRef,\r\n    ViewChild,\r\n    ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { AnimationEvent } from '@angular/animations';\r\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { Directionality } from '@angular/cdk/bidi';\r\n\r\nimport { CmatPopoverPosition, CmatPopoverScrollStrategy, CmatPopoverTriggerEvent } from './popover.type';\r\nimport { throwCmatPopoverInvalidPositionEnd, throwCmatPopoverInvalidPositionStart } from './popover.errors';\r\nimport { CmatPopoverPanel } from './popover.interfaces';\r\nimport { cmatAnimations } from 'cmat/animations';\r\nimport { NgClass, NgStyle } from '@angular/common';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\n\r\n@Component({\r\n    selector: 'cmat-popover',\r\n    templateUrl: './popover.component.html',\r\n    styleUrls: ['./popover.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    animations: [cmatAnimations],\r\n    exportAs: 'cmatPopover',\r\n    standalone: true,\r\n    imports: [NgStyle, NgClass,A11yModule]\r\n})\r\nexport class CmatPopoverComponent implements CmatPopoverPanel, OnDestroy {\r\n    static ngAcceptInputType_closeOnPanelClick: BooleanInput;\r\n    static ngAcceptInputType_closeOnBackdropClick: BooleanInput;\r\n    static ngAcceptInputType_disableAnimation: BooleanInput;\r\n    static ngAcceptInputType_focusTrapEnabled: BooleanInput;\r\n    static ngAcceptInputType_focusTrapAutoCaptureEnabled: BooleanInput;\r\n\r\n    /** Event emitted when the popover is closed. */\r\n    @Output() closed = new EventEmitter<void>();\r\n\r\n    @ViewChild(TemplateRef) templateRef!: TemplateRef<any>;\r\n\r\n    @HostBinding('attr.role') role = 'dialog';\r\n    /** Config object to be passed into the popover's arrow ngStyle */\r\n    @Input()\r\n    popoverPanelStyles = {};\r\n\r\n    /** Config object to be passed into the popover's arrow ngStyle */\r\n    @Input()\r\n    public popoverArrowStyles = {};\r\n\r\n    /** Config object to be passed into the popover's content ngStyle */\r\n    @Input()\r\n    public popoverContentStyles = {};\r\n    /** Whether popover's `targetElement` is defined */\r\n    public containerPositioning = false;\r\n\r\n    /** Closing disabled on popover */\r\n    public closeDisabled = false;\r\n\r\n    /** Config object to be passed into the popover's ngClass */\r\n    classList: { [key: string]: boolean } = {};\r\n\r\n    /** Emits the current animation state whenever it changes. */\r\n    _onAnimationStateChange = new EventEmitter<AnimationEvent>();\r\n\r\n    /** Settings for popover, view setters and getters for more detail */\r\n    private _position: CmatPopoverPosition = ['below', 'after'];\r\n    private _triggerEvent: CmatPopoverTriggerEvent = 'hover';\r\n    private _scrollStrategy: CmatPopoverScrollStrategy = 'reposition';\r\n    private _enterDelay = 100;\r\n    private _leaveDelay = 100;\r\n    private _panelOffsetX = 0;\r\n    private _panelOffsetY = 0;\r\n    private _closeOnPanelClick = false;\r\n    private _closeOnBackdropClick = true;\r\n    private _disableAnimation = false;\r\n    private _focusTrapEnabled = true;\r\n    private _focusTrapAutoCaptureEnabled = true;\r\n    private _arrowOffsetX = 20;\r\n    private _arrowOffsetY = 20;\r\n    private _arrowWidth = 16;\r\n    private _arrowHeight = 16;\r\n\r\n    constructor(\r\n        @Optional() private _dir: Directionality,\r\n        private _elementRef: ElementRef,\r\n        public zone: NgZone\r\n    ) {\r\n        this.setPositionClasses();\r\n    }\r\n\r\n    get position(): CmatPopoverPosition {\r\n        return this._position;\r\n    }\r\n    /** Position of the popover. */\r\n    @Input()\r\n    set position(value: CmatPopoverPosition) {\r\n        if (!['before', 'after', 'above', 'below'].includes(value[0])) {\r\n            throwCmatPopoverInvalidPositionStart();\r\n        }\r\n        if (!['before', 'after', 'above', 'below', 'center'].includes(value[1])) {\r\n            throwCmatPopoverInvalidPositionEnd();\r\n        }\r\n        this._position = value;\r\n        this.setPositionClasses();\r\n    }\r\n\r\n    /** Popover trigger event */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get triggerEvent(): CmatPopoverTriggerEvent {\r\n        return this._triggerEvent;\r\n    }\r\n    @Input()\r\n    set triggerEvent(value: CmatPopoverTriggerEvent) {\r\n        this._triggerEvent = value;\r\n    }\r\n\r\n    /** Popover scroll strategy */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get scrollStrategy(): CmatPopoverScrollStrategy {\r\n        return this._scrollStrategy;\r\n    }\r\n    @Input()\r\n    set scrollStrategy(value: CmatPopoverScrollStrategy) {\r\n        this._scrollStrategy = value;\r\n    }\r\n\r\n    /** Popover enter delay */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get enterDelay(): number {\r\n        return this._enterDelay;\r\n    }\r\n\r\n    @Input()\r\n    set enterDelay(value: number) {\r\n        this._enterDelay = value;\r\n    }\r\n\r\n    /** Popover leave delay */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get leaveDelay(): number {\r\n        return this._leaveDelay;\r\n    }\r\n\r\n    @Input()\r\n    set leaveDelay(value: number) {\r\n        this._leaveDelay = value;\r\n    }\r\n\r\n    /** Popover target offset x */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get xOffset(): number {\r\n        return this._panelOffsetX;\r\n    }\r\n    @Input()\r\n    set xOffset(value: number) {\r\n        this._panelOffsetX = value;\r\n    }\r\n\r\n    /** Popover target offset y */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get yOffset(): number {\r\n        return this._panelOffsetY;\r\n    }\r\n\r\n    @Input()\r\n    set yOffset(value: number) {\r\n        this._panelOffsetY = value;\r\n    }\r\n\r\n    /** Popover arrow offset x */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get arrowOffsetX(): number {\r\n        return this._arrowOffsetX;\r\n    }\r\n\r\n    @Input()\r\n    set arrowOffsetX(value: number) {\r\n        this._arrowOffsetX = value;\r\n    }\r\n\r\n    /** Popover arrow offset y */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get arrowOffsetY(): number {\r\n        return this._arrowOffsetY;\r\n    }\r\n\r\n    @Input()\r\n    set arrowOffsetY(value: number) {\r\n        this._arrowOffsetY = value;\r\n    }\r\n\r\n    /** Popover arrow width */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get arrowWidth(): number {\r\n        return this._arrowWidth;\r\n    }\r\n\r\n    @Input()\r\n    set arrowWidth(value: number) {\r\n        this._arrowWidth = value;\r\n    }\r\n\r\n    /** Popover arrow height */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get arrowHeight(): number {\r\n        return this._arrowHeight;\r\n    }\r\n    @Input()\r\n    set arrowHeight(value: number) {\r\n        this._arrowHeight = value;\r\n    }\r\n\r\n    /** Popover close on container click */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get closeOnPanelClick(): boolean {\r\n        return this._closeOnPanelClick;\r\n    }\r\n\r\n    @Input()\r\n    set closeOnPanelClick(value: boolean) {\r\n        this._closeOnPanelClick = coerceBooleanProperty(value);\r\n    }\r\n\r\n    /** Popover close on backdrop click */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get closeOnBackdropClick(): boolean {\r\n        return this._closeOnBackdropClick;\r\n    }\r\n    @Input()\r\n    set closeOnBackdropClick(value: boolean) {\r\n        this._closeOnBackdropClick = coerceBooleanProperty(value);\r\n    }\r\n\r\n    /** Disable animations of popover and all child elements */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get disableAnimation(): boolean {\r\n        return this._disableAnimation;\r\n    }\r\n\r\n    @Input()\r\n    set disableAnimation(value: boolean) {\r\n        this._disableAnimation = coerceBooleanProperty(value);\r\n    }\r\n\r\n    /** Popover focus trap using cdkTrapFocus */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get focusTrapEnabled(): boolean {\r\n        return this._focusTrapEnabled;\r\n    }\r\n\r\n    @Input()\r\n    set focusTrapEnabled(value: boolean) {\r\n        this._focusTrapEnabled = coerceBooleanProperty(value);\r\n    }\r\n\r\n    /** Popover focus trap auto capture using cdkTrapFocusAutoCapture */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get focusTrapAutoCaptureEnabled(): boolean {\r\n        return this._focusTrapAutoCaptureEnabled;\r\n    }\r\n\r\n    @Input()\r\n    set focusTrapAutoCaptureEnabled(value: boolean) {\r\n        this._focusTrapAutoCaptureEnabled = coerceBooleanProperty(value);\r\n    }\r\n\r\n    /**\r\n     * This method takes classes set on the host md-popover element and applies them on the\r\n     * popover template that displays in the overlay container.  Otherwise, it's difficult\r\n     * to style the containing popover from outside the component.\r\n     *\r\n     * @param classes list of class names\r\n     */\r\n    @Input()\r\n    set panelClass(classes: string) {\r\n        if (classes && classes.length) {\r\n            this.classList = classes.split(' ').reduce((obj: any, className: string) => {\r\n                obj[className] = true;\r\n                return obj;\r\n            }, {});\r\n\r\n            this._elementRef.nativeElement.className = '';\r\n            this.setPositionClasses();\r\n        }\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this.emitCloseEvent();\r\n        this.closed.complete();\r\n    }\r\n\r\n    /** Handle a keyboard event from the popover, delegating to the appropriate action. */\r\n    handleKeydown(event: KeyboardEvent): void {\r\n        switch (event.code) {\r\n            case 'Escape':\r\n                this.emitCloseEvent();\r\n                return;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * This emits a close event to which the trigger is subscribed. When emitted, the\r\n     * trigger will close the popover.\r\n     */\r\n    emitCloseEvent(): void {\r\n        this.closed.emit();\r\n    }\r\n\r\n    /** Close popover on click if closeOnPanelClick is true */\r\n    onClick(): void {\r\n        if (this.closeOnPanelClick) {\r\n            this.emitCloseEvent();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * TODO: Refactor when @angular/cdk includes feature I mentioned on github see link below.\r\n     * https://github.com/angular/material2/pull/5493#issuecomment-313085323\r\n     */\r\n    /** Disables close of popover when leaving trigger element and mouse over the popover */\r\n    onMouseOver(): void {\r\n        if (this.triggerEvent === 'hover') {\r\n            this.closeDisabled = true;\r\n        }\r\n    }\r\n\r\n    onFocus(): void {\r\n        //do someting\r\n    }\r\n\r\n    /** Enables close of popover when mouse leaving popover element */\r\n    onMouseLeave(): void {\r\n        if (this.triggerEvent === 'hover') {\r\n            this.closeDisabled = false;\r\n            this.emitCloseEvent();\r\n        }\r\n    }\r\n\r\n    // TODO: Refactor how styles are set and updated on the component, use best practices.\r\n    // TODO: If arrow left and right positioning is requested, see if flex direction can be used to work with order.\r\n    /** Sets the current styles for the popover to allow for dynamically changing settings */\r\n    setCurrentStyles(pos = this.position): void {\r\n        const left =\r\n            pos[1] === 'after'\r\n                ? `${this.arrowOffsetX - this.arrowWidth / 2}px`\r\n                : pos[1] === 'center'\r\n                    ? `calc(50% - ${this.arrowWidth / 2}px)`\r\n                    : '';\r\n        const right = pos[1] === 'before' ? `${this.arrowOffsetX - this.arrowWidth / 2}px` : '';\r\n\r\n        const bottom =\r\n            pos[1] === 'above'\r\n                ? `${this.arrowOffsetY - this.arrowHeight / 2}px`\r\n                : pos[1] === 'center'\r\n                    ? `calc(50% - ${this.arrowHeight / 2}px)`\r\n                    : '';\r\n        const top = pos[1] === 'below' ? `${this.arrowOffsetY - this.arrowHeight / 2}px` : '';\r\n\r\n        this.popoverArrowStyles =\r\n            pos[0] === 'above' || pos[0] === 'below'\r\n                ? {\r\n                    left: this._dir.value === 'ltr' ? left : right,\r\n                    right: this._dir.value === 'ltr' ? right : left,\r\n                }\r\n                : {\r\n                    top,\r\n                    bottom,\r\n                };\r\n    }\r\n\r\n    /**\r\n     * It's necessary to set position-based classes to ensure the popover panel animation\r\n     * folds out from the correct direction.\r\n     */\r\n    setPositionClasses(pos = this.position): void {\r\n        this.classList['cmat-popover-before-above'] = pos[0] === 'before' && pos[1] === 'above';\r\n        this.classList['cmat-popover-before-center'] = pos[0] === 'before' && pos[1] === 'center';\r\n        this.classList['cmat-popover-before-below'] = pos[0] === 'before' && pos[1] === 'below';\r\n        this.classList['cmat-popover-after-above'] = pos[0] === 'after' && pos[1] === 'above';\r\n        this.classList['cmat-popover-after-center'] = pos[0] === 'after' && pos[1] === 'center';\r\n        this.classList['cmat-popover-after-below'] = pos[0] === 'after' && pos[1] === 'below';\r\n        this.classList['cmat-popover-above-before'] = pos[0] === 'above' && pos[1] === 'before';\r\n        this.classList['cmat-popover-above-center'] = pos[0] === 'above' && pos[1] === 'center';\r\n        this.classList['cmat-popover-above-after'] = pos[0] === 'above' && pos[1] === 'after';\r\n        this.classList['cmat-popover-below-before'] = pos[0] === 'below' && pos[1] === 'before';\r\n        this.classList['cmat-popover-below-center'] = pos[0] === 'below' && pos[1] === 'center';\r\n        this.classList['cmat-popover-below-after'] = pos[0] === 'below' && pos[1] === 'after';\r\n    }\r\n}\r\n","<ng-template>\r\n    <div  class=\"cmat-popover-panel shadow\" role=\"dialog\" [ngClass]=\"classList\" [ngStyle]=\"popoverPanelStyles\"\r\n        (keydown)=\"handleKeydown($event)\" (click)=\"onClick()\" (focus)=\"onFocus()\" (mouseover)=\"onMouseOver()\" (mouseleave)=\"onMouseLeave()\"\r\n        [@.disabled]=\"disableAnimation\" [@transform]=\"'enter'\">\r\n        <div class=\"cmat-popover-direction-arrow\" [ngStyle]=\"popoverArrowStyles\"></div>\r\n        <div class=\"cmat-popover-content\" [ngStyle]=\"popoverContentStyles\" [cdkTrapFocus]=\"focusTrapEnabled\"\r\n            [cdkTrapFocusAutoCapture]=\"focusTrapAutoCaptureEnabled\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</ng-template>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-progress-bar.mjs

@@ -0,0 +1,62 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i2 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { NgIf } from '@angular/common';
+import * as i1 from 'cmat/services/loading';
+
+class CmatProgressBarComponent {
+    constructor(_cmatLoadingService) {
+        this._cmatLoadingService = _cmatLoadingService;
+        this.autoMode = true;
+        this.progress = 0;
+        this.show = false;
+        this._unsubscribeAll = new Subject();
+    }
+    ngOnChanges(changes) {
+        // Auto mode
+        if ('autoMode' in changes) {
+            // Set the auto mode in the service
+            this._cmatLoadingService.setAutoMode(coerceBooleanProperty(changes['autoMode'].currentValue));
+        }
+    }
+    ngOnInit() {
+        this._cmatLoadingService.mode$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe((value) => {
+            this.mode = value;
+        });
+        this._cmatLoadingService.progress$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe((value) => {
+            this.progress = value;
+        });
+        this._cmatLoadingService.show$
+            .pipe(takeUntil(this._unsubscribeAll))
+            .subscribe((value) => {
+            this.show = value;
+        });
+    }
+    ngOnDestroy() {
+        this._unsubscribeAll.next(null);
+        this._unsubscribeAll.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatProgressBarComponent, deps: [{ token: i1.CmatLoadingService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatProgressBarComponent, isStandalone: true, selector: "cmat-progress-bar", inputs: { autoMode: "autoMode" }, exportAs: ["cmatProgressBar"], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"show\">\r\n    <mat-progress-bar\r\n        [mode]=\"mode\"\r\n        [value]=\"progress\"></mat-progress-bar>\r\n</ng-container>\r\n", styles: ["cmat-progress-bar{position:fixed;top:0;z-index:999;width:100%;height:6px}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-progress-bar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatProgressBar', standalone: true, imports: [NgIf, MatProgressBarModule], template: "<ng-container *ngIf=\"show\">\r\n    <mat-progress-bar\r\n        [mode]=\"mode\"\r\n        [value]=\"progress\"></mat-progress-bar>\r\n</ng-container>\r\n", styles: ["cmat-progress-bar{position:fixed;top:0;z-index:999;width:100%;height:6px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.CmatLoadingService }], propDecorators: { autoMode: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatProgressBarComponent };
+//# sourceMappingURL=cmat-components-progress-bar.mjs.map

package/fesm2022/cmat-components-progress-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-progress-bar.mjs","sources":["../../../projects/cmat/components/progress-bar/progress-bar.component.ts","../../../projects/cmat/components/progress-bar/progress-bar.component.html","../../../projects/cmat/components/progress-bar/cmat-components-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input, OnChanges, OnDestroy, OnInit, SimpleChanges, ViewEncapsulation } from '@angular/core';\r\nimport { Subject } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { CmatLoadingService } from 'cmat/services/loading';\r\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { NgIf } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'cmat-progress-bar',\r\n    templateUrl: './progress-bar.component.html',\r\n    styleUrls: ['./progress-bar.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatProgressBar',\r\n    standalone: true,\r\n    imports: [NgIf, MatProgressBarModule]\r\n})\r\nexport class CmatProgressBarComponent implements OnChanges, OnInit, OnDestroy {\r\n    @Input() autoMode: boolean = true;\r\n    mode: 'determinate' | 'indeterminate';\r\n    progress: number | null = 0;\r\n    show: boolean = false;\r\n    private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n\r\n    constructor(\r\n        private _cmatLoadingService: CmatLoadingService\r\n    ) {\r\n\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        // Auto mode\r\n        if ('autoMode' in changes) {\r\n            // Set the auto mode in the service\r\n            this._cmatLoadingService.setAutoMode(coerceBooleanProperty(changes['autoMode'].currentValue));\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._cmatLoadingService.mode$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe((value) => {\r\n                this.mode = value;\r\n            });\r\n\r\n        this._cmatLoadingService.progress$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe((value) => {\r\n                this.progress = value;\r\n            });\r\n\r\n        this._cmatLoadingService.show$\r\n            .pipe(takeUntil(this._unsubscribeAll))\r\n            .subscribe((value) => {\r\n                this.show = value;\r\n            });\r\n\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(null);\r\n        this._unsubscribeAll.complete();\r\n    }\r\n}\r\n","<ng-container *ngIf=\"show\">\r\n    <mat-progress-bar\r\n        [mode]=\"mode\"\r\n        [value]=\"progress\"></mat-progress-bar>\r\n</ng-container>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}