import { Component, Input, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class LoadingComponent {
    constructor() {
        this.loadingStyle = 'default';
    }
    ngOnInit() {
        if (this.target) {
            this.targetName = this.target.nodeName;
        }
    }
    ngOnChanges(changes) {
        if (changes['target']) {
            if (this.target) {
                this.targetName = this.target.nodeName;
            }
        }
    }
    // Will overwrite this method in modal service
    close() { }
}
LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LoadingComponent, selector: "d-loading", inputs: { loadingTemplateRef: "loadingTemplateRef", message: "message", top: "top", left: "left", customPosition: "customPosition", target: "target", zIndex: "zIndex", loadingStyle: "loadingStyle" }, usesOnChanges: true, ngImport: i0, template: `<div class="devui-loading-wrapper" [ngClass]="{ 'devui-loading-full': targetName === 'BODY' }">
    <ng-container *ngTemplateOutlet="loadingTemplateRef ? loadingTemplateRef : default"> </ng-container>
    <ng-template #default>
      <div
        class="devui-spinner-wrapper"
        [ngClass]="{ 'devui-fix-loading-position': !customPosition, 'devui-message-wrapper': !!message }"
        [ngStyle]="{ 'z-index': zIndex, top: top, left: left }"
      >
        <div class="devui-busy-default-sign">
          <div *ngIf="loadingStyle === 'default'" class="devui-busy-default-spinner">
            <div class="devui-loading-bar1"></div>
            <div class="devui-loading-bar2"></div>
            <div class="devui-loading-bar3"></div>
            <div class="devui-loading-bar4"></div>
          </div>
          <div *ngIf="loadingStyle === 'infinity'" class="devui-infinity-loading-wrapper">
            <svg
              width="68px"
              height="34px"
              viewBox="0 0 68 34"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
            >
              <defs>
                <linearGradient
                  x1="115.001687%"
                  y1="62.0561305%"
                  x2="5.52129005%"
                  y2="37.7390732%"
                  id="devui-container-loading-linearGradient"
                >
                  <stop stop-color="#299BFF" offset="0%"></stop>
                  <stop stop-color="#0064D6" offset="100%"></stop>
                </linearGradient>
              </defs>
              <g id="Loading" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                <g id="oldLoading" transform="translate(6.000000, 5.000000)" stroke-width="5">
                  <path
                    id="infinity-bg"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-miterlimit="10"
                    d="M28.8273356,12.0651475 C34.9215537,4.0217158 40.200047,0 44.6627517,0 C51.4764195,0 57,5.5964615 57,12.4999677 C57,
                    19.4036031 51.4764195,25 44.6627517,25 C40.258896,25 35.0606745,21.0837108 29.0680872,13.2510678 L27.8765067,
                    11.6765806 C21.9073188,3.8921935 16.7275235,0 12.3372483,0 C5.52358054,0 0,5.5964615 0,12.4999677 C0,
                    19.4036031 5.52358054,25 12.3372483,25 C16.7979128,25 22.0734732,20.9820956 28.164057,
                    12.9462221 L28.8273356,12.0651475 Z"
                  ></path>
                  <path
                    stroke="url(#devui-container-loading-linearGradient)"
                    id="infinity-outline"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-miterlimit="10"
                    d="M28.8273356,12.0651475 C34.9215537,4.0217158 40.200047,0 44.6627517,0 C51.4764195,0 57,5.5964615 57,12.4999677 C57,
                    19.4036031 51.4764195,25 44.6627517,25 C40.258896,25 35.0606745,21.0837108 29.0680872,13.2510678 L27.8765067,
                    11.6765806 C21.9073188,3.8921935 16.7275235,0 12.3372483,0 C5.52358054,0 0,5.5964615 0,12.4999677 C0,
                    19.4036031 5.52358054,25 12.3372483,25 C16.7979128,25 22.0734732,20.9820956 28.164057,
                    12.9462221 L28.8273356,12.0651475 Z"
                  ></path>
                </g>
              </g>
            </svg>
          </div>
          <div class="devui-busy-default-text" *ngIf="!!message">{{ message }}</div>
        </div>
      </div>
    </ng-template>
  </div>`, isInline: true, styles: [".devui-font-size-base{font-size:12px;font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:12px;font-size:var(--devui-font-size, 12px);font-weight:400;line-height:1.5}.devui-font-size-modal-title{font-size:18px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:18px;font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;line-height:1.5}.devui-font-size-page-title{font-size:16px;font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:16px;font-size:var(--devui-font-size-page-title, 16px);font-weight:700;line-height:1.5}.devui-font-size-secondary-title{font-size:14px;font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:14px;font-size:var(--devui-font-size-card-title, 14px);font-weight:700;line-height:1.5}.devui-loading-wrapper{display:flex;flex:1 1 auto}.devui-loading-wrapper.devui-loading-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1080;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-spinner-wrapper{position:absolute;z-index:1080;z-index:var(--devui-z-index-full-page-overlay, 1080);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;display:flex}.devui-message-wrapper{background:#ffffff;background:var(--devui-base-bg, #ffffff);border-radius:6px;border-radius:var(--devui-border-radius-card, 6px)}.devui-fix-loading-position{transform:translate(-50%,-50%)}.devui-busy-default-sign{position:relative;display:inline-flex;z-index:1080;z-index:var(--devui-z-index-full-page-overlay, 1080);padding:12px;color:#252b3a;color:var(--devui-text, #252b3a)}.devui-busy-default-text{display:inline-block;margin-left:8px;max-width:400px;font-size:12px;font-size:var(--devui-font-size, 12px);text-align:left}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;-webkit-animation:devui-busy-spinner-anim 1s linear infinite;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#f2f2f3;background:var(--devui-brand-foil, #f2f2f3)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#f2f2f3;background:var(--devui-brand-foil, #f2f2f3)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}@-webkit-keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}#infinity-outline{stroke-dasharray:1.7px,170px;stroke-dashoffset:0;-webkit-animation:anim 1.8s linear infinite;animation:anim 1.8s linear infinite;opacity:1}#infinity-bg{stroke:#e2e2e6}@-webkit-keyframes anim{0%{stroke-dasharray:0px,170px;stroke-dashoffset:0px}55%{stroke-dasharray:40.8px,170px;stroke-dashoffset:-61.2px}to{stroke-dasharray:-158.1px,170px;stroke-dashoffset:-158.1px}}@keyframes anim{0%{stroke-dasharray:0px,170px;stroke-dashoffset:0px}55%{stroke-dasharray:40.8px,170px;stroke-dashoffset:-61.2px}to{stroke-dasharray:-158.1px,170px;stroke-dashoffset:-158.1px}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LoadingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'd-loading', template: `<div class="devui-loading-wrapper" [ngClass]="{ 'devui-loading-full': targetName === 'BODY' }">
    <ng-container *ngTemplateOutlet="loadingTemplateRef ? loadingTemplateRef : default"> </ng-container>
    <ng-template #default>
      <div
        class="devui-spinner-wrapper"
        [ngClass]="{ 'devui-fix-loading-position': !customPosition, 'devui-message-wrapper': !!message }"
        [ngStyle]="{ 'z-index': zIndex, top: top, left: left }"
      >
        <div class="devui-busy-default-sign">
          <div *ngIf="loadingStyle === 'default'" class="devui-busy-default-spinner">
            <div class="devui-loading-bar1"></div>
            <div class="devui-loading-bar2"></div>
            <div class="devui-loading-bar3"></div>
            <div class="devui-loading-bar4"></div>
          </div>
          <div *ngIf="loadingStyle === 'infinity'" class="devui-infinity-loading-wrapper">
            <svg
              width="68px"
              height="34px"
              viewBox="0 0 68 34"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink"
            >
              <defs>
                <linearGradient
                  x1="115.001687%"
                  y1="62.0561305%"
                  x2="5.52129005%"
                  y2="37.7390732%"
                  id="devui-container-loading-linearGradient"
                >
                  <stop stop-color="#299BFF" offset="0%"></stop>
                  <stop stop-color="#0064D6" offset="100%"></stop>
                </linearGradient>
              </defs>
              <g id="Loading" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
                <g id="oldLoading" transform="translate(6.000000, 5.000000)" stroke-width="5">
                  <path
                    id="infinity-bg"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-miterlimit="10"
                    d="M28.8273356,12.0651475 C34.9215537,4.0217158 40.200047,0 44.6627517,0 C51.4764195,0 57,5.5964615 57,12.4999677 C57,
                    19.4036031 51.4764195,25 44.6627517,25 C40.258896,25 35.0606745,21.0837108 29.0680872,13.2510678 L27.8765067,
                    11.6765806 C21.9073188,3.8921935 16.7275235,0 12.3372483,0 C5.52358054,0 0,5.5964615 0,12.4999677 C0,
                    19.4036031 5.52358054,25 12.3372483,25 C16.7979128,25 22.0734732,20.9820956 28.164057,
                    12.9462221 L28.8273356,12.0651475 Z"
                  ></path>
                  <path
                    stroke="url(#devui-container-loading-linearGradient)"
                    id="infinity-outline"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    stroke-miterlimit="10"
                    d="M28.8273356,12.0651475 C34.9215537,4.0217158 40.200047,0 44.6627517,0 C51.4764195,0 57,5.5964615 57,12.4999677 C57,
                    19.4036031 51.4764195,25 44.6627517,25 C40.258896,25 35.0606745,21.0837108 29.0680872,13.2510678 L27.8765067,
                    11.6765806 C21.9073188,3.8921935 16.7275235,0 12.3372483,0 C5.52358054,0 0,5.5964615 0,12.4999677 C0,
                    19.4036031 5.52358054,25 12.3372483,25 C16.7979128,25 22.0734732,20.9820956 28.164057,
                    12.9462221 L28.8273356,12.0651475 Z"
                  ></path>
                </g>
              </g>
            </svg>
          </div>
          <div class="devui-busy-default-text" *ngIf="!!message">{{ message }}</div>
        </div>
      </div>
    </ng-template>
  </div>`, preserveWhitespaces: false, styles: [".devui-font-size-base{font-size:12px;font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:12px;font-size:var(--devui-font-size, 12px);font-weight:400;line-height:1.5}.devui-font-size-modal-title{font-size:18px;font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:18px;font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;line-height:1.5}.devui-font-size-page-title{font-size:16px;font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:16px;font-size:var(--devui-font-size-page-title, 16px);font-weight:700;line-height:1.5}.devui-font-size-secondary-title{font-size:14px;font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:14px;font-size:var(--devui-font-size-card-title, 14px);font-weight:700;line-height:1.5}.devui-loading-wrapper{display:flex;flex:1 1 auto}.devui-loading-wrapper.devui-loading-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1080;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-spinner-wrapper{position:absolute;z-index:1080;z-index:var(--devui-z-index-full-page-overlay, 1080);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;display:flex}.devui-message-wrapper{background:#ffffff;background:var(--devui-base-bg, #ffffff);border-radius:6px;border-radius:var(--devui-border-radius-card, 6px)}.devui-fix-loading-position{transform:translate(-50%,-50%)}.devui-busy-default-sign{position:relative;display:inline-flex;z-index:1080;z-index:var(--devui-z-index-full-page-overlay, 1080);padding:12px;color:#252b3a;color:var(--devui-text, #252b3a)}.devui-busy-default-text{display:inline-block;margin-left:8px;max-width:400px;font-size:12px;font-size:var(--devui-font-size, 12px);text-align:left}.devui-busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;-webkit-animation:devui-busy-spinner-anim 1s linear infinite;animation:devui-busy-spinner-anim 1s linear infinite}.devui-busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-busy-default-spinner .devui-loading-bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-busy-default-spinner .devui-loading-bar2{top:0;left:9px;background:#f2f2f3;background:var(--devui-brand-foil, #f2f2f3)}.devui-busy-default-spinner .devui-loading-bar3{top:9px;left:0;background:#f2f2f3;background:var(--devui-brand-foil, #f2f2f3)}.devui-busy-default-spinner .devui-loading-bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}@-webkit-keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}#infinity-outline{stroke-dasharray:1.7px,170px;stroke-dashoffset:0;-webkit-animation:anim 1.8s linear infinite;animation:anim 1.8s linear infinite;opacity:1}#infinity-bg{stroke:#e2e2e6}@-webkit-keyframes anim{0%{stroke-dasharray:0px,170px;stroke-dashoffset:0px}55%{stroke-dasharray:40.8px,170px;stroke-dashoffset:-61.2px}to{stroke-dasharray:-158.1px,170px;stroke-dashoffset:-158.1px}}@keyframes anim{0%{stroke-dasharray:0px,170px;stroke-dashoffset:0px}55%{stroke-dasharray:40.8px,170px;stroke-dashoffset:-61.2px}to{stroke-dasharray:-158.1px,170px;stroke-dashoffset:-158.1px}}\n"] }]
        }], propDecorators: { loadingTemplateRef: [{
                type: Input
            }], message: [{
                type: Input
            }], top: [{
                type: Input
            }], left: [{
                type: Input
            }], customPosition: [{
                type: Input
            }], target: [{
                type: Input
            }], zIndex: [{
                type: Input
            }], loadingStyle: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 