@kms-ngx-ui/presentational 16.12.14 → 16.12.16
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/esm2022/lib/ui/back-to-top/back-to-top.component.mjs +3 -3
- package/esm2022/lib/ui/flyout/flyout.component.mjs +3 -3
- package/fesm2022/kms-ngx-ui-presentational.mjs +4 -4
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/ui/back-to-top/back-to-top.component.scss +2 -2
- package/src/lib/ui/image-slider/image-slider.component.scss +2 -2
- package/src/styles/storybook.scss +27 -1
|
@@ -34,11 +34,11 @@ export class BackToTopComponent {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackToTopComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BackToTopComponent, selector: "kms-back-to-top", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BackToTopComponent, selector: "kms-back-to-top", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div\n class=\"scrollToTop\"\n [ngClass]=\"{ show: windowScrolled }\"\n (click)=\"scrollToTop()\"\n>\n <div class=\"scrollToTop-inner\">\n <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackToTopComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
|
-
args: [{ selector: 'kms-back-to-top', template: "<div
|
|
41
|
+
args: [{ selector: 'kms-back-to-top', template: "<div\n class=\"scrollToTop\"\n [ngClass]=\"{ show: windowScrolled }\"\n (click)=\"scrollToTop()\"\n>\n <div class=\"scrollToTop-inner\">\n <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n </div>\n</div>\n" }]
|
|
42
42
|
}], ctorParameters: function () { return [{ type: Object, decorators: [{
|
|
43
43
|
type: Inject,
|
|
44
44
|
args: [PLATFORM_ID]
|
|
@@ -46,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
46
46
|
type: HostListener,
|
|
47
47
|
args: ['window:scroll', []]
|
|
48
48
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFjay10by10b3AuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva21zLW5neC11aS1wcmVzZW50YXRpb25hbC9zcmMvbGliL3VpL2JhY2stdG8tdG9wL2JhY2stdG8tdG9wLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9iYWNrLXRvLXRvcC9iYWNrLXRvLXRvcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7QUFNcEQsTUFBTSxPQUFPLGtCQUFrQjtJQUczQixZQUF3QyxVQUFrQjtRQUFsQixlQUFVLEdBQVYsVUFBVSxDQUFRO0lBQUcsQ0FBQztJQUc5RCxjQUFjO1FBQ1YsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEVBQUU7WUFDcEMsSUFBSSxNQUFNLENBQUMsV0FBVyxJQUFJLFFBQVEsQ0FBQyxlQUFlLENBQUMsU0FBUyxJQUFJLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsRUFBRTtnQkFDM0YsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUM7YUFDOUI7aUJBQU0sSUFDSCxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksTUFBTSxDQUFDLFdBQVcsQ0FBQztnQkFDM0MsUUFBUSxDQUFDLGVBQWUsQ0FBQyxTQUFTO2dCQUNsQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLEVBQzlCO2dCQUNFLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDO2FBQy9CO1NBQ0o7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3BDLENBQUMsU0FBUyxZQUFZO2dCQUNsQixNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsZUFBZSxDQUFDLFNBQVMsSUFBSSxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDcEYsSUFBSSxhQUFhLEdBQUcsQ0FBQyxFQUFFO29CQUNuQixNQUFNLENBQUMscUJBQXFCLENBQUMsWUFBWSxDQUFDLENBQUM7b0JBQzNDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLGFBQWEsR0FBRyxhQUFhLEdBQUcsQ0FBQyxDQUFDLENBQUM7aUJBQ3pEO1lBQ0wsQ0FBQyxDQUFDLEVBQUUsQ0FBQztTQUNSO0lBQ0wsQ0FBQzsrR0E5QlEsa0JBQWtCLGtCQUdQLFdBQVc7bUdBSHRCLGtCQUFrQixxSENYL0Isc1BBU0E7OzRGREVhLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDSSxpQkFBaUI7OzBCQU1kLE1BQU07MkJBQUMsV0FBVzs0Q0FHL0IsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0TGlzdGVuZXIsIEluamVjdCwgUExBVEZPUk1fSUQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGlzUGxhdGZvcm1Ccm93c2VyIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrbXMtYmFjay10by10b3AnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYWNrLXRvLXRvcC5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEJhY2tUb1RvcENvbXBvbmVudCB7XG4gICAgd2luZG93U2Nyb2xsZWQ/OiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IoQEluamVjdChQTEFURk9STV9JRCkgcHVibGljIHBsYXRmb3JtSWQ6IE9iamVjdCkge31cblxuICAgIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpzY3JvbGwnLCBbXSlcbiAgICBvbldpbmRvd1Njcm9sbCgpIHtcbiAgICAgICAgaWYgKGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCkpIHtcbiAgICAgICAgICAgIGlmICh3aW5kb3cucGFnZVlPZmZzZXQgfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCB8fCBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcCA+IDEwMCkge1xuICAgICAgICAgICAgICAgIHRoaXMud2luZG93U2Nyb2xsZWQgPSB0cnVlO1xuICAgICAgICAgICAgfSBlbHNlIGlmIChcbiAgICAgICAgICAgICAgICAodGhpcy53aW5kb3dTY3JvbGxlZCAmJiB3aW5kb3cucGFnZVlPZmZzZXQpIHx8XG4gICAgICAgICAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCB8fFxuICAgICAgICAgICAgICAgIGRvY3VtZW50LmJvZHkuc2Nyb2xsVG9wIDwgMTBcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIHRoaXMud2luZG93U2Nyb2xsZWQgPSBmYWxzZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIHNjcm9sbFRvVG9wKCkge1xuICAgICAgICBpZiAoaXNQbGF0Zm9ybUJyb3dzZXIodGhpcy5wbGF0Zm9ybUlkKSkge1xuICAgICAgICAgICAgKGZ1bmN0aW9uIHNtb290aHNjcm9sbCgpIHtcbiAgICAgICAgICAgICAgICBjb25zdCBjdXJyZW50U2Nyb2xsID0gZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcCB8fCBkb2N1bWVudC5ib2R5LnNjcm9sbFRvcDtcbiAgICAgICAgICAgICAgICBpZiAoY3VycmVudFNjcm9sbCA+IDApIHtcbiAgICAgICAgICAgICAgICAgICAgd2luZG93LnJlcXVlc3RBbmltYXRpb25GcmFtZShzbW9vdGhzY3JvbGwpO1xuICAgICAgICAgICAgICAgICAgICB3aW5kb3cuc2Nyb2xsVG8oMCwgY3VycmVudFNjcm9sbCAtIGN1cnJlbnRTY3JvbGwgLyA4KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KSgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInNjcm9sbFRvVG9wXCJcbiAgW25nQ2xhc3NdPVwieyBzaG93OiB3aW5kb3dTY3JvbGxlZCB9XCJcbiAgKGNsaWNrKT1cInNjcm9sbFRvVG9wKClcIlxuPlxuICA8ZGl2IGNsYXNzPVwic2Nyb2xsVG9Ub3AtaW5uZXJcIj5cbiAgICA8a21zLWljb24gaWNvbj1cImZsb2F0aW5nX2J1dHRvbl9jbGVhclwiIGljb25DbGFzcz1cImNvbG9yLXdoaXRlXCI+PC9rbXMtaWNvbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -45,7 +45,7 @@ export class FlyoutComponent {
|
|
|
45
45
|
this.targetHeight = `${contentHeight}px`;
|
|
46
46
|
}
|
|
47
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\"
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\" [ngClass]=\"{ 'is-active': isDropdownOpened }\">\n <div\n class=\"flyout-header\"\n (click)=\"toggleDropdownHeader()\"\n [ngClass]=\"headerCssClass\"\n >\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div\n *ngIf=\"hasButtonForMore\"\n (click)=\"toggleDropdown()\"\n class=\"flyout-header-more\"\n >\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n <kms-icon [icon]=\"'chevron-down'\" [size]=\"16\"> </kms-icon>\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n <kms-icon [icon]=\"'chevron-top'\" [size]=\"16\"> </kms-icon>\n </span>\n </div>\n </div>\n <div\n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{\n value: isDropdownOpened,\n params: { targetHeight: targetHeight, animationTime: '500' }\n }\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader\n >\n <div class=\"inner\" #content *ngIf=\"isDropdownOpened || !hasButtonForMore\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: ["getMaxHeight"], outputs: ["maxHeightChanged", "sumOfHeight"] }, { kind: "directive", type: i3.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: i4.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }, { kind: "pipe", type: i5.SafeHtmlPipe, name: "kmsSafeHtml" }], animations: [
|
|
49
49
|
trigger('dropdownAnimation', [
|
|
50
50
|
state('true', style({
|
|
51
51
|
height: '{{targetHeight}}',
|
|
@@ -93,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
93
93
|
},
|
|
94
94
|
}),
|
|
95
95
|
]),
|
|
96
|
-
], template: "<div class=\"flyout\"
|
|
96
|
+
], template: "<div class=\"flyout\" [ngClass]=\"{ 'is-active': isDropdownOpened }\">\n <div\n class=\"flyout-header\"\n (click)=\"toggleDropdownHeader()\"\n [ngClass]=\"headerCssClass\"\n >\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div\n *ngIf=\"hasButtonForMore\"\n (click)=\"toggleDropdown()\"\n class=\"flyout-header-more\"\n >\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n <kms-icon [icon]=\"'chevron-down'\" [size]=\"16\"> </kms-icon>\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n <kms-icon [icon]=\"'chevron-top'\" [size]=\"16\"> </kms-icon>\n </span>\n </div>\n </div>\n <div\n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{\n value: isDropdownOpened,\n params: { targetHeight: targetHeight, animationTime: '500' }\n }\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader\n >\n <div class=\"inner\" #content *ngIf=\"isDropdownOpened || !hasButtonForMore\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
97
97
|
}], propDecorators: { icon: [{
|
|
98
98
|
type: Input
|
|
99
99
|
}], headerCssClass: [{
|
|
@@ -117,4 +117,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
117
117
|
type: ViewChild,
|
|
118
118
|
args: ['flyoutHeader']
|
|
119
119
|
}] } });
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
120
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmx5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9mbHlvdXQvZmx5b3V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBc0N4RSxNQUFNLE9BQU8sZUFBZTtJQXBDNUI7UUFxQ1csU0FBSSxHQUFHLFFBQVEsQ0FBQztRQUV6QixxQkFBZ0IsR0FBRyxLQUFLLENBQUM7UUFDekIsaUJBQVksR0FBRyxHQUFHLENBQUM7UUFDbkIsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFFWixtQkFBYyxHQUFHLEVBQUUsQ0FBQztRQUNwQixpQkFBWSxHQUFHLEVBQUUsQ0FBQztRQUVsQixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLHFCQUFnQixHQUFHLEtBQUssQ0FBQztRQUN6QixhQUFRLEdBQUcsRUFBRSxDQUFDO1FBQ2QsYUFBUSxHQUFHLEVBQUUsQ0FBQztLQTZCeEI7SUF2QkM7OztPQUdHO0lBQ0gsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDMUIsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0gsY0FBYztRQUNaLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxxQkFBcUIsQ0FBQyxhQUFxQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxHQUFHLEdBQUcsYUFBYSxJQUFJLENBQUM7SUFDM0MsQ0FBQzsrR0ExQ1UsZUFBZTttR0FBZixlQUFlLHVkQzNDNUIsNndDQTJDQSxrckJEaENjO1lBQ1YsT0FBTyxDQUFDLG1CQUFtQixFQUFFO2dCQUMzQixLQUFLLENBQ0gsTUFBTSxFQUNOLEtBQUssQ0FBQztvQkFDSixNQUFNLEVBQUUsa0JBQWtCO29CQUMxQixVQUFVLEVBQUUsd0NBQXdDO2lCQUNyRCxDQUFDLEVBQ0Y7b0JBQ0UsTUFBTSxFQUFFO3dCQUNOLFlBQVksRUFBRSxPQUFPO3dCQUNyQixhQUFhLEVBQUUsSUFBSTtxQkFDcEI7aUJBQ0YsQ0FDRjtnQkFDRCxLQUFLLENBQ0gsT0FBTyxFQUNQLEtBQUssQ0FBQztvQkFDSixNQUFNLEVBQUUsQ0FBQztvQkFDVCxVQUFVLEVBQUUsd0NBQXdDO2lCQUNyRCxDQUFDLEVBQ0Y7b0JBQ0UsTUFBTSxFQUFFO3dCQUNOLFlBQVksRUFBRSxPQUFPO3dCQUNyQixPQUFPLEVBQUUsQ0FBQzt3QkFDVixhQUFhLEVBQUUsSUFBSTtxQkFDcEI7aUJBQ0YsQ0FDRjthQUNGLENBQUM7U0FDSDs7NEZBRVUsZUFBZTtrQkFwQzNCLFNBQVM7K0JBQ0UsWUFBWSxjQUdWO3dCQUNWLE9BQU8sQ0FBQyxtQkFBbUIsRUFBRTs0QkFDM0IsS0FBSyxDQUNILE1BQU0sRUFDTixLQUFLLENBQUM7Z0NBQ0osTUFBTSxFQUFFLGtCQUFrQjtnQ0FDMUIsVUFBVSxFQUFFLHdDQUF3Qzs2QkFDckQsQ0FBQyxFQUNGO2dDQUNFLE1BQU0sRUFBRTtvQ0FDTixZQUFZLEVBQUUsT0FBTztvQ0FDckIsYUFBYSxFQUFFLElBQUk7aUNBQ3BCOzZCQUNGLENBQ0Y7NEJBQ0QsS0FBSyxDQUNILE9BQU8sRUFDUCxLQUFLLENBQUM7Z0NBQ0osTUFBTSxFQUFFLENBQUM7Z0NBQ1QsVUFBVSxFQUFFLHdDQUF3Qzs2QkFDckQsQ0FBQyxFQUNGO2dDQUNFLE1BQU0sRUFBRTtvQ0FDTixZQUFZLEVBQUUsT0FBTztvQ0FDckIsT0FBTyxFQUFFLENBQUM7b0NBQ1YsYUFBYSxFQUFFLElBQUk7aUNBQ3BCOzZCQUNGLENBQ0Y7eUJBQ0YsQ0FBQztxQkFDSDs4QkFHUSxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsY0FBYztzQkFBdEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVnQixPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBRU8sWUFBWTtzQkFBdEMsU0FBUzt1QkFBQyxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHsgc3RhdGUsIHN0eWxlLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLWZseW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mbHlvdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mbHlvdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2Ryb3Bkb3duQW5pbWF0aW9uJywgW1xuICAgICAgc3RhdGUoXG4gICAgICAgICd0cnVlJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIGhlaWdodDogJ3t7dGFyZ2V0SGVpZ2h0fX0nLFxuICAgICAgICAgIHRyYW5zaXRpb246ICdoZWlnaHQge3thbmltYXRpb25UaW1lfX1tcyBlYXNlLWluLW91dCcsXG4gICAgICAgIH0pLFxuICAgICAgICB7XG4gICAgICAgICAgcGFyYW1zOiB7XG4gICAgICAgICAgICB0YXJnZXRIZWlnaHQ6ICczMDBweCcsXG4gICAgICAgICAgICBhbmltYXRpb25UaW1lOiAzMDAwLFxuICAgICAgICAgIH0sXG4gICAgICAgIH1cbiAgICAgICksXG4gICAgICBzdGF0ZShcbiAgICAgICAgJ2ZhbHNlJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIGhlaWdodDogMCxcbiAgICAgICAgICB0cmFuc2l0aW9uOiAnaGVpZ2h0IHt7YW5pbWF0aW9uVGltZX19bXMgZWFzZS1pbi1vdXQnLFxuICAgICAgICB9KSxcbiAgICAgICAge1xuICAgICAgICAgIHBhcmFtczoge1xuICAgICAgICAgICAgdGFyZ2V0SGVpZ2h0OiAnMzAwcHgnLFxuICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgIGFuaW1hdGlvblRpbWU6IDMwMDAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfVxuICAgICAgKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRmx5b3V0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbiA9ICdmaWx0ZXInO1xuXG4gIGlzRHJvcGRvd25PcGVuZWQgPSBmYWxzZTtcbiAgdGFyZ2V0SGVpZ2h0ID0gJzAnO1xuICBhbmltYXRpb25UaW1lID0gNTAwMDtcblxuICBASW5wdXQoKSBoZWFkZXJDc3NDbGFzcyA9ICcnO1xuICBASW5wdXQoKSBib2R5Q3NzQ2xhc3MgPSAnJztcblxuICBASW5wdXQoKSBoZWFkZXJUaXRsZSA9ICcnO1xuICBASW5wdXQoKSBoZWFkZXJUZXh0ID0gJyc7XG4gIEBJbnB1dCgpIGhhc0J1dHRvbkZvck1vcmUgPSBmYWxzZTtcbiAgQElucHV0KCkgbW9yZVRleHQgPSAnJztcbiAgQElucHV0KCkgbGVzc1RleHQgPSAnJztcblxuICBAVmlld0NoaWxkKCdjb250ZW50JykgY29udGVudDogRWxlbWVudFJlZiB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKCdmbHlvdXRIZWFkZXInKSBmbHlvdXRIZWFkZXI6IEVsZW1lbnRSZWYgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIE9wZW4vY2xvc2UgZHJvcGRvd24gaWYgY2xpY2sgb24gaGVhZGVyLlxuICAgKiBFeGNlcHQsIGlmIG1vZGUgaXMgc2V0IHRvIGhhc0J1dHRvbkZvck1vcmUuIFdoZW4gdGhlcmUgaXMgYSBleHRyYSBidXR0b24gdG8gb3Blbi9jbG9zZVxuICAgKi9cbiAgdG9nZ2xlRHJvcGRvd25IZWFkZXIoKSB7XG4gICAgaWYgKCF0aGlzLmhhc0J1dHRvbkZvck1vcmUpIHtcbiAgICAgIHRoaXMudG9nZ2xlRHJvcGRvd24oKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogT3BlbiBvciBjbG9zZSB0aGUgZHJvcGRvd25cbiAgICovXG4gIHRvZ2dsZURyb3Bkb3duKCkge1xuICAgIHRoaXMuaXNEcm9wZG93bk9wZW5lZCA9ICF0aGlzLmlzRHJvcGRvd25PcGVuZWQ7XG4gIH1cblxuICAvKipcbiAgICogU2V0IHRoZSBoZWlnaHQgb2YgdGhlIGRyb3Bkb3duIGxpc3QgaXRlbXMgZHluYW1pYyAtIG5lZWRlZCBmb3IgdGhlIGFuaW1hdGlvblxuICAgKi9cbiAgc2V0RHJvcGRvd25MaXN0SGVpZ2h0KGNvbnRlbnRIZWlnaHQ6IG51bWJlcikge1xuICAgIHRoaXMudGFyZ2V0SGVpZ2h0ID0gYCR7Y29udGVudEhlaWdodH1weGA7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbHlvdXRcIiBbbmdDbGFzc109XCJ7ICdpcy1hY3RpdmUnOiBpc0Ryb3Bkb3duT3BlbmVkIH1cIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZmx5b3V0LWhlYWRlclwiXG4gICAgKGNsaWNrKT1cInRvZ2dsZURyb3Bkb3duSGVhZGVyKClcIlxuICAgIFtuZ0NsYXNzXT1cImhlYWRlckNzc0NsYXNzXCJcbiAgPlxuICAgIDxzcGFuIFtpbm5lckh0bWxdPVwiaGVhZGVyVGl0bGUgfCBrbXNTYWZlSHRtbFwiPjwvc3Bhbj5cbiAgICA8c3BhbiBbaW5uZXJIdG1sXT1cImhlYWRlclRleHQgfCBrbXNTYWZlSHRtbFwiPjwvc3Bhbj5cblxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuXG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJoYXNCdXR0b25Gb3JNb3JlXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigpXCJcbiAgICAgIGNsYXNzPVwiZmx5b3V0LWhlYWRlci1tb3JlXCJcbiAgICA+XG4gICAgICA8c3BhbiAqbmdJZj1cIiFpc0Ryb3Bkb3duT3BlbmVkXCI+XG4gICAgICAgIHt7IG1vcmVUZXh0IH19XG4gICAgICAgIDxrbXMtaWNvbiBbaWNvbl09XCInY2hldnJvbi1kb3duJ1wiIFtzaXplXT1cIjE2XCI+IDwva21zLWljb24+XG4gICAgICA8L3NwYW4+XG4gICAgICA8c3BhbiAqbmdJZj1cImlzRHJvcGRvd25PcGVuZWRcIj5cbiAgICAgICAge3sgbGVzc1RleHQgfX1cbiAgICAgICAgPGttcy1pY29uIFtpY29uXT1cIidjaGV2cm9uLXRvcCdcIiBbc2l6ZV09XCIxNlwiPiA8L2ttcy1pY29uPlxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiZmx5b3V0LWJvZHlcIlxuICAgIFtuZ0NsYXNzXT1cImJvZHlDc3NDbGFzc1wiXG4gICAgdGFiaW5kZXg9XCIwXCJcbiAgICBbQGRyb3Bkb3duQW5pbWF0aW9uXT1cIntcbiAgICAgIHZhbHVlOiBpc0Ryb3Bkb3duT3BlbmVkLFxuICAgICAgcGFyYW1zOiB7IHRhcmdldEhlaWdodDogdGFyZ2V0SGVpZ2h0LCBhbmltYXRpb25UaW1lOiAnNTAwJyB9XG4gICAgfVwiXG4gICAgZ2V0TWF4SGVpZ2h0PVwiaW5uZXJcIlxuICAgIChzdW1PZkhlaWdodCk9XCJzZXREcm9wZG93bkxpc3RIZWlnaHQoJGV2ZW50KVwiXG4gICAgI2ZseW91dEhlYWRlclxuICA+XG4gICAgPGRpdiBjbGFzcz1cImlubmVyXCIgI2NvbnRlbnQgKm5nSWY9XCJpc0Ryb3Bkb3duT3BlbmVkIHx8ICFoYXNCdXR0b25Gb3JNb3JlXCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1024,7 +1024,7 @@ class FlyoutComponent {
|
|
|
1024
1024
|
this.targetHeight = `${contentHeight}px`;
|
|
1025
1025
|
}
|
|
1026
1026
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FlyoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1027
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\"
|
|
1027
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0, template: "<div class=\"flyout\" [ngClass]=\"{ 'is-active': isDropdownOpened }\">\n <div\n class=\"flyout-header\"\n (click)=\"toggleDropdownHeader()\"\n [ngClass]=\"headerCssClass\"\n >\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div\n *ngIf=\"hasButtonForMore\"\n (click)=\"toggleDropdown()\"\n class=\"flyout-header-more\"\n >\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n <kms-icon [icon]=\"'chevron-down'\" [size]=\"16\"> </kms-icon>\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n <kms-icon [icon]=\"'chevron-top'\" [size]=\"16\"> </kms-icon>\n </span>\n </div>\n </div>\n <div\n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{\n value: isDropdownOpened,\n params: { targetHeight: targetHeight, animationTime: '500' }\n }\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader\n >\n <div class=\"inner\" #content *ngIf=\"isDropdownOpened || !hasButtonForMore\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: ["getMaxHeight"], outputs: ["maxHeightChanged", "sumOfHeight"] }, { kind: "directive", type: SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }, { kind: "pipe", type: SafeHtmlPipe, name: "kmsSafeHtml" }], animations: [
|
|
1028
1028
|
trigger('dropdownAnimation', [
|
|
1029
1029
|
state('true', style({
|
|
1030
1030
|
height: '{{targetHeight}}',
|
|
@@ -1072,7 +1072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1072
1072
|
},
|
|
1073
1073
|
}),
|
|
1074
1074
|
]),
|
|
1075
|
-
], template: "<div class=\"flyout\"
|
|
1075
|
+
], template: "<div class=\"flyout\" [ngClass]=\"{ 'is-active': isDropdownOpened }\">\n <div\n class=\"flyout-header\"\n (click)=\"toggleDropdownHeader()\"\n [ngClass]=\"headerCssClass\"\n >\n <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n <ng-content select=\"[header]\"></ng-content>\n\n <div\n *ngIf=\"hasButtonForMore\"\n (click)=\"toggleDropdown()\"\n class=\"flyout-header-more\"\n >\n <span *ngIf=\"!isDropdownOpened\">\n {{ moreText }}\n <kms-icon [icon]=\"'chevron-down'\" [size]=\"16\"> </kms-icon>\n </span>\n <span *ngIf=\"isDropdownOpened\">\n {{ lessText }}\n <kms-icon [icon]=\"'chevron-top'\" [size]=\"16\"> </kms-icon>\n </span>\n </div>\n </div>\n <div\n class=\"flyout-body\"\n [ngClass]=\"bodyCssClass\"\n tabindex=\"0\"\n [@dropdownAnimation]=\"{\n value: isDropdownOpened,\n params: { targetHeight: targetHeight, animationTime: '500' }\n }\"\n getMaxHeight=\"inner\"\n (sumOfHeight)=\"setDropdownListHeight($event)\"\n #flyoutHeader\n >\n <div class=\"inner\" #content *ngIf=\"isDropdownOpened || !hasButtonForMore\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n" }]
|
|
1076
1076
|
}], propDecorators: { icon: [{
|
|
1077
1077
|
type: Input
|
|
1078
1078
|
}], headerCssClass: [{
|
|
@@ -2116,11 +2116,11 @@ class BackToTopComponent {
|
|
|
2116
2116
|
}
|
|
2117
2117
|
}
|
|
2118
2118
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackToTopComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2119
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BackToTopComponent, selector: "kms-back-to-top", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div
|
|
2119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BackToTopComponent, selector: "kms-back-to-top", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<div\n class=\"scrollToTop\"\n [ngClass]=\"{ show: windowScrolled }\"\n (click)=\"scrollToTop()\"\n>\n <div class=\"scrollToTop-inner\">\n <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
2120
2120
|
}
|
|
2121
2121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BackToTopComponent, decorators: [{
|
|
2122
2122
|
type: Component,
|
|
2123
|
-
args: [{ selector: 'kms-back-to-top', template: "<div
|
|
2123
|
+
args: [{ selector: 'kms-back-to-top', template: "<div\n class=\"scrollToTop\"\n [ngClass]=\"{ show: windowScrolled }\"\n (click)=\"scrollToTop()\"\n>\n <div class=\"scrollToTop-inner\">\n <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n </div>\n</div>\n" }]
|
|
2124
2124
|
}], ctorParameters: function () { return [{ type: Object, decorators: [{
|
|
2125
2125
|
type: Inject,
|
|
2126
2126
|
args: [PLATFORM_ID]
|