ngx-sfc-components 0.0.6 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/menu/dropdown/parts/item/dropdown-menu-item.component.mjs +1 -1
- package/esm2020/lib/components/menu/side/parts/title/side-menu-title.component.mjs +1 -1
- package/esm2020/lib/components/slider/parts/button/slider-button.component.mjs +2 -2
- package/esm2020/lib/components/slider/parts/item/slider-item.component.mjs +15 -4
- package/esm2020/lib/components/slider/parts/pagination/slider-pagination.component.mjs +2 -2
- package/esm2020/lib/components/slider/slider.component.mjs +39 -27
- package/esm2020/lib/components/table/table.component.mjs +1 -1
- package/fesm2015/ngx-sfc-components.mjs +52 -30
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +51 -30
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/slider/parts/item/slider-item.component.d.ts +2 -0
- package/lib/components/slider/slider.component.d.ts +11 -7
- package/package.json +2 -2
|
@@ -14,7 +14,7 @@ export class DropdownMenuItemComponent {
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
DropdownMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this._active" } }, ngImport: i0, template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DelimeterComponent, selector: "sfc-delimeter", inputs: ["direction"] }, { kind: "component", type: i2.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
17
|
+
DropdownMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownMenuItemComponent, selector: "sfc-dropdown-menu-item", inputs: { item: "item" }, host: { listeners: { "click": "click()" }, properties: { "class.active": "this._active" } }, ngImport: i0, template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }, { kind: "component", type: i2.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownMenuItemComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
20
|
args: [{ selector: 'sfc-dropdown-menu-item', template: "<li>\r\n <sfc-icon [icon]=\"item.icon\" [imageSrc]=\"item.image\"></sfc-icon>\r\n <a>{{item.label}}</a>\r\n</li>\r\n\r\n<sfc-delimeter *ngIf=\"item.delimeter\"></sfc-delimeter>", styles: [":host{display:flex;flex-direction:column;padding:.1em 0}:host li{color:#545e61;display:flex;align-items:center;flex-wrap:wrap;padding:.4em;border:.0063em solid transparent;border-radius:.31em;font-weight:700;font-size:.8em;-webkit-user-select:none;user-select:none}:host li:hover,:host li:focus-within{background:#f5f7fa;border-color:#f5f7fa;color:#2bbbad;cursor:pointer;outline:none}:host li sfc-icon{padding-right:.625em;width:10%}:host ::ng-deep sfc-delimeter,:host-context(.sfc-default-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host-context(.sfc-dark-theme) :host ::ng-deep sfc-delimeter{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 17%,rgba(0,0,0,.3) 83%,rgba(0,0,0,0) 100%)}:host.active li{background:#e6e9ed;border-color:#e6e9ed;color:#2bbbad}\n"] }]
|
|
@@ -9,7 +9,7 @@ export class SideMenuTitleComponent {
|
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
SideMenuTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
SideMenuTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: { label: "label", open: "open" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host.open li{transform:translate(30%)}\n"], dependencies: [{ kind: "component", type: i1.DelimeterComponent, selector: "sfc-delimeter", inputs: ["direction"] }] });
|
|
12
|
+
SideMenuTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SideMenuTitleComponent, selector: "sfc-side-menu-title", inputs: { label: "label", open: "open" }, host: { properties: { "class.open": "this.open" } }, ngImport: i0, template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host.open li{transform:translate(30%)}\n"], dependencies: [{ kind: "component", type: i1.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }] });
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SideMenuTitleComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'sfc-side-menu-title', template: "<sfc-delimeter></sfc-delimeter>\r\n<li><span>{{label}}</span></li>", styles: [":host li{text-transform:uppercase;font-weight:700;font-size:.65em;padding:1.25em 0;transform:translate(7%);display:inline-block;transition:transform .5s ease-in-out}:host li,:host-context(.sfc-default-theme) :host li{color:#545e61}:host-context(.sfc-dark-theme) :host li{color:#fff}:host.open li{transform:translate(30%)}\n"] }]
|
|
@@ -18,10 +18,10 @@ export class SliderButtonComponent {
|
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
SliderButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
SliderButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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 <fa-icon [icon]=\"icon\"></fa-icon>\r\n</div>", styles: [":host{position:absolute;width:3em;
|
|
21
|
+
SliderButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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 <fa-icon [icon]=\"icon\"></fa-icon>\r\n</div>", styles: [":host{position:absolute;width:3em;top:45%;line-height:3.7em;text-align:center;cursor:pointer;background:rgba(0,0,0,.1019607843);transition:all .1s ease;z-index:9999}:host:hover{background:rgba(0,0,0,.3019607843)}:host.next{right:0;border-radius:.43em 0 0 .43em}:host.previous{left:0;border-radius:0 .43em .43em 0}:host.active.next{right:0}:host.active.previous{left:0}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderButtonComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'sfc-slider-button', template: "<div>\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n</div>", styles: [":host{position:absolute;width:3em;
|
|
24
|
+
args: [{ selector: 'sfc-slider-button', template: "<div>\r\n <fa-icon [icon]=\"icon\"></fa-icon>\r\n</div>", styles: [":host{position:absolute;width:3em;top:45%;line-height:3.7em;text-align:center;cursor:pointer;background:rgba(0,0,0,.1019607843);transition:all .1s ease;z-index:9999}:host:hover{background:rgba(0,0,0,.3019607843)}:host.next{right:0;border-radius:.43em 0 0 .43em}:host.previous{left:0;border-radius:0 .43em .43em 0}:host.active.next{right:0}:host.active.previous{left:0}\n"] }]
|
|
25
25
|
}], propDecorators: { type: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}, {
|
|
@@ -1,17 +1,28 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
1
|
+
import { Component, HostBinding, Input, ViewChild } from '@angular/core';
|
|
2
2
|
import { CommonConstants } from 'ngx-sfc-common';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "ngx-sfc-common";
|
|
4
5
|
export class SliderItemComponent {
|
|
5
6
|
constructor() {
|
|
6
7
|
this.model = { imageSrc: CommonConstants.EMPTY_STRING };
|
|
7
8
|
}
|
|
9
|
+
get _height() {
|
|
10
|
+
return this.imageEl?.nativeElement.offsetHeight || 0;
|
|
11
|
+
}
|
|
12
|
+
;
|
|
8
13
|
}
|
|
9
14
|
SliderItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
SliderItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SliderItemComponent, selector: "sfc-slider-item", inputs: { model: "model" }, ngImport: i0, template: "<
|
|
15
|
+
SliderItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SliderItemComponent, selector: "sfc-slider-item", inputs: { model: "model" }, host: { properties: { "style.height.px": "this._height" } }, viewQueries: [{ propertyName: "imageEl", first: true, predicate: ["image"], descendants: true }], ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"title\">\r\n <h2>{{model.title}}</h2>\r\n <span>{{model.subTitle}}</span>\r\n </div>\r\n <div class=\"image\">\r\n <img #image [src]=\"model.imageSrc\" sfcImageLoad>\r\n </div> \r\n</div>", styles: [":host{display:inline-block}:host .container{position:absolute;left:0;top:0;width:100%}:host .container .title{position:absolute;top:10%;left:6%;-webkit-user-select:none;user-select:none;font-size:1.5em;z-index:2}:host .container .title h2{margin:0;text-transform:uppercase}:host .container .image{position:relative;z-index:1}:host .container .image img{max-width:100%;height:auto}\n"], dependencies: [{ kind: "directive", type: i1.ImageLoadDirective, selector: "[sfcImageLoad]" }] });
|
|
11
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderItemComponent, decorators: [{
|
|
12
17
|
type: Component,
|
|
13
|
-
args: [{ selector: 'sfc-slider-item', template: "<
|
|
18
|
+
args: [{ selector: 'sfc-slider-item', template: "<div class=\"container\">\r\n <div class=\"title\">\r\n <h2>{{model.title}}</h2>\r\n <span>{{model.subTitle}}</span>\r\n </div>\r\n <div class=\"image\">\r\n <img #image [src]=\"model.imageSrc\" sfcImageLoad>\r\n </div> \r\n</div>", styles: [":host{display:inline-block}:host .container{position:absolute;left:0;top:0;width:100%}:host .container .title{position:absolute;top:10%;left:6%;-webkit-user-select:none;user-select:none;font-size:1.5em;z-index:2}:host .container .title h2{margin:0;text-transform:uppercase}:host .container .image{position:relative;z-index:1}:host .container .image img{max-width:100%;height:auto}\n"] }]
|
|
14
19
|
}], propDecorators: { model: [{
|
|
15
20
|
type: Input
|
|
21
|
+
}], imageEl: [{
|
|
22
|
+
type: ViewChild,
|
|
23
|
+
args: ['image']
|
|
24
|
+
}], _height: [{
|
|
25
|
+
type: HostBinding,
|
|
26
|
+
args: ['style.height.px']
|
|
16
27
|
}] } });
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zbGlkZXIvcGFydHMvaXRlbS9zbGlkZXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsV0FBVyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFRakQsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQVFFLFVBQUssR0FBcUIsRUFBRSxRQUFRLEVBQUUsZUFBZSxDQUFDLFlBQVksRUFBRSxDQUFDO0tBU3RFO0lBSkMsSUFDWSxPQUFPO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLENBQUMsWUFBWSxJQUFJLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBQUEsQ0FBQzs7Z0hBWFMsbUJBQW1CO29HQUFuQixtQkFBbUIsa1BDVGhDLDJRQVFNOzJGRENPLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxpQkFBaUI7OEJBTzNCLEtBQUs7c0JBREosS0FBSztnQkFJRSxPQUFPO3NCQURkLFNBQVM7dUJBQUMsT0FBTztnQkFJTixPQUFPO3NCQURsQixXQUFXO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBJU2xpZGVySXRlbU1vZGVsIH0gZnJvbSAnLi9zbGlkZXItaXRlbS5tb2RlbCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1zbGlkZXItaXRlbScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlci1pdGVtLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXItaXRlbS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbGlkZXJJdGVtQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlbDogSVNsaWRlckl0ZW1Nb2RlbCA9IHsgaW1hZ2VTcmM6IENvbW1vbkNvbnN0YW50cy5FTVBUWV9TVFJJTkcgfTtcclxuXHJcbiAgQFZpZXdDaGlsZCgnaW1hZ2UnKVxyXG4gIHByaXZhdGUgaW1hZ2VFbCE6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUuaGVpZ2h0LnB4JylcclxuICBwcml2YXRlIGdldCBfaGVpZ2h0KCk6IG51bWJlciB7XHJcbiAgICByZXR1cm4gdGhpcy5pbWFnZUVsPy5uYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCB8fCAwO1xyXG4gIH07XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgICAgPGgyPnt7bW9kZWwudGl0bGV9fTwvaDI+XHJcbiAgICAgICAgPHNwYW4+e3ttb2RlbC5zdWJUaXRsZX19PC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaW1hZ2VcIj5cclxuICAgICAgICA8aW1nICNpbWFnZSBbc3JjXT1cIm1vZGVsLmltYWdlU3JjXCIgc2ZjSW1hZ2VMb2FkPlxyXG4gICAgPC9kaXY+ICAgXHJcbjwvZGl2PiJdfQ==
|
|
@@ -15,10 +15,10 @@ export class SliderPaginationComponent {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
SliderPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18
|
-
SliderPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
18
|
+
SliderPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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;z-index:9999}: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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderPaginationComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
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"] }]
|
|
21
|
+
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;z-index:9999}: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"] }]
|
|
22
22
|
}], propDecorators: { count: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}], index: [{
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { Component, HostListener, Input, ViewChild, ViewChildren } from '@angular/core';
|
|
2
|
-
import { getCssLikeValue } from 'ngx-sfc-common';
|
|
1
|
+
import { Component, HostBinding, HostListener, Input, ViewChild, ViewChildren } from '@angular/core';
|
|
3
2
|
import { map } from 'rxjs';
|
|
4
3
|
import { SliderButtonType } from './parts/button/slider-button-type.enum';
|
|
5
4
|
import { SliderItemComponent } from './parts/item/slider-item.component';
|
|
@@ -11,15 +10,18 @@ import { faPauseCircle, faPlayCircle } from '@fortawesome/free-solid-svg-icons';
|
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
11
|
import * as i1 from "./service/slider/slider.service";
|
|
13
12
|
import * as i2 from "./service/automatic/slider-automatic.service";
|
|
14
|
-
import * as i3 from "
|
|
15
|
-
import * as i4 from "@
|
|
16
|
-
import * as i5 from "
|
|
17
|
-
import * as i6 from "./parts/
|
|
18
|
-
import * as i7 from "./parts/
|
|
13
|
+
import * as i3 from "ngx-sfc-common";
|
|
14
|
+
import * as i4 from "@angular/common";
|
|
15
|
+
import * as i5 from "@fortawesome/angular-fontawesome";
|
|
16
|
+
import * as i6 from "./parts/item/slider-item.component";
|
|
17
|
+
import * as i7 from "./parts/button/slider-button.component";
|
|
18
|
+
import * as i8 from "./parts/pagination/slider-pagination.component";
|
|
19
19
|
export class SliderComponent {
|
|
20
|
-
constructor(sliderService, automaticService, changeDetector) {
|
|
20
|
+
constructor(sliderService, automaticService, resizeService, imageLoadService, changeDetector) {
|
|
21
21
|
this.sliderService = sliderService;
|
|
22
22
|
this.automaticService = automaticService;
|
|
23
|
+
this.resizeService = resizeService;
|
|
24
|
+
this.imageLoadService = imageLoadService;
|
|
23
25
|
this.changeDetector = changeDetector;
|
|
24
26
|
this.PAUSE_ICON = faPauseCircle;
|
|
25
27
|
this.PLAY_ICON = faPlayCircle;
|
|
@@ -29,10 +31,13 @@ export class SliderComponent {
|
|
|
29
31
|
this.type = SliderType.Default;
|
|
30
32
|
this.showCount = true;
|
|
31
33
|
this.pagination = true;
|
|
34
|
+
this.handlers = true;
|
|
35
|
+
this.showAutomaticToggle = true;
|
|
32
36
|
/**
|
|
33
37
|
* If active show buttons
|
|
34
38
|
*/
|
|
35
39
|
this.active = false;
|
|
40
|
+
this._sizeFactor = 1;
|
|
36
41
|
}
|
|
37
42
|
onEnter() {
|
|
38
43
|
this.active = true;
|
|
@@ -58,27 +63,21 @@ export class SliderComponent {
|
|
|
58
63
|
this.vm$ = this.sliderService.model$.pipe(map(model => {
|
|
59
64
|
return {
|
|
60
65
|
index: model.index,
|
|
61
|
-
styles: this.getStyles(model.index, model.count),
|
|
62
66
|
label: `${model.count > 0 ? model.index + 1 : 0} / ${model.count}`,
|
|
63
67
|
count: model.count
|
|
64
68
|
};
|
|
65
69
|
}));
|
|
66
70
|
if (this.isAutomatic)
|
|
67
71
|
this.automaticService.start();
|
|
72
|
+
this.imageLoadService.load$.subscribe(sizeEvent => {
|
|
73
|
+
this._sizeFactor = this.getSizeFactor(sizeEvent.height);
|
|
74
|
+
this._maxWidth = sizeEvent.width;
|
|
75
|
+
});
|
|
76
|
+
this.resizeService.onResize$.subscribe(() => this._sizeFactor = this.getSizeFactor(this.itemsEl.nativeElement.offsetHeight));
|
|
68
77
|
}
|
|
69
78
|
ngAfterViewChecked() {
|
|
70
79
|
this.changeDetector.detectChanges();
|
|
71
80
|
}
|
|
72
|
-
getStyles(index, count) {
|
|
73
|
-
if (this.slider) {
|
|
74
|
-
const width = this.slider.nativeElement.offsetWidth;
|
|
75
|
-
return {
|
|
76
|
-
width: getCssLikeValue(width * count),
|
|
77
|
-
left: getCssLikeValue(-width * index)
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
return null;
|
|
81
|
-
}
|
|
82
81
|
move(type) {
|
|
83
82
|
this.sliderService.move(type);
|
|
84
83
|
}
|
|
@@ -88,13 +87,16 @@ export class SliderComponent {
|
|
|
88
87
|
toggleAutomatic() {
|
|
89
88
|
this.automaticService.toggle();
|
|
90
89
|
}
|
|
90
|
+
getSizeFactor(value) {
|
|
91
|
+
return value * 0.00225;
|
|
92
|
+
}
|
|
91
93
|
}
|
|
92
|
-
SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderComponent, deps: [{ token: i1.SliderService }, { token: i2.SliderAutomaticService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
93
|
-
SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: "
|
|
94
|
+
SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderComponent, deps: [{ token: i1.SliderService }, { token: i2.SliderAutomaticService }, { token: i3.ResizeService }, { token: i3.ImageLoadService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SliderComponent, selector: "sfc-slider", inputs: { items: "items", type: "type", showCount: "showCount", pagination: "pagination", handlers: "handlers", showAutomaticToggle: "showAutomaticToggle" }, host: { listeners: { "mouseenter": "onEnter()", "mouseleave": "onLeave()" }, properties: { "style.fontSize.em": "this._sizeFactor", "style.max-width.px": "this._maxWidth" } }, providers: [SliderService, SliderAutomaticService], viewQueries: [{ propertyName: "itemsEl", first: true, predicate: ["itemsContainer"], descendants: true }, { propertyName: "sliderItems", predicate: SliderItemComponent, descendants: true }], ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div #itemsContainer class=\"items\">\r\n <sfc-slider-item *ngFor=\"let item of items; let itemIndex = index;\" [model]=\"item\"\r\n [sfcShowHideElement]=\"itemIndex === vm.index\"></sfc-slider-item>\r\n </div>\r\n\r\n <div *ngIf=\"handlers\" 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 && showAutomaticToggle\" class=\"automatic\" (click)=\"toggleAutomatic()\">\r\n <fa-icon [icon]=\"automaticIcon\"></fa-icon>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{display:inline-block;width:100%}:host .container{position:relative;color:#fff}:host .container .counter{top:10%;right:6%;position:absolute;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .actions{cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:absolute;top:85%;align-items:center;width:100%}:host .container .actions .automatic{margin-top:.3em}:host .container .buttons,:host .container .counter,:host .container .actions{z-index:2}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i3.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "component", type: i6.SliderItemComponent, selector: "sfc-slider-item", inputs: ["model"] }, { kind: "component", type: i7.SliderButtonComponent, selector: "sfc-slider-button", inputs: ["type", "active"] }, { kind: "component", type: i8.SliderPaginationComponent, selector: "sfc-slider-pagination", inputs: ["count", "index"], outputs: ["selected"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
|
|
94
96
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SliderComponent, decorators: [{
|
|
95
97
|
type: Component,
|
|
96
|
-
args: [{ selector: 'sfc-slider', providers: [SliderService, SliderAutomaticService], template: "<div class=\"container\"
|
|
97
|
-
}], ctorParameters: function () { return [{ type: i1.SliderService }, { type: i2.SliderAutomaticService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
98
|
+
args: [{ selector: 'sfc-slider', providers: [SliderService, SliderAutomaticService], template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div #itemsContainer class=\"items\">\r\n <sfc-slider-item *ngFor=\"let item of items; let itemIndex = index;\" [model]=\"item\"\r\n [sfcShowHideElement]=\"itemIndex === vm.index\"></sfc-slider-item>\r\n </div>\r\n\r\n <div *ngIf=\"handlers\" 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 && showAutomaticToggle\" class=\"automatic\" (click)=\"toggleAutomatic()\">\r\n <fa-icon [icon]=\"automaticIcon\"></fa-icon>\r\n </div>\r\n </div>\r\n</div>", styles: [":host{display:inline-block;width:100%}:host .container{position:relative;color:#fff}:host .container .counter{top:10%;right:6%;position:absolute;font-weight:700;-webkit-user-select:none;user-select:none}:host .container .actions{cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:absolute;top:85%;align-items:center;width:100%}:host .container .actions .automatic{margin-top:.3em}:host .container .buttons,:host .container .counter,:host .container .actions{z-index:2}\n"] }]
|
|
99
|
+
}], ctorParameters: function () { return [{ type: i1.SliderService }, { type: i2.SliderAutomaticService }, { type: i3.ResizeService }, { type: i3.ImageLoadService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
98
100
|
type: Input
|
|
99
101
|
}], type: [{
|
|
100
102
|
type: Input
|
|
@@ -102,9 +104,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
102
104
|
type: Input
|
|
103
105
|
}], pagination: [{
|
|
104
106
|
type: Input
|
|
105
|
-
}],
|
|
106
|
-
type:
|
|
107
|
-
|
|
107
|
+
}], handlers: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], showAutomaticToggle: [{
|
|
110
|
+
type: Input
|
|
108
111
|
}], sliderItems: [{
|
|
109
112
|
type: ViewChildren,
|
|
110
113
|
args: [SliderItemComponent]
|
|
@@ -114,5 +117,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
114
117
|
}], onLeave: [{
|
|
115
118
|
type: HostListener,
|
|
116
119
|
args: ['mouseleave']
|
|
120
|
+
}], itemsEl: [{
|
|
121
|
+
type: ViewChild,
|
|
122
|
+
args: ['itemsContainer']
|
|
123
|
+
}], _sizeFactor: [{
|
|
124
|
+
type: HostBinding,
|
|
125
|
+
args: ['style.fontSize.em']
|
|
126
|
+
}], _maxWidth: [{
|
|
127
|
+
type: HostBinding,
|
|
128
|
+
args: ['style.max-width.px']
|
|
117
129
|
}] } });
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUMrQyxTQUFTLEVBQWMsWUFBWSxFQUFFLEtBQUssRUFDbkYsU0FBUyxFQUFFLFlBQVksRUFDbkMsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQWMsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQWtCLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7OztBQVFoRyxNQUFNLE9BQU8sZUFBZTtJQTZEMUIsWUFBbUIsYUFBNEIsRUFDckMsZ0JBQXdDLEVBQ3hDLGNBQWlDO1FBRnhCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBQ3JDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBd0I7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O1FBRUQsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsSUFBSSxDQUFDLElBQW9CO1FBQ3ZCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxNQUFNLENBQUMsS0FBYTtRQUNsQixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNqQyxDQUFDOzs0R0E5R1UsZUFBZTtnR0FBZixlQUFlLGdOQUZmLENBQUMsYUFBYSxFQUFFLHNCQUFzQixDQUFDLDZJQTJCcEMsbUJBQW1CLGdEQzlDbkMsNm5DQXdCTTsyRkRITyxlQUFlO2tCQU4zQixTQUFTOytCQUNFLFlBQVksYUFHWCxDQUFDLGFBQWEsRUFBRSxzQkFBc0IsQ0FBQzt5S0FhbEQsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlFLE1BQU07c0JBRGIsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO2dCQUk5QixXQUFXO3NCQURsQixZQUFZO3VCQUFDLG1CQUFtQjtnQkFXakMsT0FBTztzQkFETixZQUFZO3VCQUFDLFlBQVk7Z0JBVTFCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBBZnRlclZpZXdDaGVja2VkLCBBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBIb3N0TGlzdGVuZXIsIElucHV0LFxyXG4gIFF1ZXJ5TGlzdCwgVmlld0NoaWxkLCBWaWV3Q2hpbGRyZW5cclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZ2V0Q3NzTGlrZVZhbHVlIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBtYXAsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgU2xpZGVyQnV0dG9uVHlwZSB9IGZyb20gJy4vcGFydHMvYnV0dG9uL3NsaWRlci1idXR0b24tdHlwZS5lbnVtJztcclxuaW1wb3J0IHsgU2xpZGVySXRlbUNvbXBvbmVudCB9IGZyb20gJy4vcGFydHMvaXRlbS9zbGlkZXItaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJU2xpZGVySXRlbU1vZGVsIH0gZnJvbSAnLi9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgU2xpZGVyQXV0b21hdGljU2VydmljZSB9IGZyb20gJy4vc2VydmljZS9hdXRvbWF0aWMvc2xpZGVyLWF1dG9tYXRpYy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2xpZGVyTW92ZVR5cGUgfSBmcm9tICcuL3NlcnZpY2Uvc2xpZGVyL3NsaWRlci1tb3ZlLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IFNsaWRlclNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2Uvc2xpZGVyL3NsaWRlci5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2xpZGVyVHlwZSB9IGZyb20gJy4vc2xpZGVyLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IGZhUGF1c2VDaXJjbGUsIGZhUGxheUNpcmNsZSwgSWNvbkRlZmluaXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc2xpZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtTbGlkZXJTZXJ2aWNlLCBTbGlkZXJBdXRvbWF0aWNTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgQWZ0ZXJWaWV3Q2hlY2tlZCB7XHJcblxyXG4gIHJlYWRvbmx5IFBBVVNFX0lDT04gPSBmYVBhdXNlQ2lyY2xlO1xyXG5cclxuICByZWFkb25seSBQTEFZX0lDT04gPSBmYVBsYXlDaXJjbGU7XHJcblxyXG4gIFNsaWRlckJ1dHRvblR5cGUgPSBTbGlkZXJCdXR0b25UeXBlO1xyXG5cclxuICBTbGlkZXJNb3ZlVHlwZSA9IFNsaWRlck1vdmVUeXBlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGl0ZW1zOiBJU2xpZGVySXRlbU1vZGVsW10gPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICB0eXBlOiBTbGlkZXJUeXBlID0gU2xpZGVyVHlwZS5EZWZhdWx0O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNob3dDb3VudDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcGFnaW5hdGlvbjogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3NsaWRlcicsIHsgc3RhdGljOiBmYWxzZSB9KVxyXG4gIHByaXZhdGUgc2xpZGVyITogRWxlbWVudFJlZjtcclxuXHJcbiAgQFZpZXdDaGlsZHJlbihTbGlkZXJJdGVtQ29tcG9uZW50KVxyXG4gIHByaXZhdGUgc2xpZGVySXRlbXMhOiBRdWVyeUxpc3Q8U2xpZGVySXRlbUNvbXBvbmVudD47XHJcblxyXG4gIC8qKlxyXG4gICAqIElmIGFjdGl2ZSBzaG93IGJ1dHRvbnNcclxuICAgKi9cclxuICBhY3RpdmU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHVibGljIHZtJCE6IE9ic2VydmFibGU8YW55PjtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpXHJcbiAgb25FbnRlcigpIHtcclxuICAgIHRoaXMuYWN0aXZlID0gdHJ1ZTtcclxuXHJcbiAgICAvLyBzdG9wIGF1dG9tYXRpYyBtb3ZlIG9uIGhvdmVyXHJcbiAgICBpZiAodGhpcy5pc0F1dG9tYXRpYylcclxuICAgICAgdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnN0b3AoKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKVxyXG4gIG9uTGVhdmUoKSB7XHJcbiAgICB0aGlzLmFjdGl2ZSA9IGZhbHNlO1xyXG5cclxuICAgIC8vIHN0YXJ0IGF1dG9tYXRpYyBtb3ZlIG9uIGhvdmVyIGVuZFxyXG4gICAgaWYgKHRoaXMuaXNBdXRvbWF0aWMgJiYgIXRoaXMuYXV0b21hdGljU2VydmljZS5wYXVzZSlcclxuICAgICAgdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnN0YXJ0KCk7XHJcbiAgfVxyXG5cclxuICBnZXQgaXNBdXRvbWF0aWMoKSB7XHJcbiAgICByZXR1cm4gdGhpcy50eXBlID09IFNsaWRlclR5cGUuQXV0b21hdGljO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGF1dG9tYXRpY0ljb24oKTogSWNvbkRlZmluaXRpb24ge1xyXG4gICAgcmV0dXJuIHRoaXMuYXV0b21hdGljU2VydmljZS5wYXVzZSA/IHRoaXMuUExBWV9JQ09OIDogdGhpcy5QQVVTRV9JQ09OO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHNsaWRlclNlcnZpY2U6IFNsaWRlclNlcnZpY2UsXHJcbiAgICBwcml2YXRlIGF1dG9tYXRpY1NlcnZpY2U6IFNsaWRlckF1dG9tYXRpY1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZikgeyB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcclxuICAgIGNvbnN0IGNvdW50JCA9IHRoaXMuc2xpZGVySXRlbXMuY2hhbmdlcy5waXBlKG1hcChjID0+IGMubGVuZ3RoKSk7XHJcbiAgICB0aGlzLnNsaWRlclNlcnZpY2UuaW5pdChjb3VudCQpO1xyXG5cclxuICAgIHRoaXMudm0kID0gdGhpcy5zbGlkZXJTZXJ2aWNlLm1vZGVsJC5waXBlKFxyXG4gICAgICBtYXAobW9kZWwgPT4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICBpbmRleDogbW9kZWwuaW5kZXgsXHJcbiAgICAgICAgICBzdHlsZXM6IHRoaXMuZ2V0U3R5bGVzKG1vZGVsLmluZGV4LCBtb2RlbC5jb3VudCksXHJcbiAgICAgICAgICBsYWJlbDogYCR7bW9kZWwuY291bnQgPiAwID8gbW9kZWwuaW5kZXggKyAxIDogMH0gLyAke21vZGVsLmNvdW50fWAsXHJcbiAgICAgICAgICBjb3VudDogbW9kZWwuY291bnRcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG5cclxuICAgIGlmICh0aGlzLmlzQXV0b21hdGljKVxyXG4gICAgICB0aGlzLmF1dG9tYXRpY1NlcnZpY2Uuc3RhcnQoKTtcclxuICB9XHJcblxyXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3IuZGV0ZWN0Q2hhbmdlcygpO1xyXG4gIH1cclxuXHJcbiAgZ2V0U3R5bGVzKGluZGV4OiBudW1iZXIsIGNvdW50OiBudW1iZXIpIHtcclxuICAgIGlmICh0aGlzLnNsaWRlcikge1xyXG4gICAgICBjb25zdCB3aWR0aCA9IHRoaXMuc2xpZGVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XHJcbiAgICAgIHJldHVybiB7XHJcbiAgICAgICAgd2lkdGg6IGdldENzc0xpa2VWYWx1ZSh3aWR0aCAqIGNvdW50KSxcclxuICAgICAgICBsZWZ0OiBnZXRDc3NMaWtlVmFsdWUoLXdpZHRoICogaW5kZXgpXHJcbiAgICAgIH07XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG5cclxuICBtb3ZlKHR5cGU6IFNsaWRlck1vdmVUeXBlKTogdm9pZCB7XHJcbiAgICB0aGlzLnNsaWRlclNlcnZpY2UubW92ZSh0eXBlKTtcclxuICB9XHJcblxyXG4gIHNlbGVjdChpbmRleDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICB0aGlzLnNsaWRlclNlcnZpY2Uuc2VsZWN0KGluZGV4KTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZUF1dG9tYXRpYygpOiB2b2lkIHtcclxuICAgIHRoaXMuYXV0b21hdGljU2VydmljZS50b2dnbGUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiAqbmdJZj1cInZtJCB8IGFzeW5jIGFzIHZtXCIgI3NsaWRlciBjbGFzcz1cInNsaWRlclwiPlxyXG4gICAgICAgIDx1bCBbbmdTdHlsZV09XCJ2bS5zdHlsZXNcIj5cclxuICAgICAgICAgICAgPHNmYy1zbGlkZXItaXRlbSAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtc1wiIFttb2RlbF09XCJpdGVtXCI+PC9zZmMtc2xpZGVyLWl0ZW0+XHJcbiAgICAgICAgPC91bD5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbnNcIj5cclxuICAgICAgICAgICAgPHNmYy1zbGlkZXItYnV0dG9uIFthY3RpdmVdPVwiYWN0aXZlXCIgW3R5cGVdPVwiU2xpZGVyQnV0dG9uVHlwZS5OZXh0XCIgKGNsaWNrKT1cIm1vdmUoU2xpZGVyTW92ZVR5cGUuTmV4dClcIj5cclxuICAgICAgICAgICAgPC9zZmMtc2xpZGVyLWJ1dHRvbj5cclxuICAgICAgICAgICAgPHNmYy1zbGlkZXItYnV0dG9uIFthY3RpdmVdPVwiYWN0aXZlXCIgW3R5cGVdPVwiU2xpZGVyQnV0dG9uVHlwZS5QcmV2aW91c1wiIChjbGljayk9XCJtb3ZlKFNsaWRlck1vdmVUeXBlLlByZXZpb3VzKVwiPlxyXG4gICAgICAgICAgICA8L3NmYy1zbGlkZXItYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY291bnRlclwiICpuZ0lmPVwic2hvd0NvdW50XCI+e3t2bS5sYWJlbH19PC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XHJcbiAgICAgICAgICAgIDxzZmMtc2xpZGVyLXBhZ2luYXRpb24gKm5nSWY9XCJwYWdpbmF0aW9uXCIgW2NvdW50XT1cInZtLmNvdW50XCIgW2luZGV4XT1cInZtLmluZGV4XCIgKHNlbGVjdGVkKT1cInNlbGVjdCgkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIDwvc2ZjLXNsaWRlci1wYWdpbmF0aW9uPlxyXG5cclxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cImlzQXV0b21hdGljXCIgY2xhc3M9XCJhdXRvbWF0aWNcIiAoY2xpY2spPVwidG9nZ2xlQXV0b21hdGljKClcIj5cclxuICAgICAgICAgICAgICAgIDxmYS1pY29uIFtpY29uXT1cImF1dG9tYXRpY0ljb25cIj48L2ZhLWljb24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
130
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlci9zbGlkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUMrQyxTQUFTLEVBQWMsV0FBVyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQ2hHLFNBQVMsRUFBRSxZQUFZLEVBQ25DLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQWMsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFFekUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDaEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQWtCLE1BQU0sbUNBQW1DLENBQUM7Ozs7Ozs7Ozs7QUFTaEcsTUFBTSxPQUFPLGVBQWU7SUF5RTFCLFlBQW1CLGFBQTRCLEVBQ3JDLGdCQUF3QyxFQUN4QyxhQUE0QixFQUM3QixnQkFBa0MsRUFDakMsY0FBaUM7UUFKeEIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDckMscUJBQWdCLEdBQWhCLGdCQUFnQixDQUF3QjtRQUN4Qyxr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LFdBQVc7dUJBQUMsbUJBQW1CO2dCQUl4QixTQUFTO3NCQURoQixXQUFXO3VCQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQWZ0ZXJWaWV3Q2hlY2tlZCwgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsXHJcbiAgUXVlcnlMaXN0LCBWaWV3Q2hpbGQsIFZpZXdDaGlsZHJlblxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBtYXAsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgU2xpZGVyQnV0dG9uVHlwZSB9IGZyb20gJy4vcGFydHMvYnV0dG9uL3NsaWRlci1idXR0b24tdHlwZS5lbnVtJztcclxuaW1wb3J0IHsgU2xpZGVySXRlbUNvbXBvbmVudCB9IGZyb20gJy4vcGFydHMvaXRlbS9zbGlkZXItaXRlbS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBJU2xpZGVySXRlbU1vZGVsIH0gZnJvbSAnLi9wYXJ0cy9pdGVtL3NsaWRlci1pdGVtLm1vZGVsJztcclxuaW1wb3J0IHsgU2xpZGVyQXV0b21hdGljU2VydmljZSB9IGZyb20gJy4vc2VydmljZS9hdXRvbWF0aWMvc2xpZGVyLWF1dG9tYXRpYy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2xpZGVyTW92ZVR5cGUgfSBmcm9tICcuL3NlcnZpY2Uvc2xpZGVyL3NsaWRlci1tb3ZlLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IFNsaWRlclNlcnZpY2UgfSBmcm9tICcuL3NlcnZpY2Uvc2xpZGVyL3NsaWRlci5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU2xpZGVyVHlwZSB9IGZyb20gJy4vc2xpZGVyLXR5cGUuZW51bSc7XHJcbmltcG9ydCB7IGZhUGF1c2VDaXJjbGUsIGZhUGxheUNpcmNsZSwgSWNvbkRlZmluaXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xyXG5pbXBvcnQgeyBSZXNpemVTZXJ2aWNlLCBJbWFnZUxvYWRTZXJ2aWNlIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtc2xpZGVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zbGlkZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtTbGlkZXJTZXJ2aWNlLCBTbGlkZXJBdXRvbWF0aWNTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgQWZ0ZXJWaWV3Q2hlY2tlZCB7XHJcblxyXG4gIHJlYWRvbmx5IFBBVVNFX0lDT04gPSBmYVBhdXNlQ2lyY2xlO1xyXG5cclxuICByZWFkb25seSBQTEFZX0lDT04gPSBmYVBsYXlDaXJjbGU7XHJcblxyXG4gIFNsaWRlckJ1dHRvblR5cGUgPSBTbGlkZXJCdXR0b25UeXBlO1xyXG5cclxuICBTbGlkZXJNb3ZlVHlwZSA9IFNsaWRlck1vdmVUeXBlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGl0ZW1zOiBJU2xpZGVySXRlbU1vZGVsW10gPSBbXTtcclxuXHJcbiAgQElucHV0KClcclxuICB0eXBlOiBTbGlkZXJUeXBlID0gU2xpZGVyVHlwZS5EZWZhdWx0O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNob3dDb3VudDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcGFnaW5hdGlvbjogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGFuZGxlcnM6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNob3dBdXRvbWF0aWNUb2dnbGU6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBAVmlld0NoaWxkcmVuKFNsaWRlckl0ZW1Db21wb25lbnQpXHJcbiAgcHJpdmF0ZSBzbGlkZXJJdGVtcyE6IFF1ZXJ5TGlzdDxTbGlkZXJJdGVtQ29tcG9uZW50PjtcclxuXHJcbiAgLyoqXHJcbiAgICogSWYgYWN0aXZlIHNob3cgYnV0dG9uc1xyXG4gICAqL1xyXG4gIGFjdGl2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBwdWJsaWMgdm0kITogT2JzZXJ2YWJsZTxhbnk+O1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdtb3VzZWVudGVyJylcclxuICBvbkVudGVyKCkge1xyXG4gICAgdGhpcy5hY3RpdmUgPSB0cnVlO1xyXG5cclxuICAgIC8vIHN0b3AgYXV0b21hdGljIG1vdmUgb24gaG92ZXJcclxuICAgIGlmICh0aGlzLmlzQXV0b21hdGljKVxyXG4gICAgICB0aGlzLmF1dG9tYXRpY1NlcnZpY2Uuc3RvcCgpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignbW91c2VsZWF2ZScpXHJcbiAgb25MZWF2ZSgpIHtcclxuICAgIHRoaXMuYWN0aXZlID0gZmFsc2U7XHJcblxyXG4gICAgLy8gc3RhcnQgYXV0b21hdGljIG1vdmUgb24gaG92ZXIgZW5kXHJcbiAgICBpZiAodGhpcy5pc0F1dG9tYXRpYyAmJiAhdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnBhdXNlKVxyXG4gICAgICB0aGlzLmF1dG9tYXRpY1NlcnZpY2Uuc3RhcnQoKTtcclxuICB9XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2l0ZW1zQ29udGFpbmVyJylcclxuICBwcml2YXRlIGl0ZW1zRWwhOiBFbGVtZW50UmVmO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmZvbnRTaXplLmVtJylcclxuICBwcml2YXRlIF9zaXplRmFjdG9yOiBudW1iZXIgPSAxO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aC5weCcpXHJcbiAgcHJpdmF0ZSBfbWF4V2lkdGghOiBudW1iZXI7XHJcblxyXG4gIGdldCBpc0F1dG9tYXRpYygpIHtcclxuICAgIHJldHVybiB0aGlzLnR5cGUgPT0gU2xpZGVyVHlwZS5BdXRvbWF0aWM7XHJcbiAgfVxyXG5cclxuICBnZXQgYXV0b21hdGljSWNvbigpOiBJY29uRGVmaW5pdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnBhdXNlID8gdGhpcy5QTEFZX0lDT04gOiB0aGlzLlBBVVNFX0lDT047XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgc2xpZGVyU2VydmljZTogU2xpZGVyU2VydmljZSxcclxuICAgIHByaXZhdGUgYXV0b21hdGljU2VydmljZTogU2xpZGVyQXV0b21hdGljU2VydmljZSxcclxuICAgIHByaXZhdGUgcmVzaXplU2VydmljZTogUmVzaXplU2VydmljZSxcclxuICAgIHB1YmxpYyBpbWFnZUxvYWRTZXJ2aWNlOiBJbWFnZUxvYWRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBjb3VudCQgPSB0aGlzLnNsaWRlckl0ZW1zLmNoYW5nZXMucGlwZShtYXAoYyA9PiBjLmxlbmd0aCkpO1xyXG4gICAgdGhpcy5zbGlkZXJTZXJ2aWNlLmluaXQoY291bnQkKTtcclxuXHJcbiAgICB0aGlzLnZtJCA9IHRoaXMuc2xpZGVyU2VydmljZS5tb2RlbCQucGlwZShcclxuICAgICAgbWFwKG1vZGVsID0+IHtcclxuICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgaW5kZXg6IG1vZGVsLmluZGV4LFxyXG4gICAgICAgICAgbGFiZWw6IGAke21vZGVsLmNvdW50ID4gMCA/IG1vZGVsLmluZGV4ICsgMSA6IDB9IC8gJHttb2RlbC5jb3VudH1gLFxyXG4gICAgICAgICAgY291bnQ6IG1vZGVsLmNvdW50XHJcbiAgICAgICAgfVxyXG4gICAgICB9KVxyXG4gICAgKTtcclxuXHJcbiAgICBpZiAodGhpcy5pc0F1dG9tYXRpYylcclxuICAgICAgdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnN0YXJ0KCk7XHJcblxyXG4gICAgdGhpcy5pbWFnZUxvYWRTZXJ2aWNlLmxvYWQkLnN1YnNjcmliZShzaXplRXZlbnQgPT4ge1xyXG4gICAgICB0aGlzLl9zaXplRmFjdG9yID0gdGhpcy5nZXRTaXplRmFjdG9yKHNpemVFdmVudC5oZWlnaHQpO1xyXG4gICAgICB0aGlzLl9tYXhXaWR0aCA9IHNpemVFdmVudC53aWR0aDtcclxuICAgIH0pO1xyXG5cclxuICAgIHRoaXMucmVzaXplU2VydmljZS5vblJlc2l6ZSQuc3Vic2NyaWJlKCgpID0+IHRoaXMuX3NpemVGYWN0b3IgPSB0aGlzLmdldFNpemVGYWN0b3IodGhpcy5pdGVtc0VsLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0KSk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XHJcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yLmRldGVjdENoYW5nZXMoKTtcclxuICB9XHJcblxyXG4gIG1vdmUodHlwZTogU2xpZGVyTW92ZVR5cGUpOiB2b2lkIHtcclxuICAgIHRoaXMuc2xpZGVyU2VydmljZS5tb3ZlKHR5cGUpO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0KGluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRoaXMuc2xpZGVyU2VydmljZS5zZWxlY3QoaW5kZXgpO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlQXV0b21hdGljKCk6IHZvaWQge1xyXG4gICAgdGhpcy5hdXRvbWF0aWNTZXJ2aWNlLnRvZ2dsZSgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRTaXplRmFjdG9yKHZhbHVlOiBudW1iZXIpIHtcclxuICAgIHJldHVybiB2YWx1ZSAqIDAuMDAyMjVcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCIgKm5nSWY9XCJ2bSQgfCBhc3luYyBhcyB2bVwiPlxyXG4gICAgPGRpdiAjaXRlbXNDb250YWluZXIgY2xhc3M9XCJpdGVtc1wiPlxyXG4gICAgICAgIDxzZmMtc2xpZGVyLWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpdGVtSW5kZXggPSBpbmRleDtcIiBbbW9kZWxdPVwiaXRlbVwiXHJcbiAgICAgICAgICAgIFtzZmNTaG93SGlkZUVsZW1lbnRdPVwiaXRlbUluZGV4ID09PSB2bS5pbmRleFwiPjwvc2ZjLXNsaWRlci1pdGVtPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiAqbmdJZj1cImhhbmRsZXJzXCIgY2xhc3M9XCJidXR0b25zXCI+XHJcbiAgICAgICAgPHNmYy1zbGlkZXItYnV0dG9uIFthY3RpdmVdPVwiYWN0aXZlXCIgW3R5cGVdPVwiU2xpZGVyQnV0dG9uVHlwZS5OZXh0XCIgKGNsaWNrKT1cIm1vdmUoU2xpZGVyTW92ZVR5cGUuTmV4dClcIj5cclxuICAgICAgICA8L3NmYy1zbGlkZXItYnV0dG9uPlxyXG4gICAgICAgIDxzZmMtc2xpZGVyLWJ1dHRvbiBbYWN0aXZlXT1cImFjdGl2ZVwiIFt0eXBlXT1cIlNsaWRlckJ1dHRvblR5cGUuUHJldmlvdXNcIiAoY2xpY2spPVwibW92ZShTbGlkZXJNb3ZlVHlwZS5QcmV2aW91cylcIj5cclxuICAgICAgICA8L3NmYy1zbGlkZXItYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImNvdW50ZXJcIiAqbmdJZj1cInNob3dDb3VudFwiPnt7dm0ubGFiZWx9fTwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XHJcbiAgICAgICAgPHNmYy1zbGlkZXItcGFnaW5hdGlvbiAqbmdJZj1cInBhZ2luYXRpb25cIiBbY291bnRdPVwidm0uY291bnRcIiBbaW5kZXhdPVwidm0uaW5kZXhcIiAoc2VsZWN0ZWQpPVwic2VsZWN0KCRldmVudClcIj5cclxuICAgICAgICA8L3NmYy1zbGlkZXItcGFnaW5hdGlvbj5cclxuXHJcbiAgICAgICAgPGRpdiAqbmdJZj1cImlzQXV0b21hdGljICYmIHNob3dBdXRvbWF0aWNUb2dnbGVcIiBjbGFzcz1cImF1dG9tYXRpY1wiIChjbGljayk9XCJ0b2dnbGVBdXRvbWF0aWMoKVwiPlxyXG4gICAgICAgICAgICA8ZmEtaWNvbiBbaWNvbl09XCJhdXRvbWF0aWNJY29uXCI+PC9mYS1pY29uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -201,7 +201,7 @@ export class TableComponent {
|
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
203
|
TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TableComponent, deps: [{ token: WINDOW }, { token: i1.PaginationService }, { token: i2.TableSelectService }, { token: i1.SortingService }, { token: i0.ChangeDetectorRef }, { token: i1.ResizeService }, { token: i3.ColumnsToggleService }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Component });
|
|
204
|
-
TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TableComponent, selector: "sfc-table", inputs: { position: "position", delimeter: "delimeter", dataType: "dataType", dataToggle: "dataToggle", showColumns: "showColumns", pagination: "pagination", sequence: "sequence", expanded: "expanded", selectable: "selectable", selectOnClick: "selectOnClick", columnContent: "columnContent", rowContent: "rowContent", cardContent: "cardContent", data: "data", data$: "data$", columns: "columns" }, host: { properties: { "class": "this.dataType" } }, providers: [PaginationService, SortingService, TableSelectService, ColumnsToggleService, ResizeService], queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div class=\"columns-container\">\r\n <div class=\"columns-actions\">\r\n <sfc-columns-toggle *ngIf=\"showColumns\"></sfc-columns-toggle>\r\n <sfc-toggle-switcher *ngIf=\"dataToggle\" [active]=\"dataType === TableDataType.Cards\"\r\n [leftModel]=\"Constants.TOGGLE_SWITCHER_LEFT_MODEL\" [rightModel]=\"Constants.TOGGLE_SWITCHER_RIGHT_MODEL\"\r\n (click)=\"onDataTypeToggle()\">\r\n </sfc-toggle-switcher>\r\n </div>\r\n\r\n <div *ngIf=\"vm.showColumns\" class=\"columns\">\r\n <div class=\"column\" [ngStyle]=\"vm.columnStyle\" *ngFor=\"let column of vm.columns\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <sfc-selectable-table-column *ngSwitchCase=\"TableColumnType.Selectable\"\r\n [selected]=\"allRowsSelected\">\r\n </sfc-selectable-table-column>\r\n\r\n <sfc-sorting *ngSwitchDefault [model]=\"column.sorting\" [id]=\"column.field\">\r\n\r\n <sfc-template-content [referenceContent]=\"columnContent\" [templatesContent]=\"templates\"\r\n [templateType]=\"TableTemplate.Column\" [defaultContent]=\"defaultColumn\"\r\n [contextData]=\"column\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultColumn>\r\n <sfc-default-table-column [model]=\"column\"></sfc-default-table-column>\r\n </ng-template>\r\n\r\n </sfc-sorting>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <sfc-delimeter *ngIf=\"delimeter\"></sfc-delimeter>\r\n\r\n <div class=\"rows-container\">\r\n <div class=\"row\" *ngFor=\"let item of vm.data\">\r\n\r\n <ng-container [ngSwitch]=\"dataType\">\r\n <sfc-template-content *ngSwitchCase=\"TableDataType.Rows\" [referenceContent]=\"rowContent\"\r\n [templatesContent]=\"templates\" [templateType]=\"TableTemplate.Row\" [defaultContent]=\"defaultRow\"\r\n [contextData]=\"{model: item, columns: vm.columns, columnWidth: vm.columnWidth, position: position}\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultRow>\r\n <sfc-default-table-row [columns]=\"vm.columns\" [model]=\"item\" [position]=\"position\"\r\n [columnWidth]=\"vm.columnWidth\" [selectOnClick]=\"selectOnClick\" (selected)=\"selectRow($event)\">\r\n </sfc-default-table-row>\r\n </ng-template>\r\n\r\n <sfc-template-content *ngSwitchCase=\"TableDataType.Cards\" [referenceContent]=\"cardContent\"\r\n [templatesContent]=\"templates\" [templateType]=\"TableTemplate.Card\" [defaultContent]=\"defaultCard\"\r\n [contextData]=\"{model: item, columns: vm.columns}\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultCard>\r\n <sfc-default-table-card [columns]=\"vm.columns\" [model]=\"item\" [selectOnClick]=\"selectOnClick\"\r\n (selected)=\"selectRow($event)\">\r\n </sfc-default-table-card>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"pagination-container\">\r\n <sfc-pagination *ngIf=\"pagination.enabled\" [limits]=\"false\" [full]=\"false\" [data$]=\"data$\"></sfc-pagination>\r\n </div>\r\n</div>", styles: [":host .container{display:block;margin:2em auto;width:90%}:host .container .columns-container{display:flex;flex-flow:row wrap;transition:.5s;justify-content:space-between}:host .container .columns-container .columns-actions{display:flex;align-items:center;width:100%}:host .container .columns-container .columns-actions sfc-toggle-switcher{margin-left:auto}:host .container .columns-container .columns{text-align:center;padding:.5em;width:100%;display:flex;flex-flow:row wrap}:host .container .columns-container .columns .column{text-align:center;padding:.5em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}:host .container .rows-container{display:flex;flex-wrap:wrap;justify-content:center;transition:.5s;gap:1em;margin-block:1em 2em}:host .container .rows-container .row{display:contents}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i1.DelimeterComponent, selector: "sfc-delimeter", inputs: ["direction"] }, { kind: "component", type: i1.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "component", type: i1.ToggleSwitcherComponent, selector: "sfc-toggle-switcher", inputs: ["active", "disabled", "leftModel", "rightModel"] }, { kind: "component", type: i1.PaginationComponent, selector: "sfc-pagination", inputs: ["count", "full", "limits", "data$"] }, { kind: "component", type: i1.SortingComponent, selector: "sfc-sorting", inputs: ["id", "model"] }, { kind: "component", type: i5.DefaultTableColumnComponent, selector: "sfc-default-table-column", inputs: ["model"] }, { kind: "component", type: i6.SelectableTableColumnComponent, selector: "sfc-selectable-table-column", inputs: ["selected"] }, { kind: "component", type: i7.ColumnsToggleComponent, selector: "sfc-columns-toggle" }, { kind: "component", type: i8.DefaultTableRowComponent, selector: "sfc-default-table-row" }, { kind: "component", type: i9.DefaultTableCardComponent, selector: "sfc-default-table-card" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
|
|
204
|
+
TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TableComponent, selector: "sfc-table", inputs: { position: "position", delimeter: "delimeter", dataType: "dataType", dataToggle: "dataToggle", showColumns: "showColumns", pagination: "pagination", sequence: "sequence", expanded: "expanded", selectable: "selectable", selectOnClick: "selectOnClick", columnContent: "columnContent", rowContent: "rowContent", cardContent: "cardContent", data: "data", data$: "data$", columns: "columns" }, host: { properties: { "class": "this.dataType" } }, providers: [PaginationService, SortingService, TableSelectService, ColumnsToggleService, ResizeService], queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div class=\"columns-container\">\r\n <div class=\"columns-actions\">\r\n <sfc-columns-toggle *ngIf=\"showColumns\"></sfc-columns-toggle>\r\n <sfc-toggle-switcher *ngIf=\"dataToggle\" [active]=\"dataType === TableDataType.Cards\"\r\n [leftModel]=\"Constants.TOGGLE_SWITCHER_LEFT_MODEL\" [rightModel]=\"Constants.TOGGLE_SWITCHER_RIGHT_MODEL\"\r\n (click)=\"onDataTypeToggle()\">\r\n </sfc-toggle-switcher>\r\n </div>\r\n\r\n <div *ngIf=\"vm.showColumns\" class=\"columns\">\r\n <div class=\"column\" [ngStyle]=\"vm.columnStyle\" *ngFor=\"let column of vm.columns\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <sfc-selectable-table-column *ngSwitchCase=\"TableColumnType.Selectable\"\r\n [selected]=\"allRowsSelected\">\r\n </sfc-selectable-table-column>\r\n\r\n <sfc-sorting *ngSwitchDefault [model]=\"column.sorting\" [id]=\"column.field\">\r\n\r\n <sfc-template-content [referenceContent]=\"columnContent\" [templatesContent]=\"templates\"\r\n [templateType]=\"TableTemplate.Column\" [defaultContent]=\"defaultColumn\"\r\n [contextData]=\"column\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultColumn>\r\n <sfc-default-table-column [model]=\"column\"></sfc-default-table-column>\r\n </ng-template>\r\n\r\n </sfc-sorting>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <sfc-delimeter *ngIf=\"delimeter\"></sfc-delimeter>\r\n\r\n <div class=\"rows-container\">\r\n <div class=\"row\" *ngFor=\"let item of vm.data\">\r\n\r\n <ng-container [ngSwitch]=\"dataType\">\r\n <sfc-template-content *ngSwitchCase=\"TableDataType.Rows\" [referenceContent]=\"rowContent\"\r\n [templatesContent]=\"templates\" [templateType]=\"TableTemplate.Row\" [defaultContent]=\"defaultRow\"\r\n [contextData]=\"{model: item, columns: vm.columns, columnWidth: vm.columnWidth, position: position}\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultRow>\r\n <sfc-default-table-row [columns]=\"vm.columns\" [model]=\"item\" [position]=\"position\"\r\n [columnWidth]=\"vm.columnWidth\" [selectOnClick]=\"selectOnClick\" (selected)=\"selectRow($event)\">\r\n </sfc-default-table-row>\r\n </ng-template>\r\n\r\n <sfc-template-content *ngSwitchCase=\"TableDataType.Cards\" [referenceContent]=\"cardContent\"\r\n [templatesContent]=\"templates\" [templateType]=\"TableTemplate.Card\" [defaultContent]=\"defaultCard\"\r\n [contextData]=\"{model: item, columns: vm.columns}\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultCard>\r\n <sfc-default-table-card [columns]=\"vm.columns\" [model]=\"item\" [selectOnClick]=\"selectOnClick\"\r\n (selected)=\"selectRow($event)\">\r\n </sfc-default-table-card>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"pagination-container\">\r\n <sfc-pagination *ngIf=\"pagination.enabled\" [limits]=\"false\" [full]=\"false\" [data$]=\"data$\"></sfc-pagination>\r\n </div>\r\n</div>", styles: [":host .container{display:block;margin:2em auto;width:90%}:host .container .columns-container{display:flex;flex-flow:row wrap;transition:.5s;justify-content:space-between}:host .container .columns-container .columns-actions{display:flex;align-items:center;width:100%}:host .container .columns-container .columns-actions sfc-toggle-switcher{margin-left:auto}:host .container .columns-container .columns{text-align:center;padding:.5em;width:100%;display:flex;flex-flow:row wrap}:host .container .columns-container .columns .column{text-align:center;padding:.5em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}:host .container .rows-container{display:flex;flex-wrap:wrap;justify-content:center;transition:.5s;gap:1em;margin-block:1em 2em}:host .container .rows-container .row{display:contents}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i1.DelimeterComponent, selector: "sfc-delimeter", inputs: ["label", "direction"] }, { kind: "component", type: i1.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "component", type: i1.ToggleSwitcherComponent, selector: "sfc-toggle-switcher", inputs: ["active", "disabled", "leftModel", "rightModel"] }, { kind: "component", type: i1.PaginationComponent, selector: "sfc-pagination", inputs: ["count", "full", "limits", "data$"] }, { kind: "component", type: i1.SortingComponent, selector: "sfc-sorting", inputs: ["id", "model"] }, { kind: "component", type: i5.DefaultTableColumnComponent, selector: "sfc-default-table-column", inputs: ["model"] }, { kind: "component", type: i6.SelectableTableColumnComponent, selector: "sfc-selectable-table-column", inputs: ["selected"] }, { kind: "component", type: i7.ColumnsToggleComponent, selector: "sfc-columns-toggle" }, { kind: "component", type: i8.DefaultTableRowComponent, selector: "sfc-default-table-row" }, { kind: "component", type: i9.DefaultTableCardComponent, selector: "sfc-default-table-card" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
|
|
205
205
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TableComponent, decorators: [{
|
|
206
206
|
type: Component,
|
|
207
207
|
args: [{ selector: 'sfc-table', providers: [PaginationService, SortingService, TableSelectService, ColumnsToggleService, ResizeService], template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n <div class=\"columns-container\">\r\n <div class=\"columns-actions\">\r\n <sfc-columns-toggle *ngIf=\"showColumns\"></sfc-columns-toggle>\r\n <sfc-toggle-switcher *ngIf=\"dataToggle\" [active]=\"dataType === TableDataType.Cards\"\r\n [leftModel]=\"Constants.TOGGLE_SWITCHER_LEFT_MODEL\" [rightModel]=\"Constants.TOGGLE_SWITCHER_RIGHT_MODEL\"\r\n (click)=\"onDataTypeToggle()\">\r\n </sfc-toggle-switcher>\r\n </div>\r\n\r\n <div *ngIf=\"vm.showColumns\" class=\"columns\">\r\n <div class=\"column\" [ngStyle]=\"vm.columnStyle\" *ngFor=\"let column of vm.columns\">\r\n <ng-container [ngSwitch]=\"column.type\">\r\n <sfc-selectable-table-column *ngSwitchCase=\"TableColumnType.Selectable\"\r\n [selected]=\"allRowsSelected\">\r\n </sfc-selectable-table-column>\r\n\r\n <sfc-sorting *ngSwitchDefault [model]=\"column.sorting\" [id]=\"column.field\">\r\n\r\n <sfc-template-content [referenceContent]=\"columnContent\" [templatesContent]=\"templates\"\r\n [templateType]=\"TableTemplate.Column\" [defaultContent]=\"defaultColumn\"\r\n [contextData]=\"column\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultColumn>\r\n <sfc-default-table-column [model]=\"column\"></sfc-default-table-column>\r\n </ng-template>\r\n\r\n </sfc-sorting>\r\n </ng-container>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <sfc-delimeter *ngIf=\"delimeter\"></sfc-delimeter>\r\n\r\n <div class=\"rows-container\">\r\n <div class=\"row\" *ngFor=\"let item of vm.data\">\r\n\r\n <ng-container [ngSwitch]=\"dataType\">\r\n <sfc-template-content *ngSwitchCase=\"TableDataType.Rows\" [referenceContent]=\"rowContent\"\r\n [templatesContent]=\"templates\" [templateType]=\"TableTemplate.Row\" [defaultContent]=\"defaultRow\"\r\n [contextData]=\"{model: item, columns: vm.columns, columnWidth: vm.columnWidth, position: position}\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultRow>\r\n <sfc-default-table-row [columns]=\"vm.columns\" [model]=\"item\" [position]=\"position\"\r\n [columnWidth]=\"vm.columnWidth\" [selectOnClick]=\"selectOnClick\" (selected)=\"selectRow($event)\">\r\n </sfc-default-table-row>\r\n </ng-template>\r\n\r\n <sfc-template-content *ngSwitchCase=\"TableDataType.Cards\" [referenceContent]=\"cardContent\"\r\n [templatesContent]=\"templates\" [templateType]=\"TableTemplate.Card\" [defaultContent]=\"defaultCard\"\r\n [contextData]=\"{model: item, columns: vm.columns}\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultCard>\r\n <sfc-default-table-card [columns]=\"vm.columns\" [model]=\"item\" [selectOnClick]=\"selectOnClick\"\r\n (selected)=\"selectRow($event)\">\r\n </sfc-default-table-card>\r\n </ng-template>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"pagination-container\">\r\n <sfc-pagination *ngIf=\"pagination.enabled\" [limits]=\"false\" [full]=\"false\" [data$]=\"data$\"></sfc-pagination>\r\n </div>\r\n</div>", styles: [":host .container{display:block;margin:2em auto;width:90%}:host .container .columns-container{display:flex;flex-flow:row wrap;transition:.5s;justify-content:space-between}:host .container .columns-container .columns-actions{display:flex;align-items:center;width:100%}:host .container .columns-container .columns-actions sfc-toggle-switcher{margin-left:auto}:host .container .columns-container .columns{text-align:center;padding:.5em;width:100%;display:flex;flex-flow:row wrap}:host .container .columns-container .columns .column{text-align:center;padding:.5em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}:host .container .rows-container{display:flex;flex-wrap:wrap;justify-content:center;transition:.5s;gap:1em;margin-block:1em 2em}:host .container .rows-container .row{display:contents}\n"] }]
|