ngx-sfc-components 0.0.1

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

@@ -0,0 +1,42 @@
+import { Component, 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 ProgressSemiCircleComponent extends ProgressBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.limits = true;
+        this.min = 0;
+        this.max = CommonConstants.FULL_PERCENTAGE;
+    }
+    ngOnInit() {
+        if (this.min > this.max)
+            this.min = 0;
+        if (this.progress < this.min)
+            this.progress = this.min;
+        if (this.progress > this.max)
+            this.progress = this.max;
+    }
+    get barStyles() {
+        const color = this.getColor(this.progress), differenceLimits = this.max - this.min, rotateValue = 45 + (180 - ((this.max - this.progress) * 180 / differenceLimits));
+        return {
+            transform: `rotate(${getCssLikeValue(rotateValue, UIConstants.CSS_DEGREES)})`,
+            borderBottomColor: color,
+            borderRightColor: color
+        };
+    }
+}
+ProgressSemiCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProgressSemiCircleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+ProgressSemiCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ProgressSemiCircleComponent, selector: "sfc-progress-semi-circle", inputs: { limits: "limits", min: "min", max: "max" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"progress-bar\">\r\n        <div class=\"bar\" [style.border-color]=\"background\" [ngStyle]=\"barStyles\"></div>\r\n    </div>\r\n    <span class=\"value\">{{progress}}</span>\r\n    <div class=\"limits\" *ngIf=\"limits\">\r\n        <span>{{min}}</span>\r\n        <span>{{max}}</span>\r\n    </div>\r\n</div>", styles: [":host .container{position:relative;width:1em;height:.5em;font-size:5em}:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#ccd1d9}:host .container .progress-bar{position:relative;overflow:hidden;height:inherit}:host .container .progress-bar .bar{width:1em;height:1em;border-radius:50%;box-sizing:border-box;border:.1em solid;border-color:#e6e9ed;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .value{font-weight:700;font-size:.2em;-webkit-user-select:none;user-select:none;position:absolute;z-index:1;top:50%;width:5em;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .limits{font-size:.06em;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:3px}:host .container:hover .progress-bar .bar{border-width:.08em}:host .container:hover .value{font-size:.3em;width:3.33em;top:30%}\n"], directives: [{ type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ProgressSemiCircleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-progress-semi-circle', template: "<div class=\"container\">\r\n    <div class=\"progress-bar\">\r\n        <div class=\"bar\" [style.border-color]=\"background\" [ngStyle]=\"barStyles\"></div>\r\n    </div>\r\n    <span class=\"value\">{{progress}}</span>\r\n    <div class=\"limits\" *ngIf=\"limits\">\r\n        <span>{{min}}</span>\r\n        <span>{{max}}</span>\r\n    </div>\r\n</div>", styles: [":host .container{position:relative;width:1em;height:.5em;font-size:5em}:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#ccd1d9}:host .container .progress-bar{position:relative;overflow:hidden;height:inherit}:host .container .progress-bar .bar{width:1em;height:1em;border-radius:50%;box-sizing:border-box;border:.1em solid;border-color:#e6e9ed;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .value{font-weight:700;font-size:.2em;-webkit-user-select:none;user-select:none;position:absolute;z-index:1;top:50%;width:5em;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .limits{font-size:.06em;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:3px}:host .container:hover .progress-bar .bar{border-width:.08em}:host .container:hover .value{font-size:.3em;width:3.33em;top:30%}\n"] }]
+        }], propDecorators: { limits: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy9zZW1pLWNpcmNsZS9wcm9ncmVzcy1zZW1pLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL3NlbWktY2lyY2xlL3Byb2dyZXNzLXNlbWktY2lyY2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLDJCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVVFLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFHdkIsUUFBRyxHQUFXLENBQUMsQ0FBQztRQUdoQixRQUFHLEdBQVcsZUFBZSxDQUFDLGVBQWUsQ0FBQztLQXdCL0M7SUF0QkMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRztZQUNyQixJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztRQUVmLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHO1lBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQ3hDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFDdEMsV0FBVyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLGdCQUFnQixDQUFDLENBQUMsQ0FBQztRQUVuRixPQUFPO1lBQ0wsU0FBUyxFQUFFLFVBQVUsZUFBZSxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsV0FBVyxDQUFDLEdBQUc7WUFDN0UsaUJBQWlCLEVBQUUsS0FBSztZQUN4QixnQkFBZ0IsRUFBRSxLQUFLO1NBQ3hCLENBQUE7SUFDSCxDQUFDOzt3SEFsQ1UsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNklDVHhDLHNXQVNNOzJGREFPLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBU3BDLE1BQU07c0JBREwsS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgZ2V0Q3NzTGlrZVZhbHVlLCBVSUNvbnN0YW50cyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vcHJvZ3Jlc3MuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXByb2dyZXNzLXNlbWktY2lyY2xlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLXNlbWktY2lyY2xlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2dyZXNzU2VtaUNpcmNsZUNvbXBvbmVudFxyXG4gIGV4dGVuZHMgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50XHJcbiAgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxpbWl0czogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbWluOiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIG1heDogbnVtYmVyID0gQ29tbW9uQ29uc3RhbnRzLkZVTExfUEVSQ0VOVEFHRTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5taW4gPiB0aGlzLm1heClcclxuICAgICAgdGhpcy5taW4gPSAwO1xyXG5cclxuICAgIGlmICh0aGlzLnByb2dyZXNzIDwgdGhpcy5taW4pXHJcbiAgICAgIHRoaXMucHJvZ3Jlc3MgPSB0aGlzLm1pbjtcclxuXHJcbiAgICBpZiAodGhpcy5wcm9ncmVzcyA+IHRoaXMubWF4KVxyXG4gICAgICB0aGlzLnByb2dyZXNzID0gdGhpcy5tYXg7XHJcbiAgfVxyXG5cclxuICBnZXQgYmFyU3R5bGVzKCkge1xyXG4gICAgY29uc3QgY29sb3IgPSB0aGlzLmdldENvbG9yKHRoaXMucHJvZ3Jlc3MpLFxyXG4gICAgICBkaWZmZXJlbmNlTGltaXRzID0gdGhpcy5tYXggLSB0aGlzLm1pbixcclxuICAgICAgcm90YXRlVmFsdWUgPSA0NSArICgxODAgLSAoKHRoaXMubWF4IC0gdGhpcy5wcm9ncmVzcykgKiAxODAgLyBkaWZmZXJlbmNlTGltaXRzKSk7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdHJhbnNmb3JtOiBgcm90YXRlKCR7Z2V0Q3NzTGlrZVZhbHVlKHJvdGF0ZVZhbHVlLCBVSUNvbnN0YW50cy5DU1NfREVHUkVFUyl9KWAsXHJcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiBjb2xvcixcclxuICAgICAgYm9yZGVyUmlnaHRDb2xvcjogY29sb3JcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYXJcIiBbc3R5bGUuYm9yZGVyLWNvbG9yXT1cImJhY2tncm91bmRcIiBbbmdTdHlsZV09XCJiYXJTdHlsZXNcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPnt7cHJvZ3Jlc3N9fTwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJsaW1pdHNcIiAqbmdJZj1cImxpbWl0c1wiPlxyXG4gICAgICAgIDxzcGFuPnt7bWlufX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4+e3ttYXh9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/components/slider/parts/button/slider-button-type.enum.mjs

@@ -0,0 +1,6 @@
+export var SliderButtonType;
+(function (SliderButtonType) {
+    SliderButtonType["Next"] = "next";
+    SliderButtonType["Previous"] = "previous";
+})(SliderButtonType || (SliderButtonType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWJ1dHRvbi10eXBlLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9idXR0b24vc2xpZGVyLWJ1dHRvbi10eXBlLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZ0JBR1g7QUFIRCxXQUFZLGdCQUFnQjtJQUN4QixpQ0FBYSxDQUFBO0lBQ2IseUNBQXFCLENBQUE7QUFDekIsQ0FBQyxFQUhXLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHM0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBTbGlkZXJCdXR0b25UeXBlIHtcclxuICAgIE5leHQgPSAnbmV4dCcsXHJcbiAgICBQcmV2aW91cyA9ICdwcmV2aW91cydcclxufSJdfQ==

package/esm2020/lib/components/slider/parts/button/slider-button.component.mjs

@@ -0,0 +1,34 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import { UIClass } from 'ngx-sfc-common';
+import { SliderButtonType } from './slider-button-type.enum';
+import * as i0 from "@angular/core";
+export class SliderButtonComponent {
+    constructor() {
+        this.ICON_NEXT = 'fa fa-arrow-right';
+        this.ICON_PREVIOUS = 'fa fa-arrow-left';
+        this.type = SliderButtonType.Next;
+        this.active = false;
+    }
+    get icon() {
+        return this.type == SliderButtonType.Next
+            ? this.ICON_NEXT
+            : this.ICON_PREVIOUS;
+    }
+}
+SliderButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SliderButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SliderButtonComponent, selector: "sfc-slider-button", inputs: { type: "type", active: "active" }, host: { properties: { "class": "this.type", "class.active": "this.active" } }, ngImport: i0, template: "<div>\r\n    <i class=\"{{icon}}\"></i>\r\n</div>", styles: [":host{position:absolute;width:3em;height:3.7em;top:50%;margin-top:-1.5em;line-height:3.7em;text-align:center;cursor:pointer;background:#0000001a;transition:all .1s ease}:host:hover{background:#0000004d}:host.next{right:-3em;border-radius:.43em 0 0 .43em}:host.previous{left:-3em;border-radius:0 .43em .43em 0}:host.active.next{right:0}:host.active.previous{left:0}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-slider-button', template: "<div>\r\n    <i class=\"{{icon}}\"></i>\r\n</div>", styles: [":host{position:absolute;width:3em;height:3.7em;top:50%;margin-top:-1.5em;line-height:3.7em;text-align:center;cursor:pointer;background:#0000001a;transition:all .1s ease}:host:hover{background:#0000004d}:host.next{right:-3em;border-radius:.43em 0 0 .43em}:host.previous{left:-3em;border-radius:0 .43em .43em 0}:host.active.next{right:0}:host.active.previous{left:0}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class']
+            }], active: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class.' + UIClass.Active]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9idXR0b24vc2xpZGVyLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9idXR0b24vc2xpZGVyLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQU83RCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT21CLGNBQVMsR0FBRyxtQkFBbUIsQ0FBQztRQUNoQyxrQkFBYSxHQUFHLGtCQUFrQixDQUFDO1FBSXBELFNBQUksR0FBcUIsZ0JBQWdCLENBQUMsSUFBSSxDQUFDO1FBSS9DLFdBQU0sR0FBWSxLQUFLLENBQUM7S0FPekI7SUFMQyxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxJQUFJLElBQUksZ0JBQWdCLENBQUMsSUFBSTtZQUN2QyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVM7WUFDaEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDekIsQ0FBQzs7a0hBakJVLHFCQUFxQjtzR0FBckIscUJBQXFCLG9MQ1RsQyxtREFFTTsyRkRPTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQVc3QixJQUFJO3NCQUZILEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsT0FBTztnQkFLcEIsTUFBTTtzQkFGTCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLFFBQVEsR0FBRyxPQUFPLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFVJQ2xhc3MgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IFNsaWRlckJ1dHRvblR5cGUgfSBmcm9tICcuL3NsaWRlci1idXR0b24tdHlwZS5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXNsaWRlci1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbGlkZXItYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXItYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlckJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgSUNPTl9ORVhUID0gJ2ZhIGZhLWFycm93LXJpZ2h0JztcclxuICBwcml2YXRlIHJlYWRvbmx5IElDT05fUFJFVklPVVMgPSAnZmEgZmEtYXJyb3ctbGVmdCc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgdHlwZTogU2xpZGVyQnV0dG9uVHlwZSA9IFNsaWRlckJ1dHRvblR5cGUuTmV4dDtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLicgKyBVSUNsYXNzLkFjdGl2ZSlcclxuICBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgZ2V0IGljb24oKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnR5cGUgPT0gU2xpZGVyQnV0dG9uVHlwZS5OZXh0XHJcbiAgICAgID8gdGhpcy5JQ09OX05FWFRcclxuICAgICAgOiB0aGlzLklDT05fUFJFVklPVVM7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXY+XHJcbiAgICA8aSBjbGFzcz1cInt7aWNvbn19XCI+PC9pPlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/components/slider/parts/item/slider-item.component.mjs

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import { CommonConstants } from 'ngx-sfc-common';
+import * as i0 from "@angular/core";
+export class SliderItemComponent {
+    constructor() {
+        this.model = { imageSrc: CommonConstants.EMPTY_STRING };
+    }
+}
+SliderItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SliderItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SliderItemComponent, selector: "sfc-slider-item", inputs: { model: "model" }, ngImport: i0, template: "<li>\r\n    <div>\r\n        <h2>{{model.title}}</h2>\r\n        <span>{{model.subTitle}}</span>\r\n    </div>\r\n    <img [src]=\"model.imageSrc\">\r\n</li>", styles: [":host{display:inline-block}:host li{position:relative;width:37.5em;height:25em;background:#434a54}:host li div{position:absolute;top:10%;left:6%;-webkit-user-select:none;user-select:none;font-size:1.5em}:host li div h2{margin:0;text-transform:uppercase}:host li img{width:100%;height:100%;object-fit:fill}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-slider-item', template: "<li>\r\n    <div>\r\n        <h2>{{model.title}}</h2>\r\n        <span>{{model.subTitle}}</span>\r\n    </div>\r\n    <img [src]=\"model.imageSrc\">\r\n</li>", styles: [":host{display:inline-block}:host li{position:relative;width:37.5em;height:25em;background:#434a54}:host li div{position:absolute;top:10%;left:6%;-webkit-user-select:none;user-select:none;font-size:1.5em}:host li div h2{margin:0;text-transform:uppercase}:host li img{width:100%;height:100%;object-fit:fill}\n"] }]
+        }], propDecorators: { model: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvcGFydHMvaXRlbS9zbGlkZXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFRakQsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQVFFLFVBQUssR0FBcUIsRUFBRSxRQUFRLEVBQUUsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDO0tBRXRFOztnSEFMWSxtQkFBbUI7b0dBQW5CLG1CQUFtQixtRkNUaEMsK0pBTUs7MkZER1EsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGlCQUFpQjs4QkFPM0IsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Db25zdGFudHMgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IElTbGlkZXJJdGVtTW9kZWwgfSBmcm9tICcuL3NsaWRlci1pdGVtLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXNsaWRlci1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NsaWRlci1pdGVtLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNsaWRlckl0ZW1Db21wb25lbnQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIG1vZGVsOiBJU2xpZGVySXRlbU1vZGVsID0geyBpbWFnZVNyYzogQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORyB9O1xyXG5cclxufVxyXG4iLCI8bGk+XHJcbiAgICA8ZGl2PlxyXG4gICAgICAgIDxoMj57e21vZGVsLnRpdGxlfX08L2gyPlxyXG4gICAgICAgIDxzcGFuPnt7bW9kZWwuc3ViVGl0bGV9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGltZyBbc3JjXT1cIm1vZGVsLmltYWdlU3JjXCI+XHJcbjwvbGk+Il19

package/esm2020/lib/components/slider/parts/item/slider-item.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWl0ZW0ubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIElTbGlkZXJJdGVtTW9kZWwge1xyXG4gICAgaW1hZ2VTcmM6IHN0cmluZztcclxuICAgIHRpdGxlPzogc3RyaW5nO1xyXG4gICAgc3ViVGl0bGU/OiBzdHJpbmc7XHJcbn0iXX0=

package/esm2020/lib/components/slider/parts/pagination/slider-pagination.component.mjs

@@ -0,0 +1,29 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SliderPaginationComponent {
+    constructor() {
+        this.count = 0;
+        this.index = 0;
+        this.selected = new EventEmitter();
+    }
+    get items() {
+        return Array.from({ length: this.count });
+    }
+    selectItem(index) {
+        this.selected.emit(index);
+    }
+}
+SliderPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SliderPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SliderPaginationComponent, selector: "sfc-slider-pagination", inputs: { count: "count", index: "index" }, outputs: { selected: "selected" }, ngImport: i0, template: "<ul>\r\n    <li *ngFor=\"let _ of items; let itemIndex = index;\" [class.active]=\"itemIndex === index\"\r\n        (click)=\"selectItem(itemIndex)\"></li>\r\n</ul>", styles: [":host{display:inline-block}:host ul{display:flex;align-items:center;margin:0;padding:0}:host ul li{margin:.3em;display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#fff;opacity:.5;cursor:pointer;transition:all .3s cubic-bezier(1,.01,.32,1)}:host ul li.active{transform:scale(1.7);opacity:1}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-slider-pagination', template: "<ul>\r\n    <li *ngFor=\"let _ of items; let itemIndex = index;\" [class.active]=\"itemIndex === index\"\r\n        (click)=\"selectItem(itemIndex)\"></li>\r\n</ul>", styles: [":host{display:inline-block}:host ul{display:flex;align-items:center;margin:0;padding:0}:host ul li{margin:.3em;display:inline-block;width:.6em;height:.6em;border-radius:50%;background:#fff;opacity:.5;cursor:pointer;transition:all .3s cubic-bezier(1,.01,.32,1)}:host ul li.active{transform:scale(1.7);opacity:1}\n"] }]
+        }], propDecorators: { count: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], selected: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvcGFydHMvcGFnaW5hdGlvbi9zbGlkZXItcGFnaW5hdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9wYWdpbmF0aW9uL3NsaWRlci1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQU92RSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBUUUsVUFBSyxHQUFXLENBQUMsQ0FBQztRQUdsQixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBR2xCLGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQVM3RDtJQVBDLElBQUksS0FBSztRQUNQLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFDLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7c0hBakJVLHlCQUF5QjswR0FBekIseUJBQXlCLDRJQ1B0QyxzS0FHSzsyRkRJUSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UsdUJBQXVCOzhCQU9qQyxLQUFLO3NCQURKLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1zbGlkZXItcGFnaW5hdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlci1wYWdpbmF0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXItcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbGlkZXJQYWdpbmF0aW9uQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBjb3VudDogbnVtYmVyID0gMDtcclxuXHJcbiAgQElucHV0KClcclxuICBpbmRleDogbnVtYmVyID0gMDtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgc2VsZWN0ZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XHJcblxyXG4gIGdldCBpdGVtcygpOiBBcnJheTxhbnk+IHtcclxuICAgIHJldHVybiBBcnJheS5mcm9tKHtsZW5ndGg6IHRoaXMuY291bnR9KTtcclxuICB9XHJcblxyXG4gIHNlbGVjdEl0ZW0oaW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KGluZGV4KTtcclxuICB9XHJcbn1cclxuIiwiPHVsPlxyXG4gICAgPGxpICpuZ0Zvcj1cImxldCBfIG9mIGl0ZW1zOyBsZXQgaXRlbUluZGV4ID0gaW5kZXg7XCIgW2NsYXNzLmFjdGl2ZV09XCJpdGVtSW5kZXggPT09IGluZGV4XCJcclxuICAgICAgICAoY2xpY2spPVwic2VsZWN0SXRlbShpdGVtSW5kZXgpXCI+PC9saT5cclxuPC91bD4iXX0=

