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();
    i0.ɵɵelementStart(3, "div", 6);
    i0.ɵɵelement(4, "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, 5, 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: ["[_nghost-%COMP%]   .circle[_ngcontent-%COMP%], [_nghost-%COMP%]   .rect[_ngcontent-%COMP%]{position:relative;overflow:hidden;background:var(--light-color-100, #F9FAFB);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:18px 8px;padding:0;width:244px}[_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            <div class=\"circle\">\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: [":host .circle,:host .rect{position:relative;overflow:hidden;background:var(--light-color-100, #F9FAFB);height:16px;border-radius:8px}:host .circle{margin:0 4px;width:16px}:host .rect{flex:1}:host ul{flex:1;margin:18px 8px;padding:0;width:244px}: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: "components/dropdown-dual-multi-select-loading/dropdown-dual-multi-select-loading.component.ts", lineNumber: 9 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mdXNpb24tdWkvY29tcG9uZW50cy9kcm9wZG93bi1kdWFsLW11bHRpLXNlbGVjdC92Mi9jb21wb25lbnRzL2Ryb3Bkb3duLWR1YWwtbXVsdGktc2VsZWN0LWxvYWRpbmcvZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mdXNpb24tdWkvY29tcG9uZW50cy9kcm9wZG93bi1kdWFsLW11bHRpLXNlbGVjdC92Mi9jb21wb25lbnRzL2Ryb3Bkb3duLWR1YWwtbXVsdGktc2VsZWN0LWxvYWRpbmcvZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7OztJQ0loRSwwQkFBK0IsYUFBQTtJQUV2Qix5QkFBNkQ7SUFDakUsaUJBQU07SUFDTiw4QkFBb0I7SUFDaEIseUJBQTZEO0lBQ2pFLGlCQUFNLEVBQUE7OztJQVBkLDBCQUFJO0lBQ0Esb0dBT0s7SUFDVCxpQkFBSzs7O0lBUm9CLGNBQVE7SUFBUixzQ0FBUTs7O0lBYTdCLDBCQUErQixhQUFBO0lBRXZCLHlCQUE2RDtJQUNqRSxpQkFBTTtJQUNOLDhCQUFrQjtJQUNkLHlCQUE2RDtJQUNqRSxpQkFBTSxFQUFBOzs7SUFQZCwwQkFBSTtJQUNBLG9HQU9LO0lBQ1QsaUJBQUs7OztJQVJvQixjQUFRO0lBQVIsc0NBQVE7O0FEVHJDLE1BQU0sT0FBTyx1Q0FBdUM7SUFFaEQsSUFBYSxNQUFNLENBQUMsYUFBcUI7UUFDckMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO3dHQUpRLHVDQUF1QztvRUFBdkMsdUNBQXVDO1lDUnBELDJCQUFpRztZQUVqRyx5SUFXYyw0SEFBQTs7OztZQWJBLHNFQUFtRTs7O2lGRFFwRSx1Q0FBdUM7Y0FObkQsU0FBUzsyQkFDSSwyQ0FBMkMsbUJBR3BDLHVCQUF1QixDQUFDLE1BQU07Z0JBR3RDLFFBQVE7a0JBQWhCLEtBQUs7WUFDTyxNQUFNO2tCQUFsQixLQUFLOztrRkFGRyx1Q0FBdUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdXNpb24tZHJvcGRvd24tZHVhbC1tdWx0aS1zZWxlY3QtbG9hZGluZycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLWR1YWwtbXVsdGktc2VsZWN0LWxvYWRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLWR1YWwtbXVsdGktc2VsZWN0LWxvYWRpbmcuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bkR1YWxNdWx0aVNlbGVjdExvYWRpbmdDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnO1xuICAgIEBJbnB1dCgpIHNldCBhbW91bnQobnVtYmVyT2ZJdGVtczogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuaXRlbXMgPSBuZXcgQXJyYXkobnVtYmVyT2ZJdGVtcyk7XG4gICAgfVxuXG4gICAgaXRlbXM6IEFycmF5PG51bWJlcj47XG59XG4iLCI8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInBvc2l0aW9uID09PSAnbGVmdCcgPyBjaXJjbGVMZWZ0IDogY2lyY2xlUmlnaHRcIj48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNjaXJjbGVSaWdodD5cbiAgICA8dWw+XG4gICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJlY3RcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2hpbmUtb3ZlcmxheVwiIHN0eWxlPVwiYW5pbWF0aW9uLWRlbGF5OiAwc1wiPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2lyY2xlXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNoaW5lLW92ZXJsYXlcIiBzdHlsZT1cImFuaW1hdGlvbi1kZWxheTogMHNcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2xpPlxuICAgIDwvdWw+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2NpcmNsZUxlZnQ+XG4gICAgPHVsPlxuICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXNcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjaXJjbGVcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2hpbmUtb3ZlcmxheVwiIHN0eWxlPVwiYW5pbWF0aW9uLWRlbGF5OiAwc1wiPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwicmVjdFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaGluZS1vdmVybGF5XCIgc3R5bGU9XCJhbmltYXRpb24tZGVsYXk6IDBzXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9saT5cbiAgICA8L3VsPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==