import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function DropdownDualMultiSelectLoadingComponent_ng_template_1_li_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li")(1, "div", 4);
    i0.ɵɵelement(2, "div", 5);
    i0.ɵɵelementEnd()();
} }
function DropdownDualMultiSelectLoadingComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul");
    i0.ɵɵtemplate(1, DropdownDualMultiSelectLoadingComponent_ng_template_1_li_1_Template, 3, 0, "li", 3);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngForOf", ctx_r0.items);
} }
function DropdownDualMultiSelectLoadingComponent_ng_template_3_li_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li")(1, "div", 6);
    i0.ɵɵelement(2, "div", 5);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "div", 4);
    i0.ɵɵelement(4, "div", 5);
    i0.ɵɵelementEnd()();
} }
function DropdownDualMultiSelectLoadingComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul");
    i0.ɵɵtemplate(1, DropdownDualMultiSelectLoadingComponent_ng_template_3_li_1_Template, 5, 0, "li", 3);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngForOf", ctx_r2.items);
} }
export class DropdownDualMultiSelectLoadingComponent {
    set amount(numberOfItems) {
        this.items = new Array(numberOfItems);
    }
    static { this.ɵfac = function DropdownDualMultiSelectLoadingComponent_Factory(t) { return new (t || DropdownDualMultiSelectLoadingComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownDualMultiSelectLoadingComponent, selectors: [["fusion-dropdown-dual-multi-select-loading"]], inputs: { position: "position", amount: "amount" }, decls: 5, vars: 1, consts: [[3, "ngTemplateOutlet"], ["circleRight", ""], ["circleLeft", ""], [4, "ngFor", "ngForOf"], [1, "rect"], [1, "shine-overlay", 2, "animation-delay", "0s"], [1, "circle"]], template: function DropdownDualMultiSelectLoadingComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementContainer(0, 0);
            i0.ɵɵtemplate(1, DropdownDualMultiSelectLoadingComponent_ng_template_1_Template, 2, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(3, DropdownDualMultiSelectLoadingComponent_ng_template_3_Template, 2, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            const _r1 = i0.ɵɵreference(2);
            const _r3 = i0.ɵɵreference(4);
            i0.ɵɵproperty("ngTemplateOutlet", ctx.position === "left" ? _r3 : _r1);
        } }, dependencies: [i1.NgForOf, i1.NgTemplateOutlet], styles: ["@font-face{font-family:NHaasGroteskDSPro;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.ttf) format(\"truetype\")}@font-face{font-family:NHaasGroteskDSPro-65Md;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue-Medium;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.ttf) format(\"truetype\")}.font-heading-6[_ngcontent-%COMP%], .font-heading-5[_ngcontent-%COMP%], .font-heading-4[_ngcontent-%COMP%], .font-heading-3[_ngcontent-%COMP%], .font-heading-2[_ngcontent-%COMP%], .font-heading-1[_ngcontent-%COMP%]{font-family:NHaasGroteskDSPro,sans-serif}.font-heading-1[_ngcontent-%COMP%]{font-size:60px}.font-heading-2[_ngcontent-%COMP%]{font-size:32px}.font-heading-3[_ngcontent-%COMP%]{font-size:22px}.font-heading-4[_ngcontent-%COMP%]{font-size:18px}.font-heading-5[_ngcontent-%COMP%]{font-size:15px}.font-heading-6[_ngcontent-%COMP%]{font-size:13px}.font-heading-label[_ngcontent-%COMP%]{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;letter-spacing:.25px}.font-caption[_ngcontent-%COMP%], .font-bodyXSmall[_ngcontent-%COMP%], .font-bodySmall[_ngcontent-%COMP%], .font-bodyMedium[_ngcontent-%COMP%], .font-bodyLarge[_ngcontent-%COMP%]{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong[_ngcontent-%COMP%], .font-bodySmallStrong[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-size:16px}.font-bodyMedium[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%]{font-size:14px}.font-bodySmall[_ngcontent-%COMP%], .font-bodySmallStrong[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}.font-bodyXSmall[_ngcontent-%COMP%], .font-bodyXSmallStrong[_ngcontent-%COMP%]{font-size:12px;letter-spacing:.24px}.font-caption[_ngcontent-%COMP%]{font-size:11px}@keyframes _ngcontent-%COMP%_rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}[_nghost-%COMP%]   .circle[_ngcontent-%COMP%], [_nghost-%COMP%]   .rect[_ngcontent-%COMP%]{position:relative;overflow:hidden;background:var(--fu-light-100, #F1F3F4);height:16px;border-radius:8px}[_nghost-%COMP%]   .circle[_ngcontent-%COMP%]{margin:0 4px;width:16px}[_nghost-%COMP%]   .rect[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%]   ul[_ngcontent-%COMP%]{flex:1;margin:12px 8px;padding:0;width:240px}[_nghost-%COMP%]   ul[_ngcontent-%COMP%] > li[_ngcontent-%COMP%]{display:flex;margin-bottom:16px}[_nghost-%COMP%]   .shine-overlay[_ngcontent-%COMP%]{position:absolute;inset:0;animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:_ngcontent-%COMP%_shineAnimation;animation-timing-function:linear;background:rgba(255,255,255,0);background:linear-gradient(to right,rgba(255,255,255,0) 8%,#fafafb 18%,rgba(255,255,255,0) 33%);background-size:1500px 100px}@keyframes _ngcontent-%COMP%_shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownDualMultiSelectLoadingComponent, [{
        type: Component,
        args: [{ selector: 'fusion-dropdown-dual-multi-select-loading', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"position === 'left' ? circleLeft : circleRight\"></ng-container>\n\n<ng-template #circleRight>\n    <ul>\n        <li *ngFor=\"let item of items\">\n            <div class=\"rect\">\n                <div class=\"shine-overlay\" style=\"animation-delay: 0s\"></div>\n            </div>\n        </li>\n    </ul>\n</ng-template>\n\n<ng-template #circleLeft>\n    <ul>\n        <li *ngFor=\"let item of items\">\n            <div class=\"circle\">\n                <div class=\"shine-overlay\" style=\"animation-delay: 0s\"></div>\n            </div>\n            <div class=\"rect\">\n                <div class=\"shine-overlay\" style=\"animation-delay: 0s\"></div>\n            </div>\n        </li>\n    </ul>\n</ng-template>\n", styles: ["@font-face{font-family:NHaasGroteskDSPro;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.ttf) format(\"truetype\")}@font-face{font-family:NHaasGroteskDSPro-65Md;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue-Medium;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.ttf) format(\"truetype\")}.font-heading-6,.font-heading-5,.font-heading-4,.font-heading-3,.font-heading-2,.font-heading-1{font-family:NHaasGroteskDSPro,sans-serif}.font-heading-1{font-size:60px}.font-heading-2{font-size:32px}.font-heading-3{font-size:22px}.font-heading-4{font-size:18px}.font-heading-5{font-size:15px}.font-heading-6{font-size:13px}.font-heading-label{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;letter-spacing:.25px}.font-caption,.font-bodyXSmall,.font-bodySmall,.font-bodyMedium,.font-bodyLarge{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong,.font-bodySmallStrong,.font-bodyMediumStrong,.font-bodyLargeStrong{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge,.font-bodyLargeStrong{font-size:16px}.font-bodyMedium,.font-bodyMediumStrong{font-size:14px}.font-bodySmall,.font-bodySmallStrong{font-size:13px;letter-spacing:.24px}.font-bodyXSmall,.font-bodyXSmallStrong{font-size:12px;letter-spacing:.24px}.font-caption{font-size:11px}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}:host .circle,:host .rect{position:relative;overflow:hidden;background:var(--fu-light-100, #F1F3F4);height:16px;border-radius:8px}:host .circle{margin:0 4px;width:16px}:host .rect{flex:1}:host ul{flex:1;margin:12px 8px;padding:0;width:240px}:host ul>li{display:flex;margin-bottom:16px}:host .shine-overlay{position:absolute;inset:0;animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shineAnimation;animation-timing-function:linear;background:rgba(255,255,255,0);background:linear-gradient(to right,rgba(255,255,255,0) 8%,#fafafb 18%,rgba(255,255,255,0) 33%);background-size:1500px 100px}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}\n"] }]
    }], null, { position: [{
            type: Input
        }], amount: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownDualMultiSelectLoadingComponent, { className: "DropdownDualMultiSelectLoadingComponent", filePath: "v3/components/dropdown-dual-multi-select-loading/dropdown-dual-multi-select-loading.component.ts", lineNumber: 9 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mdXNpb24tdWkvY29tcG9uZW50cy9kcm9wZG93bi1kdWFsLW11bHRpLXNlbGVjdC92My9jb21wb25lbnRzL2Ryb3Bkb3duLWR1YWwtbXVsdGktc2VsZWN0LWxvYWRpbmcvZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mdXNpb24tdWkvY29tcG9uZW50cy9kcm9wZG93bi1kdWFsLW11bHRpLXNlbGVjdC92My9jb21wb25lbnRzL2Ryb3Bkb3duLWR1YWwtbXVsdGktc2VsZWN0LWxvYWRpbmcvZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztJQ0loRSwwQkFBK0IsYUFBQTtJQUV2Qix5QkFBNkQ7SUFDakUsaUJBQU0sRUFBQTs7O0lBSmQsMEJBQUk7SUFDQSxvR0FJSztJQUNULGlCQUFLOzs7SUFMb0IsY0FBUTtJQUFSLHNDQUFROzs7SUFVN0IsMEJBQStCLGFBQUE7SUFFdkIseUJBQTZEO0lBQ2pFLGlCQUFNO0lBQ04sOEJBQWtCO0lBQ2QseUJBQTZEO0lBQ2pFLGlCQUFNLEVBQUE7OztJQVBkLDBCQUFJO0lBQ0Esb0dBT0s7SUFDVCxpQkFBSzs7O0lBUm9CLGNBQVE7SUFBUixzQ0FBUTs7QUROckMsTUFBTSxPQUFPLHVDQUF1QztJQUVoRCxJQUFhLE1BQU0sQ0FBQyxhQUFxQjtRQUNyQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7d0dBSlEsdUNBQXVDO29FQUF2Qyx1Q0FBdUM7WUNScEQsMkJBQWlHO1lBRWpHLHlJQVFjLDRIQUFBOzs7O1lBVkEsc0VBQW1FOzs7aUZEUXBFLHVDQUF1QztjQU5uRCxTQUFTOzJCQUNJLDJDQUEyQyxtQkFHcEMsdUJBQXVCLENBQUMsTUFBTTtnQkFHdEMsUUFBUTtrQkFBaEIsS0FBSztZQUNPLE1BQU07a0JBQWxCLEtBQUs7O2tGQUZHLHVDQUF1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Z1c2lvbi1kcm9wZG93bi1kdWFsLW11bHRpLXNlbGVjdC1sb2FkaW5nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERyb3Bkb3duRHVhbE11bHRpU2VsZWN0TG9hZGluZ0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgcG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCc7XG4gICAgQElucHV0KCkgc2V0IGFtb3VudChudW1iZXJPZkl0ZW1zOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5pdGVtcyA9IG5ldyBBcnJheShudW1iZXJPZkl0ZW1zKTtcbiAgICB9XG5cbiAgICBpdGVtczogQXJyYXk8bnVtYmVyPjtcbn1cbiIsIjxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicG9zaXRpb24gPT09ICdsZWZ0JyA/IGNpcmNsZUxlZnQgOiBjaXJjbGVSaWdodFwiPjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI2NpcmNsZVJpZ2h0PlxuICAgIDx1bD5cbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVjdFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaGluZS1vdmVybGF5XCIgc3R5bGU9XCJhbmltYXRpb24tZGVsYXk6IDBzXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9saT5cbiAgICA8L3VsPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNjaXJjbGVMZWZ0PlxuICAgIDx1bD5cbiAgICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2lyY2xlXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNoaW5lLW92ZXJsYXlcIiBzdHlsZT1cImFuaW1hdGlvbi1kZWxheTogMHNcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlY3RcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2hpbmUtb3ZlcmxheVwiIHN0eWxlPVwiYW5pbWF0aW9uLWRlbGF5OiAwc1wiPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbGk+XG4gICAgPC91bD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=