ngx-sfc-components 0.0.16 → 0.0.18

package/esm2020/lib/components/avatar/avatar.component.mjs

@@ -58,10 +58,10 @@ export class AvatarComponent {
     }
 }
 AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AvatarComponent, selector: "sfc-avatar", inputs: { radius: "radius", stroke: "stroke", progress: "progress", progressModel: "progressModel", data: "data", stars: "stars", starsValue: "starsValue" }, queries: [{ propertyName: "badges", predicate: AvatarBadgeComponent, read: AvatarBadgeComponent }], ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"avatar-image-container\">\r\n        <div class=\"avatar\" (mouseenter)=\"stroke = stroke * STROKE_HOVER_VALUE\"\r\n            (mouseleave)=\"stroke = stroke / STROKE_HOVER_VALUE\">\r\n\r\n            <div class=\"avatar-image\">\r\n                <svg [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                    <defs>\r\n                        <pattern id=\"{{imageModel.ImageId}}\" patternUnits=\"userSpaceOnUse\"\r\n                            [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                            <image [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\"\r\n                                [attr.xlink:href]=\"data.image\" preserveAspectRatio=\"xMidYMid slice\"></image>\r\n                        </pattern>\r\n                    </defs>\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.color\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.filledColor\"\r\n                        [attr.stroke-dasharray]=\"imageModel.Circumference + ' ' + imageModel.Circumference\"\r\n                        [ngStyle]=\"{'stroke-dashoffset':strokeDashOffset}\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n\r\n                    <circle [attr.cx]=\"radius\" [attr.cy]=\"radius\" [attr.r]=\"imageModel.ImageRadius\"\r\n                        attr.fill=\"url('#{{imageModel.ImageId}}')\" />\r\n                </svg>\r\n            </div>\r\n\r\n            <ng-content></ng-content>\r\n\r\n        </div>\r\n\r\n        <sfc-stars *ngIf=\"stars\" [value]=\"starsValue\"></sfc-stars>\r\n    </div>\r\n\r\n    <div class=\"avatar-data-container\">\r\n        <div class=\"fullname\" [style.fontSize.px]=\"radius / FULLNAME_PART_VALUE\">\r\n            <span>{{data.firstName}} {{data.lastName}}</span>\r\n        </div>\r\n        <div class=\"title\" [style.fontSize.px]=\"radius / TITLE_PART_VALUE\">\r\n            <span>{{data.title}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host .container .avatar-image-container{display:flex;justify-content:center;flex-direction:column;align-items:center}:host .container .avatar-image-container .avatar{position:relative;margin-bottom:.5em}:host .container .avatar-image-container .avatar .avatar-image{display:flex;overflow:hidden;align-items:center;justify-content:center}:host .container .avatar-image-container .avatar .avatar-image circle{transform-origin:50% 50%;transition:stroke-dashoffset .35s,stroke-width .3s}:host .container .avatar-image-container .avatar .avatar-image circle.progress{transform:rotate(-90deg)}:host .container .avatar-data-container{display:flex;flex-direction:column;align-items:center;font-size:1em;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .avatar-data-container .fullname,:host-context(.sfc-default-theme)>:host .container .avatar-data-container .fullname{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .avatar-data-container .fullname{color:#f5f7fa}:host .container .avatar-data-container .title{color:#aab2bd}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.StarsComponent, selector: "sfc-stars", inputs: ["value", "count"] }] });
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: AvatarComponent, selector: "sfc-avatar", inputs: { radius: "radius", stroke: "stroke", progress: "progress", progressModel: "progressModel", data: "data", stars: "stars", starsValue: "starsValue" }, queries: [{ propertyName: "badges", predicate: AvatarBadgeComponent, read: AvatarBadgeComponent }], ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"avatar-image-container\">\r\n        <div class=\"avatar\" (mouseenter)=\"stroke = stroke * STROKE_HOVER_VALUE\"\r\n            (mouseleave)=\"stroke = stroke / STROKE_HOVER_VALUE\">\r\n\r\n            <div class=\"avatar-image\">\r\n                <svg [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                    <defs>\r\n                        <pattern id=\"{{imageModel.ImageId}}\" patternUnits=\"userSpaceOnUse\"\r\n                            [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                            <image [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\"\r\n                                [attr.xlink:href]=\"data.image\" preserveAspectRatio=\"xMidYMid slice\"></image>\r\n                        </pattern>\r\n                    </defs>\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.color\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.filledColor\"\r\n                        [attr.stroke-dasharray]=\"imageModel.Circumference + ' ' + imageModel.Circumference\"\r\n                        [ngStyle]=\"{'stroke-dashoffset':strokeDashOffset}\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n\r\n                    <circle [attr.cx]=\"radius\" [attr.cy]=\"radius\" [attr.r]=\"imageModel.ImageRadius\"\r\n                        attr.fill=\"url('#{{imageModel.ImageId}}')\" />\r\n                </svg>\r\n            </div>\r\n\r\n            <ng-content></ng-content>\r\n\r\n        </div>\r\n\r\n        <sfc-stars *ngIf=\"stars\" [value]=\"starsValue\"></sfc-stars>\r\n    </div>\r\n\r\n    <div class=\"avatar-data-container\">\r\n        <div class=\"fullname\" [style.fontSize.px]=\"radius / FULLNAME_PART_VALUE\">\r\n            <span>{{data.firstName}} {{data.lastName}}</span>\r\n        </div>\r\n        <div class=\"title\" [style.fontSize.px]=\"radius / TITLE_PART_VALUE\">\r\n            <span>{{data.title}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host .container .avatar-image-container{display:flex;justify-content:center;flex-direction:column;align-items:center}:host .container .avatar-image-container .avatar{position:relative;margin-bottom:.5em}:host .container .avatar-image-container .avatar .avatar-image{display:flex;overflow:hidden;align-items:center;justify-content:center}:host .container .avatar-image-container .avatar .avatar-image circle{transform-origin:50% 50%;transition:stroke-dashoffset .35s,stroke-width .3s}:host .container .avatar-image-container .avatar .avatar-image circle.progress{transform:rotate(-90deg)}:host .container .avatar-data-container{display:flex;flex-direction:column;align-items:center;font-size:1em;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .avatar-data-container .fullname,:host-context(.sfc-default-theme) :host .container .avatar-data-container .fullname{color:#545e61}:host-context(.sfc-dark-theme) :host .container .avatar-data-container .fullname{color:#f5f7fa}:host .container .avatar-data-container .title{color:#aab2bd}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.StarsComponent, selector: "sfc-stars", inputs: ["value", "count"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-avatar', template: "<div class=\"container\">\r\n    <div class=\"avatar-image-container\">\r\n        <div class=\"avatar\" (mouseenter)=\"stroke = stroke * STROKE_HOVER_VALUE\"\r\n            (mouseleave)=\"stroke = stroke / STROKE_HOVER_VALUE\">\r\n\r\n            <div class=\"avatar-image\">\r\n                <svg [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                    <defs>\r\n                        <pattern id=\"{{imageModel.ImageId}}\" patternUnits=\"userSpaceOnUse\"\r\n                            [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                            <image [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\"\r\n                                [attr.xlink:href]=\"data.image\" preserveAspectRatio=\"xMidYMid slice\"></image>\r\n                        </pattern>\r\n                    </defs>\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.color\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.filledColor\"\r\n                        [attr.stroke-dasharray]=\"imageModel.Circumference + ' ' + imageModel.Circumference\"\r\n                        [ngStyle]=\"{'stroke-dashoffset':strokeDashOffset}\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n\r\n                    <circle [attr.cx]=\"radius\" [attr.cy]=\"radius\" [attr.r]=\"imageModel.ImageRadius\"\r\n                        attr.fill=\"url('#{{imageModel.ImageId}}')\" />\r\n                </svg>\r\n            </div>\r\n\r\n            <ng-content></ng-content>\r\n\r\n        </div>\r\n\r\n        <sfc-stars *ngIf=\"stars\" [value]=\"starsValue\"></sfc-stars>\r\n    </div>\r\n\r\n    <div class=\"avatar-data-container\">\r\n        <div class=\"fullname\" [style.fontSize.px]=\"radius / FULLNAME_PART_VALUE\">\r\n            <span>{{data.firstName}} {{data.lastName}}</span>\r\n        </div>\r\n        <div class=\"title\" [style.fontSize.px]=\"radius / TITLE_PART_VALUE\">\r\n            <span>{{data.title}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host .container .avatar-image-container{display:flex;justify-content:center;flex-direction:column;align-items:center}:host .container .avatar-image-container .avatar{position:relative;margin-bottom:.5em}:host .container .avatar-image-container .avatar .avatar-image{display:flex;overflow:hidden;align-items:center;justify-content:center}:host .container .avatar-image-container .avatar .avatar-image circle{transform-origin:50% 50%;transition:stroke-dashoffset .35s,stroke-width .3s}:host .container .avatar-image-container .avatar .avatar-image circle.progress{transform:rotate(-90deg)}:host .container .avatar-data-container{display:flex;flex-direction:column;align-items:center;font-size:1em;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .avatar-data-container .fullname,:host-context(.sfc-default-theme)>:host .container .avatar-data-container .fullname{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .avatar-data-container .fullname{color:#f5f7fa}:host .container .avatar-data-container .title{color:#aab2bd}\n"] }]
+            args: [{ selector: 'sfc-avatar', template: "<div class=\"container\">\r\n    <div class=\"avatar-image-container\">\r\n        <div class=\"avatar\" (mouseenter)=\"stroke = stroke * STROKE_HOVER_VALUE\"\r\n            (mouseleave)=\"stroke = stroke / STROKE_HOVER_VALUE\">\r\n\r\n            <div class=\"avatar-image\">\r\n                <svg [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                    <defs>\r\n                        <pattern id=\"{{imageModel.ImageId}}\" patternUnits=\"userSpaceOnUse\"\r\n                            [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\">\r\n                            <image [attr.height]=\"imageModel.Height\" [attr.width]=\"imageModel.Width\"\r\n                                [attr.xlink:href]=\"data.image\" preserveAspectRatio=\"xMidYMid slice\"></image>\r\n                        </pattern>\r\n                    </defs>\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.color\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n                    <circle class=\"progress\" [attr.stroke]=\"progressModel.filledColor\"\r\n                        [attr.stroke-dasharray]=\"imageModel.Circumference + ' ' + imageModel.Circumference\"\r\n                        [ngStyle]=\"{'stroke-dashoffset':strokeDashOffset}\" [attr.stroke-width]=\"stroke\"\r\n                        fill=\"transparent\" [attr.r]=\"imageModel.NormalizedRadius\" [attr.cx]=\"radius\"\r\n                        [attr.cy]=\"radius\" />\r\n\r\n                    <circle [attr.cx]=\"radius\" [attr.cy]=\"radius\" [attr.r]=\"imageModel.ImageRadius\"\r\n                        attr.fill=\"url('#{{imageModel.ImageId}}')\" />\r\n                </svg>\r\n            </div>\r\n\r\n            <ng-content></ng-content>\r\n\r\n        </div>\r\n\r\n        <sfc-stars *ngIf=\"stars\" [value]=\"starsValue\"></sfc-stars>\r\n    </div>\r\n\r\n    <div class=\"avatar-data-container\">\r\n        <div class=\"fullname\" [style.fontSize.px]=\"radius / FULLNAME_PART_VALUE\">\r\n            <span>{{data.firstName}} {{data.lastName}}</span>\r\n        </div>\r\n        <div class=\"title\" [style.fontSize.px]=\"radius / TITLE_PART_VALUE\">\r\n            <span>{{data.title}}</span>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host .container .avatar-image-container{display:flex;justify-content:center;flex-direction:column;align-items:center}:host .container .avatar-image-container .avatar{position:relative;margin-bottom:.5em}:host .container .avatar-image-container .avatar .avatar-image{display:flex;overflow:hidden;align-items:center;justify-content:center}:host .container .avatar-image-container .avatar .avatar-image circle{transform-origin:50% 50%;transition:stroke-dashoffset .35s,stroke-width .3s}:host .container .avatar-image-container .avatar .avatar-image circle.progress{transform:rotate(-90deg)}:host .container .avatar-data-container{display:flex;flex-direction:column;align-items:center;font-size:1em;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .avatar-data-container .fullname,:host-context(.sfc-default-theme) :host .container .avatar-data-container .fullname{color:#545e61}:host-context(.sfc-dark-theme) :host .container .avatar-data-container .fullname{color:#f5f7fa}:host .container .avatar-data-container .title{color:#aab2bd}\n"] }]
         }], propDecorators: { radius: [{
                 type: Input
             }], stroke: [{

package/esm2020/lib/components/carousel/carousel.component.mjs

@@ -194,7 +194,7 @@ CarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
         CarouselService,
         CarouselAnimateService,
         CarouselLazyLoadService
-    ], queries: [{ propertyName: "slides", predicate: CarouselSlideDirective }], ngImport: i0, template: "<div class=\"container\" (mouseover)=\"pause()\" (mouseleave)=\"play()\">\r\n    <div *ngIf=\"carouselLoaded\" class=\"stage\">\r\n        <sfc-carousel-stage [stageModel]=\"stageModel\" [slidesModel]=\"slidesModel\"></sfc-carousel-stage>\r\n    </div>\r\n    <ng-container *ngIf=\"slides.toArray().length\">\r\n        <div class=\"navigation\" [class.disabled]=\"navigationModel.disabled\">\r\n            <div class=\"action previous\" [class.disabled]=\"navigationModel.previous.disabled\" (click)=\"previous()\">\r\n                {{navigationModel.previous.label}}\r\n            </div>\r\n            <div class=\"action next\" [class.disabled]=\"navigationModel.next.disabled\" (click)=\"next()\">\r\n                {{navigationModel.next.label}}\r\n            </div>\r\n        </div>\r\n        <div class=\"dots\" [class.disabled]=\"navigationDotsModel.disabled\">\r\n            <div *ngFor=\"let dot of navigationDotsModel?.dots\" class=\"dot\" [class.active]=\"dot.active\"\r\n                (click)=\"moveByDot(dot.id)\">\r\n                <span></span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: [":host .container{display:block;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}:host .container .stage{position:relative;overflow:hidden;transform:translateZ(0)}:host .container .dots{text-align:center;-webkit-tap-highlight-color:transparent}:host .container .dots.disabled{display:none}:host .container .dots .dot{display:inline-block;zoom:1;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .dots .dot span{width:10px;height:10px;margin:5px 7px;display:block;-webkit-backface-visibility:visible;backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}:host .container .dots .dot span,:host-context(.sfc-default-theme)>:host .container .dots .dot span{background:#d8d7d7}:host-context(.sfc-dark-theme)>:host .container .dots .dot span{background:#f6f6f6}:host .container .dots .dot.active span,:host-context(.sfc-default-theme)>:host .container .dots .dot.active span,:host .container .dots .dot:hover span,:host-context(.sfc-default-theme)>:host .container .dots .dot:hover span{background:#656d78}:host-context(.sfc-dark-theme)>:host .container .dots .dot.active span,:host-context(.sfc-dark-theme)>:host .container .dots .dot:hover span{background:#aab2bd}:host .container .navigation{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}:host .container .navigation .action{font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;border-radius:3px}:host .container .navigation .action,:host-context(.sfc-default-theme)>:host .container .navigation .action{color:#fff}:host-context(.sfc-dark-theme)>:host .container .navigation .action{color:#545e61}:host .container .navigation .action,:host-context(.sfc-default-theme)>:host .container .navigation .action{background:#d8d7d7}:host-context(.sfc-dark-theme)>:host .container .navigation .action{background:#f6f6f6}:host .container .navigation .action:hover{text-decoration:none}:host .container .navigation .action:hover,:host-context(.sfc-default-theme)>:host .container .navigation .action:hover{background:rgba(0,0,0,.1019607843)}:host-context(.sfc-dark-theme)>:host .container .navigation .action:hover{background:#d8d7d7}:host .container .navigation .action.previous,:host .container .navigation .action.next{cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .navigation .action.disabled{opacity:.5;cursor:default}:host .container .navigation.disabled{display:none}:host .container .navigation.disabled+.dots{margin-top:10px}:host.rtl .container{direction:rtl}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.CarouselStageComponent, selector: "sfc-carousel-stage", inputs: ["stageModel", "slidesModel"] }] });
+    ], queries: [{ propertyName: "slides", predicate: CarouselSlideDirective }], ngImport: i0, template: "<div class=\"container\" (mouseover)=\"pause()\" (mouseleave)=\"play()\">\r\n    <div *ngIf=\"carouselLoaded\" class=\"stage\">\r\n        <sfc-carousel-stage [stageModel]=\"stageModel\" [slidesModel]=\"slidesModel\"></sfc-carousel-stage>\r\n    </div>\r\n    <ng-container *ngIf=\"slides.toArray().length\">\r\n        <div class=\"navigation\" [class.disabled]=\"navigationModel.disabled\">\r\n            <div class=\"action previous\" [class.disabled]=\"navigationModel.previous.disabled\" (click)=\"previous()\">\r\n                {{navigationModel.previous.label}}\r\n            </div>\r\n            <div class=\"action next\" [class.disabled]=\"navigationModel.next.disabled\" (click)=\"next()\">\r\n                {{navigationModel.next.label}}\r\n            </div>\r\n        </div>\r\n        <div class=\"dots\" [class.disabled]=\"navigationDotsModel.disabled\">\r\n            <div *ngFor=\"let dot of navigationDotsModel?.dots\" class=\"dot\" [class.active]=\"dot.active\"\r\n                (click)=\"moveByDot(dot.id)\">\r\n                <span></span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: [":host .container{display:block;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}:host .container .stage{position:relative;overflow:hidden;transform:translateZ(0)}:host .container .dots{text-align:center;-webkit-tap-highlight-color:transparent}:host .container .dots.disabled{display:none}:host .container .dots .dot{display:inline-block;zoom:1;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .dots .dot span{width:10px;height:10px;margin:5px 7px;display:block;-webkit-backface-visibility:visible;backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}:host .container .dots .dot span,:host-context(.sfc-default-theme) :host .container .dots .dot span{background:#d8d7d7}:host-context(.sfc-dark-theme) :host .container .dots .dot span{background:#f6f6f6}:host .container .dots .dot.active span,:host-context(.sfc-default-theme) :host .container .dots .dot.active span,:host .container .dots .dot:hover span,:host-context(.sfc-default-theme) :host .container .dots .dot:hover span{background:#656d78}:host-context(.sfc-dark-theme) :host .container .dots .dot.active span,:host-context(.sfc-dark-theme) :host .container .dots .dot:hover span{background:#aab2bd}:host .container .navigation{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}:host .container .navigation .action{font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;border-radius:3px}:host .container .navigation .action,:host-context(.sfc-default-theme) :host .container .navigation .action{color:#fff}:host-context(.sfc-dark-theme) :host .container .navigation .action{color:#545e61}:host .container .navigation .action,:host-context(.sfc-default-theme) :host .container .navigation .action{background:#d8d7d7}:host-context(.sfc-dark-theme) :host .container .navigation .action{background:#f6f6f6}:host .container .navigation .action:hover{text-decoration:none}:host .container .navigation .action:hover,:host-context(.sfc-default-theme) :host .container .navigation .action:hover{background:rgba(0,0,0,.1019607843)}:host-context(.sfc-dark-theme) :host .container .navigation .action:hover{background:#d8d7d7}:host .container .navigation .action.previous,:host .container .navigation .action.next{cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .navigation .action.disabled{opacity:.5;cursor:default}:host .container .navigation.disabled{display:none}:host .container .navigation.disabled+.dots{margin-top:10px}:host.rtl .container{direction:rtl}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.CarouselStageComponent, selector: "sfc-carousel-stage", inputs: ["stageModel", "slidesModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sfc-carousel', providers: [
@@ -203,7 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                         CarouselService,
                         CarouselAnimateService,
                         CarouselLazyLoadService
-                    ], template: "<div class=\"container\" (mouseover)=\"pause()\" (mouseleave)=\"play()\">\r\n    <div *ngIf=\"carouselLoaded\" class=\"stage\">\r\n        <sfc-carousel-stage [stageModel]=\"stageModel\" [slidesModel]=\"slidesModel\"></sfc-carousel-stage>\r\n    </div>\r\n    <ng-container *ngIf=\"slides.toArray().length\">\r\n        <div class=\"navigation\" [class.disabled]=\"navigationModel.disabled\">\r\n            <div class=\"action previous\" [class.disabled]=\"navigationModel.previous.disabled\" (click)=\"previous()\">\r\n                {{navigationModel.previous.label}}\r\n            </div>\r\n            <div class=\"action next\" [class.disabled]=\"navigationModel.next.disabled\" (click)=\"next()\">\r\n                {{navigationModel.next.label}}\r\n            </div>\r\n        </div>\r\n        <div class=\"dots\" [class.disabled]=\"navigationDotsModel.disabled\">\r\n            <div *ngFor=\"let dot of navigationDotsModel?.dots\" class=\"dot\" [class.active]=\"dot.active\"\r\n                (click)=\"moveByDot(dot.id)\">\r\n                <span></span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: [":host .container{display:block;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}:host .container .stage{position:relative;overflow:hidden;transform:translateZ(0)}:host .container .dots{text-align:center;-webkit-tap-highlight-color:transparent}:host .container .dots.disabled{display:none}:host .container .dots .dot{display:inline-block;zoom:1;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .dots .dot span{width:10px;height:10px;margin:5px 7px;display:block;-webkit-backface-visibility:visible;backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}:host .container .dots .dot span,:host-context(.sfc-default-theme)>:host .container .dots .dot span{background:#d8d7d7}:host-context(.sfc-dark-theme)>:host .container .dots .dot span{background:#f6f6f6}:host .container .dots .dot.active span,:host-context(.sfc-default-theme)>:host .container .dots .dot.active span,:host .container .dots .dot:hover span,:host-context(.sfc-default-theme)>:host .container .dots .dot:hover span{background:#656d78}:host-context(.sfc-dark-theme)>:host .container .dots .dot.active span,:host-context(.sfc-dark-theme)>:host .container .dots .dot:hover span{background:#aab2bd}:host .container .navigation{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}:host .container .navigation .action{font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;border-radius:3px}:host .container .navigation .action,:host-context(.sfc-default-theme)>:host .container .navigation .action{color:#fff}:host-context(.sfc-dark-theme)>:host .container .navigation .action{color:#545e61}:host .container .navigation .action,:host-context(.sfc-default-theme)>:host .container .navigation .action{background:#d8d7d7}:host-context(.sfc-dark-theme)>:host .container .navigation .action{background:#f6f6f6}:host .container .navigation .action:hover{text-decoration:none}:host .container .navigation .action:hover,:host-context(.sfc-default-theme)>:host .container .navigation .action:hover{background:rgba(0,0,0,.1019607843)}:host-context(.sfc-dark-theme)>:host .container .navigation .action:hover{background:#d8d7d7}:host .container .navigation .action.previous,:host .container .navigation .action.next{cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .navigation .action.disabled{opacity:.5;cursor:default}:host .container .navigation.disabled{display:none}:host .container .navigation.disabled+.dots{margin-top:10px}:host.rtl .container{direction:rtl}\n"] }]
+                    ], template: "<div class=\"container\" (mouseover)=\"pause()\" (mouseleave)=\"play()\">\r\n    <div *ngIf=\"carouselLoaded\" class=\"stage\">\r\n        <sfc-carousel-stage [stageModel]=\"stageModel\" [slidesModel]=\"slidesModel\"></sfc-carousel-stage>\r\n    </div>\r\n    <ng-container *ngIf=\"slides.toArray().length\">\r\n        <div class=\"navigation\" [class.disabled]=\"navigationModel.disabled\">\r\n            <div class=\"action previous\" [class.disabled]=\"navigationModel.previous.disabled\" (click)=\"previous()\">\r\n                {{navigationModel.previous.label}}\r\n            </div>\r\n            <div class=\"action next\" [class.disabled]=\"navigationModel.next.disabled\" (click)=\"next()\">\r\n                {{navigationModel.next.label}}\r\n            </div>\r\n        </div>\r\n        <div class=\"dots\" [class.disabled]=\"navigationDotsModel.disabled\">\r\n            <div *ngFor=\"let dot of navigationDotsModel?.dots\" class=\"dot\" [class.active]=\"dot.active\"\r\n                (click)=\"moveByDot(dot.id)\">\r\n                <span></span>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: [":host .container{display:block;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}:host .container .stage{position:relative;overflow:hidden;transform:translateZ(0)}:host .container .dots{text-align:center;-webkit-tap-highlight-color:transparent}:host .container .dots.disabled{display:none}:host .container .dots .dot{display:inline-block;zoom:1;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .dots .dot span{width:10px;height:10px;margin:5px 7px;display:block;-webkit-backface-visibility:visible;backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}:host .container .dots .dot span,:host-context(.sfc-default-theme) :host .container .dots .dot span{background:#d8d7d7}:host-context(.sfc-dark-theme) :host .container .dots .dot span{background:#f6f6f6}:host .container .dots .dot.active span,:host-context(.sfc-default-theme) :host .container .dots .dot.active span,:host .container .dots .dot:hover span,:host-context(.sfc-default-theme) :host .container .dots .dot:hover span{background:#656d78}:host-context(.sfc-dark-theme) :host .container .dots .dot.active span,:host-context(.sfc-dark-theme) :host .container .dots .dot:hover span{background:#aab2bd}:host .container .navigation{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}:host .container .navigation .action{font-size:14px;margin:5px;padding:4px 7px;display:inline-block;cursor:pointer;border-radius:3px}:host .container .navigation .action,:host-context(.sfc-default-theme) :host .container .navigation .action{color:#fff}:host-context(.sfc-dark-theme) :host .container .navigation .action{color:#545e61}:host .container .navigation .action,:host-context(.sfc-default-theme) :host .container .navigation .action{background:#d8d7d7}:host-context(.sfc-dark-theme) :host .container .navigation .action{background:#f6f6f6}:host .container .navigation .action:hover{text-decoration:none}:host .container .navigation .action:hover,:host-context(.sfc-default-theme) :host .container .navigation .action:hover{background:rgba(0,0,0,.1019607843)}:host-context(.sfc-dark-theme) :host .container .navigation .action:hover{background:#d8d7d7}:host .container .navigation .action.previous,:host .container .navigation .action.next{cursor:pointer;-webkit-user-select:none;user-select:none}:host .container .navigation .action.disabled{opacity:.5;cursor:default}:host .container .navigation.disabled{display:none}:host .container .navigation.disabled+.dots{margin-top:10px}:host.rtl .container{direction:rtl}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ResizeService }, { type: i2.CarouselService }, { type: i3.CarouselNavigationService }, { type: i4.CarouselAutoplayService }, { type: i5.CarouselLazyLoadService }, { type: i6.CarouselAnimateService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]

package/esm2020/lib/components/index.mjs

@@ -15,6 +15,7 @@ export { AvatarBadgePosition } from './avatar/parts/badge/avatar-badge-position.
 export { ProgressLineComponent } from './progress/line/progress-line.component';
 export { ProgressSemiCircleComponent } from './progress/semi-circle/progress-semi-circle.component';
 export { ProgressCircleComponent } from './progress/circle/progress-circle.component';
+export { getProgressColorDefaultFunc, getProgressColorDynamicallyFunc } from './progress/progress.utils';
 export { TagsComponent } from './tags/tags.component';
 export { SliderComponent } from './slider/slider.component';
 export { SliderType } from './slider/slider-type.enum';
@@ -37,4 +38,4 @@ export { ExpandedTableRowTemplate } from './table/parts/content/rows/expanded/ex
 export { DefaultTableCardComponent } from './table/parts/content/cards/default/default-table-card.component';
 export { CarouselComponent } from './carousel/carousel.component';
 export { CarouselSlideDirective } from './carousel/directive/carousel-slide.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25HLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFHbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDekYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFHdkYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUd6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBRTNHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG9FQUFvRSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQzFHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNFQUFzRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGFic0NvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUYWJNb2RlbCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9tb2RlbHMvdGFiLm1vZGVsJztcclxuZXhwb3J0IHsgVGFic1RlbXBsYXRlIH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3RhYnMtdGVtcGxhdGUuZW51bSc7XHJcbmV4cG9ydCB7IFRhYkxhYmVsTGluZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9wYXJ0cy9sYWJlbHMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBUYWJMYWJlbEljb25TbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvcGFydHMvc2xpZGVycy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi1zbGlkZXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxMaW5lU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi90YWJzL3BhcnRzL3NsaWRlcnMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUtc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNpZGVNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvc2lkZS1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElTaWRlTWVudU1vZGVsLCBJU2lkZU1lbnVJdGVtTW9kZWwsIFNpZGVNZW51SXRlbVR5cGUgfSBmcm9tICcuL21lbnUvc2lkZS9zaWRlLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgeyBEcm9wZG93bk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJRHJvcGRvd25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L2Ryb3Bkb3duL3BhcnRzL2l0ZW0vZHJvcGRvd24tbWVudS1pdGVtLm1vZGVsJztcclxuZXhwb3J0IHsgTmF2aWdhdGlvbk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSU5hdmlnYXRpb25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L25hdmlnYXRpb24vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5tb2RlbCc7XHJcbmV4cG9ydCB7IFN0YXJzQ29tcG9uZW50IH0gZnJvbSAnLi9zdGFycy9zdGFycy5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXZhdGFyQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSUF2YXRhckRhdGFNb2RlbCB9IGZyb20gJy4vYXZhdGFyL21vZGVscy9hdmF0YXItZGF0YS5tb2RlbCc7XHJcbmV4cG9ydCB7IElBdmF0YXJQcm9ncmVzc01vZGVsIH0gZnJvbSAnLi9hdmF0YXIvbW9kZWxzL2F2YXRhci1wcm9ncmVzcy5tb2RlbCc7XHJcbmV4cG9ydCB7IEF2YXRhckJhZGdlUG9zaXRpb24gfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UtcG9zaXRpb24uZW51bSc7XHJcbmV4cG9ydCB7IFByb2dyZXNzTGluZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MvbGluZS9wcm9ncmVzcy1saW5lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFByb2dyZXNzU2VtaUNpcmNsZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3Mvc2VtaS1jaXJjbGUvcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgUHJvZ3Jlc3NDaXJjbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSVRhZ01vZGVsIH0gZnJvbSAnLi90YWdzL3BhcnRzL3RhZy90YWcubW9kZWwnO1xyXG5leHBvcnQgeyBUYWdzQ29tcG9uZW50IH0gZnJvbSAnLi90YWdzL3RhZ3MuY29tcG9uZW50JztcclxuZXhwb3J0IHsgU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlclR5cGUgfSBmcm9tICcuL3NsaWRlci9zbGlkZXItdHlwZS5lbnVtJztcclxuZXhwb3J0IHsgSVNsaWRlckl0ZW1Nb2RlbCB9IGZyb20gJy4vc2xpZGVyL3BhcnRzL2l0ZW0vc2xpZGVyLWl0ZW0ubW9kZWwnO1xyXG5leHBvcnQgeyBUaW1lbGluZUNvbXBvbmVudCB9IGZyb20gJy4vdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSVRpbWVsaW5lSXRlbU1vZGVsIH0gZnJvbSAnLi90aW1lbGluZS9wYXJ0cy9pdGVtL3RpbWVsaW5lLWl0ZW0ubW9kZWwnO1xyXG5leHBvcnQgeyBUaW1lbGluZUl0ZW1Qb3NpdGlvbiB9IGZyb20gJy4vdGltZWxpbmUvcGFydHMvaXRlbS90aW1lbGluZS1pdGVtLXBvc2l0aW9uLmVudW0nO1xyXG5leHBvcnQgeyBOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcclxuZXhwb3J0IHsgTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uL2VudW1zL25vdGlmaWNhdGlvbi10eXBlLmVudW0nO1xyXG5leHBvcnQgeyBOb3RpZmljYXRpb25UZW1wbGF0ZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uL2VudW1zL25vdGlmaWNhdGlvbi10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgSU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uL3BhcnRzL2NvbnRlbnQvbm90aWZpY2F0aW9uLWNvbnRlbnQubW9kZWwnO1xyXG5leHBvcnQgeyBJTm90aWZpY2F0aW9uQXV0b0Nsb3NlTW9kZWwgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24tYXV0by1jbG9zZS5tb2RlbCc7XHJcbmV4cG9ydCB7IENoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9jaGFydC9jaGFydC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDaGFydFRoZW1lU2VydmljZSB9IGZyb20gJy4vY2hhcnQvc2VydmljZS90aGVtZS9jaGFydC10aGVtZS5zZXJ2aWNlJztcclxuZXhwb3J0IHsgQ2hhcnRUaGVtZU1vZGVsIH0gZnJvbSAnLi9jaGFydC9zZXJ2aWNlL3RoZW1lL2NoYXJ0LXRoZW1lLm1vZGVsJztcclxuZXhwb3J0IHsgQ2hhcnRPcHRpb25Nb2RlbCB9IGZyb20gJy4vY2hhcnQvY2hhcnQtb3B0aW9uLm1vZGVsJztcclxuZXhwb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3RhYmxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUYWJsZURhdGFNb2RlbCwgSVRhYmxlTW9kZWwgfSBmcm9tICcuL3RhYmxlL21vZGVscy90YWJsZS5tb2RlbCc7XHJcbmV4cG9ydCB7IElUYWJsZVBhZ2luYXRpb25Nb2RlbCB9IGZyb20gJy4vdGFibGUvbW9kZWxzL3RhYmxlLXBhZ2luYXRpb24ubW9kZWwnO1xyXG5leHBvcnQgeyBUYWJsZURhdGFUeXBlIH0gZnJvbSAnLi90YWJsZS9lbnVtcy90YWJsZS1kYXRhLXR5cGUuZW51bSc7XHJcbmV4cG9ydCB7IFRhYmxlVGVtcGxhdGUgfSBmcm9tICcuL3RhYmxlL2VudW1zL3RhYmxlLXRlbXBsYXRlLmVudW0nO1xyXG5leHBvcnQgeyBJVGFibGVTZWxlY3RFdmVudCB9IGZyb20gJy4vdGFibGUvc2VydmljZS9zZWxlY3QvdGFibGUtc2VsZWN0LmV2ZW50JztcclxuZXhwb3J0IHsgRGVmYXVsdFRhYmxlQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb2x1bW5zL2RlZmF1bHQvZGVmYXVsdC10YWJsZS1jb2x1bW4uY29tcG9uZW50JztcclxuZXhwb3J0IHsgSURlZmF1bHRUYWJsZUNvbHVtbk1vZGVsIH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb2x1bW5zL3RhYmxlLWNvbHVtbi5tb2RlbCc7XHJcbmV4cG9ydCB7IFNlbGVjdGFibGVUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29sdW1ucy9zZWxlY3RhYmxlL3NlbGVjdGFibGUtdGFibGUtY29sdW1uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IENvbHVtbnNUb2dnbGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL3RvZ2dsZS9jb2x1bW5zLXRvZ2dsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBEZWZhdWx0VGFibGVSb3dDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbnRlbnQvcm93cy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtcm93LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IEV4cGFuZGVkVGFibGVSb3dDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbnRlbnQvcm93cy9leHBhbmRlZC9leHBhbmRlZC10YWJsZS1yb3cuY29tcG9uZW50JztcclxuZXhwb3J0IHsgRXhwYW5kZWRUYWJsZVJvd1RlbXBsYXRlIH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZXhwYW5kZWQvZXhwYW5kZWQtdGFibGUtcm93LXRlbXBsYXRlLmVudW0nO1xyXG5leHBvcnQgeyBEZWZhdWx0VGFibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L2NhcmRzL2RlZmF1bHQvZGVmYXVsdC10YWJsZS1jYXJkLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IENhcm91c2VsQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDYXJvdXNlbFNsaWRlRGlyZWN0aXZlIH0gZnJvbSAnLi9jYXJvdXNlbC9kaXJlY3RpdmUvY2Fyb3VzZWwtc2xpZGUuZGlyZWN0aXZlJztcclxuZXhwb3J0IHsgQ2Fyb3VzZWxPcHRpb25zTW9kZWwgfSBmcm9tICcuL2Nhcm91c2VsL21vZGVscy9vcHRpb25zLm1vZGVsJztcclxuZXhwb3J0IHsgQ2Fyb3VzZWxTbGlkZUV2ZW50IH0gZnJvbSAnLi9jYXJvdXNlbC9tb2RlbHMvc2xpZGUubW9kZWwnO1xyXG5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25HLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFHbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLCtCQUErQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFekcsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDekYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFHdkYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUd6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBRTNHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG9FQUFvRSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQzFHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNFQUFzRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGFic0NvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUYWJNb2RlbCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9tb2RlbHMvdGFiLm1vZGVsJztcclxuZXhwb3J0IHsgVGFic1RlbXBsYXRlIH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3RhYnMtdGVtcGxhdGUuZW51bSc7XHJcbmV4cG9ydCB7IFRhYkxhYmVsTGluZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9wYXJ0cy9sYWJlbHMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBUYWJMYWJlbEljb25TbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvcGFydHMvc2xpZGVycy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi1zbGlkZXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxMaW5lU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi90YWJzL3BhcnRzL3NsaWRlcnMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUtc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNpZGVNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvc2lkZS1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElTaWRlTWVudU1vZGVsLCBJU2lkZU1lbnVJdGVtTW9kZWwsIFNpZGVNZW51SXRlbVR5cGUgfSBmcm9tICcuL21lbnUvc2lkZS9zaWRlLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgeyBEcm9wZG93bk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJRHJvcGRvd25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L2Ryb3Bkb3duL3BhcnRzL2l0ZW0vZHJvcGRvd24tbWVudS1pdGVtLm1vZGVsJztcclxuZXhwb3J0IHsgTmF2aWdhdGlvbk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSU5hdmlnYXRpb25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L25hdmlnYXRpb24vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5tb2RlbCc7XHJcbmV4cG9ydCB7IFN0YXJzQ29tcG9uZW50IH0gZnJvbSAnLi9zdGFycy9zdGFycy5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXZhdGFyQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSUF2YXRhckRhdGFNb2RlbCB9IGZyb20gJy4vYXZhdGFyL21vZGVscy9hdmF0YXItZGF0YS5tb2RlbCc7XHJcbmV4cG9ydCB7IElBdmF0YXJQcm9ncmVzc01vZGVsIH0gZnJvbSAnLi9hdmF0YXIvbW9kZWxzL2F2YXRhci1wcm9ncmVzcy5tb2RlbCc7XHJcbmV4cG9ydCB7IEF2YXRhckJhZGdlUG9zaXRpb24gfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UtcG9zaXRpb24uZW51bSc7XHJcbmV4cG9ydCB7IFByb2dyZXNzTGluZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MvbGluZS9wcm9ncmVzcy1saW5lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFByb2dyZXNzU2VtaUNpcmNsZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3Mvc2VtaS1jaXJjbGUvcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgUHJvZ3Jlc3NDaXJjbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgZ2V0UHJvZ3Jlc3NDb2xvckRlZmF1bHRGdW5jLCBnZXRQcm9ncmVzc0NvbG9yRHluYW1pY2FsbHlGdW5jIH0gZnJvbSAnLi9wcm9ncmVzcy9wcm9ncmVzcy51dGlscyc7XHJcbmV4cG9ydCB7IElUYWdNb2RlbCB9IGZyb20gJy4vdGFncy9wYXJ0cy90YWcvdGFnLm1vZGVsJztcclxuZXhwb3J0IHsgVGFnc0NvbXBvbmVudCB9IGZyb20gJy4vdGFncy90YWdzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyL3NsaWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBTbGlkZXJUeXBlIH0gZnJvbSAnLi9zbGlkZXIvc2xpZGVyLXR5cGUuZW51bSc7XHJcbmV4cG9ydCB7IElTbGlkZXJJdGVtTW9kZWwgfSBmcm9tICcuL3NsaWRlci9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLm1vZGVsJztcclxuZXhwb3J0IHsgVGltZWxpbmVDb21wb25lbnQgfSBmcm9tICcuL3RpbWVsaW5lL3RpbWVsaW5lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUaW1lbGluZUl0ZW1Nb2RlbCB9IGZyb20gJy4vdGltZWxpbmUvcGFydHMvaXRlbS90aW1lbGluZS1pdGVtLm1vZGVsJztcclxuZXhwb3J0IHsgVGltZWxpbmVJdGVtUG9zaXRpb24gfSBmcm9tICcuL3RpbWVsaW5lL3BhcnRzL2l0ZW0vdGltZWxpbmUtaXRlbS1wb3NpdGlvbi5lbnVtJztcclxuZXhwb3J0IHsgTm90aWZpY2F0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IE5vdGlmaWNhdGlvblR5cGUgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9lbnVtcy9ub3RpZmljYXRpb24tdHlwZS5lbnVtJztcclxuZXhwb3J0IHsgTm90aWZpY2F0aW9uVGVtcGxhdGUgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9lbnVtcy9ub3RpZmljYXRpb24tdGVtcGxhdGUuZW51bSc7XHJcbmV4cG9ydCB7IElOb3RpZmljYXRpb25Db250ZW50TW9kZWwgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9wYXJ0cy9jb250ZW50L25vdGlmaWNhdGlvbi1jb250ZW50Lm1vZGVsJztcclxuZXhwb3J0IHsgSU5vdGlmaWNhdGlvbkF1dG9DbG9zZU1vZGVsIH0gZnJvbSAnLi9ub3RpZmljYXRpb24vbm90aWZpY2F0aW9uLWF1dG8tY2xvc2UubW9kZWwnO1xyXG5leHBvcnQgeyBDaGFydENvbXBvbmVudCB9IGZyb20gJy4vY2hhcnQvY2hhcnQuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQ2hhcnRUaGVtZVNlcnZpY2UgfSBmcm9tICcuL2NoYXJ0L3NlcnZpY2UvdGhlbWUvY2hhcnQtdGhlbWUuc2VydmljZSc7XHJcbmV4cG9ydCB7IENoYXJ0VGhlbWVNb2RlbCB9IGZyb20gJy4vY2hhcnQvc2VydmljZS90aGVtZS9jaGFydC10aGVtZS5tb2RlbCc7XHJcbmV4cG9ydCB7IENoYXJ0T3B0aW9uTW9kZWwgfSBmcm9tICcuL2NoYXJ0L2NoYXJ0LW9wdGlvbi5tb2RlbCc7XHJcbmV4cG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS90YWJsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJVGFibGVEYXRhTW9kZWwsIElUYWJsZU1vZGVsIH0gZnJvbSAnLi90YWJsZS9tb2RlbHMvdGFibGUubW9kZWwnO1xyXG5leHBvcnQgeyBJVGFibGVQYWdpbmF0aW9uTW9kZWwgfSBmcm9tICcuL3RhYmxlL21vZGVscy90YWJsZS1wYWdpbmF0aW9uLm1vZGVsJztcclxuZXhwb3J0IHsgVGFibGVEYXRhVHlwZSB9IGZyb20gJy4vdGFibGUvZW51bXMvdGFibGUtZGF0YS10eXBlLmVudW0nO1xyXG5leHBvcnQgeyBUYWJsZVRlbXBsYXRlIH0gZnJvbSAnLi90YWJsZS9lbnVtcy90YWJsZS10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgSVRhYmxlU2VsZWN0RXZlbnQgfSBmcm9tICcuL3RhYmxlL3NlcnZpY2Uvc2VsZWN0L3RhYmxlLXNlbGVjdC5ldmVudCc7XHJcbmV4cG9ydCB7IERlZmF1bHRUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29sdW1ucy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtY29sdW1uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElEZWZhdWx0VGFibGVDb2x1bW5Nb2RlbCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29sdW1ucy90YWJsZS1jb2x1bW4ubW9kZWwnO1xyXG5leHBvcnQgeyBTZWxlY3RhYmxlVGFibGVDb2x1bW5Db21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbHVtbnMvc2VsZWN0YWJsZS9zZWxlY3RhYmxlLXRhYmxlLWNvbHVtbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDb2x1bW5zVG9nZ2xlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy90b2dnbGUvY29sdW1ucy10b2dnbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgRGVmYXVsdFRhYmxlUm93Q29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZGVmYXVsdC9kZWZhdWx0LXRhYmxlLXJvdy5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBFeHBhbmRlZFRhYmxlUm93Q29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZXhwYW5kZWQvZXhwYW5kZWQtdGFibGUtcm93LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IEV4cGFuZGVkVGFibGVSb3dUZW1wbGF0ZSB9IGZyb20gJy4vdGFibGUvcGFydHMvY29udGVudC9yb3dzL2V4cGFuZGVkL2V4cGFuZGVkLXRhYmxlLXJvdy10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgRGVmYXVsdFRhYmxlQ2FyZENvbXBvbmVudCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29udGVudC9jYXJkcy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDYXJvdXNlbENvbXBvbmVudCB9IGZyb20gJy4vY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQ2Fyb3VzZWxTbGlkZURpcmVjdGl2ZSB9IGZyb20gJy4vY2Fyb3VzZWwvZGlyZWN0aXZlL2Nhcm91c2VsLXNsaWRlLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IENhcm91c2VsT3B0aW9uc01vZGVsIH0gZnJvbSAnLi9jYXJvdXNlbC9tb2RlbHMvb3B0aW9ucy5tb2RlbCc7XHJcbmV4cG9ydCB7IENhcm91c2VsU2xpZGVFdmVudCB9IGZyb20gJy4vY2Fyb3VzZWwvbW9kZWxzL3NsaWRlLm1vZGVsJztcclxuXHJcbiJdfQ==

package/esm2020/lib/components/menu/dropdown/dropdown-menu.component.mjs

@@ -1,3 +1,4 @@
+import { animate, state, style, transition, trigger } from '@angular/animations';
 import { Component, EventEmitter, HostBinding, Inject, Input, Output } from '@angular/core';
 import { isDefined, isNullOrEmptyString, MediaLimits, Position, UIClass, WINDOW } from 'ngx-sfc-common';
 import { filter, startWith } from 'rxjs';
@@ -53,10 +54,34 @@ export class DropdownMenuComponent {
     }
 }
 DropdownMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuComponent, deps: [{ token: i1.ResizeService }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Component });
-DropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuComponent, selector: "sfc-dropdown-menu", inputs: { items: "items", icon: "icon", defaultDots: "defaultDots", label: "label", hideOnClick: "hideOnClick", hideOnClickOutside: "hideOnClickOutside", bordered: "bordered", position: "position", open: "open", autoResize: "autoResize" }, outputs: { selected: "selected" }, host: { properties: { "class.bordered": "this.bordered", "class": "this.position", "class.open": "this.open" } }, ngImport: i0, template: "<ul [sfcClickOutside]=\"hideOnClickOutside\" (action)=\"onClickOutside($event)\">\r\n    <li>\r\n        <div class=\"container\" (click)=\"open = !open\">\r\n            <span *ngIf=\"label\">{{label}}</span>\r\n            <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n            <sfc-dots *ngIf=\"showDots\" [open]=\"open\"></sfc-dots>\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <ul *ngIf=\"items.length\" class=\"dropdown-container\">\r\n            <sfc-dropdown-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n            </sfc-dropdown-menu-item>\r\n        </ul> \r\n    </li>\r\n</ul>", styles: [":host{display:inline-flex}:host ul{list-style:none;margin:0;padding-left:0}:host ul li{position:relative}:host ul li .container{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease;padding:.3em}:host-context(.sfc-default-theme)~:host ul li .container{color:red}:host-context(.sfc-dark-theme)~:host ul li .container{color:green}:host ul li .container span,:host ul li .container fa-icon{font-size:.8em;font-weight:700}:host ul li .container span~fa-icon{margin-left:.3em}:host ul li .container:hover{color:#ffce54}:host ul li .dropdown-container{flex-direction:column;width:max-content;background:#fff;visibility:hidden;opacity:0;position:absolute;right:0;transition:all .5s ease;margin-top:1em;display:none;padding:.6em;border:.0063em solid #f5f7fa;border-radius:.1875em;box-shadow:0 .125em .625em;z-index:9999}:host ul li .dropdown-container,:host-context(.sfc-default-theme)>:host ul li .dropdown-container{color:#e6e9ed}:host-context(.sfc-dark-theme)>:host ul li .dropdown-container{color:#656d78}:host.open ul li .dropdown-container{visibility:visible;opacity:1;display:flex}:host.bordered ul li .container{border:.15em solid;border-radius:.3em}:host.bordered ul li .container,:host-context(.sfc-default-theme)>:host.bordered ul li .container{border-color:#545e61}:host-context(.sfc-dark-theme)>:host.bordered ul li .container{border-color:#fff}:host.bordered ul li .container:hover{border-color:#ffce54}:host.bordered ul li .container:hover ::ng-deep sfc-dots .dot{background:#ffce54}:host.top ul li .dropdown-container{bottom:0;margin-bottom:2.18em;margin-top:0}:host.center ul li .dropdown-container{left:50%;transform:translate(-50%)}:host.left ul li .dropdown-container{right:0}:host.right ul li .dropdown-container{left:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i1.ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: ["sfcClickOutside"], outputs: ["action"] }, { kind: "component", type: i1.DotsComponent, selector: "sfc-dots", inputs: ["open", "direction"] }, { kind: "component", type: i4.DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: ["item"] }] });
+DropdownMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuComponent, selector: "sfc-dropdown-menu", inputs: { items: "items", icon: "icon", defaultDots: "defaultDots", label: "label", hideOnClick: "hideOnClick", hideOnClickOutside: "hideOnClickOutside", bordered: "bordered", position: "position", open: "open", autoResize: "autoResize" }, outputs: { selected: "selected" }, host: { properties: { "class.bordered": "this.bordered", "class": "this.position", "class.open": "this.open" } }, ngImport: i0, template: "<ul [sfcClickOutside]=\"hideOnClickOutside\" (action)=\"onClickOutside($event)\">\r\n    <li>\r\n        <div class=\"container\" (click)=\"open = !open\">\r\n            <span *ngIf=\"label\">{{label}}</span>\r\n            <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n            <sfc-dots *ngIf=\"showDots\" [open]=\"open\"></sfc-dots>\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <ul *ngIf=\"items.length\" [@openClose]=\"open\" class=\"dropdown-container\">\r\n            <sfc-dropdown-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n            </sfc-dropdown-menu-item>\r\n        </ul>\r\n    </li>\r\n</ul>", styles: [":host{display:inline-flex}:host ul{list-style:none;margin:0;padding-left:0}:host ul li{position:relative}:host ul li .container{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease;padding:.3em}:host ul li .container,:host-context(.sfc-default-theme) :host ul li .container{color:#545e61}:host-context(.sfc-dark-theme) :host ul li .container{color:#fff}:host ul li .container span,:host ul li .container fa-icon{font-size:.8em;font-weight:700}:host ul li .container span~fa-icon{margin-left:.3em}:host ul li .container:hover{color:#ffce54}:host ul li .dropdown-container{flex-direction:column;width:max-content;background:#fff;position:absolute;right:0;transition:opacity .5s ease;margin-top:1em;display:none;padding:.6em;border:.0063em solid #f5f7fa;border-radius:.1875em;box-shadow:0 .125em .625em;z-index:9999}:host ul li .dropdown-container,:host-context(.sfc-default-theme) :host ul li .dropdown-container{color:#e6e9ed}:host-context(.sfc-dark-theme) :host ul li .dropdown-container{color:#656d78}:host.open ul li .dropdown-container{display:flex}:host.bordered ul li .container{border:.15em solid;border-radius:.3em}:host.bordered ul li .container,:host-context(.sfc-default-theme) :host.bordered ul li .container{border-color:#545e61}:host-context(.sfc-dark-theme) :host.bordered ul li .container{border-color:#fff}:host.bordered ul li .container:hover{border-color:#ffce54}:host.bordered ul li .container:hover ::ng-deep sfc-dots .dot{background:#ffce54}:host.top ul li .dropdown-container{bottom:0;margin-bottom:2.18em;margin-top:0}:host.center ul li .dropdown-container{left:50%;transform:translate(-50%)}:host.left ul li .dropdown-container{right:0}:host.right ul li .dropdown-container{left:0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i1.ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: ["sfcClickOutside"], outputs: ["action"] }, { kind: "component", type: i1.DotsComponent, selector: "sfc-dots", inputs: ["open", "direction"] }, { kind: "component", type: i4.DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: ["item"] }], animations: [
+        trigger('openClose', [
+            state('true', style({
+                opacity: 1
+            })),
+            state('false', style({
+                opacity: 0,
+            })),
+            transition('true <=> false', [
+                animate('0.5s')
+            ])
+        ])
+    ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-dropdown-menu', template: "<ul [sfcClickOutside]=\"hideOnClickOutside\" (action)=\"onClickOutside($event)\">\r\n    <li>\r\n        <div class=\"container\" (click)=\"open = !open\">\r\n            <span *ngIf=\"label\">{{label}}</span>\r\n            <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n            <sfc-dots *ngIf=\"showDots\" [open]=\"open\"></sfc-dots>\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <ul *ngIf=\"items.length\" class=\"dropdown-container\">\r\n            <sfc-dropdown-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n            </sfc-dropdown-menu-item>\r\n        </ul> \r\n    </li>\r\n</ul>", styles: [":host{display:inline-flex}:host ul{list-style:none;margin:0;padding-left:0}:host ul li{position:relative}:host ul li .container{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease;padding:.3em}:host-context(.sfc-default-theme)~:host ul li .container{color:red}:host-context(.sfc-dark-theme)~:host ul li .container{color:green}:host ul li .container span,:host ul li .container fa-icon{font-size:.8em;font-weight:700}:host ul li .container span~fa-icon{margin-left:.3em}:host ul li .container:hover{color:#ffce54}:host ul li .dropdown-container{flex-direction:column;width:max-content;background:#fff;visibility:hidden;opacity:0;position:absolute;right:0;transition:all .5s ease;margin-top:1em;display:none;padding:.6em;border:.0063em solid #f5f7fa;border-radius:.1875em;box-shadow:0 .125em .625em;z-index:9999}:host ul li .dropdown-container,:host-context(.sfc-default-theme)>:host ul li .dropdown-container{color:#e6e9ed}:host-context(.sfc-dark-theme)>:host ul li .dropdown-container{color:#656d78}:host.open ul li .dropdown-container{visibility:visible;opacity:1;display:flex}:host.bordered ul li .container{border:.15em solid;border-radius:.3em}:host.bordered ul li .container,:host-context(.sfc-default-theme)>:host.bordered ul li .container{border-color:#545e61}:host-context(.sfc-dark-theme)>:host.bordered ul li .container{border-color:#fff}:host.bordered ul li .container:hover{border-color:#ffce54}:host.bordered ul li .container:hover ::ng-deep sfc-dots .dot{background:#ffce54}:host.top ul li .dropdown-container{bottom:0;margin-bottom:2.18em;margin-top:0}:host.center ul li .dropdown-container{left:50%;transform:translate(-50%)}:host.left ul li .dropdown-container{right:0}:host.right ul li .dropdown-container{left:0}\n"] }]
+            args: [{ selector: 'sfc-dropdown-menu', animations: [
+                        trigger('openClose', [
+                            state('true', style({
+                                opacity: 1
+                            })),
+                            state('false', style({
+                                opacity: 0,
+                            })),
+                            transition('true <=> false', [
+                                animate('0.5s')
+                            ])
+                        ])
+                    ], template: "<ul [sfcClickOutside]=\"hideOnClickOutside\" (action)=\"onClickOutside($event)\">\r\n    <li>\r\n        <div class=\"container\" (click)=\"open = !open\">\r\n            <span *ngIf=\"label\">{{label}}</span>\r\n            <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n            <sfc-dots *ngIf=\"showDots\" [open]=\"open\"></sfc-dots>\r\n            <ng-content></ng-content>\r\n        </div>\r\n\r\n        <ul *ngIf=\"items.length\" [@openClose]=\"open\" class=\"dropdown-container\">\r\n            <sfc-dropdown-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n            </sfc-dropdown-menu-item>\r\n        </ul>\r\n    </li>\r\n</ul>", styles: [":host{display:inline-flex}:host ul{list-style:none;margin:0;padding-left:0}:host ul li{position:relative}:host ul li .container{display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .5s ease;padding:.3em}:host ul li .container,:host-context(.sfc-default-theme) :host ul li .container{color:#545e61}:host-context(.sfc-dark-theme) :host ul li .container{color:#fff}:host ul li .container span,:host ul li .container fa-icon{font-size:.8em;font-weight:700}:host ul li .container span~fa-icon{margin-left:.3em}:host ul li .container:hover{color:#ffce54}:host ul li .dropdown-container{flex-direction:column;width:max-content;background:#fff;position:absolute;right:0;transition:opacity .5s ease;margin-top:1em;display:none;padding:.6em;border:.0063em solid #f5f7fa;border-radius:.1875em;box-shadow:0 .125em .625em;z-index:9999}:host ul li .dropdown-container,:host-context(.sfc-default-theme) :host ul li .dropdown-container{color:#e6e9ed}:host-context(.sfc-dark-theme) :host ul li .dropdown-container{color:#656d78}:host.open ul li .dropdown-container{display:flex}:host.bordered ul li .container{border:.15em solid;border-radius:.3em}:host.bordered ul li .container,:host-context(.sfc-default-theme) :host.bordered ul li .container{border-color:#545e61}:host-context(.sfc-dark-theme) :host.bordered ul li .container{border-color:#fff}:host.bordered ul li .container:hover{border-color:#ffce54}:host.bordered ul li .container:hover ::ng-deep sfc-dots .dot{background:#ffce54}:host.top ul li .dropdown-container{bottom:0;margin-bottom:2.18em;margin-top:0}:host.center ul li .dropdown-container{left:50%;transform:translate(-50%)}:host.left ul li .dropdown-container{right:0}:host.right ul li .dropdown-container{left:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ResizeService }, { type: Window, decorators: [{
                     type: Inject,
                     args: [WINDOW]
@@ -92,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             }], selected: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqSSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFpQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUksT0FBTyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQWdCLE1BQU0sTUFBTSxDQUFDOzs7Ozs7QUFRdkQsTUFBTSxPQUFPLHFCQUFxQjtJQStDaEMsWUFBb0IsYUFBNEIsRUFBMEIsTUFBYztRQUFwRSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUEwQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBNUN4RixVQUFLLEdBQTZCLEVBQUUsQ0FBQztRQU1yQyxnQkFBVyxHQUFZLElBQUksQ0FBQztRQU01QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUc1Qix1QkFBa0IsR0FBWSxJQUFJLENBQUM7UUFJbkMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUkxQixhQUFRLEdBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFJdkMsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUd0QixlQUFVLEdBQVksSUFBSSxDQUFDO1FBRzNCLGFBQVEsR0FBeUMsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFFNUYscUJBQXFCO1FBQ2IsY0FBUyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBUXdELENBQUM7SUFKN0YsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEYsQ0FBQztJQUlELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTO2FBQ3BELElBQUksQ0FDSCxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQzdCO2FBQ0EsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsSUFBSSxXQUFXLENBQUMsTUFBTTtnQkFDckQsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUE7UUFDekQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQTRCO1FBQ2xDLElBQUksSUFBSSxDQUFDLFdBQVc7WUFDbEIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFFcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBRW5CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBd0I7UUFDckMsSUFBSSxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDbkI7SUFDSCxDQUFDOztrSEFuRlUscUJBQXFCLCtDQStDMEIsTUFBTTtzR0EvQ3JELHFCQUFxQiw4YkNYbEMsZ3FCQWNLOzJGREhRLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxtQkFBbUI7OzBCQW1Ec0IsTUFBTTsyQkFBQyxNQUFNOzRDQTVDaEUsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUTtnQkFLeEMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE9BQU87Z0JBS3BCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUk7Z0JBSXBDLFVBQVU7c0JBRFQsS0FBSztnQkFJTixRQUFRO3NCQURQLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEluamVjdCwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvbkRlZmluaXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBDbGlja091dHNpZGVFdmVudCwgaXNEZWZpbmVkLCBpc051bGxPckVtcHR5U3RyaW5nLCBNZWRpYUxpbWl0cywgUG9zaXRpb24sIFJlc2l6ZVNlcnZpY2UsIFVJQ2xhc3MsIFdJTkRPVyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgZmlsdGVyLCBzdGFydFdpdGgsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBJRHJvcGRvd25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9wYXJ0cy9pdGVtL2Ryb3Bkb3duLW1lbnUtaXRlbS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1kcm9wZG93bi1tZW51JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24tbWVudS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZHJvcGRvd24tbWVudS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEcm9wZG93bk1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIE9uSW5pdCwgQWZ0ZXJDb250ZW50SW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaXRlbXM6IElEcm9wZG93bk1lbnVJdGVtTW9kZWxbXSA9IFtdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGljb24/OiBJY29uRGVmaW5pdGlvbjtcclxuXHJcbiAgQElucHV0KClcclxuICBkZWZhdWx0RG90czogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbGFiZWw/OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGlkZU9uQ2xpY2s6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGhpZGVPbkNsaWNrT3V0c2lkZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy4nICsgVUlDbGFzcy5Cb3JkZXJlZClcclxuICBib3JkZXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIHBvc2l0aW9uOiBQb3NpdGlvbltdID0gW1Bvc2l0aW9uLkxlZnRdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuT3BlbilcclxuICBvcGVuOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYXV0b1Jlc2l6ZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBPdXRwdXQoKVxyXG4gIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8SURyb3Bkb3duTWVudUl0ZW1Nb2RlbD4gPSBuZXcgRXZlbnRFbWl0dGVyPElEcm9wZG93bk1lbnVJdGVtTW9kZWw+KCk7XHJcblxyXG4gIC8vIHByZXNlcnZlZCBwb3NpdGlvblxyXG4gIHByaXZhdGUgX3Bvc2l0aW9uID0gW1Bvc2l0aW9uLkxlZnRdO1xyXG5cclxuICBwcml2YXRlIF9yZXNpemVTdWJzY3JpcHRpb24/OiBTdWJzY3JpcHRpb247XHJcblxyXG4gIGdldCBzaG93RG90cygpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmRlZmF1bHREb3RzICYmIGlzTnVsbE9yRW1wdHlTdHJpbmcodGhpcy5sYWJlbCkgJiYgIWlzRGVmaW5lZCh0aGlzLmljb24pO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZXNpemVTZXJ2aWNlOiBSZXNpemVTZXJ2aWNlLCBASW5qZWN0KFdJTkRPVykgcHJpdmF0ZSB3aW5kb3c6IFdpbmRvdykgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fcG9zaXRpb24gPSB0aGlzLnBvc2l0aW9uO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5fcmVzaXplU3Vic2NyaXB0aW9uID0gdGhpcy5yZXNpemVTZXJ2aWNlLm9uUmVzaXplJFxyXG4gICAgICAucGlwZShcclxuICAgICAgICBzdGFydFdpdGgodGhpcy53aW5kb3cpLFxyXG4gICAgICAgIGZpbHRlcihfID0+IHRoaXMuYXV0b1Jlc2l6ZSlcclxuICAgICAgKVxyXG4gICAgICAuc3Vic2NyaWJlKHdpbmRvdyA9PiB7XHJcbiAgICAgICAgdGhpcy5wb3NpdGlvbiA9IHdpbmRvdy5pbm5lcldpZHRoIDw9IE1lZGlhTGltaXRzLlRhYmxldFxyXG4gICAgICAgICAgPyBbUG9zaXRpb24uQm90dG9tLCBQb3NpdGlvbi5DZW50ZXJdIDogdGhpcy5fcG9zaXRpb25cclxuICAgICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3Jlc2l6ZVN1YnNjcmlwdGlvbj8udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG4gIG9uQ2xpY2soaXRlbTogSURyb3Bkb3duTWVudUl0ZW1Nb2RlbCkge1xyXG4gICAgaWYgKHRoaXMuaGlkZU9uQ2xpY2spXHJcbiAgICAgIHRoaXMub3BlbiA9IGZhbHNlO1xyXG5cclxuICAgIHRoaXMuaXRlbXMuZm9yRWFjaChpdGVtID0+IGl0ZW0uYWN0aXZlID0gZmFsc2UpO1xyXG4gICAgaXRlbS5hY3RpdmUgPSB0cnVlO1xyXG5cclxuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChpdGVtKTtcclxuICB9XHJcblxyXG4gIG9uQ2xpY2tPdXRzaWRlKGV2ZW50OiBDbGlja091dHNpZGVFdmVudCkge1xyXG4gICAgaWYgKGV2ZW50LnZhbHVlICYmIHRoaXMub3Blbikge1xyXG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPHVsIFtzZmNDbGlja091dHNpZGVdPVwiaGlkZU9uQ2xpY2tPdXRzaWRlXCIgKGFjdGlvbik9XCJvbkNsaWNrT3V0c2lkZSgkZXZlbnQpXCI+XHJcbiAgICA8bGk+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIChjbGljayk9XCJvcGVuID0gIW9wZW5cIj5cclxuICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJsYWJlbFwiPnt7bGFiZWx9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPGZhLWljb24gKm5nSWY9XCJpY29uXCIgW2ljb25dPVwiaWNvblwiPjwvZmEtaWNvbj5cclxuICAgICAgICAgICAgPHNmYy1kb3RzICpuZ0lmPVwic2hvd0RvdHNcIiBbb3Blbl09XCJvcGVuXCI+PC9zZmMtZG90cz5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8dWwgKm5nSWY9XCJpdGVtcy5sZW5ndGhcIiBjbGFzcz1cImRyb3Bkb3duLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8c2ZjLWRyb3Bkb3duLW1lbnUtaXRlbSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIFtpdGVtXT1cIml0ZW1cIiAoY2xpY2spPVwib25DbGljayhpdGVtKVwiPlxyXG4gICAgICAgICAgICA8L3NmYy1kcm9wZG93bi1tZW51LWl0ZW0+XHJcbiAgICAgICAgPC91bD4gXHJcbiAgICA8L2xpPlxyXG48L3VsPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBcUIsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpJLE9BQU8sRUFBcUIsU0FBUyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQWlCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxSSxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBZ0IsTUFBTSxNQUFNLENBQUM7Ozs7OztBQXdCdkQsTUFBTSxPQUFPLHFCQUFxQjtJQStDaEMsWUFBb0IsYUFBNEIsRUFBMEIsTUFBYztRQUFwRSxrQkFBYSxHQUFiLGFBQWEsQ0FBZTtRQUEwQixXQUFNLEdBQU4sTUFBTSxDQUFRO1FBNUN4RixVQUFLLEdBQTZCLEVBQUUsQ0FBQztRQU1yQyxnQkFBVyxHQUFZLElBQUksQ0FBQztRQU01QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUc1Qix1QkFBa0IsR0FBWSxJQUFJLENBQUM7UUFJbkMsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUkxQixhQUFRLEdBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFJdkMsU0FBSSxHQUFZLEtBQUssQ0FBQztRQUd0QixlQUFVLEdBQVksSUFBSSxDQUFDO1FBRzNCLGFBQVEsR0FBeUMsSUFBSSxZQUFZLEVBQTBCLENBQUM7UUFFNUYscUJBQXFCO1FBQ2IsY0FBUyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBUXdELENBQUM7SUFKN0YsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEYsQ0FBQztJQUlELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGtCQUFrQjtRQUNoQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTO2FBQ3BELElBQUksQ0FDSCxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUN0QixNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQzdCO2FBQ0EsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsSUFBSSxXQUFXLENBQUMsTUFBTTtnQkFDckQsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUE7UUFDekQsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsQ0FBQztJQUMxQyxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQTRCO1FBQ2xDLElBQUksSUFBSSxDQUFDLFdBQVc7WUFDbEIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7UUFFcEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxDQUFDO1FBQ2hELElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBRW5CLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxjQUFjLENBQUMsS0FBd0I7UUFDckMsSUFBSSxLQUFLLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDNUIsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUM7U0FDbkI7SUFDSCxDQUFDOztrSEFuRlUscUJBQXFCLCtDQStDMEIsTUFBTTtzR0EvQ3JELHFCQUFxQiw4YkM1QmxDLHFyQkFjSyxxakZESFM7UUFDVixPQUFPLENBQ0wsV0FBVyxFQUNYO1lBQ0UsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7Z0JBQ2xCLE9BQU8sRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1lBQ0gsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUM7Z0JBQ25CLE9BQU8sRUFBRSxDQUFDO2FBQ1gsQ0FBQyxDQUFDO1lBQ0gsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dCQUMzQixPQUFPLENBQUMsTUFBTSxDQUFDO2FBQ2hCLENBQUM7U0FDSCxDQUNGO0tBQ0Y7MkZBRVUscUJBQXFCO2tCQXJCakMsU0FBUzsrQkFDRSxtQkFBbUIsY0FHakI7d0JBQ1YsT0FBTyxDQUNMLFdBQVcsRUFDWDs0QkFDRSxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQ0FDbEIsT0FBTyxFQUFFLENBQUM7NkJBQ1gsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDO2dDQUNuQixPQUFPLEVBQUUsQ0FBQzs2QkFDWCxDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLGdCQUFnQixFQUFFO2dDQUMzQixPQUFPLENBQUMsTUFBTSxDQUFDOzZCQUNoQixDQUFDO3lCQUNILENBQ0Y7cUJBQ0Y7OzBCQWlEa0QsTUFBTTsyQkFBQyxNQUFNOzRDQTVDaEUsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFdBQVc7c0JBRFYsS0FBSztnQkFJTixrQkFBa0I7c0JBRGpCLEtBQUs7Z0JBS04sUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsUUFBUTtnQkFLeEMsUUFBUTtzQkFGUCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLE9BQU87Z0JBS3BCLElBQUk7c0JBRkgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxRQUFRLEdBQUcsT0FBTyxDQUFDLElBQUk7Z0JBSXBDLFVBQVU7c0JBRFQsS0FBSztnQkFJTixRQUFRO3NCQURQLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbmplY3QsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEljb25EZWZpbml0aW9uIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuaW1wb3J0IHsgQ2xpY2tPdXRzaWRlRXZlbnQsIGlzRGVmaW5lZCwgaXNOdWxsT3JFbXB0eVN0cmluZywgTWVkaWFMaW1pdHMsIFBvc2l0aW9uLCBSZXNpemVTZXJ2aWNlLCBVSUNsYXNzLCBXSU5ET1cgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IGZpbHRlciwgc3RhcnRXaXRoLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgSURyb3Bkb3duTWVudUl0ZW1Nb2RlbCB9IGZyb20gJy4vcGFydHMvaXRlbS9kcm9wZG93bi1tZW51LWl0ZW0ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtZHJvcGRvd24tbWVudScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Ryb3Bkb3duLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Ryb3Bkb3duLW1lbnUuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKFxyXG4gICAgICAnb3BlbkNsb3NlJywgXHJcbiAgICAgIFtcclxuICAgICAgICBzdGF0ZSgndHJ1ZScsIHN0eWxlKHtcclxuICAgICAgICAgIG9wYWNpdHk6IDFcclxuICAgICAgICB9KSksXHJcbiAgICAgICAgc3RhdGUoJ2ZhbHNlJywgc3R5bGUoe1xyXG4gICAgICAgICAgb3BhY2l0eTogMCxcclxuICAgICAgICB9KSksXHJcbiAgICAgICAgdHJhbnNpdGlvbigndHJ1ZSA8PT4gZmFsc2UnLCBbXHJcbiAgICAgICAgICBhbmltYXRlKCcwLjVzJylcclxuICAgICAgICBdKVxyXG4gICAgICBdXHJcbiAgICApXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRHJvcGRvd25NZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95LCBPbkluaXQsIEFmdGVyQ29udGVudEluaXQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGl0ZW1zOiBJRHJvcGRvd25NZW51SXRlbU1vZGVsW10gPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICBpY29uPzogSWNvbkRlZmluaXRpb247XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZGVmYXVsdERvdHM6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGhpZGVPbkNsaWNrOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KClcclxuICBoaWRlT25DbGlja091dHNpZGU6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuJyArIFVJQ2xhc3MuQm9yZGVyZWQpXHJcbiAgYm9yZGVyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcclxuICBwb3NpdGlvbjogUG9zaXRpb25bXSA9IFtQb3NpdGlvbi5MZWZ0XTtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLicgKyBVSUNsYXNzLk9wZW4pXHJcbiAgb3BlbjogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGF1dG9SZXNpemU6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPElEcm9wZG93bk1lbnVJdGVtTW9kZWw+ID0gbmV3IEV2ZW50RW1pdHRlcjxJRHJvcGRvd25NZW51SXRlbU1vZGVsPigpO1xyXG5cclxuICAvLyBwcmVzZXJ2ZWQgcG9zaXRpb25cclxuICBwcml2YXRlIF9wb3NpdGlvbiA9IFtQb3NpdGlvbi5MZWZ0XTtcclxuXHJcbiAgcHJpdmF0ZSBfcmVzaXplU3Vic2NyaXB0aW9uPzogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBnZXQgc2hvd0RvdHMoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5kZWZhdWx0RG90cyAmJiBpc051bGxPckVtcHR5U3RyaW5nKHRoaXMubGFiZWwpICYmICFpc0RlZmluZWQodGhpcy5pY29uKTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVzaXplU2VydmljZTogUmVzaXplU2VydmljZSwgQEluamVjdChXSU5ET1cpIHByaXZhdGUgd2luZG93OiBXaW5kb3cpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3Bvc2l0aW9uID0gdGhpcy5wb3NpdGlvbjtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3Jlc2l6ZVN1YnNjcmlwdGlvbiA9IHRoaXMucmVzaXplU2VydmljZS5vblJlc2l6ZSRcclxuICAgICAgLnBpcGUoXHJcbiAgICAgICAgc3RhcnRXaXRoKHRoaXMud2luZG93KSxcclxuICAgICAgICBmaWx0ZXIoXyA9PiB0aGlzLmF1dG9SZXNpemUpXHJcbiAgICAgIClcclxuICAgICAgLnN1YnNjcmliZSh3aW5kb3cgPT4ge1xyXG4gICAgICAgIHRoaXMucG9zaXRpb24gPSB3aW5kb3cuaW5uZXJXaWR0aCA8PSBNZWRpYUxpbWl0cy5UYWJsZXRcclxuICAgICAgICAgID8gW1Bvc2l0aW9uLkJvdHRvbSwgUG9zaXRpb24uQ2VudGVyXSA6IHRoaXMuX3Bvc2l0aW9uXHJcbiAgICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLl9yZXNpemVTdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrKGl0ZW06IElEcm9wZG93bk1lbnVJdGVtTW9kZWwpIHtcclxuICAgIGlmICh0aGlzLmhpZGVPbkNsaWNrKVxyXG4gICAgICB0aGlzLm9wZW4gPSBmYWxzZTtcclxuXHJcbiAgICB0aGlzLml0ZW1zLmZvckVhY2goaXRlbSA9PiBpdGVtLmFjdGl2ZSA9IGZhbHNlKTtcclxuICAgIGl0ZW0uYWN0aXZlID0gdHJ1ZTtcclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoaXRlbSk7XHJcbiAgfVxyXG5cclxuICBvbkNsaWNrT3V0c2lkZShldmVudDogQ2xpY2tPdXRzaWRlRXZlbnQpIHtcclxuICAgIGlmIChldmVudC52YWx1ZSAmJiB0aGlzLm9wZW4pIHtcclxuICAgICAgdGhpcy5vcGVuID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjx1bCBbc2ZjQ2xpY2tPdXRzaWRlXT1cImhpZGVPbkNsaWNrT3V0c2lkZVwiIChhY3Rpb24pPVwib25DbGlja091dHNpZGUoJGV2ZW50KVwiPlxyXG4gICAgPGxpPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250YWluZXJcIiAoY2xpY2spPVwib3BlbiA9ICFvcGVuXCI+XHJcbiAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwibGFiZWxcIj57e2xhYmVsfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblwiIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgIDxzZmMtZG90cyAqbmdJZj1cInNob3dEb3RzXCIgW29wZW5dPVwib3BlblwiPjwvc2ZjLWRvdHM+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPHVsICpuZ0lmPVwiaXRlbXMubGVuZ3RoXCIgW0BvcGVuQ2xvc2VdPVwib3BlblwiIGNsYXNzPVwiZHJvcGRvd24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgIDxzZmMtZHJvcGRvd24tbWVudS1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgW2l0ZW1dPVwiaXRlbVwiIChjbGljayk9XCJvbkNsaWNrKGl0ZW0pXCI+XHJcbiAgICAgICAgICAgIDwvc2ZjLWRyb3Bkb3duLW1lbnUtaXRlbT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgPC9saT5cclxuPC91bD4iXX0=

package/esm2020/lib/components/menu/dropdown/parts/item/dropdown-menu-item.component.mjs

@@ -14,10 +14,10 @@ export class DropdownMenuItemComponent {
     }
 }
 DropdownMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this._active" } }, ngImport: i0, template: "<li>\r\n    <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n    <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme)>:host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme)>:host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }, { kind: "component", type: i2.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
+DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this._active" } }, ngImport: i0, template: "<li>\r\n    <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n    <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none;transition:color .5s ease,border-color .5s ease,background .5s ease}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }, { kind: "component", type: i2.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-dropdown-menu-item', template: "<li>\r\n    <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n    <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme)>:host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme)>:host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"] }]
+            args: [{ selector: 'sfc-dropdown-menu-item', template: "<li>\r\n    <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n    <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none;transition:color .5s ease,border-color .5s ease,background .5s ease}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"] }]
         }], propDecorators: { item: [{
                 type: Input
             }], _active: [{

package/esm2020/lib/components/menu/navigation/navigation-menu.component.mjs

@@ -14,10 +14,10 @@ export class NavigationMenuComponent {
     }
 }
 NavigationMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NavigationMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigationMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NavigationMenuComponent, selector: "sfc-navigation-menu", inputs: { items: "items" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"items\">\r\n        <sfc-navigation-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n        </sfc-navigation-menu-item>\r\n    </div>\r\n</div>", styles: [":host .container,:host-context(.sfc-default-theme)>:host .container{background:#f5f7fa}:host-context(.sfc-dark-theme)>:host .container{background:#1b1d1f}:host .container .items{display:flex;flex-wrap:wrap;padding:.625em}:host .container .items sfc-navigation-menu-item{flex:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.NavigationMenuItemComponent, selector: "sfc-navigation-menu-item", inputs: ["item"] }] });
+NavigationMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NavigationMenuComponent, selector: "sfc-navigation-menu", inputs: { items: "items" }, outputs: { selected: "selected" }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"items\">\r\n        <sfc-navigation-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n        </sfc-navigation-menu-item>\r\n    </div>\r\n</div>", styles: [":host .container,:host-context(.sfc-default-theme) :host .container{background:#f5f7fa}:host-context(.sfc-dark-theme) :host .container{background:#1b1d1f}:host .container .items{display:flex;flex-wrap:wrap;padding:.625em}:host .container .items sfc-navigation-menu-item{flex:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.NavigationMenuItemComponent, selector: "sfc-navigation-menu-item", inputs: ["item"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NavigationMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-navigation-menu', template: "<div class=\"container\">\r\n    <div class=\"items\">\r\n        <sfc-navigation-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n        </sfc-navigation-menu-item>\r\n    </div>\r\n</div>", styles: [":host .container,:host-context(.sfc-default-theme)>:host .container{background:#f5f7fa}:host-context(.sfc-dark-theme)>:host .container{background:#1b1d1f}:host .container .items{display:flex;flex-wrap:wrap;padding:.625em}:host .container .items sfc-navigation-menu-item{flex:50%}\n"] }]
+            args: [{ selector: 'sfc-navigation-menu', template: "<div class=\"container\">\r\n    <div class=\"items\">\r\n        <sfc-navigation-menu-item *ngFor=\"let item of items\" [item]=\"item\" (click)=\"onClick(item)\">\r\n        </sfc-navigation-menu-item>\r\n    </div>\r\n</div>", styles: [":host .container,:host-context(.sfc-default-theme) :host .container{background:#f5f7fa}:host-context(.sfc-dark-theme) :host .container{background:#1b1d1f}:host .container .items{display:flex;flex-wrap:wrap;padding:.625em}:host .container .items sfc-navigation-menu-item{flex:50%}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }], selected: [{

package/esm2020/lib/components/menu/navigation/parts/item/navigation-menu-item.component.mjs

@@ -16,10 +16,10 @@ export class NavigationMenuItemComponent {
     }
 }
 NavigationMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NavigationMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NavigationMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NavigationMenuItemComponent, selector: "sfc-navigation-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n    <span>{{item.label}}</span>\r\n</div>", styles: [":host{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s ease-in-out}:host,:host-context(.sfc-default-theme)>:host{color:#545e61}:host-context(.sfc-dark-theme)>:host{color:#fff}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em .3em;margin:.625em;width:100%;border-radius:.625em;transition:background .2s ease-in-out}:host .container fa-icon{font-size:1.5em}:host .container span{font-size:1em;font-weight:700;margin-top:.625em;text-align:center}:host:hover,:host.active{color:#fff}:host:hover .container,:host.active .container{background:#ffce54}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+NavigationMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NavigationMenuItemComponent, selector: "sfc-navigation-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n    <span>{{item.label}}</span>\r\n</div>", styles: [":host{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s ease-in-out}:host,:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#fff}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em .3em;margin:.625em;width:100%;border-radius:.625em;transition:background .2s ease-in-out}:host .container fa-icon{font-size:1.5em}:host .container span{font-size:1em;font-weight:700;margin-top:.625em;text-align:center}:host:hover,:host.active{color:#fff}:host:hover .container,:host.active .container{background:#ffce54}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NavigationMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-navigation-menu-item', template: "<div class=\"container\">\r\n    <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n    <span>{{item.label}}</span>\r\n</div>", styles: [":host{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s ease-in-out}:host,:host-context(.sfc-default-theme)>:host{color:#545e61}:host-context(.sfc-dark-theme)>:host{color:#fff}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em .3em;margin:.625em;width:100%;border-radius:.625em;transition:background .2s ease-in-out}:host .container fa-icon{font-size:1.5em}:host .container span{font-size:1em;font-weight:700;margin-top:.625em;text-align:center}:host:hover,:host.active{color:#fff}:host:hover .container,:host.active .container{background:#ffce54}\n"] }]
+            args: [{ selector: 'sfc-navigation-menu-item', template: "<div class=\"container\">\r\n    <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n    <span>{{item.label}}</span>\r\n</div>", styles: [":host{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;transition:color .2s ease-in-out}:host,:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#fff}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1em .3em;margin:.625em;width:100%;border-radius:.625em;transition:background .2s ease-in-out}:host .container fa-icon{font-size:1.5em}:host .container span{font-size:1em;font-weight:700;margin-top:.625em;text-align:center}:host:hover,:host.active{color:#fff}:host:hover .container,:host.active .container{background:#ffce54}\n"] }]
         }], propDecorators: { item: [{
                 type: Input
             }], active: [{

package/esm2020/lib/components/menu/side/parts/header/side-menu-header.component.mjs

@@ -14,10 +14,10 @@ export class SideMenuHeaderComponent {
     }
 }
 SideMenuHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SideMenuHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: { label: "label", open: "open" }, outputs: { toggle: "toggle" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n    <span>{{label}}</span>\r\n    <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;text-transform:uppercase;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li span,:host-context(.sfc-default-theme)>:host li span{color:#545e61}:host-context(.sfc-dark-theme)>:host li span{color:#fff}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"], dependencies: [{ kind: "component", type: i1.HamburgerComponent, selector: "sfc-hamburger" }] });
+SideMenuHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: { label: "label", open: "open" }, outputs: { toggle: "toggle" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n    <span>{{label}}</span>\r\n    <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;text-transform:uppercase;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li span,:host-context(.sfc-default-theme) :host li span{color:#545e61}:host-context(.sfc-dark-theme) :host li span{color:#fff}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"], dependencies: [{ kind: "component", type: i1.HamburgerComponent, selector: "sfc-hamburger" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-side-menu-header', template: "<li>\r\n    <span>{{label}}</span>\r\n    <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;text-transform:uppercase;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li span,:host-context(.sfc-default-theme)>:host li span{color:#545e61}:host-context(.sfc-dark-theme)>:host li span{color:#fff}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"] }]
+            args: [{ selector: 'sfc-side-menu-header', template: "<li>\r\n    <span>{{label}}</span>\r\n    <sfc-hamburger [open]=\"open\" (click)=\"toggle.emit()\"></sfc-hamburger>\r\n</li>", styles: [":host li{display:flex;align-items:center;justify-content:center;padding:1.25em}:host li span{display:none;text-transform:uppercase;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li span,:host-context(.sfc-default-theme) :host li span{color:#545e61}:host-context(.sfc-dark-theme) :host li span{color:#fff}:host.open li{justify-content:space-between}:host.open li span{display:block}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], open: [{

package/esm2020/lib/components/menu/side/parts/item/content/side-menu-item-content.component.mjs

@@ -29,10 +29,10 @@ export class SideMenuItemContentComponent {
     }
 }
 SideMenuItemContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuItemContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SideMenuItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuItemContentComponent, selector: "sfc-side-menu-item-content", inputs: { item: "item", active: "active", open: "open", openParent: "openParent", hasChildren: "hasChildren" }, outputs: { selectItem: "selectItem" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active", "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n    <div class=\"item-container\">\r\n        <div class=\"item\">\r\n            <a>\r\n                <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n            </a>\r\n        </div>\r\n        <span class=\"label\">{{item.label}}</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n        <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n    </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between}:host li,:host-context(.sfc-default-theme)>:host li{color:#545e61}:host-context(.sfc-dark-theme)>:host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;width:0}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;font-size:1.3em;padding:.3em}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .3s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li,:host:hover li{color:#fff}:host.active li .item-container .item a,:host:hover li .item-container .item a{background-color:#ffce54;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label,:host:hover li .item-container .label{color:#ffce54}:host.active li .expand-container,:host:hover li .expand-container{color:#ffce54}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>fa-icon{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+SideMenuItemContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuItemContentComponent, selector: "sfc-side-menu-item-content", inputs: { item: "item", active: "active", open: "open", openParent: "openParent", hasChildren: "hasChildren" }, outputs: { selectItem: "selectItem" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active", "class.open": "this.open" } }, ngImport: i0, template: "<li>\r\n    <div class=\"item-container\">\r\n        <div class=\"item\">\r\n            <a>\r\n                <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n            </a>\r\n        </div>\r\n        <span class=\"label\">{{item.label}}</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n        <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n    </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;transition:color .5s ease;width:0}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:1.3em;padding:.3em;transition:background-color .5s ease,color .5s ease,margin-right .3s ease-in-out}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .5s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li,:host:hover li{color:#fff}:host.active li .item-container .item a,:host:hover li .item-container .item a{background-color:#ffce54;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label,:host:hover li .item-container .label{color:#ffce54}:host.active li .expand-container,:host:hover li .expand-container{color:#ffce54}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>fa-icon{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuItemContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-side-menu-item-content', template: "<li>\r\n    <div class=\"item-container\">\r\n        <div class=\"item\">\r\n            <a>\r\n                <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n            </a>\r\n        </div>\r\n        <span class=\"label\">{{item.label}}</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n        <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n    </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between}:host li,:host-context(.sfc-default-theme)>:host li{color:#545e61}:host-context(.sfc-dark-theme)>:host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;width:0}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out;font-size:1.3em;padding:.3em}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .3s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li,:host:hover li{color:#fff}:host.active li .item-container .item a,:host:hover li .item-container .item a{background-color:#ffce54;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label,:host:hover li .item-container .label{color:#ffce54}:host.active li .expand-container,:host:hover li .expand-container{color:#ffce54}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>fa-icon{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"] }]
+            args: [{ selector: 'sfc-side-menu-item-content', template: "<li>\r\n    <div class=\"item-container\">\r\n        <div class=\"item\">\r\n            <a>\r\n                <fa-icon *ngIf=\"item.icon\" [icon]=\"item.icon\"></fa-icon>\r\n            </a>\r\n        </div>\r\n        <span class=\"label\">{{item.label}}</span>\r\n    </div>\r\n\r\n    <div *ngIf=\"hasChildren\" class=\"expand-container\">\r\n        <fa-icon [icon]=\"expandIcon\"></fa-icon>\r\n    </div>\r\n</li>", styles: [":host li{display:inline-flex;align-items:center;padding:0 1.25em 0 1.5em;cursor:pointer;width:calc(100% - 2.75em);justify-content:space-between}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host li .expand-container{visibility:hidden;opacity:0;transition:color .5s ease;width:0}:host li .expand-container>fa-icon{font-weight:700}:host li .item-container{display:inline-flex;align-items:center}:host li .item-container .item{width:2em;height:1.9em;display:flex;justify-content:center;border-radius:.7em;align-items:center}:host li .item-container .item a{border-radius:.45em;display:flex;align-items:center;justify-content:center;font-size:1.3em;padding:.3em;transition:background-color .5s ease,color .5s ease,margin-right .3s ease-in-out}:host li .item-container .item a>fa-icon{font-size:1em}:host li .item-container .label{font-weight:700;font-size:.9em;visibility:hidden;opacity:0;transition:color .5s,visibility .3s,opacity .5s ease-in-out;-webkit-user-select:none;user-select:none;width:0}:host.active li,:host:hover li{color:#fff}:host.active li .item-container .item a,:host:hover li .item-container .item a{background-color:#ffce54;box-shadow:0 .3em 1em #2bbbad1a}:host.active li .item-container .label,:host:hover li .item-container .label{color:#ffce54}:host.active li .expand-container,:host:hover li .expand-container{color:#ffce54}:host.open li .item-container .item a{margin-right:1em}:host.open li .item-container .label{visibility:visible;opacity:1;width:auto}:host.open li .expand-container{width:auto;visibility:visible;opacity:1}:host :host-context(.children) li{margin:.2em 0}:host :host-context(.children) li .item-container .item a{padding:.3em;border-radius:.35em}:host :host-context(.children) li .item-container .item a>fa-icon{font-size:.5em}:host :host-context(.children) li .item-container .label{font-size:.8em}\n"] }]
         }], propDecorators: { item: [{
                 type: Input
             }], active: [{

package/esm2020/lib/components/menu/side/parts/title/side-menu-title.component.mjs

@@ -9,10 +9,10 @@ export class SideMenuTitleComponent {
     }
 }
 SideMenuTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SideMenuTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: { label: "label", open: "open" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme)>:host li{color:#545e61}:host-context(.sfc-dark-theme)>:host li{color:#fff}:host.open li{transform:translate(30%)}\n"], dependencies: [{ kind: "component", type: i1.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }] });
+SideMenuTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: { label: "label", open: "open" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host.open li{transform:translate(30%)}\n"], dependencies: [{ kind: "component", type: i1.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuTitleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-side-menu-title', template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme)>:host li{color:#545e61}:host-context(.sfc-dark-theme)>:host li{color:#fff}:host.open li{transform:translate(30%)}\n"] }]
+            args: [{ selector: 'sfc-side-menu-title', template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host.open li{transform:translate(30%)}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], open: [{

package/esm2020/lib/components/menu/side/side-menu.component.mjs

@@ -32,10 +32,10 @@ export class SideMenuComponent {
     }
 }
 SideMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuComponent, selector: "sfc-side-menu", inputs: { model: "model" }, outputs: { selected: "selected" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <ul>\r\n        <sfc-side-menu-header [open]=\"open\" (toggle)=\"open =!open\"></sfc-side-menu-header>\r\n\r\n        <ng-container *ngFor=\"let item of model.items\" [ngSwitch]=\"item.type\">\r\n            <sfc-side-menu-item *ngSwitchCase=\"SideMenuItemType.Item\" [item]=\"item\" [open]=\"open\"\r\n                (selectItem)=\"onItemSelect($event)\">\r\n            </sfc-side-menu-item>\r\n\r\n            <sfc-side-menu-title *ngSwitchCase=\"SideMenuItemType.Title\" [label]=\"item.label\" [open]=\"open\">\r\n            </sfc-side-menu-title>\r\n        </ng-container>\r\n    </ul>\r\n</div>", styles: [":host .container{width:5em;height:inherit;overflow:hidden;transition:width .5s ease-in-out}:host .container,:host-context(.sfc-default-theme)>:host .container{background:#f5f7fa}:host-context(.sfc-dark-theme)>:host .container{background:#1b1d1f}:host .container ul{margin:0;padding:0;list-style:none;overflow:hidden;display:flex;flex-direction:column}:host.open .container{width:11.25em}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: ["label", "open"], outputs: ["toggle"] }, { kind: "component", type: i3.SideMenuItemComponent, selector: "sfc-side-menu-item", inputs: ["item", "open"], outputs: ["selectItem"] }, { kind: "component", type: i4.SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: ["label", "open"] }] });
+SideMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuComponent, selector: "sfc-side-menu", inputs: { model: "model" }, outputs: { selected: "selected" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <ul>\r\n        <sfc-side-menu-header [open]=\"open\" (toggle)=\"open =!open\"></sfc-side-menu-header>\r\n\r\n        <ng-container *ngFor=\"let item of model.items\" [ngSwitch]=\"item.type\">\r\n            <sfc-side-menu-item *ngSwitchCase=\"SideMenuItemType.Item\" [item]=\"item\" [open]=\"open\"\r\n                (selectItem)=\"onItemSelect($event)\">\r\n            </sfc-side-menu-item>\r\n\r\n            <sfc-side-menu-title *ngSwitchCase=\"SideMenuItemType.Title\" [label]=\"item.label\" [open]=\"open\">\r\n            </sfc-side-menu-title>\r\n        </ng-container>\r\n    </ul>\r\n</div>", styles: [":host .container{width:5em;height:inherit;overflow:hidden;transition:background .5s ease,width .5s ease-in-out}:host .container ul{margin:0;padding:0;list-style:none;overflow:hidden;display:flex;flex-direction:column}:host.open .container{width:11.25em}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.SideMenuHeaderComponent, selector: "sfc-side-menu-header", inputs: ["label", "open"], outputs: ["toggle"] }, { kind: "component", type: i3.SideMenuItemComponent, selector: "sfc-side-menu-item", inputs: ["item", "open"], outputs: ["selectItem"] }, { kind: "component", type: i4.SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: ["label", "open"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-side-menu', template: "<div class=\"container\">\r\n    <ul>\r\n        <sfc-side-menu-header [open]=\"open\" (toggle)=\"open =!open\"></sfc-side-menu-header>\r\n\r\n        <ng-container *ngFor=\"let item of model.items\" [ngSwitch]=\"item.type\">\r\n            <sfc-side-menu-item *ngSwitchCase=\"SideMenuItemType.Item\" [item]=\"item\" [open]=\"open\"\r\n                (selectItem)=\"onItemSelect($event)\">\r\n            </sfc-side-menu-item>\r\n\r\n            <sfc-side-menu-title *ngSwitchCase=\"SideMenuItemType.Title\" [label]=\"item.label\" [open]=\"open\">\r\n            </sfc-side-menu-title>\r\n        </ng-container>\r\n    </ul>\r\n</div>", styles: [":host .container{width:5em;height:inherit;overflow:hidden;transition:width .5s ease-in-out}:host .container,:host-context(.sfc-default-theme)>:host .container{background:#f5f7fa}:host-context(.sfc-dark-theme)>:host .container{background:#1b1d1f}:host .container ul{margin:0;padding:0;list-style:none;overflow:hidden;display:flex;flex-direction:column}:host.open .container{width:11.25em}\n"] }]
+            args: [{ selector: 'sfc-side-menu', template: "<div class=\"container\">\r\n    <ul>\r\n        <sfc-side-menu-header [open]=\"open\" (toggle)=\"open =!open\"></sfc-side-menu-header>\r\n\r\n        <ng-container *ngFor=\"let item of model.items\" [ngSwitch]=\"item.type\">\r\n            <sfc-side-menu-item *ngSwitchCase=\"SideMenuItemType.Item\" [item]=\"item\" [open]=\"open\"\r\n                (selectItem)=\"onItemSelect($event)\">\r\n            </sfc-side-menu-item>\r\n\r\n            <sfc-side-menu-title *ngSwitchCase=\"SideMenuItemType.Title\" [label]=\"item.label\" [open]=\"open\">\r\n            </sfc-side-menu-title>\r\n        </ng-container>\r\n    </ul>\r\n</div>", styles: [":host .container{width:5em;height:inherit;overflow:hidden;transition:background .5s ease,width .5s ease-in-out}:host .container ul{margin:0;padding:0;list-style:none;overflow:hidden;display:flex;flex-direction:column}:host.open .container{width:11.25em}\n"] }]
         }], propDecorators: { model: [{
                 type: Input
             }], selected: [{

package/esm2020/lib/components/progress/circle/progress-circle.component.mjs

@@ -1,23 +1,29 @@
-import { Component, HostBinding } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { CommonConstants, getCssLikeValue, UIConstants } from 'ngx-sfc-common';
 import { ProgressBaseComponent } from '../progress.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class ProgressCircleComponent extends ProgressBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.total = CommonConstants.FULL_PERCENTAGE;
+    }
     get reversed() {
-        return this.progress > 50;
+        return (this.progress / this.total) * CommonConstants.FULL_PERCENTAGE > 50;
     }
     get transformRotate() {
-        return `rotate(${getCssLikeValue((this.progress * 360) / CommonConstants.FULL_PERCENTAGE, UIConstants.CSS_DEGREES)})`;
+        return `rotate(${getCssLikeValue((this.progress * 360) / this.total, UIConstants.CSS_DEGREES)})`;
     }
 }
 ProgressCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressCircleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressCircleComponent, selector: "sfc-progress-circle", host: { properties: { "class.reversed": "this.reversed" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\" [style.background]=\"background\">\r\n    <span>{{progress}}</span>\r\n    <div class=\"circle\">\r\n        <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n            'border-color': getColor(progress)}\"></div>\r\n        <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress)}\"></div>\r\n    </div>\r\n</div>", styles: [":host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+ProgressCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressCircleComponent, selector: "sfc-progress-circle", inputs: { total: "total" }, host: { properties: { "class.reversed": "this.reversed" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\" [style.background]=\"background\">\r\n    <span>{{progress}}</span>\r\n    <div class=\"circle\">\r\n        <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n            'border-color': getColor(progress, total)}\"></div>\r\n        <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress, total)}\"></div>\r\n    </div>\r\n</div>", styles: [":host.reversed .container .circle .fill,:host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressCircleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-progress-circle', template: "<div class=\"container\" [style.background]=\"background\">\r\n    <span>{{progress}}</span>\r\n    <div class=\"circle\">\r\n        <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n            'border-color': getColor(progress)}\"></div>\r\n        <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress)}\"></div>\r\n    </div>\r\n</div>", styles: [":host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"] }]
-        }], propDecorators: { reversed: [{
+            args: [{ selector: 'sfc-progress-circle', template: "<div class=\"container\" [style.background]=\"background\">\r\n    <span>{{progress}}</span>\r\n    <div class=\"circle\">\r\n        <div class=\"bar\" [ngStyle]=\"{'transform': transformRotate, \r\n            'border-color': getColor(progress, total)}\"></div>\r\n        <div class=\"fill\" [ngStyle]=\"{'border-color': getColor(progress, total)}\"></div>\r\n    </div>\r\n</div>", styles: [":host.reversed .container .circle .fill,:host .container .circle .bar{position:absolute;border:.09em solid;clip:rect(0,.5em,1em,0);border-radius:50%;width:.82em;height:.82em}:host .container{position:relative;border-radius:50%;background:#e6e9ed;font-size:5em;text-align:initial;width:1em;height:1em}:host .container:after{position:absolute;top:.082em;left:.09em;content:\" \";border-radius:50%;background:#fff;transition-property:all;transition-duration:.2s;transition-timing-function:ease-in;width:.83em;height:.83em}:host .container span{position:absolute;z-index:1;width:5em;line-height:5em;font-size:.2em;color:#545e61;font-weight:700;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container:hover:after{top:.07em;left:.07em;width:.86em;height:.86em}:host .container:hover span{width:3.33em;line-height:3.33em;font-size:.3em}:host .container .circle{position:absolute;clip:rect(0,1em,1em,.5em);width:1em;height:1em}:host .container .circle .bar{transition:transform .2s ease-out,border-color .2s ease-out}:host.reversed .container .circle{clip:rect(auto,auto,auto,auto)}:host.reversed .container .circle .fill{transform:rotate(180deg)}\n"] }]
+        }], propDecorators: { total: [{
+                type: Input
+            }], reversed: [{
                 type: HostBinding,
                 args: ['class.reversed']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcHJvZ3Jlc3MvY2lyY2xlL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDL0UsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7OztBQU85RCxNQUFNLE9BQU8sdUJBQ1gsU0FBUSxxQkFBcUI7SUFFN0IsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sVUFBVSxlQUFlLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLEdBQUcsQ0FBQyxHQUFHLGVBQWUsQ0FBQyxlQUFlLEVBQ3RGLFdBQVcsQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDO0lBQ2hDLENBQUM7O29IQVhVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLCtJQ1RwQyxtWEFPTTsyRkRFTyx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UscUJBQXFCOzhCQVEzQixRQUFRO3NCQURYLFdBQVc7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Db25zdGFudHMsIGdldENzc0xpa2VWYWx1ZSwgVUlDb25zdGFudHMgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IFByb2dyZXNzQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL3Byb2dyZXNzLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1wcm9ncmVzcy1jaXJjbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0NpcmNsZUNvbXBvbmVudFxyXG4gIGV4dGVuZHMgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50IHtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5yZXZlcnNlZCcpXHJcbiAgZ2V0IHJldmVyc2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMucHJvZ3Jlc3MgPiA1MDtcclxuICB9XHJcblxyXG4gIGdldCB0cmFuc2Zvcm1Sb3RhdGUoKSB7XHJcbiAgICByZXR1cm4gYHJvdGF0ZSgke2dldENzc0xpa2VWYWx1ZSgodGhpcy5wcm9ncmVzcyAqIDM2MCkgLyBDb21tb25Db25zdGFudHMuRlVMTF9QRVJDRU5UQUdFLFxyXG4gICAgICBVSUNvbnN0YW50cy5DU1NfREVHUkVFUyl9KWA7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCI+XHJcbiAgICA8c3Bhbj57e3Byb2dyZXNzfX08L3NwYW4+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2lyY2xlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJhclwiIFtuZ1N0eWxlXT1cInsndHJhbnNmb3JtJzogdHJhbnNmb3JtUm90YXRlLCBcclxuICAgICAgICAgICAgJ2JvcmRlci1jb2xvcic6IGdldENvbG9yKHByb2dyZXNzKX1cIj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsbFwiIFtuZ1N0eWxlXT1cInsnYm9yZGVyLWNvbG9yJzogZ2V0Q29sb3IocHJvZ3Jlc3MpfVwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvcHJvZ3Jlc3MvY2lyY2xlL3Byb2dyZXNzLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHVCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVNFLFVBQUssR0FBVyxlQUFlLENBQUMsZUFBZSxDQUFDO0tBV2pEO0lBVEMsSUFDSSxRQUFRO1FBQ1YsT0FBTyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLGVBQWUsQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzdFLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsT0FBTyxVQUFVLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFDakUsV0FBVyxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUM7SUFDaEMsQ0FBQzs7b0hBZFUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMktDVHBDLGlZQU9NOzJGREVPLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxxQkFBcUI7OEJBUS9CLEtBQUs7c0JBREosS0FBSztnQkFJRixRQUFRO3NCQURYLFdBQVc7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBnZXRDc3NMaWtlVmFsdWUsIFVJQ29uc3RhbnRzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0Jhc2VDb21wb25lbnQgfSBmcm9tICcuLi9wcm9ncmVzcy5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtcHJvZ3Jlc3MtY2lyY2xlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtY2lyY2xlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NDaXJjbGVDb21wb25lbnRcclxuICBleHRlbmRzIFByb2dyZXNzQmFzZUNvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdG90YWw6IG51bWJlciA9IENvbW1vbkNvbnN0YW50cy5GVUxMX1BFUkNFTlRBR0U7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MucmV2ZXJzZWQnKVxyXG4gIGdldCByZXZlcnNlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiAodGhpcy5wcm9ncmVzcyAvIHRoaXMudG90YWwpICogQ29tbW9uQ29uc3RhbnRzLkZVTExfUEVSQ0VOVEFHRSA+IDUwO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHRyYW5zZm9ybVJvdGF0ZSgpIHtcclxuICAgIHJldHVybiBgcm90YXRlKCR7Z2V0Q3NzTGlrZVZhbHVlKCh0aGlzLnByb2dyZXNzICogMzYwKSAvIHRoaXMudG90YWwsXHJcbiAgICAgIFVJQ29uc3RhbnRzLkNTU19ERUdSRUVTKX0pYDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRcIj5cclxuICAgIDxzcGFuPnt7cHJvZ3Jlc3N9fTwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJjaXJjbGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmFyXCIgW25nU3R5bGVdPVwieyd0cmFuc2Zvcm0nOiB0cmFuc2Zvcm1Sb3RhdGUsIFxyXG4gICAgICAgICAgICAnYm9yZGVyLWNvbG9yJzogZ2V0Q29sb3IocHJvZ3Jlc3MsIHRvdGFsKX1cIj48L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiZmlsbFwiIFtuZ1N0eWxlXT1cInsnYm9yZGVyLWNvbG9yJzogZ2V0Q29sb3IocHJvZ3Jlc3MsIHRvdGFsKX1cIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=