@rededor/site-front-end-lib 1.2.0 → 1.2.1
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/components/page-template-sidebar/page-template-sidebar.component.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib.mjs +2 -2
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/lib/components/page-template-sidebar/page-template-sidebar.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -12,11 +12,11 @@ export class PageTemplateSidebarComponent {
|
|
|
12
12
|
this.sidebarContent = null;
|
|
13
13
|
}
|
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n <aside class=\"rdsite-template-after-content\">\n
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-header{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-header{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-header .rdsite-template-header{grid-area:header}article.rdsite-template-header .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-header .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-header .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-header .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-header .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-header .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-header .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-header .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
16
16
|
}
|
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
18
18
|
type: Component,
|
|
19
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n <aside class=\"rdsite-template-after-content\">\n
|
|
19
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-header{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-header{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-header .rdsite-template-header{grid-area:header}article.rdsite-template-header .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-header .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-header .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-header .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-header .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-header .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-header .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-header .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
20
20
|
}], propDecorators: { header: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}], stickyContent: [{
|
|
@@ -30,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
30
30
|
}], sidebarContent: [{
|
|
31
31
|
type: Input
|
|
32
32
|
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpdGUtZnJvbnQtZW5kLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZS10ZW1wbGF0ZS1zaWRlYmFyL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaXRlLWZyb250LWVuZC1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci9wYWdlLXRlbXBsYXRlLXNpZGViYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsc0JBQXNCLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDOzs7QUFVdEYsTUFBTSxPQUFPLDRCQUE0QjtJQVJ6QztRQVNXLFdBQU0sR0FBNEIsSUFBSSxDQUFDO1FBQ3ZDLGtCQUFhLEdBQTRCLElBQUksQ0FBQztRQUM5QyxrQkFBYSxHQUE0QixJQUFJLENBQUM7UUFDOUMsWUFBTyxHQUE0QixJQUFJLENBQUM7UUFDeEMsaUJBQVksR0FBMkQsSUFBSSxDQUFDO1FBQzVFLG1CQUFjLEdBQTRCLElBQUksQ0FBQztLQUN6RDsrR0FQWSw0QkFBNEI7bUdBQTVCLDRCQUE0QiwwUUNYekMsOHJDQXlDQSxrbUREbkNZLFlBQVk7OzRGQUtYLDRCQUE0QjtrQkFSeEMsU0FBUzsrQkFDRSw4QkFBOEIsY0FDNUIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDLFdBQ2QsQ0FBQyxzQkFBc0IsQ0FBQzs4QkFLeEIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Jkc2l0ZS1wYWdlLXRlbXBsYXRlLXNpZGViYXInLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgc2NoZW1hczogW0NVU1RPTV9FTEVNRU5UU19TQ0hFTUFdLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS10ZW1wbGF0ZS1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3BhZ2UtdGVtcGxhdGUtc2lkZWJhci5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VUZW1wbGF0ZVNpZGViYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBoZWFkZXI6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgc3RpY2t5Q29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBiZWZvcmVDb250ZW50OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGNvbnRlbnQ6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbDtcbiAgQElucHV0KCkgYWZ0ZXJDb250ZW50OiB7IHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+OyBzaG93OiBib29sZWFuIH1bXSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzaWRlYmFyQ29udGVudDogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xufVxuIiwiPGFydGljbGUgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtaGVhZGVyXCI+XG4gIEBpZiAoaGVhZGVyKSB7XG4gICAgPGhlYWRlciBjbGFzcz1cInJkc2l0ZS10ZW1wbGF0ZS1oZWFkZXJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2hlYWRlcj5cbiAgfVxuICBAaWYgKHN0aWNreUNvbnRlbnQpIHtcbiAgICA8ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLXN0aWNreS1jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic3RpY2t5Q29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICB9XG5cbiAgQGlmIChiZWZvcmVDb250ZW50KSB7XG4gICAgPGRpdiBjbGFzcz1cInJkc2l0ZS10ZW1wbGF0ZS1iZWZvcmUtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImJlZm9yZUNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgfVxuICA8ZGl2IGNsYXNzPVwicmRzaXRlLXRlbXBsYXRlLWNvbnRhaW5lclwiPlxuICAgIEBpZiAoY29udGVudCkge1xuICAgICAgPHNlY3Rpb24gY2xhc3M9XCJyZHNpdGUtY29udGVudC1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvc2VjdGlvbj5cbiAgICB9XG5cbiAgICBAaWYgKHNpZGViYXJDb250ZW50KSB7XG4gICAgICA8YXNpZGUgY2xhc3M9XCJyZHNpdGUtc2lkZWJhci1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic2lkZWJhckNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvYXNpZGU+XG4gICAgfVxuICA8L2Rpdj5cbjwvYXJ0aWNsZT5cblxuQGlmIChhZnRlckNvbnRlbnQ/Lmxlbmd0aCkge1xuICBAZm9yICh0cGwgb2YgYWZ0ZXJDb250ZW50OyB0cmFjayAkaW5kZXgpIHtcbiAgICBAaWYgKHRwbC5zaG93KSB7XG4gICAgICA8YXNpZGUgY2xhc3M9XCJyZHNpdGUtdGVtcGxhdGUtYWZ0ZXItY29udGVudFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidHBsLnRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2FzaWRlPlxuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -3728,11 +3728,11 @@ class PageTemplateSidebarComponent {
|
|
|
3728
3728
|
this.sidebarContent = null;
|
|
3729
3729
|
}
|
|
3730
3730
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3731
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n <aside class=\"rdsite-template-after-content\">\n
|
|
3731
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: "header", stickyContent: "stickyContent", beforeContent: "beforeContent", content: "content", afterContent: "afterContent", sidebarContent: "sidebarContent" }, ngImport: i0, template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-header{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-header{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-header .rdsite-template-header{grid-area:header}article.rdsite-template-header .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-header .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-header .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-header .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-header .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-header .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-header .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-header .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
3732
3732
|
}
|
|
3733
3733
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
|
|
3734
3734
|
type: Component,
|
|
3735
|
-
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n <aside class=\"rdsite-template-after-content\">\n
|
|
3735
|
+
args: [{ selector: 'rdsite-page-template-sidebar', standalone: true, imports: [CommonModule], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<article class=\"rdsite-template-header\">\n @if (header) {\n <header class=\"rdsite-template-header\">\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </header>\n }\n @if (stickyContent) {\n <div class=\"rdsite-template-sticky-content\">\n <ng-container *ngTemplateOutlet=\"stickyContent\"></ng-container>\n </div>\n }\n\n @if (beforeContent) {\n <div class=\"rdsite-template-before-content\">\n <ng-container *ngTemplateOutlet=\"beforeContent\"></ng-container>\n </div>\n }\n <div class=\"rdsite-template-container\">\n @if (content) {\n <section class=\"rdsite-content-container\">\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </section>\n }\n\n @if (sidebarContent) {\n <aside class=\"rdsite-sidebar-content-container\">\n <ng-container *ngTemplateOutlet=\"sidebarContent\"></ng-container>\n </aside>\n }\n </div>\n</article>\n\n@if (afterContent?.length) {\n @for (tpl of afterContent; track $index) {\n @if (tpl.show) {\n <aside class=\"rdsite-template-after-content\">\n <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\n </aside>\n }\n }\n}\n", styles: ["article.rdsite-template-header{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-areas:\"header header header\" \"stickycontent stickycontent stickycontent\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\"}@media screen and (min-width: 1024px){article.rdsite-template-header{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-header .rdsite-template-header{grid-area:header}article.rdsite-template-header .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-header .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-header .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-header .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-header .rdsite-template-container{display:grid;position:relative;width:100%;grid-template-rows:auto;grid-template-columns:1fr;grid-template-areas:\"content\" \"sidebarcontent\"}@media screen and (min-width: 1024px){article.rdsite-template-header .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-header .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-header .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}\n"] }]
|
|
3736
3736
|
}], propDecorators: { header: [{
|
|
3737
3737
|
type: Input
|
|
3738
3738
|
}], stickyContent: [{
|