import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { defaultStrokeWidth } from './loader.configuration';
import * as i0 from "@angular/core";
export class LoaderComponent {
    set strokeWidth(value) {
        this._strokeWidth = value;
    }
    get strokeWidth() {
        return this._strokeWidth ?? defaultStrokeWidth;
    }
    static { this.ɵfac = function LoaderComponent_Factory(t) { return new (t || LoaderComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoaderComponent, selectors: [["fusion-loader"]], inputs: { strokeWidth: "strokeWidth" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [["width", "100%", "height", "100%", 1, "fu-circle-svg"], ["cx", "50%", "cy", "50%", "r", "43.75%"]], template: function LoaderComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵnamespaceSVG();
            i0.ɵɵelementStart(0, "svg", 0);
            i0.ɵɵelement(1, "circle", 1);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵstyleProp("stroke-width", ctx.strokeWidth);
        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%]{display:flex;width:100%;height:100%;box-sizing:border-box;position:relative;color:#ccc}[_nghost-%COMP%]   .fu-circle-svg[_ngcontent-%COMP%]{margin:0 auto;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[_nghost-%COMP%]   .fu-circle-svg[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%]{stroke:currentColor;fill:transparent;transform-origin:center;stroke-dasharray:314.159265359%;animation:_ngcontent-%COMP%_spinner linear 0s infinite normal none running;animation-duration:1.4s}@keyframes _ngcontent-%COMP%_spinner{0%{stroke-dashoffset:314.159265359%;transform:rotate(0)}to{stroke-dashoffset:-314.159265359%;transform:rotate(390deg)}}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoaderComponent, [{
        type: Component,
        args: [{ selector: 'fusion-loader', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg class=\"fu-circle-svg\" width=\"100%\" height=\"100%\">\n    <circle cx=\"50%\" cy=\"50%\" r=\"43.75%\" [style.stroke-width]=\"strokeWidth\" />\n</svg>\n", styles: [":host{display:flex;width:100%;height:100%;box-sizing:border-box;position:relative;color:#ccc}:host .fu-circle-svg{margin:0 auto;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:host .fu-circle-svg circle{stroke:currentColor;fill:transparent;transform-origin:center;stroke-dasharray:314.159265359%;animation:spinner linear 0s infinite normal none running;animation-duration:1.4s}@keyframes spinner{0%{stroke-dashoffset:314.159265359%;transform:rotate(0)}to{stroke-dashoffset:-314.159265359%;transform:rotate(390deg)}}\n"] }]
    }], null, { strokeWidth: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoaderComponent, { className: "LoaderComponent", filePath: "loader.component.ts", lineNumber: 13 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Z1c2lvbi11aS9jb21wb25lbnRzL2xvYWRlci92NC9sb2FkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvbG9hZGVyL3Y0L2xvYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sd0JBQXdCLENBQUM7O0FBVTFELE1BQU0sT0FBTyxlQUFlO0lBQ3hCLElBQWEsV0FBVyxDQUFDLEtBQWE7UUFDbEMsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksSUFBSSxrQkFBa0IsQ0FBQztJQUNuRCxDQUFDO2dGQVBRLGVBQWU7b0VBQWYsZUFBZTtZQ1o1QixtQkFBc0Q7WUFBdEQsOEJBQXNEO1lBQ2xELDRCQUEwRTtZQUM5RSxpQkFBTTs7WUFEbUMsY0FBa0M7WUFBbEMsK0NBQWtDOzRCRE03RCxZQUFZOztpRkFLYixlQUFlO2NBUjNCLFNBQVM7MkJBQ0ksZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNO2dCQUdsQyxXQUFXO2tCQUF2QixLQUFLOztrRkFERyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7ZGVmYXVsdFN0cm9rZVdpZHRofSBmcm9tICcuL2xvYWRlci5jb25maWd1cmF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdXNpb24tbG9hZGVyJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xvYWRlci5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgc2V0IHN0cm9rZVdpZHRoKHZhbHVlOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5fc3Ryb2tlV2lkdGggPSB2YWx1ZTtcbiAgICB9XG5cbiAgICBnZXQgc3Ryb2tlV2lkdGgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3N0cm9rZVdpZHRoID8/IGRlZmF1bHRTdHJva2VXaWR0aDtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9zdHJva2VXaWR0aDogbnVtYmVyO1xufVxuIiwiPHN2ZyBjbGFzcz1cImZ1LWNpcmNsZS1zdmdcIiB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxMDAlXCI+XG4gICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjQzLjc1JVwiIFtzdHlsZS5zdHJva2Utd2lkdGhdPVwic3Ryb2tlV2lkdGhcIiAvPlxuPC9zdmc+XG4iXX0=