ngx-sfc-common 0.0.2 → 0.0.3

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

@@ -0,0 +1,70 @@
+import { Component, HostBinding, HostListener, Input } from '@angular/core';
+import { CommonConstants } from '../../constants';
+import { SortingDirection, UIClass } from '../../enums';
+import { firstOrDefault, isDefined } from '../../utils';
+import { SortingConstants } from './sorting.constants';
+import * as i0 from "@angular/core";
+import * as i1 from "./service/sorting.service";
+import * as i2 from "@angular/common";
+export class SortingComponent {
+    constructor(service) {
+        this.service = service;
+        this.SortingDirection = SortingDirection;
+        this.id = CommonConstants.EMPTY_STRING;
+        this.model = { active: false, enabled: false, direction: SortingDirection.Ascending };
+    }
+    get enabled() {
+        return this.model.enabled;
+    }
+    get active() {
+        return this.model.active || false;
+    }
+    sort() {
+        if (this.enabled) {
+            if (this.active) {
+                this.model.direction = this.model.direction === SortingDirection.Ascending
+                    ? SortingDirection.Descending
+                    : SortingDirection.Ascending;
+            }
+            this.service.sort({ id: this.id, direction: this.model.direction });
+        }
+    }
+    get icon() {
+        const modelIcon = firstOrDefault(this.model.icons, i => i.direction == this.model.direction);
+        return modelIcon ? modelIcon.icon : this.model.direction === SortingDirection.Ascending
+            ? SortingConstants.DEFAULT_ASCENDING_ICON : SortingConstants.DEFAULT_DESCENDING_ICON;
+    }
+    ngOnInit() {
+        if (!isDefined(this.model))
+            this.model = { active: false, enabled: false, direction: SortingDirection.Ascending };
+        // subscribe to sort changes so we can react when other columns are sorted
+        this._subscription = this.service.sorting$.subscribe(event => {
+            // reset this column's sort direction to hide the sort icons
+            if (this.id != event.id)
+                this.model.direction = SortingDirection.Ascending;
+        });
+    }
+    ngOnDestroy() {
+        this._subscription.unsubscribe();
+    }
+}
+SortingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SortingComponent, deps: [{ token: i1.SortingService }], target: i0.ɵɵFactoryTarget.Component });
+SortingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SortingComponent, selector: "sfc-sorting", inputs: { id: "id", model: "model" }, host: { listeners: { "click": "sort()" }, properties: { "class.enabled": "this.enabled", "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div *ngIf=\"enabled\" class=\"icons\">\r\n        <i class=\"{{icon}}\"></i>\r\n    </div>\r\n</div>", styles: [":host{cursor:default;text-overflow:ellipsis;overflow:hidden}:host.enabled{cursor:pointer}:host .container{display:flex;min-width:0}:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#ccd1d9}:host .container:hover{color:#2bbbad}:host .container .content{display:flex;-webkit-user-select:none;user-select:none}:host .container .icons{margin:0 .31em;font-size:.7em;display:flex;align-items:center;transition:all .3s}:host.active .container{color:#2bbbad}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SortingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-sorting', template: "<div class=\"container\">\r\n    <div class=\"content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div *ngIf=\"enabled\" class=\"icons\">\r\n        <i class=\"{{icon}}\"></i>\r\n    </div>\r\n</div>", styles: [":host{cursor:default;text-overflow:ellipsis;overflow:hidden}:host.enabled{cursor:pointer}:host .container{display:flex;min-width:0}:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#ccd1d9}:host .container:hover{color:#2bbbad}:host .container .content{display:flex;-webkit-user-select:none;user-select:none}:host .container .icons{margin:0 .31em;font-size:.7em;display:flex;align-items:center;transition:all .3s}:host.active .container{color:#2bbbad}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SortingService }]; }, propDecorators: { id: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], enabled: [{
+                type: HostBinding,
+                args: [`class.${UIClass.Enabled}`]
+            }], active: [{
+                type: HostBinding,
+                args: [`class.${UIClass.Active}`]
+            }], sort: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2NvbXBvbmVudHMvc29ydGluZy9zb3J0aW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy9zb3J0aW5nL3NvcnRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFFL0YsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFeEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFRdkQsTUFBTSxPQUFPLGdCQUFnQjtJQTBDM0IsWUFBb0IsT0FBdUI7UUFBdkIsWUFBTyxHQUFQLE9BQU8sQ0FBZ0I7UUF4QzNDLHFCQUFnQixHQUFHLGdCQUFnQixDQUFDO1FBR3BDLE9BQUUsR0FBVyxlQUFlLENBQUMsWUFBWSxDQUFDO1FBRzFDLFVBQUssR0FBa0IsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBa0NqRCxDQUFDO0lBaENoRCxJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDO0lBQzVCLENBQUM7SUFFRCxJQUNJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxJQUFJLEtBQUssQ0FBQztJQUNwQyxDQUFDO0lBR0QsSUFBSTtRQUNGLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUVoQixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEtBQUssZ0JBQWdCLENBQUMsU0FBUztvQkFDeEUsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLFVBQVU7b0JBQzdCLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxTQUFTLENBQUM7YUFDaEM7WUFFRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7U0FDckU7SUFDSCxDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ04sTUFBTSxTQUFTLEdBQUcsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFNBQVMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzdGLE9BQU8sU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsS0FBSyxnQkFBZ0IsQ0FBQyxTQUFTO1lBQ3JGLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsdUJBQXVCLENBQUM7SUFDekYsQ0FBQztJQU1ELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUM7UUFFeEYsMEVBQTBFO1FBQzFFLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzNELDREQUE0RDtZQUM1RCxJQUFJLElBQUksQ0FBQyxFQUFFLElBQUksS0FBSyxDQUFDLEVBQUU7Z0JBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxHQUFHLGdCQUFnQixDQUFDLFNBQVMsQ0FBQztRQUN0RCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuQyxDQUFDOzs2R0ExRFUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IscU5DZDdCLDBOQU9NOzJGRE9PLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxhQUFhO3FHQVN2QixFQUFFO3NCQURELEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlGLE9BQU87c0JBRFYsV0FBVzt1QkFBQyxTQUFTLE9BQU8sQ0FBQyxPQUFPLEVBQUU7Z0JBTW5DLE1BQU07c0JBRFQsV0FBVzt1QkFBQyxTQUFTLE9BQU8sQ0FBQyxNQUFNLEVBQUU7Z0JBTXRDLElBQUk7c0JBREgsWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IFNvcnRpbmdEaXJlY3Rpb24sIFVJQ2xhc3MgfSBmcm9tICcuLi8uLi9lbnVtcyc7XHJcbmltcG9ydCB7IGZpcnN0T3JEZWZhdWx0LCBpc0RlZmluZWQgfSBmcm9tICcuLi8uLi91dGlscyc7XHJcbmltcG9ydCB7IFNvcnRpbmdTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlL3NvcnRpbmcuc2VydmljZSc7XHJcbmltcG9ydCB7IFNvcnRpbmdDb25zdGFudHMgfSBmcm9tICcuL3NvcnRpbmcuY29uc3RhbnRzJztcclxuaW1wb3J0IHsgSVNvcnRpbmdNb2RlbCB9IGZyb20gJy4vc29ydGluZy5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1zb3J0aW5nJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29ydGluZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc29ydGluZy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb3J0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICBTb3J0aW5nRGlyZWN0aW9uID0gU29ydGluZ0RpcmVjdGlvbjtcclxuXHJcbiAgQElucHV0KClcclxuICBpZDogc3RyaW5nID0gQ29tbW9uQ29uc3RhbnRzLkVNUFRZX1NUUklORztcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlbDogSVNvcnRpbmdNb2RlbCA9IHsgYWN0aXZlOiBmYWxzZSwgZW5hYmxlZDogZmFsc2UsIGRpcmVjdGlvbjogU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmcgfTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKGBjbGFzcy4ke1VJQ2xhc3MuRW5hYmxlZH1gKVxyXG4gIGdldCBlbmFibGVkKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMubW9kZWwuZW5hYmxlZDtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZyhgY2xhc3MuJHtVSUNsYXNzLkFjdGl2ZX1gKVxyXG4gIGdldCBhY3RpdmUoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5tb2RlbC5hY3RpdmUgfHwgZmFsc2U7XHJcbiAgfVxyXG5cclxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXHJcbiAgc29ydCgpIHtcclxuICAgIGlmICh0aGlzLmVuYWJsZWQpIHtcclxuXHJcbiAgICAgIGlmICh0aGlzLmFjdGl2ZSkge1xyXG4gICAgICAgIHRoaXMubW9kZWwuZGlyZWN0aW9uID0gdGhpcy5tb2RlbC5kaXJlY3Rpb24gPT09IFNvcnRpbmdEaXJlY3Rpb24uQXNjZW5kaW5nXHJcbiAgICAgICAgICA/IFNvcnRpbmdEaXJlY3Rpb24uRGVzY2VuZGluZ1xyXG4gICAgICAgICAgOiBTb3J0aW5nRGlyZWN0aW9uLkFzY2VuZGluZztcclxuICAgICAgfVxyXG5cclxuICAgICAgdGhpcy5zZXJ2aWNlLnNvcnQoeyBpZDogdGhpcy5pZCwgZGlyZWN0aW9uOiB0aGlzLm1vZGVsLmRpcmVjdGlvbiB9KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldCBpY29uKCkge1xyXG4gICAgY29uc3QgbW9kZWxJY29uID0gZmlyc3RPckRlZmF1bHQodGhpcy5tb2RlbC5pY29ucywgaSA9PiBpLmRpcmVjdGlvbiA9PSB0aGlzLm1vZGVsLmRpcmVjdGlvbik7XHJcbiAgICByZXR1cm4gbW9kZWxJY29uID8gbW9kZWxJY29uLmljb24gOiB0aGlzLm1vZGVsLmRpcmVjdGlvbiA9PT0gU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmdcclxuICAgICAgPyBTb3J0aW5nQ29uc3RhbnRzLkRFRkFVTFRfQVNDRU5ESU5HX0lDT04gOiBTb3J0aW5nQ29uc3RhbnRzLkRFRkFVTFRfREVTQ0VORElOR19JQ09OO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNlcnZpY2U6IFNvcnRpbmdTZXJ2aWNlKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIWlzRGVmaW5lZCh0aGlzLm1vZGVsKSlcclxuICAgICAgdGhpcy5tb2RlbCA9IHsgYWN0aXZlOiBmYWxzZSwgZW5hYmxlZDogZmFsc2UsIGRpcmVjdGlvbjogU29ydGluZ0RpcmVjdGlvbi5Bc2NlbmRpbmcgfTtcclxuXHJcbiAgICAvLyBzdWJzY3JpYmUgdG8gc29ydCBjaGFuZ2VzIHNvIHdlIGNhbiByZWFjdCB3aGVuIG90aGVyIGNvbHVtbnMgYXJlIHNvcnRlZFxyXG4gICAgdGhpcy5fc3Vic2NyaXB0aW9uID0gdGhpcy5zZXJ2aWNlLnNvcnRpbmckLnN1YnNjcmliZShldmVudCA9PiB7XHJcbiAgICAgIC8vIHJlc2V0IHRoaXMgY29sdW1uJ3Mgc29ydCBkaXJlY3Rpb24gdG8gaGlkZSB0aGUgc29ydCBpY29uc1xyXG4gICAgICBpZiAodGhpcy5pZCAhPSBldmVudC5pZClcclxuICAgICAgICB0aGlzLm1vZGVsLmRpcmVjdGlvbiA9IFNvcnRpbmdEaXJlY3Rpb24uQXNjZW5kaW5nO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3N1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiAqbmdJZj1cImVuYWJsZWRcIiBjbGFzcz1cImljb25zXCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJ7e2ljb259fVwiPjwvaT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/components/sorting/sorting.constants.mjs

@@ -0,0 +1,5 @@
+export class SortingConstants {
+}
+SortingConstants.DEFAULT_ASCENDING_ICON = 'fa fa-chevron-up';
+SortingConstants.DEFAULT_DESCENDING_ICON = 'fa fa-chevron-down';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy5jb25zdGFudHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2NvbXBvbmVudHMvc29ydGluZy9zb3J0aW5nLmNvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sZ0JBQWdCOztBQUNsQix1Q0FBc0IsR0FBRyxrQkFBa0IsQ0FBQztBQUM1Qyx3Q0FBdUIsR0FBRyxvQkFBb0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjbGFzcyBTb3J0aW5nQ29uc3RhbnRzIHtcclxuICAgIHN0YXRpYyBERUZBVUxUX0FTQ0VORElOR19JQ09OID0gJ2ZhIGZhLWNoZXZyb24tdXAnO1xyXG4gICAgc3RhdGljIERFRkFVTFRfREVTQ0VORElOR19JQ09OID0gJ2ZhIGZhLWNoZXZyb24tZG93bic7XHJcbn0iXX0=

package/esm2020/lib/components/sorting/sorting.model.mjs

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

package/esm2020/lib/components/template-content/template-content.component.mjs

@@ -0,0 +1,31 @@
+import { Component, Input } from '@angular/core';
+import { firstOrDefault, isDefined } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class TemplateContentComponent {
+    get showDefault() {
+        return !isDefined(this.referenceContent)
+            && !isDefined(this.templateContent);
+    }
+    get templateContent() {
+        const templateRef = firstOrDefault(this.templatesContent?.toArray(), t => t.templateName == this.templateType);
+        return templateRef?.template || null;
+    }
+}
+TemplateContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TemplateContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TemplateContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TemplateContentComponent, selector: "sfc-template-content", inputs: { contextData: "contextData", referenceContent: "referenceContent", templateType: "templateType", templatesContent: "templatesContent", defaultContent: "defaultContent" }, ngImport: i0, template: "<ng-container *ngIf=\"referenceContent;else template\">\r\n    <ng-container *ngTemplateOutlet=\"referenceContent;context:{$implicit: contextData}\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #template>\r\n    <ng-container *ngTemplateOutlet=\"templateContent;context:{$implicit: contextData}\">\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"defaultContent && showDefault\">\r\n    <ng-container *ngTemplateOutlet=\"defaultContent;context:{$implicit: contextData}\"></ng-container>\r\n</ng-container>", styles: [":host{display:contents}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TemplateContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sfc-template-content', styles: [':host{ display: contents;}'], template: "<ng-container *ngIf=\"referenceContent;else template\">\r\n    <ng-container *ngTemplateOutlet=\"referenceContent;context:{$implicit: contextData}\"></ng-container>\r\n</ng-container>\r\n\r\n<ng-template #template>\r\n    <ng-container *ngTemplateOutlet=\"templateContent;context:{$implicit: contextData}\">\r\n    </ng-container>\r\n</ng-template>\r\n\r\n<ng-container *ngIf=\"defaultContent && showDefault\">\r\n    <ng-container *ngTemplateOutlet=\"defaultContent;context:{$implicit: contextData}\"></ng-container>\r\n</ng-container>" }]
+        }], propDecorators: { contextData: [{
+                type: Input
+            }], referenceContent: [{
+                type: Input
+            }], templateType: [{
+                type: Input
+            }], templatesContent: [{
+                type: Input
+            }], defaultContent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2NvbXBvbmVudHMvdGVtcGxhdGUtY29udGVudC90ZW1wbGF0ZS1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy90ZW1wbGF0ZS1jb250ZW50L3RlbXBsYXRlLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTBCLE1BQU0sZUFBZSxDQUFDO0FBRXpFLE9BQU8sRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFPeEQsTUFBTSxPQUFPLHdCQUF3QjtJQWlCbkMsSUFBSSxXQUFXO1FBQ2IsT0FBTyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7ZUFDbkMsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsTUFBTSxXQUFXLEdBQUcsY0FBYyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsRUFDakUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUU1QyxPQUFPLFdBQVcsRUFBRSxRQUFRLElBQUksSUFBSSxDQUFDO0lBQ3ZDLENBQUM7O3FIQTNCVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixnUENUckMsMGhCQVdlOzJGREZGLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxzQkFBc0IsVUFFeEIsQ0FBQyw0QkFBNEIsQ0FBQzs4QkFLdEMsV0FBVztzQkFEVixLQUFLO2dCQUlOLGdCQUFnQjtzQkFEZixLQUFLO2dCQUlOLFlBQVk7c0JBRFgsS0FBSztnQkFJTixnQkFBZ0I7c0JBRGYsS0FBSztnQkFJTixjQUFjO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vZGlyZWN0aXZlcyc7XHJcbmltcG9ydCB7IGZpcnN0T3JEZWZhdWx0LCBpc0RlZmluZWQgfSBmcm9tICcuLi8uLi91dGlscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy10ZW1wbGF0ZS1jb250ZW50JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGVtcGxhdGUtY29udGVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVzOiBbJzpob3N0eyBkaXNwbGF5OiBjb250ZW50czt9J11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRlbXBsYXRlQ29udGVudENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgY29udGV4dERhdGE/OiBhbnk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcmVmZXJlbmNlQ29udGVudD86IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgdGVtcGxhdGVUeXBlPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHRlbXBsYXRlc0NvbnRlbnQ6IFF1ZXJ5TGlzdDxUZW1wbGF0ZVJlZmVyZW5jZURpcmVjdGl2ZT4gfCB1bmRlZmluZWQ7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgZGVmYXVsdENvbnRlbnQ/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBnZXQgc2hvd0RlZmF1bHQoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gIWlzRGVmaW5lZCh0aGlzLnJlZmVyZW5jZUNvbnRlbnQpXHJcbiAgICAgICYmICFpc0RlZmluZWQodGhpcy50ZW1wbGF0ZUNvbnRlbnQpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHRlbXBsYXRlQ29udGVudCgpOiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCB7XHJcbiAgICBjb25zdCB0ZW1wbGF0ZVJlZiA9IGZpcnN0T3JEZWZhdWx0KHRoaXMudGVtcGxhdGVzQ29udGVudD8udG9BcnJheSgpLFxyXG4gICAgICB0ID0+IHQudGVtcGxhdGVOYW1lID09IHRoaXMudGVtcGxhdGVUeXBlKTtcclxuXHJcbiAgICByZXR1cm4gdGVtcGxhdGVSZWY/LnRlbXBsYXRlIHx8IG51bGw7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJyZWZlcmVuY2VDb250ZW50O2Vsc2UgdGVtcGxhdGVcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyZWZlcmVuY2VDb250ZW50O2NvbnRleHQ6eyRpbXBsaWNpdDogY29udGV4dERhdGF9XCI+PC9uZy1jb250YWluZXI+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZT5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUNvbnRlbnQ7Y29udGV4dDp7JGltcGxpY2l0OiBjb250ZXh0RGF0YX1cIj5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImRlZmF1bHRDb250ZW50ICYmIHNob3dEZWZhdWx0XCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZGVmYXVsdENvbnRlbnQ7Y29udGV4dDp7JGltcGxpY2l0OiBjb250ZXh0RGF0YX1cIj48L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+Il19

package/esm2020/lib/components/toggle-switcher/toggle-switcher.component.mjs

@@ -10,11 +10,11 @@ export class ToggleSwitcherComponent {
         this.rightModel = { label: 'Right' };
     }
 }
-ToggleSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ToggleSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: ToggleSwitcherComponent, selector: "sfc-toggle-switcher", inputs: { active: "active", leftModel: "leftModel", rightModel: "rightModel" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"toggle\"></div>\r\n    <div class=\"names\">\r\n        <p class=\"left\">\r\n            <i *ngIf=\"leftModel.icon\" class=\"{{leftModel.icon}}\"></i>\r\n            <span>{{leftModel.label}}</span>\r\n        </p>\r\n        <p class=\"right\">\r\n            <i *ngIf=\"rightModel.icon\" class=\"{{rightModel.icon}}\"></i>\r\n            <span>{{rightModel.label}}</span>\r\n        </p>\r\n    </div>\r\n</div>", styles: [":host .container,:host .toggle{height:100%;border-radius:100px}:host .container{width:100%;background-color:#e6e9ed;color:#545e61;border-radius:100px;position:relative;cursor:pointer}:host .container .toggle{position:absolute;width:50%;background-color:#fff;box-shadow:0 .125em 1em #0003;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}:host .container .names{font-size:90%;font-weight:bolder;width:100%;height:100%;position:relative;display:flex;justify-content:space-around;align-items:center;-webkit-user-select:none;user-select:none;overflow:hidden}:host .container .names p{font-size:90%;text-align:center;margin:0;padding:.5em 1em}:host .container .names p.right{opacity:.5}:host .container .names p i{margin-right:.25em}:host.active .container{background-color:#e6e9ed}:host.active .container .toggle{transform:translate(100%);background-color:#fff}:host.active .container .names{color:#545e61}:host.active .container .names .left{opacity:.5}:host.active .container .names .right{opacity:1}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ToggleSwitcherComponent, decorators: [{
+ToggleSwitcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToggleSwitcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ToggleSwitcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ToggleSwitcherComponent, selector: "sfc-toggle-switcher", inputs: { active: "active", leftModel: "leftModel", rightModel: "rightModel" }, host: { listeners: { "click": "onClick()" }, properties: { "class.active": "this.active" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"toggle\"></div>\r\n    <div class=\"names\">\r\n        <p class=\"left\">\r\n            <i *ngIf=\"leftModel.icon\" class=\"{{leftModel.icon}}\"></i>\r\n            <span>{{leftModel.label}}</span>\r\n        </p>\r\n        <p class=\"right\">\r\n            <i *ngIf=\"rightModel.icon\" class=\"{{rightModel.icon}}\"></i>\r\n            <span>{{rightModel.label}}</span>\r\n        </p>\r\n    </div>\r\n</div>", styles: [":host .container,:host .toggle{height:100%;border-radius:100px}:host .container{width:100%;background-color:#e6e9ed;color:#545e61;border-radius:100px;position:relative;cursor:pointer}:host .container .toggle{position:absolute;width:50%;background-color:#fff;box-shadow:0 .125em .5em #656d78;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}:host .container .names{font-size:90%;font-weight:bolder;width:100%;height:100%;position:relative;display:flex;justify-content:space-around;align-items:center;-webkit-user-select:none;user-select:none;overflow:hidden}:host .container .names p{font-size:90%;text-align:center;margin:0;padding:.5em 1em}:host .container .names p.right{opacity:.5}:host .container .names p i{margin-right:.25em}:host.active .container{background-color:#e6e9ed}:host.active .container .toggle{transform:translate(100%);background-color:#fff}:host.active .container .names{color:#545e61}:host.active .container .names .left{opacity:.5}:host.active .container .names .right{opacity:1}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ToggleSwitcherComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-toggle-switcher', template: "<div class=\"container\">\r\n    <div class=\"toggle\"></div>\r\n    <div class=\"names\">\r\n        <p class=\"left\">\r\n            <i *ngIf=\"leftModel.icon\" class=\"{{leftModel.icon}}\"></i>\r\n            <span>{{leftModel.label}}</span>\r\n        </p>\r\n        <p class=\"right\">\r\n            <i *ngIf=\"rightModel.icon\" class=\"{{rightModel.icon}}\"></i>\r\n            <span>{{rightModel.label}}</span>\r\n        </p>\r\n    </div>\r\n</div>", styles: [":host .container,:host .toggle{height:100%;border-radius:100px}:host .container{width:100%;background-color:#e6e9ed;color:#545e61;border-radius:100px;position:relative;cursor:pointer}:host .container .toggle{position:absolute;width:50%;background-color:#fff;box-shadow:0 .125em 1em #0003;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}:host .container .names{font-size:90%;font-weight:bolder;width:100%;height:100%;position:relative;display:flex;justify-content:space-around;align-items:center;-webkit-user-select:none;user-select:none;overflow:hidden}:host .container .names p{font-size:90%;text-align:center;margin:0;padding:.5em 1em}:host .container .names p.right{opacity:.5}:host .container .names p i{margin-right:.25em}:host.active .container{background-color:#e6e9ed}:host.active .container .toggle{transform:translate(100%);background-color:#fff}:host.active .container .names{color:#545e61}:host.active .container .names .left{opacity:.5}:host.active .container .names .right{opacity:1}\n"] }]
+            args: [{ selector: 'sfc-toggle-switcher', template: "<div class=\"container\">\r\n    <div class=\"toggle\"></div>\r\n    <div class=\"names\">\r\n        <p class=\"left\">\r\n            <i *ngIf=\"leftModel.icon\" class=\"{{leftModel.icon}}\"></i>\r\n            <span>{{leftModel.label}}</span>\r\n        </p>\r\n        <p class=\"right\">\r\n            <i *ngIf=\"rightModel.icon\" class=\"{{rightModel.icon}}\"></i>\r\n            <span>{{rightModel.label}}</span>\r\n        </p>\r\n    </div>\r\n</div>", styles: [":host .container,:host .toggle{height:100%;border-radius:100px}:host .container{width:100%;background-color:#e6e9ed;color:#545e61;border-radius:100px;position:relative;cursor:pointer}:host .container .toggle{position:absolute;width:50%;background-color:#fff;box-shadow:0 .125em .5em #656d78;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}:host .container .names{font-size:90%;font-weight:bolder;width:100%;height:100%;position:relative;display:flex;justify-content:space-around;align-items:center;-webkit-user-select:none;user-select:none;overflow:hidden}:host .container .names p{font-size:90%;text-align:center;margin:0;padding:.5em 1em}:host .container .names p.right{opacity:.5}:host .container .names p i{margin-right:.25em}:host.active .container{background-color:#e6e9ed}:host.active .container .toggle{transform:translate(100%);background-color:#fff}:host.active .container .names{color:#545e61}:host.active .container .names .left{opacity:.5}:host.active .container .names .right{opacity:1}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { active: [{
                 type: Input
             }, {

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

@@ -33,11 +33,11 @@ export class TooltipComponent {
         this._resizeSubscription?.unsubscribe();
     }
 }
-TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ResizeService }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Component });
-TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: TooltipComponent, selector: "[sfc-tooltip]", inputs: { value: ["sfc-tooltip", "value"], tooltipType: "tooltipType", tooltipPosition: "tooltipPosition", tooltipShow: "tooltipShow" }, host: { listeners: { "click": "click()" }, properties: { "attr.value": "this.value", "attr.type": "this.tooltipType", "attr.position": "this.tooltipPosition", "class.show": "this.tooltipShow" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{position:relative}:host:before,:host:after{position:absolute;left:50%;bottom:calc(100% + 5px);pointer-events:none;transition:.2s;will-change:transform}:host:hover:before,:host.show:before{content:attr(value);padding:.4em .7em;font-size:.8em;font-weight:initial;width:inherit;max-width:18.75em;border-radius:6px;background-color:#545e61;box-shadow:0 0 20.25em #0003;color:#fff;text-align:center;white-space:pre-wrap;overflow:hidden;word-wrap:break-word;z-index:9999}:host:after{content:\"\";border-style:solid;transition-duration:0s;transform:translate(-50%) scaleY(0)}:host[type=hover]:before,:host[type=hover]:after,:host:not(.show):before,:host:not(.show):after{visibility:hidden;opacity:0}:host[type=hover]:hover:before,:host[type=hover]:hover:after,:host.show:before,:host.show:after{visibility:visible;opacity:1}:host[type=hover]:hover:before,:host.show:before{transition-delay:.1s}:host[type=hover]:hover:after,:host.show:after{transition-delay:.3s;transition-duration:.2s;transform:translate(-50%) scaleY(1)}:host[position=top]:before,:host[position=top]:after{left:50%;bottom:calc(100% + 5px)}:host[position=top]:before{transform:translate(-50%,-5px) scale(.5)}:host[position=top]:hover:before,:host[position=top].show:before{transform:translate(-50%,-.25em) scale(1)}:host[position=top]:after{border-width:.25em .25em 0;border-color:#545e61 transparent transparent transparent;transform-origin:top}:host[position=left]:before,:host[position=left]:after{left:auto;right:calc(100% + 5px);bottom:50%}:host[position=left]:before{transform:translate(-.25em,50%) scale(.5)}:host[position=left]:hover:before,:host[position=left].show:before{transform:translate(-.31em,50%) scale(1)}:host[position=left]:after{border-width:.25em 0 .25em .25em;border-color:transparent transparent transparent #545e61;transform-origin:left;transform:translateY(50%) scaleX(0)}:host[position=left]:hover:after,:host[position=left].show:after{transform:translateY(50%) scaleX(1)}:host[position=right]:before,:host[position=right]:after{left:calc(100% + 5px);bottom:50%}:host[position=right]:before{transform:translate(5px,50%) scale(.5)}:host[position=right]:hover:before,:host[position=right].show:before{transform:translate(.31em,50%) scale(1)}:host[position=right]:after{border-width:.25em .25em .25em 0;border-color:transparent #545e61 transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}:host[position=right]:hover:after,:host[position=right].show:after{transform:translateY(50%) scaleX(1)}:host[position=bottom]:before,:host[position=bottom]:after{top:calc(100% + 5px);bottom:auto}:host[position=bottom]:before{transform:translate(-50%,5px) scale(.5)}:host[position=bottom]:hover:before,:host[position=bottom].show:before{transform:translate(-50%,.31em) scale(1)}:host[position=bottom]:after{border-width:0 .25em .25em;border-color:transparent transparent #545e61 transparent;transform-origin:bottom}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TooltipComponent, decorators: [{
+TooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TooltipComponent, deps: [{ token: i1.ResizeService }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Component });
+TooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: TooltipComponent, selector: "[sfc-tooltip]", inputs: { value: ["sfc-tooltip", "value"], tooltipType: "tooltipType", tooltipPosition: "tooltipPosition", tooltipShow: "tooltipShow" }, host: { listeners: { "click": "click()" }, properties: { "attr.value": "this.value", "attr.type": "this.tooltipType", "attr.position": "this.tooltipPosition", "class.show": "this.tooltipShow" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [":host{position:relative}:host:before,:host:after{position:absolute;left:50%;bottom:calc(100% + 5px);pointer-events:none;transition:.2s;will-change:transform}:host:hover:before,:host.show:before{content:attr(value);padding:.4em .7em;font-size:.8em;font-weight:initial;width:inherit;max-width:18.75em;border-radius:6px;background-color:#545e61;box-shadow:0 0 20.25em #aab2bd;color:#fff;text-align:center;white-space:pre-wrap;overflow:hidden;word-wrap:break-word;z-index:9999}:host:after{content:\"\";border-style:solid;transition-duration:0s;transform:translate(-50%) scaleY(0)}:host[type=hover]:before,:host[type=hover]:after,:host:not(.show):before,:host:not(.show):after{visibility:hidden;opacity:0}:host[type=hover]:hover:before,:host[type=hover]:hover:after,:host.show:before,:host.show:after{visibility:visible;opacity:1}:host[type=hover]:hover:before,:host.show:before{transition-delay:.1s}:host[type=hover]:hover:after,:host.show:after{transition-delay:.3s;transition-duration:.2s;transform:translate(-50%) scaleY(1)}:host[position=top]:before,:host[position=top]:after{left:50%;bottom:calc(100% + 5px)}:host[position=top]:before{transform:translate(-50%,-5px) scale(.5)}:host[position=top]:hover:before,:host[position=top].show:before{transform:translate(-50%,-.25em) scale(1)}:host[position=top]:after{border-width:.25em .25em 0;border-color:#545e61 transparent transparent transparent;transform-origin:top}:host[position=left]:before,:host[position=left]:after{left:auto;right:calc(100% + 5px);bottom:50%}:host[position=left]:before{transform:translate(-.25em,50%) scale(.5)}:host[position=left]:hover:before,:host[position=left].show:before{transform:translate(-.31em,50%) scale(1)}:host[position=left]:after{border-width:.25em 0 .25em .25em;border-color:transparent transparent transparent #545e61;transform-origin:left;transform:translateY(50%) scaleX(0)}:host[position=left]:hover:after,:host[position=left].show:after{transform:translateY(50%) scaleX(1)}:host[position=right]:before,:host[position=right]:after{left:calc(100% + 5px);bottom:50%}:host[position=right]:before{transform:translate(5px,50%) scale(.5)}:host[position=right]:hover:before,:host[position=right].show:before{transform:translate(.31em,50%) scale(1)}:host[position=right]:after{border-width:.25em .25em .25em 0;border-color:transparent #545e61 transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}:host[position=right]:hover:after,:host[position=right].show:after{transform:translateY(50%) scaleX(1)}:host[position=bottom]:before,:host[position=bottom]:after{top:calc(100% + 5px);bottom:auto}:host[position=bottom]:before{transform:translate(-50%,5px) scale(.5)}:host[position=bottom]:hover:before,:host[position=bottom].show:before{transform:translate(-50%,.31em) scale(1)}:host[position=bottom]:after{border-width:0 .25em .25em;border-color:transparent transparent #545e61 transparent;transform-origin:bottom}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[sfc-tooltip]', template: `<ng-content></ng-content>`, styles: [":host{position:relative}:host:before,:host:after{position:absolute;left:50%;bottom:calc(100% + 5px);pointer-events:none;transition:.2s;will-change:transform}:host:hover:before,:host.show:before{content:attr(value);padding:.4em .7em;font-size:.8em;font-weight:initial;width:inherit;max-width:18.75em;border-radius:6px;background-color:#545e61;box-shadow:0 0 20.25em #0003;color:#fff;text-align:center;white-space:pre-wrap;overflow:hidden;word-wrap:break-word;z-index:9999}:host:after{content:\"\";border-style:solid;transition-duration:0s;transform:translate(-50%) scaleY(0)}:host[type=hover]:before,:host[type=hover]:after,:host:not(.show):before,:host:not(.show):after{visibility:hidden;opacity:0}:host[type=hover]:hover:before,:host[type=hover]:hover:after,:host.show:before,:host.show:after{visibility:visible;opacity:1}:host[type=hover]:hover:before,:host.show:before{transition-delay:.1s}:host[type=hover]:hover:after,:host.show:after{transition-delay:.3s;transition-duration:.2s;transform:translate(-50%) scaleY(1)}:host[position=top]:before,:host[position=top]:after{left:50%;bottom:calc(100% + 5px)}:host[position=top]:before{transform:translate(-50%,-5px) scale(.5)}:host[position=top]:hover:before,:host[position=top].show:before{transform:translate(-50%,-.25em) scale(1)}:host[position=top]:after{border-width:.25em .25em 0;border-color:#545e61 transparent transparent transparent;transform-origin:top}:host[position=left]:before,:host[position=left]:after{left:auto;right:calc(100% + 5px);bottom:50%}:host[position=left]:before{transform:translate(-.25em,50%) scale(.5)}:host[position=left]:hover:before,:host[position=left].show:before{transform:translate(-.31em,50%) scale(1)}:host[position=left]:after{border-width:.25em 0 .25em .25em;border-color:transparent transparent transparent #545e61;transform-origin:left;transform:translateY(50%) scaleX(0)}:host[position=left]:hover:after,:host[position=left].show:after{transform:translateY(50%) scaleX(1)}:host[position=right]:before,:host[position=right]:after{left:calc(100% + 5px);bottom:50%}:host[position=right]:before{transform:translate(5px,50%) scale(.5)}:host[position=right]:hover:before,:host[position=right].show:before{transform:translate(.31em,50%) scale(1)}:host[position=right]:after{border-width:.25em .25em .25em 0;border-color:transparent #545e61 transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}:host[position=right]:hover:after,:host[position=right].show:after{transform:translateY(50%) scaleX(1)}:host[position=bottom]:before,:host[position=bottom]:after{top:calc(100% + 5px);bottom:auto}:host[position=bottom]:before{transform:translate(-50%,5px) scale(.5)}:host[position=bottom]:hover:before,:host[position=bottom].show:before{transform:translate(-50%,.31em) scale(1)}:host[position=bottom]:after{border-width:0 .25em .25em;border-color:transparent transparent #545e61 transparent;transform-origin:bottom}\n"] }]
+            args: [{ selector: '[sfc-tooltip]', template: `<ng-content></ng-content>`, styles: [":host{position:relative}:host:before,:host:after{position:absolute;left:50%;bottom:calc(100% + 5px);pointer-events:none;transition:.2s;will-change:transform}:host:hover:before,:host.show:before{content:attr(value);padding:.4em .7em;font-size:.8em;font-weight:initial;width:inherit;max-width:18.75em;border-radius:6px;background-color:#545e61;box-shadow:0 0 20.25em #aab2bd;color:#fff;text-align:center;white-space:pre-wrap;overflow:hidden;word-wrap:break-word;z-index:9999}:host:after{content:\"\";border-style:solid;transition-duration:0s;transform:translate(-50%) scaleY(0)}:host[type=hover]:before,:host[type=hover]:after,:host:not(.show):before,:host:not(.show):after{visibility:hidden;opacity:0}:host[type=hover]:hover:before,:host[type=hover]:hover:after,:host.show:before,:host.show:after{visibility:visible;opacity:1}:host[type=hover]:hover:before,:host.show:before{transition-delay:.1s}:host[type=hover]:hover:after,:host.show:after{transition-delay:.3s;transition-duration:.2s;transform:translate(-50%) scaleY(1)}:host[position=top]:before,:host[position=top]:after{left:50%;bottom:calc(100% + 5px)}:host[position=top]:before{transform:translate(-50%,-5px) scale(.5)}:host[position=top]:hover:before,:host[position=top].show:before{transform:translate(-50%,-.25em) scale(1)}:host[position=top]:after{border-width:.25em .25em 0;border-color:#545e61 transparent transparent transparent;transform-origin:top}:host[position=left]:before,:host[position=left]:after{left:auto;right:calc(100% + 5px);bottom:50%}:host[position=left]:before{transform:translate(-.25em,50%) scale(.5)}:host[position=left]:hover:before,:host[position=left].show:before{transform:translate(-.31em,50%) scale(1)}:host[position=left]:after{border-width:.25em 0 .25em .25em;border-color:transparent transparent transparent #545e61;transform-origin:left;transform:translateY(50%) scaleX(0)}:host[position=left]:hover:after,:host[position=left].show:after{transform:translateY(50%) scaleX(1)}:host[position=right]:before,:host[position=right]:after{left:calc(100% + 5px);bottom:50%}:host[position=right]:before{transform:translate(5px,50%) scale(.5)}:host[position=right]:hover:before,:host[position=right].show:before{transform:translate(.31em,50%) scale(1)}:host[position=right]:after{border-width:.25em .25em .25em 0;border-color:transparent #545e61 transparent transparent;transform-origin:right;transform:translateY(50%) scaleX(0)}:host[position=right]:hover:after,:host[position=right].show:after{transform:translateY(50%) scaleX(1)}:host[position=bottom]:before,:host[position=bottom]:after{top:calc(100% + 5px);bottom:auto}:host[position=bottom]:before{transform:translate(-50%,5px) scale(.5)}:host[position=bottom]:hover:before,:host[position=bottom].show:before{transform:translate(-50%,.31em) scale(1)}:host[position=bottom]:after{border-width:0 .25em .25em;border-color:transparent transparent #545e61 transparent;transform-origin:bottom}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ResizeService }, { type: Window, decorators: [{
                     type: Inject,
                     args: [WINDOW]

package/esm2020/lib/constants/common.constants.mjs

@@ -3,4 +3,5 @@ export class CommonConstants {
 CommonConstants.NOT_FOUND_INDEX = -1;
 CommonConstants.EMPTY_STRING = '';
 CommonConstants.MOUSE_BUTTON_LEFT = 0;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmNvbnN0YW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29uc3RhbnRzL2NvbW1vbi5jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGVBQWU7O0FBQ2pCLCtCQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUM7QUFDckIsNEJBQVksR0FBRyxFQUFFLENBQUM7QUFDbEIsaUNBQWlCLEdBQUcsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIENvbW1vbkNvbnN0YW50cyB7XHJcbiAgICBzdGF0aWMgTk9UX0ZPVU5EX0lOREVYID0gLTE7XHJcbiAgICBzdGF0aWMgRU1QVFlfU1RSSU5HID0gJyc7XHJcbiAgICBzdGF0aWMgTU9VU0VfQlVUVE9OX0xFRlQgPSAwO1xyXG59Il19
+CommonConstants.FULL_PERCENTAGE = 100;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmNvbnN0YW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29uc3RhbnRzL2NvbW1vbi5jb25zdGFudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxPQUFPLGVBQWU7O0FBQ2pCLCtCQUFlLEdBQUcsQ0FBQyxDQUFDLENBQUM7QUFDckIsNEJBQVksR0FBRyxFQUFFLENBQUM7QUFDbEIsaUNBQWlCLEdBQUcsQ0FBQyxDQUFDO0FBQ3RCLCtCQUFlLEdBQUcsR0FBRyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIENvbW1vbkNvbnN0YW50cyB7XHJcbiAgICBzdGF0aWMgTk9UX0ZPVU5EX0lOREVYID0gLTE7XHJcbiAgICBzdGF0aWMgRU1QVFlfU1RSSU5HID0gJyc7XHJcbiAgICBzdGF0aWMgTU9VU0VfQlVUVE9OX0xFRlQgPSAwO1xyXG4gICAgc3RhdGljIEZVTExfUEVSQ0VOVEFHRSA9IDEwMDtcclxufSJdfQ==

package/esm2020/lib/constants/ui.constants.mjs

@@ -6,11 +6,14 @@ UIConstants.CSS_DEGREES = 'deg';
 UIConstants.CSS_EM = 'em';
 UIConstants.CSS_VISIBILITY_VISIBLE = 'visible';
 UIConstants.CSS_VISIBILITY_HIDDEN = 'hidden';
-UIConstants.DEFAULT_THEME = 'sfc-default-theme';
-UIConstants.DARK_THEME = 'sfc-dark-theme';
 UIConstants.CSS_WIDTH = 'width';
 UIConstants.CSS_LEFT = 'left';
+UIConstants.CSS_RIGHT = 'right';
+UIConstants.CSS_START = 'start';
+UIConstants.CSS_END = 'end';
+UIConstants.CSS_CENTER = 'center';
 UIConstants.CSS_CLASS_FIXED = 'fixed';
 UIConstants.CSS_CLASS_BACKGROUND = 'background';
 UIConstants.CSS_CLASS_TOP = 'top';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21tb24vc3JjL2xpYi9jb25zdGFudHMvdWkuY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXOztBQUNiLHNCQUFVLEdBQUcsSUFBSSxDQUFDO0FBQ2xCLDBCQUFjLEdBQUcsR0FBRyxDQUFDO0FBQ3JCLHVCQUFXLEdBQUcsS0FBSyxDQUFDO0FBQ3BCLGtCQUFNLEdBQUcsSUFBSSxDQUFDO0FBRWQsa0NBQXNCLEdBQUcsU0FBUyxDQUFDO0FBQ25DLGlDQUFxQixHQUFHLFFBQVEsQ0FBQztBQUVqQyx5QkFBYSxHQUFHLG1CQUFtQixDQUFDO0FBQ3BDLHNCQUFVLEdBQUcsZ0JBQWdCLENBQUM7QUFFOUIscUJBQVMsR0FBRyxPQUFPLENBQUM7QUFDcEIsb0JBQVEsR0FBRyxNQUFNLENBQUM7QUFDbEIsMkJBQWUsR0FBRyxPQUFPLENBQUM7QUFDMUIsZ0NBQW9CLEdBQUcsWUFBWSxDQUFDO0FBQ3BDLHlCQUFhLEdBQUcsS0FBSyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFVJQ29uc3RhbnRzIHtcclxuICAgIHN0YXRpYyBDU1NfUElYRUxTID0gJ3B4JztcclxuICAgIHN0YXRpYyBDU1NfUEVSQ0VOVEFHRSA9ICclJztcclxuICAgIHN0YXRpYyBDU1NfREVHUkVFUyA9ICdkZWcnO1xyXG4gICAgc3RhdGljIENTU19FTSA9ICdlbSc7XHJcblxyXG4gICAgc3RhdGljIENTU19WSVNJQklMSVRZX1ZJU0lCTEUgPSAndmlzaWJsZSc7XHJcbiAgICBzdGF0aWMgQ1NTX1ZJU0lCSUxJVFlfSElEREVOID0gJ2hpZGRlbic7XHJcblxyXG4gICAgc3RhdGljIERFRkFVTFRfVEhFTUUgPSAnc2ZjLWRlZmF1bHQtdGhlbWUnO1xyXG4gICAgc3RhdGljIERBUktfVEhFTUUgPSAnc2ZjLWRhcmstdGhlbWUnO1xyXG5cclxuICAgIHN0YXRpYyBDU1NfV0lEVEggPSAnd2lkdGgnO1xyXG4gICAgc3RhdGljIENTU19MRUZUID0gJ2xlZnQnO1xyXG4gICAgc3RhdGljIENTU19DTEFTU19GSVhFRCA9ICdmaXhlZCc7XHJcbiAgICBzdGF0aWMgQ1NTX0NMQVNTX0JBQ0tHUk9VTkQgPSAnYmFja2dyb3VuZCc7XHJcbiAgICBzdGF0aWMgQ1NTX0NMQVNTX1RPUCA9ICd0b3AnO1xyXG59XHJcbiJdfQ==
+UIConstants.RGB_OPACITY_PLACEHOLDER = '{opacity}';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21tb24vc3JjL2xpYi9jb25zdGFudHMvdWkuY29uc3RhbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXOztBQUNiLHNCQUFVLEdBQUcsSUFBSSxDQUFDO0FBQ2xCLDBCQUFjLEdBQUcsR0FBRyxDQUFDO0FBQ3JCLHVCQUFXLEdBQUcsS0FBSyxDQUFDO0FBQ3BCLGtCQUFNLEdBQUcsSUFBSSxDQUFDO0FBRWQsa0NBQXNCLEdBQUcsU0FBUyxDQUFDO0FBQ25DLGlDQUFxQixHQUFHLFFBQVEsQ0FBQztBQUVqQyxxQkFBUyxHQUFHLE9BQU8sQ0FBQztBQUNwQixvQkFBUSxHQUFHLE1BQU0sQ0FBQztBQUNsQixxQkFBUyxHQUFHLE9BQU8sQ0FBQztBQUNwQixxQkFBUyxHQUFHLE9BQU8sQ0FBQztBQUNwQixtQkFBTyxHQUFHLEtBQUssQ0FBQztBQUNoQixzQkFBVSxHQUFHLFFBQVEsQ0FBQztBQUN0QiwyQkFBZSxHQUFHLE9BQU8sQ0FBQztBQUMxQixnQ0FBb0IsR0FBRyxZQUFZLENBQUM7QUFDcEMseUJBQWEsR0FBRyxLQUFLLENBQUM7QUFFdEIsbUNBQXVCLEdBQUcsV0FBVyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFVJQ29uc3RhbnRzIHtcclxuICAgIHN0YXRpYyBDU1NfUElYRUxTID0gJ3B4JztcclxuICAgIHN0YXRpYyBDU1NfUEVSQ0VOVEFHRSA9ICclJztcclxuICAgIHN0YXRpYyBDU1NfREVHUkVFUyA9ICdkZWcnO1xyXG4gICAgc3RhdGljIENTU19FTSA9ICdlbSc7XHJcblxyXG4gICAgc3RhdGljIENTU19WSVNJQklMSVRZX1ZJU0lCTEUgPSAndmlzaWJsZSc7XHJcbiAgICBzdGF0aWMgQ1NTX1ZJU0lCSUxJVFlfSElEREVOID0gJ2hpZGRlbic7XHJcblxyXG4gICAgc3RhdGljIENTU19XSURUSCA9ICd3aWR0aCc7XHJcbiAgICBzdGF0aWMgQ1NTX0xFRlQgPSAnbGVmdCc7XHJcbiAgICBzdGF0aWMgQ1NTX1JJR0hUID0gJ3JpZ2h0JztcclxuICAgIHN0YXRpYyBDU1NfU1RBUlQgPSAnc3RhcnQnO1xyXG4gICAgc3RhdGljIENTU19FTkQgPSAnZW5kJztcclxuICAgIHN0YXRpYyBDU1NfQ0VOVEVSID0gJ2NlbnRlcic7XHJcbiAgICBzdGF0aWMgQ1NTX0NMQVNTX0ZJWEVEID0gJ2ZpeGVkJztcclxuICAgIHN0YXRpYyBDU1NfQ0xBU1NfQkFDS0dST1VORCA9ICdiYWNrZ3JvdW5kJztcclxuICAgIHN0YXRpYyBDU1NfQ0xBU1NfVE9QID0gJ3RvcCc7XHJcblxyXG4gICAgc3RhdGljIFJHQl9PUEFDSVRZX1BMQUNFSE9MREVSID0gJ3tvcGFjaXR5fSc7XHJcbn1cclxuIl19

package/esm2020/lib/directives/click-outside/click-outside.directive.mjs

@@ -46,9 +46,9 @@ export class ClickOutsideDirective {
         return false;
     }
 }
-ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
-ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: { listening: ["sfcClickOutside", "listening"] }, outputs: { action: "action" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ClickOutsideDirective, decorators: [{
+ClickOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
+ClickOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ClickOutsideDirective, selector: "[sfcClickOutside]", inputs: { listening: ["sfcClickOutside", "listening"] }, outputs: { action: "action" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ClickOutsideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sfcClickOutside]'

package/esm2020/lib/directives/component-size/component-size.directive.mjs

@@ -30,9 +30,9 @@ export class ComponentSizeDirective {
         }
     }
 }
-ComponentSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ComponentSizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ComponentSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: ComponentSizeDirective, selector: "[sfcComponentSize]", inputs: { size: ["sfcComponentSize", "size"], customSize: "customSize" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ComponentSizeDirective, decorators: [{
+ComponentSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ComponentSizeDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ComponentSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ComponentSizeDirective, selector: "[sfcComponentSize]", inputs: { size: ["sfcComponentSize", "size"], customSize: "customSize" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ComponentSizeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sfcComponentSize]'

package/esm2020/lib/directives/destroy-parent/destroy-parent.directive.mjs

@@ -0,0 +1,27 @@
+import { Directive, Input } from "@angular/core";
+import * as i0 from "@angular/core";
+export class DestroyParentDirective {
+    constructor(el) {
+        this.el = el;
+        this.delay = 0;
+    }
+    set destroyParent(value) {
+        if (value) {
+            setTimeout(() => this.el.nativeElement.parentElement?.remove(), this.delay);
+        }
+    }
+}
+DestroyParentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DestroyParentDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+DestroyParentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: DestroyParentDirective, selector: "[sfcDestroyParent]", inputs: { destroyParent: ["sfcDestroyParent", "destroyParent"], delay: "delay" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: DestroyParentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sfcDestroyParent]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { destroyParent: [{
+                type: Input,
+                args: ['sfcDestroyParent']
+            }], delay: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzdHJveS1wYXJlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21tb24vc3JjL2xpYi9kaXJlY3RpdmVzL2Rlc3Ryb3ktcGFyZW50L2Rlc3Ryb3ktcGFyZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLN0QsTUFBTSxPQUFPLHNCQUFzQjtJQVkvQixZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtRQUZsQyxVQUFLLEdBQVcsQ0FBQyxDQUFDO0lBRW9CLENBQUM7SUFWdkMsSUFDSSxhQUFhLENBQUMsS0FBYztRQUM1QixJQUFJLEtBQUssRUFBRTtZQUNQLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxhQUFhLEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQy9FO0lBQ0wsQ0FBQzs7bUhBUFEsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFIbEMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO2lCQUNqQztpR0FJTyxhQUFhO3NCQURoQixLQUFLO3VCQUFDLGtCQUFrQjtnQkFRekIsS0FBSztzQkFESixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW3NmY0Rlc3Ryb3lQYXJlbnRdJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVzdHJveVBhcmVudERpcmVjdGl2ZSB7XHJcblxyXG4gICAgQElucHV0KCdzZmNEZXN0cm95UGFyZW50JylcclxuICAgIHNldCBkZXN0cm95UGFyZW50KHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICAgICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5lbC5uYXRpdmVFbGVtZW50LnBhcmVudEVsZW1lbnQ/LnJlbW92ZSgpLCB0aGlzLmRlbGF5KTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGRlbGF5OiBudW1iZXIgPSAwO1xyXG5cclxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWw6IEVsZW1lbnRSZWYpIHsgfVxyXG59Il19

package/esm2020/lib/directives/index.mjs

@@ -4,4 +4,5 @@ export { ThrowElementOnHoverDirective } from './throw-element-on-hover/throw-ele
 export { TemplateReferenceDirective } from './template-reference/template-reference.directive';
 export { MouseDownDirective } from './mouse-down/mouse-down.directive';
 export { ComponentSizeDirective } from './component-size/component-size.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQzlCLDJEQUEyRCxDQUFDO0FBQ3JFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUM1QixtREFBbUQsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5leHBvcnQgeyBDbGlja091dHNpZGVEaXJlY3RpdmUgfSBmcm9tICcuL2NsaWNrLW91dHNpZGUvY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBDbGlja091dHNpZGVFdmVudCB9IGZyb20gJy4vY2xpY2stb3V0c2lkZS9jbGljay1vdXRzaWRlLmV2ZW50JztcclxuZXhwb3J0IHsgU2hvd0hpZGVFbGVtZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9zaG93LWhpZGUtZWxlbWVudC9zaG93LWhpZGUtZWxlbWVudC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBUaHJvd0VsZW1lbnRPbkhvdmVyRGlyZWN0aXZlIH1cclxuICAgIGZyb20gJy4vdGhyb3ctZWxlbWVudC1vbi1ob3Zlci90aHJvdy1lbGVtZW50LW9uLWhvdmVyLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH1cclxuICAgIGZyb20gJy4vdGVtcGxhdGUtcmVmZXJlbmNlL3RlbXBsYXRlLXJlZmVyZW5jZS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBNb3VzZURvd25EaXJlY3RpdmUgfSBmcm9tICcuL21vdXNlLWRvd24vbW91c2UtZG93bi5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBDb21wb25lbnRTaXplRGlyZWN0aXZlIH0gZnJvbSAnLi9jb21wb25lbnQtc2l6ZS9jb21wb25lbnQtc2l6ZS5kaXJlY3RpdmUnIl19
+export { DestroyParentDirective } from './destroy-parent/destroy-parent.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2RpcmVjdGl2ZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFaEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDM0YsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQzlCLDJEQUEyRCxDQUFDO0FBQ3JFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUM1QixtREFBbUQsQ0FBQztBQUM3RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5leHBvcnQgeyBDbGlja091dHNpZGVEaXJlY3RpdmUgfSBmcm9tICcuL2NsaWNrLW91dHNpZGUvY2xpY2stb3V0c2lkZS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBDbGlja091dHNpZGVFdmVudCB9IGZyb20gJy4vY2xpY2stb3V0c2lkZS9jbGljay1vdXRzaWRlLmV2ZW50JztcclxuZXhwb3J0IHsgU2hvd0hpZGVFbGVtZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9zaG93LWhpZGUtZWxlbWVudC9zaG93LWhpZGUtZWxlbWVudC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBUaHJvd0VsZW1lbnRPbkhvdmVyRGlyZWN0aXZlIH1cclxuICAgIGZyb20gJy4vdGhyb3ctZWxlbWVudC1vbi1ob3Zlci90aHJvdy1lbGVtZW50LW9uLWhvdmVyLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH1cclxuICAgIGZyb20gJy4vdGVtcGxhdGUtcmVmZXJlbmNlL3RlbXBsYXRlLXJlZmVyZW5jZS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBNb3VzZURvd25EaXJlY3RpdmUgfSBmcm9tICcuL21vdXNlLWRvd24vbW91c2UtZG93bi5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBDb21wb25lbnRTaXplRGlyZWN0aXZlIH0gZnJvbSAnLi9jb21wb25lbnQtc2l6ZS9jb21wb25lbnQtc2l6ZS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBEZXN0cm95UGFyZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9kZXN0cm95LXBhcmVudC9kZXN0cm95LXBhcmVudC5kaXJlY3RpdmUnOyJdfQ==

package/esm2020/lib/directives/mouse-down/mouse-down.directive.mjs

@@ -18,9 +18,9 @@ export class MouseDownDirective {
         }
     }
 }
-MouseDownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MouseDownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-MouseDownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: MouseDownDirective, selector: "[sfcMouseDown]", inputs: { button: "button" }, outputs: { action: "sfcMouseDown" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: MouseDownDirective, decorators: [{
+MouseDownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MouseDownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+MouseDownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: MouseDownDirective, selector: "[sfcMouseDown]", inputs: { button: "button" }, outputs: { action: "sfcMouseDown" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: MouseDownDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sfcMouseDown]'

package/esm2020/lib/directives/show-hide-element/show-hide-element.directive.mjs

@@ -26,9 +26,9 @@ export class ShowHideElementDirective {
             linear`;
     }
 }
-ShowHideElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ShowHideElementDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ShowHideElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: { showHideElement: ["sfcShowHideElement", "showHideElement"], delay: "delay" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ShowHideElementDirective, decorators: [{
+ShowHideElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ShowHideElementDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ShowHideElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: { showHideElement: ["sfcShowHideElement", "showHideElement"], delay: "delay" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ShowHideElementDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sfcShowHideElement]'

package/esm2020/lib/directives/template-reference/template-reference.directive.mjs

@@ -7,9 +7,9 @@ export class TemplateReferenceDirective {
         this.templateName = CommonConstants.EMPTY_STRING;
     }
 }
-TemplateReferenceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TemplateReferenceDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-TemplateReferenceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: TemplateReferenceDirective, selector: "[sfcTemplateReference]", inputs: { templateName: ["sfcTemplateReference", "templateName"], data: "data" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TemplateReferenceDirective, decorators: [{
+TemplateReferenceDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TemplateReferenceDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+TemplateReferenceDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: TemplateReferenceDirective, selector: "[sfcTemplateReference]", inputs: { templateName: ["sfcTemplateReference", "templateName"], data: "data" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: TemplateReferenceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sfcTemplateReference]'

package/esm2020/lib/directives/throw-element-on-hover/throw-element-on-hover.directive.mjs

@@ -18,9 +18,9 @@ export class ThrowElementOnHoverDirective {
         this.style.transform = value ? `translateY(${getCssLikeValue(value)})` : null;
     }
 }
-ThrowElementOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ThrowElementOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-ThrowElementOnHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: ThrowElementOnHoverDirective, selector: "[sfcThrowElementOnHover]", inputs: { throwValue: ["sfcThrowElementOnHover", "throwValue"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: ThrowElementOnHoverDirective, decorators: [{
+ThrowElementOnHoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ThrowElementOnHoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+ThrowElementOnHoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: ThrowElementOnHoverDirective, selector: "[sfcThrowElementOnHover]", inputs: { throwValue: ["sfcThrowElementOnHover", "throwValue"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ThrowElementOnHoverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[sfcThrowElementOnHover]'

package/esm2020/lib/enums/direction.enum.mjs

@@ -0,0 +1,9 @@
+/**
+ * Direction types
+ */
+export var Direction;
+(function (Direction) {
+    Direction["Horizontal"] = "horizontal";
+    Direction["Vertical"] = "vertical";
+})(Direction || (Direction = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlyZWN0aW9uLmVudW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2VudW1zL2RpcmVjdGlvbi5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksU0FHWDtBQUhELFdBQVksU0FBUztJQUNqQixzQ0FBeUIsQ0FBQTtJQUN6QixrQ0FBcUIsQ0FBQTtBQUN6QixDQUFDLEVBSFcsU0FBUyxLQUFULFNBQVMsUUFHcEIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogRGlyZWN0aW9uIHR5cGVzXHJcbiAqL1xyXG5leHBvcnQgZW51bSBEaXJlY3Rpb24ge1xyXG4gICAgSG9yaXpvbnRhbCA9ICdob3Jpem9udGFsJyxcclxuICAgIFZlcnRpY2FsID0gJ3ZlcnRpY2FsJ1xyXG59Il19

package/esm2020/lib/enums/index.mjs

@@ -1,2 +1,8 @@
-export { SortingDirection, UIClass, ComponentSize, Position, MediaLimits, Direction } from './common.enums';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2VudW1zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxnQkFBZ0IsRUFDaEIsT0FBTyxFQUNQLGFBQWEsRUFDYixRQUFRLEVBQ1IsV0FBVyxFQUNYLFNBQVMsRUFDWixNQUFNLGdCQUFnQixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHtcclxuICAgIFNvcnRpbmdEaXJlY3Rpb24sXHJcbiAgICBVSUNsYXNzLFxyXG4gICAgQ29tcG9uZW50U2l6ZSxcclxuICAgIFBvc2l0aW9uLFxyXG4gICAgTWVkaWFMaW1pdHMsXHJcbiAgICBEaXJlY3Rpb25cclxufSBmcm9tICcuL2NvbW1vbi5lbnVtcydcclxuIl19
+export { ComponentSize } from './size.enum';
+export { Direction } from './direction.enum';
+export { MediaLimits } from './media.enum';
+export { Position } from './position.enum';
+export { SortingDirection } from './sorting-direction.enum';
+export { Theme } from './theme.enum';
+export { UIClass } from './ui.enum';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbW1vbi9zcmMvbGliL2VudW1zL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDM0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzVELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDckMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFdBQVcsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IENvbXBvbmVudFNpemUgfSBmcm9tICcuL3NpemUuZW51bSc7XHJcbmV4cG9ydCB7IERpcmVjdGlvbiB9IGZyb20gJy4vZGlyZWN0aW9uLmVudW0nO1xyXG5leHBvcnQgeyBNZWRpYUxpbWl0cyB9IGZyb20gJy4vbWVkaWEuZW51bSc7XHJcbmV4cG9ydCB7IFBvc2l0aW9uIH0gZnJvbSAnLi9wb3NpdGlvbi5lbnVtJztcclxuZXhwb3J0IHsgU29ydGluZ0RpcmVjdGlvbiB9IGZyb20gJy4vc29ydGluZy1kaXJlY3Rpb24uZW51bSc7XHJcbmV4cG9ydCB7IFRoZW1lIH0gZnJvbSAnLi90aGVtZS5lbnVtJztcclxuZXhwb3J0IHsgVUlDbGFzcyB9IGZyb20gJy4vdWkuZW51bSc7XHJcbiJdfQ==

package/esm2020/lib/enums/media.enum.mjs

@@ -0,0 +1,10 @@
+/**
+ * CSS Media limits
+ */
+export var MediaLimits;
+(function (MediaLimits) {
+    MediaLimits[MediaLimits["Laptop"] = 1200] = "Laptop";
+    MediaLimits[MediaLimits["Tablet"] = 767] = "Tablet";
+    MediaLimits[MediaLimits["Phone"] = 430] = "Phone";
+})(MediaLimits || (MediaLimits = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvZW51bXMvbWVkaWEuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFdBSVg7QUFKRCxXQUFZLFdBQVc7SUFDbkIsb0RBQWEsQ0FBQTtJQUNiLG1EQUFZLENBQUE7SUFDWixpREFBVyxDQUFBO0FBQ2YsQ0FBQyxFQUpXLFdBQVcsS0FBWCxXQUFXLFFBSXRCIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIENTUyBNZWRpYSBsaW1pdHNcclxuICovXHJcbmV4cG9ydCBlbnVtIE1lZGlhTGltaXRzIHtcclxuICAgIExhcHRvcCA9IDEyMDAsXHJcbiAgICBUYWJsZXQgPSA3NjcsXHJcbiAgICBQaG9uZSA9IDQzMFxyXG59Il19

package/esm2020/lib/enums/position.enum.mjs

@@ -0,0 +1,12 @@
+/**
+ * Position directions
+ */
+export var Position;
+(function (Position) {
+    Position["Top"] = "top";
+    Position["Bottom"] = "bottom";
+    Position["Left"] = "left";
+    Position["Right"] = "right";
+    Position["Center"] = "center";
+})(Position || (Position = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9zaXRpb24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvZW51bXMvcG9zaXRpb24uZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFFBTVg7QUFORCxXQUFZLFFBQVE7SUFDaEIsdUJBQVcsQ0FBQTtJQUNYLDZCQUFpQixDQUFBO0lBQ2pCLHlCQUFhLENBQUE7SUFDYiwyQkFBZSxDQUFBO0lBQ2YsNkJBQWlCLENBQUE7QUFDckIsQ0FBQyxFQU5XLFFBQVEsS0FBUixRQUFRLFFBTW5CIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXHJcbiAqIFBvc2l0aW9uIGRpcmVjdGlvbnNcclxuICovXHJcbmV4cG9ydCBlbnVtIFBvc2l0aW9uIHtcclxuICAgIFRvcCA9ICd0b3AnLFxyXG4gICAgQm90dG9tID0gJ2JvdHRvbScsXHJcbiAgICBMZWZ0ID0gJ2xlZnQnLFxyXG4gICAgUmlnaHQgPSAncmlnaHQnLFxyXG4gICAgQ2VudGVyID0gJ2NlbnRlcidcclxufSJdfQ==

package/esm2020/lib/enums/size.enum.mjs

@@ -0,0 +1,11 @@
+/**
+ * Component sizes
+ */
+export var ComponentSize;
+(function (ComponentSize) {
+    ComponentSize["Small"] = "small";
+    ComponentSize["Medium"] = "medium";
+    ComponentSize["Large"] = "large";
+    ComponentSize["Custom"] = "custom";
+})(ComponentSize || (ComponentSize = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZS5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21tb24vc3JjL2xpYi9lbnVtcy9zaXplLmVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0E7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxhQUtYO0FBTEQsV0FBWSxhQUFhO0lBQ3JCLGdDQUFlLENBQUE7SUFDZixrQ0FBaUIsQ0FBQTtJQUNqQixnQ0FBZSxDQUFBO0lBQ2Ysa0NBQWlCLENBQUE7QUFDckIsQ0FBQyxFQUxXLGFBQWEsS0FBYixhQUFhLFFBS3hCIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbi8qKlxyXG4gKiBDb21wb25lbnQgc2l6ZXNcclxuICovXHJcbmV4cG9ydCBlbnVtIENvbXBvbmVudFNpemUge1xyXG4gICAgU21hbGwgPSAnc21hbGwnLFxyXG4gICAgTWVkaXVtID0gJ21lZGl1bScsXHJcbiAgICBMYXJnZSA9ICdsYXJnZScsXHJcbiAgICBDdXN0b20gPSAnY3VzdG9tJ1xyXG59XHJcblxyXG5cclxuXHJcblxyXG5cclxuXHJcblxyXG5cclxuXHJcblxyXG5cclxuIl19

package/esm2020/lib/enums/sorting-direction.enum.mjs

@@ -0,0 +1,9 @@
+/**
+ * Type of sorting
+ */
+export var SortingDirection;
+(function (SortingDirection) {
+    SortingDirection["Ascending"] = "ascending";
+    SortingDirection["Descending"] = "descending";
+})(SortingDirection || (SortingDirection = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGluZy1kaXJlY3Rpb24uZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvZW51bXMvc29ydGluZy1kaXJlY3Rpb24uZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNGLE1BQU0sQ0FBTixJQUFZLGdCQUdaO0FBSEEsV0FBWSxnQkFBZ0I7SUFDekIsMkNBQXVCLENBQUE7SUFDdkIsNkNBQXlCLENBQUE7QUFDN0IsQ0FBQyxFQUhZLGdCQUFnQixLQUFoQixnQkFBZ0IsUUFHNUIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogVHlwZSBvZiBzb3J0aW5nXHJcbiAqL1xyXG4gZXhwb3J0IGVudW0gU29ydGluZ0RpcmVjdGlvbiB7XHJcbiAgICBBc2NlbmRpbmcgPSAnYXNjZW5kaW5nJyxcclxuICAgIERlc2NlbmRpbmcgPSAnZGVzY2VuZGluZydcclxufSJdfQ==

package/esm2020/lib/enums/theme.enum.mjs

@@ -0,0 +1,9 @@
+/**
+ * Theme types
+ */
+export var Theme;
+(function (Theme) {
+    Theme["Default"] = "sfc-default-theme";
+    Theme["Dark"] = "sfc-dark-theme";
+})(Theme || (Theme = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvZW51bXMvdGhlbWUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLEtBR1g7QUFIRCxXQUFZLEtBQUs7SUFDYixzQ0FBNkIsQ0FBQTtJQUM3QixnQ0FBdUIsQ0FBQTtBQUMzQixDQUFDLEVBSFcsS0FBSyxLQUFMLEtBQUssUUFHaEIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcclxuICogVGhlbWUgdHlwZXNcclxuICovXHJcbmV4cG9ydCBlbnVtIFRoZW1lIHtcclxuICAgIERlZmF1bHQgPSAnc2ZjLWRlZmF1bHQtdGhlbWUnLFxyXG4gICAgRGFyayA9ICdzZmMtZGFyay10aGVtZSdcclxufSJdfQ==

package/esm2020/lib/enums/ui.enum.mjs

@@ -0,0 +1,27 @@
+/**
+ * UI classes
+ */
+export var UIClass;
+(function (UIClass) {
+    UIClass["Active"] = "active";
+    UIClass["Valid"] = "valid";
+    UIClass["Invalid"] = "invalid";
+    UIClass["Enabled"] = "enabled";
+    UIClass["Disabled"] = "disabled";
+    UIClass["Selected"] = "selected";
+    UIClass["Empty"] = "empty";
+    UIClass["Focus"] = "focus";
+    UIClass["Open"] = "open";
+    UIClass["Loading"] = "loading";
+    UIClass["Removed"] = "removed";
+    UIClass["Visible"] = "visible";
+    UIClass["Hidden"] = "hidden";
+    UIClass["Animated"] = "animated";
+    UIClass["Expanded"] = "expanded";
+    UIClass["Fixed"] = "fixed";
+    UIClass["Bordered"] = "bordered";
+    UIClass["Even"] = "even";
+    UIClass["Pointer"] = "pointer";
+})(UIClass || (UIClass = {}));
+;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWkuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvZW51bXMvdWkuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLE9Bb0JYO0FBcEJELFdBQVksT0FBTztJQUNmLDRCQUFpQixDQUFBO0lBQ2pCLDBCQUFlLENBQUE7SUFDZiw4QkFBbUIsQ0FBQTtJQUNuQiw4QkFBbUIsQ0FBQTtJQUNuQixnQ0FBcUIsQ0FBQTtJQUNyQixnQ0FBcUIsQ0FBQTtJQUNyQiwwQkFBZSxDQUFBO0lBQ2YsMEJBQWUsQ0FBQTtJQUNmLHdCQUFhLENBQUE7SUFDYiw4QkFBbUIsQ0FBQTtJQUNuQiw4QkFBbUIsQ0FBQTtJQUNuQiw4QkFBbUIsQ0FBQTtJQUNuQiw0QkFBaUIsQ0FBQTtJQUNqQixnQ0FBcUIsQ0FBQTtJQUNyQixnQ0FBcUIsQ0FBQTtJQUNyQiwwQkFBZSxDQUFBO0lBQ2YsZ0NBQXFCLENBQUE7SUFDckIsd0JBQWEsQ0FBQTtJQUNiLDhCQUFtQixDQUFBO0FBQ3ZCLENBQUMsRUFwQlcsT0FBTyxLQUFQLE9BQU8sUUFvQmxCO0FBQUEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxyXG4gKiBVSSBjbGFzc2VzXHJcbiAqL1xyXG5leHBvcnQgZW51bSBVSUNsYXNzIHtcclxuICAgIEFjdGl2ZSA9ICdhY3RpdmUnLFxyXG4gICAgVmFsaWQgPSAndmFsaWQnLFxyXG4gICAgSW52YWxpZCA9ICdpbnZhbGlkJyxcclxuICAgIEVuYWJsZWQgPSAnZW5hYmxlZCcsXHJcbiAgICBEaXNhYmxlZCA9ICdkaXNhYmxlZCcsXHJcbiAgICBTZWxlY3RlZCA9ICdzZWxlY3RlZCcsXHJcbiAgICBFbXB0eSA9ICdlbXB0eScsXHJcbiAgICBGb2N1cyA9ICdmb2N1cycsXHJcbiAgICBPcGVuID0gJ29wZW4nLFxyXG4gICAgTG9hZGluZyA9ICdsb2FkaW5nJyxcclxuICAgIFJlbW92ZWQgPSAncmVtb3ZlZCcsXHJcbiAgICBWaXNpYmxlID0gJ3Zpc2libGUnLFxyXG4gICAgSGlkZGVuID0gJ2hpZGRlbicsXHJcbiAgICBBbmltYXRlZCA9ICdhbmltYXRlZCcsXHJcbiAgICBFeHBhbmRlZCA9ICdleHBhbmRlZCcsXHJcbiAgICBGaXhlZCA9ICdmaXhlZCcsXHJcbiAgICBCb3JkZXJlZCA9ICdib3JkZXJlZCcsXHJcbiAgICBFdmVuID0gJ2V2ZW4nLFxyXG4gICAgUG9pbnRlciA9ICdwb2ludGVyJ1xyXG59OyJdfQ==