package/esm2020/lib/components/slider/service/automatic/slider-automatic.service.mjs

@@ -0,0 +1,35 @@
+import { Injectable } from '@angular/core';
+import { isDefined } from 'ngx-sfc-common';
+import { SliderMoveType } from '../slider/slider-move-type.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "../slider/slider.service";
+export class SliderAutomaticService {
+    constructor(sliderService) {
+        this.sliderService = sliderService;
+        this.AUTOMATIC_INTERVAL_MS = 3000;
+        this.pause = true;
+    }
+    start() {
+        this.pause = false;
+        // stop previous if exist
+        if (isDefined(this.autoSlider))
+            this.stop();
+        this.autoSlider = setInterval(() => this.sliderService.move(SliderMoveType.Next), this.AUTOMATIC_INTERVAL_MS);
+    }
+    stop() {
+        clearInterval(this.autoSlider);
+    }
+    toggle() {
+        this.pause = !this.pause;
+        if (this.pause)
+            this.stop();
+        else
+            this.start();
+    }
+}
+SliderAutomaticService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderAutomaticService, deps: [{ token: i1.SliderService }], target: i0.ɵɵFactoryTarget.Injectable });
+SliderAutomaticService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderAutomaticService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderAutomaticService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.SliderService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWF1dG9tYXRpYy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvc2VydmljZS9hdXRvbWF0aWMvc2xpZGVyLWF1dG9tYXRpYy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBSWpFLE1BQU0sT0FBTyxzQkFBc0I7SUFXakMsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFUL0IsMEJBQXFCLEdBQUcsSUFBSSxDQUFDO1FBT3ZDLFVBQUssR0FBWSxJQUFJLENBQUM7SUFFdUIsQ0FBQztJQUVyRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFFbkIseUJBQXlCO1FBQ3pCLElBQUksU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7WUFDNUIsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRWQsSUFBSSxDQUFDLFVBQVUsR0FBRyxXQUFXLENBQUMsR0FBRyxFQUFFLENBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUM5RSxDQUFDO0lBRUQsSUFBSTtRQUNGLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUV6QixJQUFJLElBQUksQ0FBQyxLQUFLO1lBQ1osSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDOztZQUVaLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNqQixDQUFDOzttSEFuQ1Usc0JBQXNCO3VIQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFEbEMsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgaXNEZWZpbmVkIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBTbGlkZXJNb3ZlVHlwZSB9IGZyb20gJy4uL3NsaWRlci9zbGlkZXItbW92ZS10eXBlLmVudW0nO1xyXG5pbXBvcnQgeyBTbGlkZXJTZXJ2aWNlIH0gZnJvbSAnLi4vc2xpZGVyL3NsaWRlci5zZXJ2aWNlJztcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIFNsaWRlckF1dG9tYXRpY1NlcnZpY2Uge1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IEFVVE9NQVRJQ19JTlRFUlZBTF9NUyA9IDMwMDA7XHJcblxyXG4gIC8qKlxyXG4gICAqIEludGVydmFsIHJlZmVyZW5jZSAoZm9yIHN0b3AgaWYgcmVxdWlyZWQpXHJcbiAgICovXHJcbiAgcHJpdmF0ZSBhdXRvU2xpZGVyITogYW55O1xyXG5cclxuICBwdWJsaWMgcGF1c2U6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNsaWRlclNlcnZpY2U6IFNsaWRlclNlcnZpY2UpIHsgfVxyXG5cclxuICBzdGFydCgpIHtcclxuICAgIHRoaXMucGF1c2UgPSBmYWxzZTtcclxuXHJcbiAgICAvLyBzdG9wIHByZXZpb3VzIGlmIGV4aXN0XHJcbiAgICBpZiAoaXNEZWZpbmVkKHRoaXMuYXV0b1NsaWRlcikpXHJcbiAgICAgIHRoaXMuc3RvcCgpO1xyXG5cclxuICAgIHRoaXMuYXV0b1NsaWRlciA9IHNldEludGVydmFsKCgpID0+XHJcbiAgICAgIHRoaXMuc2xpZGVyU2VydmljZS5tb3ZlKFNsaWRlck1vdmVUeXBlLk5leHQpLCB0aGlzLkFVVE9NQVRJQ19JTlRFUlZBTF9NUyk7XHJcbiAgfVxyXG5cclxuICBzdG9wKCkge1xyXG4gICAgY2xlYXJJbnRlcnZhbCh0aGlzLmF1dG9TbGlkZXIpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlKCkge1xyXG4gICAgdGhpcy5wYXVzZSA9ICF0aGlzLnBhdXNlO1xyXG5cclxuICAgIGlmICh0aGlzLnBhdXNlKVxyXG4gICAgICB0aGlzLnN0b3AoKTtcclxuICAgIGVsc2VcclxuICAgICAgdGhpcy5zdGFydCgpO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/components/slider/service/slider/slider-move-type.enum.mjs

