import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class LoaderCubeComponent {
    constructor() {
        this.title = '';
        this.message = '';
        this.width = '230px';
    }
    ngOnInit() {
        this.calculateWidth();
    }
    calculateWidth() {
        const characters = this.message.length;
        if (characters <= 18)
            return;
        this.width = `${Math.round((characters * 160) / 18)}px`;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LoaderCubeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: LoaderCubeComponent, selector: "smz-ui-loader-cube", inputs: { title: "title", message: "message", width: "width" }, ngImport: i0, template: "<div class=\"loading-page-container\">\r\n    <div class=\"loading-container\" [ngStyle]=\"{ 'width': width }\">\r\n        <div class=\"spinner-container\">\r\n            <div class=\"sk-cube-grid\">\r\n                <div class=\"sk-cube sk-cube1\"></div>\r\n                <div class=\"sk-cube sk-cube2\"></div>\r\n                <div class=\"sk-cube sk-cube3\"></div>\r\n                <div class=\"sk-cube sk-cube4\"></div>\r\n                <div class=\"sk-cube sk-cube5\"></div>\r\n                <div class=\"sk-cube sk-cube6\"></div>\r\n                <div class=\"sk-cube sk-cube7\"></div>\r\n                <div class=\"sk-cube sk-cube8\"></div>\r\n                <div class=\"sk-cube sk-cube9\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"text-container grid flex-col items-start justify-middle\">\r\n            <h3>{{ title }}</h3>\r\n            <p>{{ message }}</p>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loading-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;-webkit-user-select:none;user-select:none;z-index:10001}.loading-container{min-width:230px;max-width:500px;height:80px;background:var(--surface-card);border-radius:60px;border:1px solid var(--surface-ground);box-shadow:0 6.2px 4.5px #00000006,0 14.4px 10.6px #00000009,0 25.8px 19px #0000000a,0 42.9px 31.5px #0000000c,0 70.6px 51.8px #0000000e,0 123.4px 90.6px #0001,0 267px 196px #00000017;display:grid!important;grid-template-columns:70px 1fr;grid-template-rows:60px;grid-column-gap:10px;grid-row-gap:0px;margin-left:auto;margin-right:auto;margin-top:calc(50vh - 40px);padding:10px}.spinner-container{--aspect-ratio: 1/1;height:60px;width:60px;background:var(--primary-color);border-radius:60px}.text-container h3{font-size:18px;color:var(--text-color);margin-top:16px;margin-bottom:0}.text-container p{color:var(--text-color);margin:2px 0 0;font-size:12px;line-height:15px}.sk-cube-grid{margin-top:14px!important;width:30px;height:30px;margin:0 auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:var(--surface-card);float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LoaderCubeComponent, decorators: [{
            type: Component,
            args: [{ selector: 'smz-ui-loader-cube', template: "<div class=\"loading-page-container\">\r\n    <div class=\"loading-container\" [ngStyle]=\"{ 'width': width }\">\r\n        <div class=\"spinner-container\">\r\n            <div class=\"sk-cube-grid\">\r\n                <div class=\"sk-cube sk-cube1\"></div>\r\n                <div class=\"sk-cube sk-cube2\"></div>\r\n                <div class=\"sk-cube sk-cube3\"></div>\r\n                <div class=\"sk-cube sk-cube4\"></div>\r\n                <div class=\"sk-cube sk-cube5\"></div>\r\n                <div class=\"sk-cube sk-cube6\"></div>\r\n                <div class=\"sk-cube sk-cube7\"></div>\r\n                <div class=\"sk-cube sk-cube8\"></div>\r\n                <div class=\"sk-cube sk-cube9\"></div>\r\n            </div>\r\n        </div>\r\n        <div class=\"text-container grid flex-col items-start justify-middle\">\r\n            <h3>{{ title }}</h3>\r\n            <p>{{ message }}</p>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".loading-page-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;-webkit-user-select:none;user-select:none;z-index:10001}.loading-container{min-width:230px;max-width:500px;height:80px;background:var(--surface-card);border-radius:60px;border:1px solid var(--surface-ground);box-shadow:0 6.2px 4.5px #00000006,0 14.4px 10.6px #00000009,0 25.8px 19px #0000000a,0 42.9px 31.5px #0000000c,0 70.6px 51.8px #0000000e,0 123.4px 90.6px #0001,0 267px 196px #00000017;display:grid!important;grid-template-columns:70px 1fr;grid-template-rows:60px;grid-column-gap:10px;grid-row-gap:0px;margin-left:auto;margin-right:auto;margin-top:calc(50vh - 40px);padding:10px}.spinner-container{--aspect-ratio: 1/1;height:60px;width:60px;background:var(--primary-color);border-radius:60px}.text-container h3{font-size:18px;color:var(--text-color);margin-top:16px;margin-bottom:0}.text-container p{color:var(--text-color);margin:2px 0 0;font-size:12px;line-height:15px}.sk-cube-grid{margin-top:14px!important;width:30px;height:30px;margin:0 auto}.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:var(--surface-card);float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,70%,to{-webkit-transform:scale3D(1,1,1);transform:scaleZ(1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}\n"] }]
        }], ctorParameters: () => [], propDecorators: { title: [{
                type: Input
            }], message: [{
                type: Input
            }], width: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLWN1YmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNtei11aS9zcmMvbGliL21vZHVsZXMvc216LWxheW91dHMvZmVhdHVyZXMvZ2xvYmFsLWxvYWRlci9jb21wb25lbnRzL2N1YmUvbG9hZGVyLWN1YmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNtei11aS9zcmMvbGliL21vZHVsZXMvc216LWxheW91dHMvZmVhdHVyZXMvZ2xvYmFsLWxvYWRlci9jb21wb25lbnRzL2N1YmUvbG9hZGVyLWN1YmUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7OztBQU96RCxNQUFNLE9BQU8sbUJBQW1CO0lBSzlCO1FBSGdCLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2IsVUFBSyxHQUFHLE9BQU8sQ0FBQztJQUNoQixDQUFDO0lBRVYsUUFBUTtRQUViLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRU0sY0FBYztRQUVuQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQztRQUV2QyxJQUFJLFVBQVUsSUFBSSxFQUFFO1lBQUUsT0FBTztRQUU3QixJQUFJLENBQUMsS0FBSyxHQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLFVBQVUsR0FBRyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDO0lBQzNELENBQUM7OEdBbkJVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBIQ1BoQyxrOEJBb0JNOzsyRkRiTyxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0Usb0JBQW9CO3dEQU1kLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3Ntei11aS1sb2FkZXItY3ViZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRlci1jdWJlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9sb2FkZXItY3ViZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBMb2FkZXJDdWJlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0XHJcbntcclxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGUgPSAnJztcclxuICBASW5wdXQoKSBwdWJsaWMgbWVzc2FnZSA9ICcnO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB3aWR0aCA9ICcyMzBweCc7XHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWRcclxuICB7XHJcbiAgICB0aGlzLmNhbGN1bGF0ZVdpZHRoKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgY2FsY3VsYXRlV2lkdGgoKTogdm9pZCB7XHJcblxyXG4gICAgY29uc3QgY2hhcmFjdGVycyA9IHRoaXMubWVzc2FnZS5sZW5ndGg7XHJcblxyXG4gICAgaWYgKGNoYXJhY3RlcnMgPD0gMTgpIHJldHVybjtcclxuXHJcbiAgICB0aGlzLndpZHRoID0gIGAke01hdGgucm91bmQoKGNoYXJhY3RlcnMgKiAxNjApIC8gMTgpfXB4YDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImxvYWRpbmctcGFnZS1jb250YWluZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJsb2FkaW5nLWNvbnRhaW5lclwiIFtuZ1N0eWxlXT1cInsgJ3dpZHRoJzogd2lkdGggfVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY3ViZS1ncmlkXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY3ViZSBzay1jdWJlMVwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWN1YmUgc2stY3ViZTJcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmUzXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY3ViZSBzay1jdWJlNFwiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWN1YmUgc2stY3ViZTVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU2XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2stY3ViZSBzay1jdWJlN1wiPjwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNrLWN1YmUgc2stY3ViZThcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzay1jdWJlIHNrLWN1YmU5XCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LWNvbnRhaW5lciBncmlkIGZsZXgtY29sIGl0ZW1zLXN0YXJ0IGp1c3RpZnktbWlkZGxlXCI+XHJcbiAgICAgICAgICAgIDxoMz57eyB0aXRsZSB9fTwvaDM+XHJcbiAgICAgICAgICAgIDxwPnt7IG1lc3NhZ2UgfX08L3A+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19