@progress-chef/platform-shared-components 0.0.120 → 0.0.121
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.
|
@@ -12,6 +12,7 @@ export class SliderComponent {
|
|
|
12
12
|
this.isSlideOpen = this.opened;
|
|
13
13
|
this.sliderClose = new EventEmitter();
|
|
14
14
|
this.parentId = '';
|
|
15
|
+
this.customTitle = false;
|
|
15
16
|
}
|
|
16
17
|
ngOnInit() {
|
|
17
18
|
if (this.parentId) {
|
|
@@ -36,11 +37,11 @@ export class SliderComponent {
|
|
|
36
37
|
this.isSlideOpen = this.opened;
|
|
37
38
|
}
|
|
38
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId", customTitle: "customTitle" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n <div *ngIf=\"customTitle\">\n <ng-content select=\"header\"></ng-content>\n </div>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600;display:flex}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
40
41
|
}
|
|
41
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
42
43
|
type: Component,
|
|
43
|
-
args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"] }]
|
|
44
|
+
args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n <div *ngIf=\"customTitle\">\n <ng-content select=\"header\"></ng-content>\n </div>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600;display:flex}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"] }]
|
|
44
45
|
}], ctorParameters: () => [{ type: i1.ThemesService }], propDecorators: { opened: [{
|
|
45
46
|
type: Input
|
|
46
47
|
}], title: [{
|
|
@@ -54,5 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
54
55
|
type: Output
|
|
55
56
|
}], parentId: [{
|
|
56
57
|
type: Input
|
|
58
|
+
}], customTitle: [{
|
|
59
|
+
type: Input
|
|
57
60
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL3NsaWRlci9zbGlkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvc2xpZGVyL3NsaWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRNUYsTUFBTSxPQUFPLGVBQWU7SUFTMUIsWUFBb0IsYUFBNEI7UUFBNUIsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFSdkMsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUN4QixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGdCQUFXLEdBQVcsQ0FBQyxDQUFDO1FBQ04sZ0JBQVcsR0FBWSxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQ3BELGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUMzQyxhQUFRLEdBQVcsRUFBRSxDQUFDO1FBQ3RCLGdCQUFXLEdBQVcsS0FBSyxDQUFDO0lBRWUsQ0FBQztJQUVyRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsTUFBTSxPQUFPLEdBQVEsUUFBUSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDNUQsTUFBTSxhQUFhLEdBQVEsUUFBUSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM3RCxPQUFPLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFBO1lBQzFCLElBQUksS0FBSyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxPQUFPLENBQUMsRUFDMUMsTUFBTSxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQ3RDLEdBQUcsR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLElBQUksTUFBTSxFQUFFLENBQUM7Z0JBQ1gsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDdEQsQ0FBQztZQUNELElBQUksR0FBRyxFQUFFLENBQUM7Z0JBQ1IsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUcsR0FBRyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUM7WUFDNUMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLENBQU07UUFDaEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO1FBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ2pDLENBQUM7K0dBcENVLGVBQWU7bUdBQWYsZUFBZSxtUkNSNUIsNDRCQTBCQTs7NEZEbEJhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsWUFBWTtrRkFLYixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ3FCLFdBQVc7c0JBQXJDLFdBQVc7dUJBQUMsWUFBWTtnQkFDZixXQUFXO3NCQUFwQixNQUFNO2dCQUNFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItc2xpZGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NsaWRlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG9wZW5lZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0aXRsZTogc3RyaW5nID0gXCJcIjtcbiAgQElucHV0KCkgZnJhbWVOdW1iZXI6IG51bWJlciA9IDA7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc2hvdycpIGlzU2xpZGVPcGVuOiBib29sZWFuID0gdGhpcy5vcGVuZWQ7XG4gIEBPdXRwdXQoKSBzbGlkZXJDbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQElucHV0KCkgcGFyZW50SWQ6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBjdXN0b21UaXRsZTpib29sZWFuID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSB0aGVtZXNTZXJ2aWNlOiBUaGVtZXNTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5wYXJlbnRJZCkge1xuICAgICAgY29uc3QgZWxlbWVudDogYW55ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQodGhpcy5wYXJlbnRJZCk7XG4gICAgICBjb25zdCBzbGlkZXJFbGVtZW50OiBhbnkgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnc2xpZGVyJyk7XG4gICAgICBjb25zb2xlLmxvZyhzbGlkZXJFbGVtZW50KVxuICAgICAgbGV0IHN0eWxlID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoZWxlbWVudCksXG4gICAgICAgIG1hcmdpbiA9IHBhcnNlRmxvYXQoc3R5bGUubWFyZ2luUmlnaHQpLFxuICAgICAgICB0b3AgPSBwYXJzZUZsb2F0KHN0eWxlLnRvcCk7XG4gICAgICBpZiAobWFyZ2luKSB7XG4gICAgICAgIHNsaWRlckVsZW1lbnQuc3R5bGUucmlnaHQgPSAnLScgKyBzdHlsZS5tYXJnaW5SaWdodDtcbiAgICAgIH1cbiAgICAgIGlmICh0b3ApIHtcbiAgICAgICAgc2xpZGVyRWxlbWVudC5zdHlsZS50b3AgPSAnLScgKyBzdHlsZS50b3A7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgY2xvc2VTbGlkZXIoZTogYW55KSB7XG4gICAgdGhpcy50b2dnbGVTbGlkZSgpXG4gICAgdGhpcy5zbGlkZXJDbG9zZS5lbWl0KGUpO1xuICB9XG5cbiAgdG9nZ2xlU2xpZGUoKSB7XG4gICAgdGhpcy5vcGVuZWQgPSBmYWxzZTtcbiAgICB0aGlzLmlzU2xpZGVPcGVuID0gdGhpcy5vcGVuZWQ7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzbGlkZXItd3JhcFwiIFtuZ0NsYXNzXT1cInsgJ3Nob3cnIDogb3BlbmVkIH1cIj5cbiAgPGRpdiBjbGFzcz1cInNsaWRlclwiICBpZD1cInNsaWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItaGVhZGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiaGVhZGVyLWNvbnRlbnRcIj5cbiAgICAgICAgPGRpdiAqbmdJZj0nZnJhbWVOdW1iZXIgPiAwJyBjbGFzcz1cImZyYW1lLW51bWJlclwiPnt7ZnJhbWVOdW1iZXJ9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJoZWFkLXRpdGxlXCI+XG4gICAgICAgICAgPGxpYi10eXBvZ3JhcGh5ICpuZ0lmPVwidGl0bGUubGVuZ3RoID4gMFwiIFtkZWZhdWx0VGV4dF09XCJ0aXRsZVwiIHR5cGU9XCJIRUFESU5HX01FRElVTVwiPlxuICAgICAgICAgIDwvbGliLXR5cG9ncmFwaHk+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cImN1c3RvbVRpdGxlXCI+XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJoZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdj5cbiAgICAgICAgPGEgaHJlZj1cImphdmFzY3JpcHQ6dm9pZCgwKVwiIGNsYXNzPVwiY2xvc2VidG5cIiAoY2xpY2spPVwiY2xvc2VTbGlkZXIoJGV2ZW50KVwiPlxuICAgICAgICAgICZ0aW1lcztcbiAgICAgICAgPC9hPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1ib2R5XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwib3BlbmVkXCIgY2xhc3M9XCJvdmVybGF5IG92ZXJsYXktc2hvd25cIj48L2Rpdj5cbiJdfQ==
|
|
@@ -3040,6 +3040,7 @@ class SliderComponent {
|
|
|
3040
3040
|
this.isSlideOpen = this.opened;
|
|
3041
3041
|
this.sliderClose = new EventEmitter();
|
|
3042
3042
|
this.parentId = '';
|
|
3043
|
+
this.customTitle = false;
|
|
3043
3044
|
}
|
|
3044
3045
|
ngOnInit() {
|
|
3045
3046
|
if (this.parentId) {
|
|
@@ -3064,11 +3065,11 @@ class SliderComponent {
|
|
|
3064
3065
|
this.isSlideOpen = this.opened;
|
|
3065
3066
|
}
|
|
3066
3067
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3067
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
3068
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId", customTitle: "customTitle" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n <div *ngIf=\"customTitle\">\n <ng-content select=\"header\"></ng-content>\n </div>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600;display:flex}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
3068
3069
|
}
|
|
3069
3070
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
3070
3071
|
type: Component,
|
|
3071
|
-
args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"] }]
|
|
3072
|
+
args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"HEADING_MEDIUM\">\n </lib-typography>\n <div *ngIf=\"customTitle\">\n <ng-content select=\"header\"></ng-content>\n </div>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;font-size:18px;font-weight:600;display:flex}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:16px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:16px}\n"] }]
|
|
3072
3073
|
}], ctorParameters: () => [{ type: i1$1.ThemesService }], propDecorators: { opened: [{
|
|
3073
3074
|
type: Input
|
|
3074
3075
|
}], title: [{
|
|
@@ -3082,6 +3083,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3082
3083
|
type: Output
|
|
3083
3084
|
}], parentId: [{
|
|
3084
3085
|
type: Input
|
|
3086
|
+
}], customTitle: [{
|
|
3087
|
+
type: Input
|
|
3085
3088
|
}] } });
|
|
3086
3089
|
|
|
3087
3090
|
class SliderModule {
|