@@ -0,0 +1,7 @@
+export var SliderMoveType;
+(function (SliderMoveType) {
+    SliderMoveType["Next"] = "next";
+    SliderMoveType["Previous"] = "previous";
+    SliderMoveType["Select"] = "select";
+})(SliderMoveType || (SliderMoveType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLW1vdmUtdHlwZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvc2VydmljZS9zbGlkZXIvc2xpZGVyLW1vdmUtdHlwZS5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGNBSVg7QUFKRCxXQUFZLGNBQWM7SUFDdEIsK0JBQWEsQ0FBQTtJQUNiLHVDQUFxQixDQUFBO0lBQ3JCLG1DQUFpQixDQUFBO0FBQ3JCLENBQUMsRUFKVyxjQUFjLEtBQWQsY0FBYyxRQUl6QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFNsaWRlck1vdmVUeXBlIHtcclxuICAgIE5leHQgPSAnbmV4dCcsXHJcbiAgICBQcmV2aW91cyA9ICdwcmV2aW91cycsXHJcbiAgICBTZWxlY3QgPSAnc2VsZWN0J1xyXG59Il19

package/esm2020/lib/components/slider/service/slider/slider-move.event.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLW1vdmUuZXZlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9zZXJ2aWNlL3NsaWRlci9zbGlkZXItbW92ZS5ldmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU2xpZGVyTW92ZVR5cGUgfSBmcm9tIFwiLi9zbGlkZXItbW92ZS10eXBlLmVudW1cIjtcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVNsaWRlck1vdmVFdmVudCB7XHJcbiAgICB0eXBlOiBTbGlkZXJNb3ZlVHlwZTtcclxuICAgIGluZGV4PzogbnVtYmVyO1xyXG59Il19

package/esm2020/lib/components/slider/service/slider/slider-move.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLW1vdmUubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9zZXJ2aWNlL3NsaWRlci9zbGlkZXItbW92ZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJU2xpZGVyTW92ZU1vZGVsIHtcclxuICAgIGluZGV4OiBudW1iZXI7XHJcbiAgICBjb3VudDogbnVtYmVyO1xyXG59Il19

package/esm2020/lib/components/slider/service/slider/slider.service.mjs

@@ -0,0 +1,40 @@
+import { combineLatest, map, startWith, Subject } from 'rxjs';
+import { SliderMoveType } from './slider-move-type.enum';
+export class SliderService {
+    constructor() {
+        // hold current image index
+        this.index = 0;
+        this.moveSubject = new Subject();
+        this.move$ = this.moveSubject.asObservable();
+    }
+    init(count$) {
+        this.model$ = combineLatest([
+            this.move$.pipe(startWith({ type: SliderMoveType.Select, index: this.index })),
+            count$.pipe(startWith(0))
+        ]).pipe(map(([event, count]) => {
+            switch (event.type) {
+                case SliderMoveType.Select:
+                    this.index = event.index ?? this.index;
+                    break;
+                case SliderMoveType.Next:
+                    this.index++;
+                    break;
+                case SliderMoveType.Previous:
+                    this.index--;
+                    break;
+            }
+            if (this.index == count)
+                this.index = 0;
+            if (this.index < 0)
+                this.index = count - 1;
+            return { index: this.index, count };
+        }));
+    }
+    move(type) {
+        this.moveSubject.next({ type });
+    }
+    select(index) {
+        this.moveSubject.next({ type: SliderMoveType.Select, index });
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9zZXJ2aWNlL3NsaWRlci9zbGlkZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBYyxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUl6RCxNQUFNLE9BQU8sYUFBYTtJQUExQjtRQUVFLDJCQUEyQjtRQUNuQixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBRWxCLGdCQUFXLEdBQThCLElBQUksT0FBTyxFQUFvQixDQUFDO1FBRXpFLFVBQUssR0FBaUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQXdDaEYsQ0FBQztJQXBDQyxJQUFJLENBQUMsTUFBMEI7UUFDN0IsSUFBSSxDQUFDLE1BQU0sR0FBRyxhQUFhLENBQUM7WUFDMUIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsSUFBSSxFQUFFLGNBQWMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1lBQzlFLE1BQU0sQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQzFCLENBQUMsQ0FBQyxJQUFJLENBQ0wsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRTtZQUNyQixRQUFRLEtBQUssQ0FBQyxJQUFJLEVBQUU7Z0JBQ2xCLEtBQUssY0FBYyxDQUFDLE1BQU07b0JBQ3hCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDO29CQUN2QyxNQUFNO2dCQUNSLEtBQUssY0FBYyxDQUFDLElBQUk7b0JBQ3RCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztvQkFDYixNQUFNO2dCQUNSLEtBQUssY0FBYyxDQUFDLFFBQVE7b0JBQzFCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztvQkFDYixNQUFNO2FBQ1Q7WUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksS0FBSztnQkFDckIsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFFakIsSUFBSSxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUM7Z0JBQ2hCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUV6QixPQUFPLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUM7UUFDdEMsQ0FBQyxDQUFDLENBQ0gsQ0FBQztJQUNKLENBQUM7SUFFRCxJQUFJLENBQUMsSUFBb0I7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYTtRQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxjQUFjLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDaEUsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGgsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgU2xpZGVyTW92ZVR5cGUgfSBmcm9tICcuL3NsaWRlci1tb3ZlLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IElTbGlkZXJNb3ZlRXZlbnQgfSBmcm9tICcuL3NsaWRlci1tb3ZlLmV2ZW50JztcclxuaW1wb3J0IHsgSVNsaWRlck1vdmVNb2RlbCB9IGZyb20gJy4vc2xpZGVyLW1vdmUubW9kZWwnO1xyXG5cclxuZXhwb3J0IGNsYXNzIFNsaWRlclNlcnZpY2Uge1xyXG5cclxuICAvLyBob2xkIGN1cnJlbnQgaW1hZ2UgaW5kZXhcclxuICBwcml2YXRlIGluZGV4OiBudW1iZXIgPSAwO1xyXG5cclxuICBwcml2YXRlIG1vdmVTdWJqZWN0OiBTdWJqZWN0PElTbGlkZXJNb3ZlRXZlbnQ+ID0gbmV3IFN1YmplY3Q8SVNsaWRlck1vdmVFdmVudD4oKTtcclxuXHJcbiAgcHJpdmF0ZSBtb3ZlJDogT2JzZXJ2YWJsZTxJU2xpZGVyTW92ZUV2ZW50PiA9IHRoaXMubW92ZVN1YmplY3QuYXNPYnNlcnZhYmxlKCk7XHJcblxyXG4gIHB1YmxpYyBtb2RlbCQhOiBPYnNlcnZhYmxlPElTbGlkZXJNb3ZlTW9kZWw+O1xyXG5cclxuICBpbml0KGNvdW50JDogT2JzZXJ2YWJsZTxudW1iZXI+KSB7XHJcbiAgICB0aGlzLm1vZGVsJCA9IGNvbWJpbmVMYXRlc3QoW1xyXG4gICAgICB0aGlzLm1vdmUkLnBpcGUoc3RhcnRXaXRoKHsgdHlwZTogU2xpZGVyTW92ZVR5cGUuU2VsZWN0LCBpbmRleDogdGhpcy5pbmRleCB9KSksXHJcbiAgICAgIGNvdW50JC5waXBlKHN0YXJ0V2l0aCgwKSlcclxuICAgIF0pLnBpcGUoXHJcbiAgICAgIG1hcCgoW2V2ZW50LCBjb3VudF0pID0+IHtcclxuICAgICAgICBzd2l0Y2ggKGV2ZW50LnR5cGUpIHtcclxuICAgICAgICAgIGNhc2UgU2xpZGVyTW92ZVR5cGUuU2VsZWN0OlxyXG4gICAgICAgICAgICB0aGlzLmluZGV4ID0gZXZlbnQuaW5kZXggPz8gdGhpcy5pbmRleDtcclxuICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgICBjYXNlIFNsaWRlck1vdmVUeXBlLk5leHQ6XHJcbiAgICAgICAgICAgIHRoaXMuaW5kZXgrKztcclxuICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgICBjYXNlIFNsaWRlck1vdmVUeXBlLlByZXZpb3VzOlxyXG4gICAgICAgICAgICB0aGlzLmluZGV4LS07XHJcbiAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgaWYgKHRoaXMuaW5kZXggPT0gY291bnQpXHJcbiAgICAgICAgICB0aGlzLmluZGV4ID0gMDtcclxuXHJcbiAgICAgICAgaWYgKHRoaXMuaW5kZXggPCAwKVxyXG4gICAgICAgICAgdGhpcy5pbmRleCA9IGNvdW50IC0gMTtcclxuXHJcbiAgICAgICAgcmV0dXJuIHsgaW5kZXg6IHRoaXMuaW5kZXgsIGNvdW50IH07XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgbW92ZSh0eXBlOiBTbGlkZXJNb3ZlVHlwZSkge1xyXG4gICAgdGhpcy5tb3ZlU3ViamVjdC5uZXh0KHsgdHlwZSB9KTtcclxuICB9XHJcblxyXG4gIHNlbGVjdChpbmRleDogbnVtYmVyKSB7XHJcbiAgICB0aGlzLm1vdmVTdWJqZWN0Lm5leHQoeyB0eXBlOiBTbGlkZXJNb3ZlVHlwZS5TZWxlY3QsIGluZGV4IH0pO1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2020/lib/components/slider/slider-type.enum.mjs

@@ -0,0 +1,6 @@
+export var SliderType;
+(function (SliderType) {
+    SliderType["Default"] = "default";
+    SliderType["Automatic"] = "automatic";
+})(SliderType || (SliderType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXR5cGUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci10eXBlLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksVUFHWDtBQUhELFdBQVksVUFBVTtJQUNsQixpQ0FBbUIsQ0FBQTtJQUNuQixxQ0FBdUIsQ0FBQTtBQUMzQixDQUFDLEVBSFcsVUFBVSxLQUFWLFVBQVUsUUFHckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBTbGlkZXJUeXBlIHtcclxuICAgIERlZmF1bHQgPSAnZGVmYXVsdCcsXHJcbiAgICBBdXRvbWF0aWMgPSAnYXV0b21hdGljJ1xyXG59Il19

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

@@ -0,0 +1,116 @@
+import { Component, HostListener, Input, ViewChild, ViewChildren } from '@angular/core';
+import { getCssLikeValue } from 'ngx-sfc-common';
+import { map } from 'rxjs';
+import { SliderButtonType } from './parts/button/slider-button-type.enum';
+import { SliderItemComponent } from './parts/item/slider-item.component';
+import { SliderAutomaticService } from './service/automatic/slider-automatic.service';
+import { SliderMoveType } from './service/slider/slider-move-type.enum';
+import { SliderService } from './service/slider/slider.service';
+import { SliderType } from './slider-type.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "./service/slider/slider.service";
+import * as i2 from "./service/automatic/slider-automatic.service";
+import * as i3 from "./parts/item/slider-item.component";
+import * as i4 from "./parts/button/slider-button.component";
+import * as i5 from "./parts/pagination/slider-pagination.component";
+import * as i6 from "@angular/common";
+export class SliderComponent {
+    constructor(sliderService, automaticService, changeDetector) {
+        this.sliderService = sliderService;
+        this.automaticService = automaticService;
+        this.changeDetector = changeDetector;
+        this.PAUSE_ICON = 'fas fa-pause-circle';
+        this.PLAY_ICON = 'fas fa-play-circle';
+        this.SliderButtonType = SliderButtonType;
+        this.SliderMoveType = SliderMoveType;
+        this.items = [];
+        this.type = SliderType.Default;
+        this.showCount = true;
+        this.pagination = true;
+        /**
+         * If active show buttons
+         */
+        this.active = false;
+    }
+    onEnter() {
+        this.active = true;
+        // stop automatic move on hover
+        if (this.isAutomatic)
+            this.automaticService.stop();
+    }
+    onLeave() {
+        this.active = false;
+        // start automatic move on hover end
+        if (this.isAutomatic && !this.automaticService.pause)
+            this.automaticService.start();
+    }
+    get isAutomatic() {
+        return this.type == SliderType.Automatic;
+    }
+    get automaticIcon() {
+        return this.automaticService.pause ? this.PLAY_ICON : this.PAUSE_ICON;
+    }
+    ngAfterViewInit() {
+        const count$ = this.sliderItems.changes.pipe(map(c => c.length));
+        this.sliderService.init(count$);
+        this.vm$ = this.sliderService.model$.pipe(map(model => {
+            return {
+                index: model.index,
+                styles: this.getStyles(model.index, model.count),
+                label: `${model.count > 0 ? model.index + 1 : 0} / ${model.count}`,
+                count: model.count
+            };
+        }));
+        if (this.isAutomatic)
+            this.automaticService.start();
+    }
+    ngAfterViewChecked() {
+        this.changeDetector.detectChanges();
+    }
+    getStyles(index, count) {
+        if (this.slider) {
+            const width = this.slider.nativeElement.offsetWidth;
+            return {
+                width: getCssLikeValue(width * count),
+                left: getCssLikeValue(-width * index)
+            };
+        }
+        return null;
+    }
+    move(type) {
+        this.sliderService.move(type);
+    }
+    select(index) {
+        this.sliderService.select(index);
+    }
+    toggleAutomatic() {
+        this.automaticService.toggle();
+    }
+}
+SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderComponent, deps: [{ token: i1.SliderService }, { token: i2.SliderAutomaticService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SliderComponent, selector: "sfc-slider", inputs: { items: "items", type: "type", showCount: "showCount", pagination: "pagination" }, host: { listeners: { "mouseenter": "onEnter()", "mouseleave": "onLeave()" } }, providers: [SliderService, SliderAutomaticService], viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true }, { propertyName: "sliderItems", predicate: SliderItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n    <div *ngIf=\"vm$ | async as vm\" #slider class=\"slider\">\r\n        <ul [ngStyle]=\"vm.styles\">\r\n            <sfc-slider-item *ngFor=\"let item of items\" [model]=\"item\"></sfc-slider-item>\r\n        </ul>\r\n\r\n        <div class=\"buttons\">\r\n            <sfc-slider-button [active]=\"active\" [type]=\"SliderButtonType.Next\" (click)=\"move(SliderMoveType.Next)\">\r\n            </sfc-slider-button>\r\n            <sfc-slider-button [active]=\"active\" [type]=\"SliderButtonType.Previous\" (click)=\"move(SliderMoveType.Previous)\">\r\n            </sfc-slider-button>\r\n        </div>\r\n\r\n        <div class=\"counter\" *ngIf=\"showCount\">{{vm.label}}</div>\r\n\r\n        <div class=\"actions\">\r\n            <sfc-slider-pagination *ngIf=\"pagination\" [count]=\"vm.count\" [index]=\"vm.index\" (selected)=\"select($event)\">\r\n            </sfc-slider-pagination>\r\n\r\n            <div *ngIf=\"isAutomatic\" class=\"automatic\" (click)=\"toggleAutomatic()\">\r\n                <i class=\"{{automaticIcon}}\"></i>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host .container{width:37.5em;height:25em;color:#fff}:host .container .slider{height:inherit;position:relative;overflow:hidden;background:#434a54;display:flex;justify-content:center;align-items:flex-end}:host .container .slider>ul{position:absolute;list-style:none;margin:0;padding:0;height:inherit;transition:all .3s cubic-bezier(1,.01,.32,1)}:host .container .slider .counter{top:10%;right:6%;position:absolute;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .slider .actions{margin-bottom:1em;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;align-items:center}:host .container .slider .actions .automatic{margin-top:.3em}\n"], components: [{ type: i3.SliderItemComponent, selector: "sfc-slider-item", inputs: ["model"] }, { type: i4.SliderButtonComponent, selector: "sfc-slider-button", inputs: ["type", "active"] }, { type: i5.SliderPaginationComponent, selector: "sfc-slider-pagination", inputs: ["count", "index"], outputs: ["selected"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-slider', providers: [SliderService, SliderAutomaticService], template: "<div class=\"container\">\r\n    <div *ngIf=\"vm$ | async as vm\" #slider class=\"slider\">\r\n        <ul [ngStyle]=\"vm.styles\">\r\n            <sfc-slider-item *ngFor=\"let item of items\" [model]=\"item\"></sfc-slider-item>\r\n        </ul>\r\n\r\n        <div class=\"buttons\">\r\n            <sfc-slider-button [active]=\"active\" [type]=\"SliderButtonType.Next\" (click)=\"move(SliderMoveType.Next)\">\r\n            </sfc-slider-button>\r\n            <sfc-slider-button [active]=\"active\" [type]=\"SliderButtonType.Previous\" (click)=\"move(SliderMoveType.Previous)\">\r\n            </sfc-slider-button>\r\n        </div>\r\n\r\n        <div class=\"counter\" *ngIf=\"showCount\">{{vm.label}}</div>\r\n\r\n        <div class=\"actions\">\r\n            <sfc-slider-pagination *ngIf=\"pagination\" [count]=\"vm.count\" [index]=\"vm.index\" (selected)=\"select($event)\">\r\n            </sfc-slider-pagination>\r\n\r\n            <div *ngIf=\"isAutomatic\" class=\"automatic\" (click)=\"toggleAutomatic()\">\r\n                <i class=\"{{automaticIcon}}\"></i>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host .container{width:37.5em;height:25em;color:#fff}:host .container .slider{height:inherit;position:relative;overflow:hidden;background:#434a54;display:flex;justify-content:center;align-items:flex-end}:host .container .slider>ul{position:absolute;list-style:none;margin:0;padding:0;height:inherit;transition:all .3s cubic-bezier(1,.01,.32,1)}:host .container .slider .counter{top:10%;right:6%;position:absolute;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .slider .actions{margin-bottom:1em;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;align-items:center}:host .container .slider .actions .automatic{margin-top:.3em}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SliderService }, { type: i2.SliderAutomaticService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], showCount: [{
+                type: Input
+            }], pagination: [{
+                type: Input
+            }], slider: [{
+                type: ViewChild,
+                args: ['slider', { static: false }]
+            }], sliderItems: [{
+                type: ViewChildren,
+                args: [SliderItemComponent]
+            }], onEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUMrQyxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFDbkYsU0FBUyxFQUFFLFlBQVksRUFDbkMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2pELE9BQU8sRUFBUyxHQUFHLEVBQWMsTUFBTSxNQUFNLENBQUM7QUFDOUMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7Ozs7O0FBUWhELE1BQU0sT0FBTyxlQUFlO0lBNkQxQixZQUFtQixhQUE0QixFQUNyQyxnQkFBd0MsRUFDeEMsY0FBaUM7UUFGeEIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDckMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF3QjtRQUN4QyxtQkFBYyxHQUFkLGNBQWMsQ0FBbUI7UUE3RGxDLGVBQVUsR0FBRyxxQkFBcUIsQ0FBQztRQUVuQyxjQUFTLEdBQUcsb0JBQW9CLENBQUM7UUFFMUMscUJBQWdCLEdBQUcsZ0JBQWdCLENBQUM7UUFFcEMsbUJBQWMsR0FBRyxjQUFjLENBQUM7UUFHaEMsVUFBSyxHQUF1QixFQUFFLENBQUM7UUFHL0IsU0FBSSxHQUFlLFVBQVUsQ0FBQyxPQUFPLENBQUM7UUFHdEMsY0FBUyxHQUFZLElBQUksQ0FBQztRQUcxQixlQUFVLEdBQVksSUFBSSxDQUFDO1FBUTNCOztXQUVHO1FBQ0gsV0FBTSxHQUFZLEtBQUssQ0FBQztJQWdDdUIsQ0FBQztJQTNCaEQsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBRW5CLCtCQUErQjtRQUMvQixJQUFJLElBQUksQ0FBQyxXQUFXO1lBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBR0QsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBRXBCLG9DQUFvQztRQUNwQyxJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSztZQUNsRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLElBQUksSUFBSSxVQUFVLENBQUMsU0FBUyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLGFBQWE7UUFDZixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDeEUsQ0FBQztJQU1ELGVBQWU7UUFDYixNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7UUFDakUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFaEMsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ3ZDLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNWLE9BQU87Z0JBQ0wsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLO2dCQUNsQixNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUM7Z0JBQ2hELEtBQUssRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLEtBQUssQ0FBQyxLQUFLLEVBQUU7Z0JBQ2xFLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSzthQUNuQixDQUFBO1FBQ0gsQ0FBQyxDQUFDLENBQ0gsQ0FBQztRQUVGLElBQUksSUFBSSxDQUFDLFdBQVc7WUFDbEIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWEsRUFBRSxLQUFhO1FBQ3BDLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztZQUNwRCxPQUFPO2dCQUNMLEtBQUssRUFBRSxlQUFlLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztnQkFDckMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7YUFDdEMsQ0FBQztTQUNIO1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsSUFBSSxDQUFDLElBQW9CO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYTtRQUNsQixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNqQyxDQUFDOzs0R0E5R1UsZUFBZTtnR0FBZixlQUFlLGdOQUZmLENBQUMsYUFBYSxFQUFFLHNCQUFzQixDQUFDLDZJQTJCcEMsbUJBQW1CLGdEQzdDbkMsb25DQXdCTTsyRkRKTyxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFlBQVksYUFHWCxDQUFDLGFBQWEsRUFBRSxzQkFBc0IsQ0FBQzt5S0FhbEQsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlFLE1BQU07c0JBRGIsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUk5QixXQUFXO3NCQURsQixZQUFZO3VCQUFDLG1CQUFtQjtnQkFXakMsT0FBTztzQkFETixZQUFZO3VCQUFDLFlBQVk7Z0JBVTFCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdDaGVja2VkLCBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LFxyXG4gIFF1ZXJ5TGlzdCwgVmlld0NoaWxkLCBWaWV3Q2hpbGRyZW5cclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZ2V0Q3NzTGlrZVZhbHVlIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBFTVBUWSwgbWFwLCBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNsaWRlckJ1dHRvblR5cGUgfSBmcm9tICcuL3BhcnRzL2J1dHRvbi9zbGlkZXItYnV0dG9uLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IFNsaWRlckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3BhcnRzL2l0ZW0vc2xpZGVyLWl0ZW0uY29tcG9uZW50JztcclxuaW1wb3J0IHsgSVNsaWRlckl0ZW1Nb2RlbCB9IGZyb20gJy4vcGFydHMvaXRlbS9zbGlkZXItaXRlbS5tb2RlbCc7XHJcbmltcG9ydCB7IFNsaWRlckF1dG9tYXRpY1NlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2UvYXV0b21hdGljL3NsaWRlci1hdXRvbWF0aWMuc2VydmljZSc7XHJcbmltcG9ydCB7IFNsaWRlck1vdmVUeXBlIH0gZnJvbSAnLi9zZXJ2aWNlL3NsaWRlci9zbGlkZXItbW92ZS10eXBlLmVudW0nO1xyXG5pbXBvcnQgeyBTbGlkZXJTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlL3NsaWRlci9zbGlkZXIuc2VydmljZSc7XHJcbmltcG9ydCB7IFNsaWRlclR5cGUgfSBmcm9tICcuL3NsaWRlci10eXBlLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc2xpZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtTbGlkZXJTZXJ2aWNlLCBTbGlkZXJBdXRvbWF0aWNTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgQWZ0ZXJWaWV3Q2hlY2tlZCB7XHJcblxyXG4gIHJlYWRvbmx5IFBBVVNFX0lDT04gPSAnZmFzIGZhLXBhdXNlLWNpcmNsZSc7XHJcblxyXG4gIHJlYWRvbmx5IFBMQVlfSUNPTiA9ICdmYXMgZmEtcGxheS1jaXJjbGUnO1xyXG5cclxuICBTbGlkZXJCdXR0b25UeXBlID0gU2xpZGVyQnV0dG9uVHlwZTtcclxuXHJcbiAgU2xpZGVyTW92ZVR5cGUgPSBTbGlkZXJNb3ZlVHlwZTtcclxuXHJcbiAgQElucHV0KClcclxuICBpdGVtczogSVNsaWRlckl0ZW1Nb2RlbFtdID0gW107XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdHlwZTogU2xpZGVyVHlwZSA9IFNsaWRlclR5cGUuRGVmYXVsdDtcclxuXHJcbiAgQElucHV0KClcclxuICBzaG93Q291bnQ6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHBhZ2luYXRpb246IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAVmlld0NoaWxkKCdzbGlkZXInLCB7IHN0YXRpYzogZmFsc2UgfSlcclxuICBwcml2YXRlIHNsaWRlciE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBWaWV3Q2hpbGRyZW4oU2xpZGVySXRlbUNvbXBvbmVudClcclxuICBwcml2YXRlIHNsaWRlckl0ZW1zITogUXVlcnlMaXN0PFNsaWRlckl0ZW1Db21wb25lbnQ+O1xyXG5cclxuICAvKipcclxuICAgKiBJZiBhY3RpdmUgc2hvdyBidXR0b25zXHJcbiAgICovXHJcbiAgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHB1YmxpYyB2bSQhOiBPYnNlcnZhYmxlPGFueT47XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlZW50ZXInKVxyXG4gIG9uRW50ZXIoKSB7XHJcbiAgICB0aGlzLmFjdGl2ZSA9IHRydWU7XHJcblxyXG4gICAgLy8gc3RvcCBhdXRvbWF0aWMgbW92ZSBvbiBob3ZlclxyXG4gICAgaWYgKHRoaXMuaXNBdXRvbWF0aWMpXHJcbiAgICAgIHRoaXMuYXV0b21hdGljU2VydmljZS5zdG9wKCk7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWxlYXZlJylcclxuICBvbkxlYXZlKCkge1xyXG4gICAgdGhpcy5hY3RpdmUgPSBmYWxzZTtcclxuXHJcbiAgICAvLyBzdGFydCBhdXRvbWF0aWMgbW92ZSBvbiBob3ZlciBlbmRcclxuICAgIGlmICh0aGlzLmlzQXV0b21hdGljICYmICF0aGlzLmF1dG9tYXRpY1NlcnZpY2UucGF1c2UpXHJcbiAgICAgIHRoaXMuYXV0b21hdGljU2VydmljZS5zdGFydCgpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGlzQXV0b21hdGljKCkge1xyXG4gICAgcmV0dXJuIHRoaXMudHlwZSA9PSBTbGlkZXJUeXBlLkF1dG9tYXRpYztcclxuICB9XHJcblxyXG4gIGdldCBhdXRvbWF0aWNJY29uKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnBhdXNlID8gdGhpcy5QTEFZX0lDT04gOiB0aGlzLlBBVVNFX0lDT047XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgc2xpZGVyU2VydmljZTogU2xpZGVyU2VydmljZSxcclxuICAgIHByaXZhdGUgYXV0b21hdGljU2VydmljZTogU2xpZGVyQXV0b21hdGljU2VydmljZSxcclxuICAgIHByaXZhdGUgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmKSB7IH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgY29uc3QgY291bnQkID0gdGhpcy5zbGlkZXJJdGVtcy5jaGFuZ2VzLnBpcGUobWFwKGMgPT4gYy5sZW5ndGgpKTtcclxuICAgIHRoaXMuc2xpZGVyU2VydmljZS5pbml0KGNvdW50JCk7XHJcblxyXG4gICAgdGhpcy52bSQgPSB0aGlzLnNsaWRlclNlcnZpY2UubW9kZWwkLnBpcGUoXHJcbiAgICAgIG1hcChtb2RlbCA9PiB7XHJcbiAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgIGluZGV4OiBtb2RlbC5pbmRleCxcclxuICAgICAgICAgIHN0eWxlczogdGhpcy5nZXRTdHlsZXMobW9kZWwuaW5kZXgsIG1vZGVsLmNvdW50KSxcclxuICAgICAgICAgIGxhYmVsOiBgJHttb2RlbC5jb3VudCA+IDAgPyBtb2RlbC5pbmRleCArIDEgOiAwfSAvICR7bW9kZWwuY291bnR9YCxcclxuICAgICAgICAgIGNvdW50OiBtb2RlbC5jb3VudFxyXG4gICAgICAgIH1cclxuICAgICAgfSlcclxuICAgICk7XHJcblxyXG4gICAgaWYgKHRoaXMuaXNBdXRvbWF0aWMpXHJcbiAgICAgIHRoaXMuYXV0b21hdGljU2VydmljZS5zdGFydCgpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdDaGVja2VkKCkge1xyXG4gICAgdGhpcy5jaGFuZ2VEZXRlY3Rvci5kZXRlY3RDaGFuZ2VzKCk7XHJcbiAgfVxyXG5cclxuICBnZXRTdHlsZXMoaW5kZXg6IG51bWJlciwgY291bnQ6IG51bWJlcikge1xyXG4gICAgaWYgKHRoaXMuc2xpZGVyKSB7XHJcbiAgICAgIGNvbnN0IHdpZHRoID0gdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aDtcclxuICAgICAgcmV0dXJuIHtcclxuICAgICAgICB3aWR0aDogZ2V0Q3NzTGlrZVZhbHVlKHdpZHRoICogY291bnQpLFxyXG4gICAgICAgIGxlZnQ6IGdldENzc0xpa2VWYWx1ZSgtd2lkdGggKiBpbmRleClcclxuICAgICAgfTtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gbnVsbDtcclxuICB9XHJcblxyXG4gIG1vdmUodHlwZTogU2xpZGVyTW92ZVR5cGUpOiB2b2lkIHtcclxuICAgIHRoaXMuc2xpZGVyU2VydmljZS5tb3ZlKHR5cGUpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0KGluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuc2xpZGVyU2VydmljZS5zZWxlY3QoaW5kZXgpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlQXV0b21hdGljKCk6IHZvaWQge1xyXG4gICAgdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnRvZ2dsZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2ICpuZ0lmPVwidm0kIHwgYXN5bmMgYXMgdm1cIiAjc2xpZGVyIGNsYXNzPVwic2xpZGVyXCI+XHJcbiAgICAgICAgPHVsIFtuZ1N0eWxlXT1cInZtLnN0eWxlc1wiPlxyXG4gICAgICAgICAgICA8c2ZjLXNsaWRlci1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgW21vZGVsXT1cIml0ZW1cIj48L3NmYy1zbGlkZXItaXRlbT5cclxuICAgICAgICA8L3VsPlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uc1wiPlxyXG4gICAgICAgICAgICA8c2ZjLXNsaWRlci1idXR0b24gW2FjdGl2ZV09XCJhY3RpdmVcIiBbdHlwZV09XCJTbGlkZXJCdXR0b25UeXBlLk5leHRcIiAoY2xpY2spPVwibW92ZShTbGlkZXJNb3ZlVHlwZS5OZXh0KVwiPlxyXG4gICAgICAgICAgICA8L3NmYy1zbGlkZXItYnV0dG9uPlxyXG4gICAgICAgICAgICA8c2ZjLXNsaWRlci1idXR0b24gW2FjdGl2ZV09XCJhY3RpdmVcIiBbdHlwZV09XCJTbGlkZXJCdXR0b25UeXBlLlByZXZpb3VzXCIgKGNsaWNrKT1cIm1vdmUoU2xpZGVyTW92ZVR5cGUuUHJldmlvdXMpXCI+XHJcbiAgICAgICAgICAgIDwvc2ZjLXNsaWRlci1idXR0b24+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb3VudGVyXCIgKm5nSWY9XCJzaG93Q291bnRcIj57e3ZtLmxhYmVsfX08L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cclxuICAgICAgICAgICAgPHNmYy1zbGlkZXItcGFnaW5hdGlvbiAqbmdJZj1cInBhZ2luYXRpb25cIiBbY291bnRdPVwidm0uY291bnRcIiBbaW5kZXhdPVwidm0uaW5kZXhcIiAoc2VsZWN0ZWQpPVwic2VsZWN0KCRldmVudClcIj5cclxuICAgICAgICAgICAgPC9zZmMtc2xpZGVyLXBhZ2luYXRpb24+XHJcblxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXNBdXRvbWF0aWNcIiBjbGFzcz1cImF1dG9tYXRpY1wiIChjbGljayk9XCJ0b2dnbGVBdXRvbWF0aWMoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJ7e2F1dG9tYXRpY0ljb259fVwiPjwvaT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2020/lib/components/stars/star-type.enum.mjs

@@ -0,0 +1,9 @@
+export var StarType;
+(function (StarType) {
+    StarType["None"] = "none";
+    StarType["S25"] = "s25";
+    StarType["Half"] = "half";
+    StarType["S75"] = "s75";
+    StarType["Full"] = "full";
+})(StarType || (StarType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci10eXBlLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXJzL3N0YXItdHlwZS5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLFFBTVg7QUFORCxXQUFZLFFBQVE7SUFDaEIseUJBQWEsQ0FBQTtJQUNiLHVCQUFXLENBQUE7SUFDWCx5QkFBYSxDQUFBO0lBQ2IsdUJBQVcsQ0FBQTtJQUNYLHlCQUFhLENBQUE7QUFDakIsQ0FBQyxFQU5XLFFBQVEsS0FBUixRQUFRLFFBTW5CIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gU3RhclR5cGUge1xyXG4gICAgTm9uZSA9ICdub25lJyxcclxuICAgIFMyNSA9ICdzMjUnLFxyXG4gICAgSGFsZiA9ICdoYWxmJyxcclxuICAgIFM3NSA9ICdzNzUnLFxyXG4gICAgRnVsbCA9ICdmdWxsJ1xyXG59Il19

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

@@ -0,0 +1,42 @@
+import { Component, Input } from '@angular/core';
+import { StarType } from './star-type.enum';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class StarsComponent {
+    constructor() {
+        this.DEFAULT_COUNT = 5;
+        this.value = 0;
+        this.count = this.DEFAULT_COUNT;
+    }
+    get stars() {
+        return new Array(this.count);
+    }
+    getStarType(index) {
+        index += 1;
+        if ((index - this.value) >= 1) {
+            return StarType.None;
+        }
+        if (this.value >= index) {
+            return StarType.Full;
+        }
+        const part = this.value - Math.floor(this.value);
+        if (part < 0.25 || (part >= 0.25 && part < 0.5)) {
+            return StarType.S25;
+        }
+        if (part >= 0.5 && part < 0.75) {
+            return StarType.Half;
+        }
+        return StarType.S75;
+    }
+}
+StarsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: StarsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StarsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: StarsComponent, selector: "sfc-stars", inputs: { value: "value", count: "count" }, ngImport: i0, template: "<div class=\"container\">\r\n    <button *ngFor=\"let star of stars; let i = index;\" [ngClass]=\"getStarType(i)\"></button>\r\n</div>", styles: [":host .container button{width:1.8em;height:1.8em;font-size:1em;background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat;cursor:pointer;border:0;outline:none;transition:transform .25s,background .25s ease}:host .container button:hover{transform:scale(1.1)}:host .container button.none{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.s25{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat,url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.half{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat,url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.s75{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat,url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.full{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}\n"], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: StarsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-stars', template: "<div class=\"container\">\r\n    <button *ngFor=\"let star of stars; let i = index;\" [ngClass]=\"getStarType(i)\"></button>\r\n</div>", styles: [":host .container button{width:1.8em;height:1.8em;font-size:1em;background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat;cursor:pointer;border:0;outline:none;transition:transform .25s,background .25s ease}:host .container button:hover{transform:scale(1.1)}:host .container button.none{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.s25{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat,url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.half{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat,url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.s75{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat,url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}:host .container button.full{background:url(\"data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22gold%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E\") center/cover no-repeat}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], count: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhcnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zdGFycy9zdGFycy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3N0YXJzL3N0YXJzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBTzVDLE1BQU0sT0FBTyxjQUFjO0lBTDNCO1FBT21CLGtCQUFhLEdBQUcsQ0FBQyxDQUFDO1FBR25DLFVBQUssR0FBVyxDQUFDLENBQUM7UUFHbEIsVUFBSyxHQUFXLElBQUksQ0FBQyxhQUFhLENBQUM7S0E2QnBDO0lBM0JDLElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYTtRQUN2QixLQUFLLElBQUksQ0FBQyxDQUFDO1FBRVgsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzdCLE9BQU8sUUFBUSxDQUFDLElBQUksQ0FBQztTQUN0QjtRQUVELElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxLQUFLLEVBQUU7WUFDdkIsT0FBTyxRQUFRLENBQUMsSUFBSSxDQUFDO1NBQ3RCO1FBRUQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUVqRCxJQUFJLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxJQUFJLElBQUksR0FBRyxHQUFHLENBQUMsRUFBRTtZQUMvQyxPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUM7U0FDckI7UUFFRCxJQUFJLElBQUksSUFBSSxHQUFHLElBQUksSUFBSSxHQUFHLElBQUksRUFBRTtZQUM5QixPQUFPLFFBQVEsQ0FBQyxJQUFJLENBQUM7U0FDdEI7UUFFRCxPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUM7SUFDdEIsQ0FBQzs7MkdBcENVLGNBQWM7K0ZBQWQsY0FBYyw2RkNSM0Isd0lBRU07MkZETU8sY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxXQUFXOzhCQVNyQixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTdGFyVHlwZSB9IGZyb20gJy4vc3Rhci10eXBlLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc3RhcnMnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGFycy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3RhcnMuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3RhcnNDb21wb25lbnQge1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IERFRkFVTFRfQ09VTlQgPSA1O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHZhbHVlOiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGNvdW50OiBudW1iZXIgPSB0aGlzLkRFRkFVTFRfQ09VTlQ7XHJcblxyXG4gIGdldCBzdGFycygpOiBBcnJheTxudW1iZXI+IHtcclxuICAgIHJldHVybiBuZXcgQXJyYXkodGhpcy5jb3VudCk7XHJcbiAgfVxyXG5cclxuICBnZXRTdGFyVHlwZShpbmRleDogbnVtYmVyKSB7XHJcbiAgICBpbmRleCArPSAxO1xyXG5cclxuICAgIGlmICgoaW5kZXggLSB0aGlzLnZhbHVlKSA+PSAxKSB7XHJcbiAgICAgIHJldHVybiBTdGFyVHlwZS5Ob25lO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICh0aGlzLnZhbHVlID49IGluZGV4KSB7XHJcbiAgICAgIHJldHVybiBTdGFyVHlwZS5GdWxsO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IHBhcnQgPSB0aGlzLnZhbHVlIC0gTWF0aC5mbG9vcih0aGlzLnZhbHVlKTtcclxuXHJcbiAgICBpZiAocGFydCA8IDAuMjUgfHwgKHBhcnQgPj0gMC4yNSAmJiBwYXJ0IDwgMC41KSkge1xyXG4gICAgICByZXR1cm4gU3RhclR5cGUuUzI1O1xyXG4gICAgfVxyXG5cclxuICAgIGlmIChwYXJ0ID49IDAuNSAmJiBwYXJ0IDwgMC43NSkge1xyXG4gICAgICByZXR1cm4gU3RhclR5cGUuSGFsZjtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gU3RhclR5cGUuUzc1O1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBzdGFyIG9mIHN0YXJzOyBsZXQgaSA9IGluZGV4O1wiIFtuZ0NsYXNzXT1cImdldFN0YXJUeXBlKGkpXCI+PC9idXR0b24+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/components/table/enums/table-data-type.enum.mjs

@@ -0,0 +1,6 @@
+export var TableDataType;
+(function (TableDataType) {
+    TableDataType["Rows"] = "rows";
+    TableDataType["Cards"] = "cards";
+})(TableDataType || (TableDataType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtZGF0YS10eXBlLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL2VudW1zL3RhYmxlLWRhdGEtdHlwZS5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLGFBR1g7QUFIRCxXQUFZLGFBQWE7SUFDckIsOEJBQWEsQ0FBQTtJQUNiLGdDQUFlLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGFBQWEsS0FBYixhQUFhLFFBR3hCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gVGFibGVEYXRhVHlwZSB7XHJcbiAgICBSb3dzID0gJ3Jvd3MnLFxyXG4gICAgQ2FyZHMgPSAnY2FyZHMnXHJcbn0iXX0=

package/esm2020/lib/components/table/enums/table-template.enum.mjs

@@ -0,0 +1,7 @@
+export var TableTemplate;
+(function (TableTemplate) {
+    TableTemplate["Column"] = "column";
+    TableTemplate["Row"] = "row";
+    TableTemplate["Card"] = "card";
+})(TableTemplate || (TableTemplate = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtdGVtcGxhdGUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvZW51bXMvdGFibGUtdGVtcGxhdGUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQUlYO0FBSkQsV0FBWSxhQUFhO0lBQ3JCLGtDQUFpQixDQUFBO0lBQ2pCLDRCQUFXLENBQUE7SUFDWCw4QkFBYSxDQUFBO0FBQ2pCLENBQUMsRUFKVyxhQUFhLEtBQWIsYUFBYSxRQUl4QiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBlbnVtIFRhYmxlVGVtcGxhdGUge1xyXG4gICAgQ29sdW1uID0gJ2NvbHVtbicsXHJcbiAgICBSb3cgPSAncm93JyxcclxuICAgIENhcmQgPSAnY2FyZCdcclxufSJdfQ==

package/esm2020/lib/components/table/models/table-pagination.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcGFnaW5hdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvbW9kZWxzL3RhYmxlLXBhZ2luYXRpb24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSVRhYmxlUGFnaW5hdGlvbk1vZGVsIHtcclxuICAgIGVuYWJsZWQ6IGJvb2xlYW47XHJcbiAgICBwYWdlOiBudW1iZXI7XHJcbiAgICBzaXplOiBudW1iZXI7XHJcbn0iXX0=

package/esm2020/lib/components/table/models/table.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYmxlL21vZGVscy90YWJsZS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBJVGFibGVNb2RlbCB7XHJcbiAgICBpbmRleDogbnVtYmVyO1xyXG4gICAgc2VxdWVuY2U/OiBudW1iZXI7XHJcbiAgICBkYXRhTW9kZWw6IElUYWJsZURhdGFNb2RlbDtcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJVGFibGVEYXRhTW9kZWwge1xyXG4gICAgZGF0YTogYW55O1xyXG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xyXG59Il19

package/esm2020/lib/components/table/parts/columns/default/default-table-column.component.mjs

@@ -0,0 +1,24 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import { CommonConstants, UIClass } from 'ngx-sfc-common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class DefaultTableColumnComponent {
+    constructor() {
+        this.model = { name: CommonConstants.EMPTY_STRING, field: CommonConstants.EMPTY_STRING };
+    }
+    get active() {
+        return this.model.sorting?.active || false;
+    }
+}
+DefaultTableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DefaultTableColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DefaultTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: DefaultTableColumnComponent, selector: "sfc-default-table-column", inputs: { model: "model" }, host: { properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <div *ngIf=\"model.icon\" class=\"icon\">\r\n        <i class=\"{{model.icon}}\"></i>\r\n    </div>\r\n    <div>\r\n        <span>{{model.name}}</span>\r\n    </div>\r\n</div>", styles: [":host{display:inline-block}:host.active{color:#2bbbad}:host .container{text-transform:uppercase;font-size:.875em;font-weight:700;display:flex;align-items:center;justify-content:center;color:inherit;transition:color .3s}:host .container .icon{margin-right:5px}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DefaultTableColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-default-table-column', template: "<div class=\"container\">\r\n    <div *ngIf=\"model.icon\" class=\"icon\">\r\n        <i class=\"{{model.icon}}\"></i>\r\n    </div>\r\n    <div>\r\n        <span>{{model.name}}</span>\r\n    </div>\r\n</div>", styles: [":host{display:inline-block}:host.active{color:#2bbbad}:host .container{text-transform:uppercase;font-size:.875em;font-weight:700;display:flex;align-items:center;justify-content:center;color:inherit;transition:color .3s}:host .container .icon{margin-right:5px}\n"] }]
+        }], propDecorators: { model: [{
+                type: Input
+            }], active: [{
+                type: HostBinding,
+                args: [`class.${UIClass.Active}`]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC10YWJsZS1jb2x1bW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL2RlZmF1bHQvZGVmYXVsdC10YWJsZS1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS9wYXJ0cy9jb2x1bW5zL2RlZmF1bHQvZGVmYXVsdC10YWJsZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVExRCxNQUFNLE9BQU8sMkJBQTJCO0lBTHhDO1FBUUUsVUFBSyxHQUE2QixFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsWUFBWSxFQUFFLEtBQUssRUFBRSxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7S0FPL0c7SUFMQyxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLE1BQU0sSUFBSSxLQUFLLENBQUM7SUFDN0MsQ0FBQzs7d0hBUlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIscUpDVHhDLGtOQU9NOzJGREVPLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBT3BDLEtBQUs7c0JBREosS0FBSztnQkFJRixNQUFNO3NCQURULFdBQVc7dUJBQUMsU0FBUyxPQUFPLENBQUMsTUFBTSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBVSUNsYXNzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBJRGVmYXVsdFRhYmxlQ29sdW1uTW9kZWwgfSBmcm9tICcuLi90YWJsZS1jb2x1bW4ubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtZGVmYXVsdC10YWJsZS1jb2x1bW4nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZWZhdWx0LXRhYmxlLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGVmYXVsdC10YWJsZS1jb2x1bW4uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVmYXVsdFRhYmxlQ29sdW1uQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlbDogSURlZmF1bHRUYWJsZUNvbHVtbk1vZGVsID0geyBuYW1lOiBDb21tb25Db25zdGFudHMuRU1QVFlfU1RSSU5HLCBmaWVsZDogQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORyB9O1xyXG5cclxuICBASG9zdEJpbmRpbmcoYGNsYXNzLiR7VUlDbGFzcy5BY3RpdmV9YClcclxuICBnZXQgYWN0aXZlKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMubW9kZWwuc29ydGluZz8uYWN0aXZlIHx8IGZhbHNlO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiAqbmdJZj1cIm1vZGVsLmljb25cIiBjbGFzcz1cImljb25cIj5cclxuICAgICAgICA8aSBjbGFzcz1cInt7bW9kZWwuaWNvbn19XCI+PC9pPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2PlxyXG4gICAgICAgIDxzcGFuPnt7bW9kZWwubmFtZX19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==