npm - @rededor/site-front-end-lib - Versions diffs - 20.0.40 → 20.1.0-alpha.0 - Mend

@rededor/site-front-end-lib 20.0.40 → 20.1.0-alpha.0

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.

Files changed (183) hide show

package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, PLATFORM_ID, DOCUMENT, ChangeDetectorRef, model, computed, HostListener, HostBinding, Component } from '@angular/core';
 import { RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraApiService } from '@rededor/cura-angular/api';
 class ModalDrawerComponent {
     constructor() {
@@ -115,11 +115,11 @@ class ModalDrawerComponent {
         this.modalContent.set(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalDrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ModalDrawerComponent, isStandalone: true, selector: "dialog[rdsite-modal-drawer]#rdsite-modal-drawer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, modalContent: { classPropertyName: "modalContent", publicName: "modalContent", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", modalContent: "modalContentChange", componentStyle: "componentStyleChange" }, host: { listeners: { "touchstart": "onDragStart($event)", "touchmove": "onDragMove($event)", "touchend": "onDragEnd($event)" }, properties: { "class": "this.classBinding", "style": "this.styleBinding" } }, ngImport: i0, template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n  <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n  <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n    <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n      <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n        <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n      </div>\n      <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </a>\n    </div>\n    <div class=\"body\" data-testid=\"__modal-drawer-body\">\n      @if (modalContent()) {\n        <ng-container>\n          <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n        </ng-container>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--primary-dark)}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ModalDrawerComponent, isStandalone: true, selector: "dialog[rdsite-modal-drawer]#rdsite-modal-drawer", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, modalContent: { classPropertyName: "modalContent", publicName: "modalContent", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { id: "idChange", modalContent: "modalContentChange", componentStyle: "componentStyleChange" }, host: { listeners: { "touchstart": "onDragStart($event)", "touchmove": "onDragMove($event)", "touchend": "onDragEnd($event)" }, properties: { "class": "this.classBinding", "style": "this.styleBinding" } }, ngImport: i0, template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\r\n  <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\r\n  <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\r\n    <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\r\n      <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\r\n        <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\r\n      </div>\r\n      <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\r\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n      </a>\r\n    </div>\r\n    <div class=\"body\" data-testid=\"__modal-drawer-body\">\r\n      @if (modalContent()) {\r\n        <ng-container>\r\n          <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\r\n        </ng-container>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--primary-dark)}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalDrawerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer', imports: [CommonModule], template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n  <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n  <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n    <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n      <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n        <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n      </div>\n      <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </a>\n    </div>\n    <div class=\"body\" data-testid=\"__modal-drawer-body\">\n      @if (modalContent()) {\n        <ng-container>\n          <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\n        </ng-container>\n      }\n    </div>\n  </div>\n</div>\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--primary-dark)}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"] }]
+            args: [{ selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer', imports: [CommonModule], template: "<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\r\n  <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\r\n  <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\r\n    <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\r\n      <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\r\n        <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\r\n      </div>\r\n      <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\r\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n      </a>\r\n    </div>\r\n    <div class=\"body\" data-testid=\"__modal-drawer-body\">\r\n      @if (modalContent()) {\r\n        <ng-container>\r\n          <ng-container *ngTemplateOutlet=\"modalContent()\"></ng-container>\r\n        </ng-container>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [":host .sheet{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:fixed;inset:0;z-index:9999;visibility:visible;transition:opacity .5s,visibility .5s}:host .sheet .overlay{position:absolute;inset:0;z-index:-1;background:var(--primary-dark)}:host .sheet .contents{display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:#fff;overflow-y:hidden;--default-transitions: transform .8s, border-radius .8s;transition:var(--default-transitions);transform:translateY(0);width:100%;box-sizing:border-box}:host .sheet .contents:not(.not-selectable){transition:var(--default-transitions),height .8s}:host .sheet .controls{display:flex;position:relative}:host .sheet .draggable-area{position:absolute;top:0;width:100%;height:80px;cursor:grab;background-color:#fff}:host .sheet .draggable-thumb{position:absolute;z-index:2;left:50%;translate:-50%;top:16px;width:58px;height:8px;background-color:#e9e9e9;border-radius:8px}:host .sheet .close-sheet{position:absolute;top:5px;right:5px}:host .sheet .close-sheet:hover rdsl-icon{stroke:var(--secondary-base)}:host .sheet .close-sheet:hover rdsl-icon ::ng-deep cura-icon{--color: var(--secondary-base) !important}:host .sheet .body{flex-grow:1;width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;box-sizing:border-box}:host .sheet[aria-hidden=true] .contents{transform:translateY(100%)}:host .sheet[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}:host.doctor-card .draggable-area{background-color:#ccd9e7}:host.doctor-card .draggable-area .draggable-thumb{background-color:#85a0bc;border-radius:8px}:host.doctor-card .close-sheet{display:none}:host.doctor-card .img,:host.doctor-card .icon{position:absolute;z-index:2;left:50%;translate:-50%;top:32px;width:84px;height:84px;border-radius:65px;border:2px solid var(--primary-base);display:flex;justify-content:center;align-items:center}:host.doctor-card .img{background-position:50%;background-size:cover}:host.doctor-card .icon{background-color:#d7f3ff}:host.doctor-card .icon rdsl-icon{width:97%;height:auto}:host.doctor-card .icon rdsl-icon{stroke:var(--primary-base);stroke-width:3px}:host.doctor-card .icon rdsl-icon ::ng-deep cura-icon{--color: var(--primary-base) !important}:host.doctor-card p{text-align:left;padding-bottom:8px}:host.doctor-card .info{padding-top:120px}:host.doctor-card .info p{color:#4f4f4f;font-size:18px;font-weight:500;line-height:28px}:host.doctor-card .info .description p:first-of-type{color:#828282;font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .description p:nth-of-type(2){color:var(--primary-base);font-size:12px;font-weight:400;line-height:125%}:host.doctor-card .info .curriculo{padding-top:20px;overflow-y:auto;max-height:40vh}:host.doctor-card .info .curriculo li{list-style:none;display:flex;gap:10px;text-align:left;margin-bottom:12px;font-size:14px;line-height:125%;color:#4a4a4a}:host.doctor-card .info .curriculo li:before{content:\"\";width:8px;height:8px;border-radius:50%;background-color:var(--secondary-base);display:block;flex-shrink:0;margin-top:5px}:host.doctor-card .schedule{padding-top:24px}:host.doctor-card .schedule .rdsl-button-small{width:100%;height:38px}:host.form-fallback .sheet .contents{height:40vh;width:90%}:host.form-fallback .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents{width:90%;border:2px solid #d4d4d4}:host.filter-doencas .sheet .contents .controls{display:none}:host.filter-doencas .sheet .contents .close-sheet{display:none}\n"] }]
         }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }, { type: i0.Output, args: ["idChange"] }], modalContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "modalContent", required: false }] }, { type: i0.Output, args: ["modalContentChange"] }], componentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentStyle", required: false }] }, { type: i0.Output, args: ["componentStyleChange"] }], classBinding: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-modal-drawer.mjs","sources":["../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.ts","../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.html","../../../projects/site-front-end-lib/components/modal-drawer/rededor-site-front-end-lib-components-modal-drawer.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { ChangeDetectorRef, Component, DOCUMENT, HostBinding, HostListener, inject, model, PLATFORM_ID, computed } from '@angular/core';\nimport { AbstractModalDrawerComponent, RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer',\n imports: [CommonModule],\n templateUrl: './modal-drawer.component.html',\n styleUrl: './modal-drawer.component.scss',\n})\nexport class ModalDrawerComponent implements AbstractModalDrawerComponent {\n private readonly curaApiService = inject(CuraApiService);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly document = inject(DOCUMENT);\n private readonly cdr = inject(ChangeDetectorRef);\n\n sheet!: HTMLElement;\n sheetContents!: HTMLElement;\n draggableArea!: HTMLElement;\n sheetHeight!: number;\n dragPosition!: number;\n maxHeight = 75; // isso também pode ser controlado pelo service\n\n closeHeight = this.maxHeight / 1.5;\n\n rdsiteModalComponentStyle = RdsiteModalDrawerComponentStyle;\n\n id = model<string>('default');\n modalContent = model<any>();\n componentStyle = model<RdsiteModalDrawerComponentStyle>(RdsiteModalDrawerComponentStyle.DEFAULT);\n\n modal!: HTMLDialogElement;\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n @HostBinding('class') get classBinding() {\n return {\n 'filter-doencas': this.componentStyle() === RdsiteModalDrawerComponentStyle.FILTERDOENCAS,\n };\n }\n\n @HostBinding('style') styleBinding = {\n '--primary-dark': this.curaApiService.theme.colors.getColor('primary-dark', 0.9),\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\n '--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),\n '--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),\n };\n\n ngOnInit() {\n this.modal = this.document.getElementById('rdsite-modal-drawer') as HTMLDialogElement;\n }\n\n ngAfterViewInit(): void {\n if (isPlatformBrowser(this.platformId)) {\n this.sheet = this.document.querySelector('#sheet')!;\n this.sheetContents = this.sheet.querySelector('.contents')!;\n this.draggableArea = this.sheet.querySelector('.draggable-area')!;\n }\n }\n\n setSheetHeight(value: number) {\n this.sheetHeight = Math.max(0, Math.min(100, value));\n if (this.sheetHeight > this.maxHeight) {\n return;\n }\n this.sheetContents.style.height = `${this.sheetHeight}vh`;\n }\n\n setIsSheetShown(isShown: boolean) {\n this.sheet.setAttribute('aria-hidden', String(!isShown));\n if (isPlatformBrowser(this.platformId) && !isShown) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n }\n }\n }\n\n openSheet() {\n if (this.componentStyle() === RdsiteModalDrawerComponentStyle.FORMFALLBACK) {\n this.maxHeight = 45;\n this.closeHeight = this.maxHeight / 1.5;\n }\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'hidden';\n this.cdr.detectChanges();\n (this.modal as any).showModal();\n this.setSheetHeight(Math.min(this.maxHeight, (720 / window.innerHeight) * 100));\n this.setIsSheetShown(true);\n }\n }\n }\n\n closeSheet() {\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n (this.modal as any).close();\n this.reset();\n this.setIsSheetShown(false);\n }\n }\n }\n\n touchPosition(event: any) {\n return event?.touches ? event.touches[0] : event;\n }\n\n @HostListener('touchstart', ['$event'])\n onDragStart(event: TouchEvent) {\n this.dragPosition = this.touchPosition(event).pageY;\n this.sheetContents.classList.add('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = 'grabbing';\n }\n\n @HostListener('touchmove', ['$event'])\n onDragMove(event: TouchEvent) {\n if (this.dragPosition === undefined) return;\n\n const y = this.touchPosition(event).pageY;\n const deltaY = this.dragPosition - y;\n const deltaHeight = (deltaY / window.innerHeight) * 100;\n\n this.setSheetHeight(this.sheetHeight + deltaHeight);\n this.dragPosition = y;\n }\n\n @HostListener('touchend', ['$event'])\n onDragEnd() {\n this.dragPosition = 0;\n this.sheetContents.classList.remove('not-selectable');\n this.draggableArea.style.cursor = this.document.body.style.cursor = '';\n\n if (this.sheetHeight < this.closeHeight) {\n this.closeSheet();\n } else {\n this.setSheetHeight(this.maxHeight);\n }\n }\n\n public reset() {\n this.modalContent.set(null as any);\n }\n}\n","<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\n </div>\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n </div>\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\n @if (modalContent()) {\n <ng-container>\n <ng-container ngTemplateOutlet=\"modalContent()\"></ng-container>\n </ng-container>\n }\n </div>\n </div>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-modal-drawer.mjs","sources":["../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.ts","../../../projects/site-front-end-lib/components/modal-drawer/modal-drawer.component.html","../../../projects/site-front-end-lib/components/modal-drawer/rededor-site-front-end-lib-components-modal-drawer.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\r\nimport { ChangeDetectorRef, Component, DOCUMENT, HostBinding, HostListener, inject, model, PLATFORM_ID, computed } from '@angular/core';\r\nimport { AbstractModalDrawerComponent, RdsiteModalDrawerComponentStyle } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/cura-angular/api';\r\n\r\n@Component({\r\n selector: 'dialog[rdsite-modal-drawer]#rdsite-modal-drawer',\r\n imports: [CommonModule],\r\n templateUrl: './modal-drawer.component.html',\r\n styleUrl: './modal-drawer.component.scss',\r\n})\r\nexport class ModalDrawerComponent implements AbstractModalDrawerComponent {\r\n private readonly curaApiService = inject(CuraApiService);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n private readonly document = inject(DOCUMENT);\r\n private readonly cdr = inject(ChangeDetectorRef);\r\n\r\n sheet!: HTMLElement;\r\n sheetContents!: HTMLElement;\r\n draggableArea!: HTMLElement;\r\n sheetHeight!: number;\r\n dragPosition!: number;\r\n maxHeight = 75; // isso também pode ser controlado pelo service\r\n\r\n closeHeight = this.maxHeight / 1.5;\r\n\r\n rdsiteModalComponentStyle = RdsiteModalDrawerComponentStyle;\r\n\r\n id = model<string>('default');\r\n modalContent = model<any>();\r\n componentStyle = model<RdsiteModalDrawerComponentStyle>(RdsiteModalDrawerComponentStyle.DEFAULT);\r\n\r\n modal!: HTMLDialogElement;\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n @HostBinding('class') get classBinding() {\r\n return {\r\n 'filter-doencas': this.componentStyle() === RdsiteModalDrawerComponentStyle.FILTERDOENCAS,\r\n };\r\n }\r\n\r\n @HostBinding('style') styleBinding = {\r\n '--primary-dark': this.curaApiService.theme.colors.getColor('primary-dark', 0.9),\r\n '--primary-base': this.curaApiService.theme.colors.getColor('primary-base'),\r\n '--primary-light': this.curaApiService.theme.colors.getColor('primary-light'),\r\n '--secondary-base': this.curaApiService.theme.colors.getColor('secondary-base'),\r\n };\r\n\r\n ngOnInit() {\r\n this.modal = this.document.getElementById('rdsite-modal-drawer') as HTMLDialogElement;\r\n }\r\n\r\n ngAfterViewInit(): void {\r\n if (isPlatformBrowser(this.platformId)) {\r\n this.sheet = this.document.querySelector('#sheet')!;\r\n this.sheetContents = this.sheet.querySelector('.contents')!;\r\n this.draggableArea = this.sheet.querySelector('.draggable-area')!;\r\n }\r\n }\r\n\r\n setSheetHeight(value: number) {\r\n this.sheetHeight = Math.max(0, Math.min(100, value));\r\n if (this.sheetHeight > this.maxHeight) {\r\n return;\r\n }\r\n this.sheetContents.style.height = `${this.sheetHeight}vh`;\r\n }\r\n\r\n setIsSheetShown(isShown: boolean) {\r\n this.sheet.setAttribute('aria-hidden', String(!isShown));\r\n if (isPlatformBrowser(this.platformId) && !isShown) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'auto';\r\n }\r\n }\r\n }\r\n\r\n openSheet() {\r\n if (this.componentStyle() === RdsiteModalDrawerComponentStyle.FORMFALLBACK) {\r\n this.maxHeight = 45;\r\n this.closeHeight = this.maxHeight / 1.5;\r\n }\r\n if (isPlatformBrowser(this.platformId)) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'hidden';\r\n this.cdr.detectChanges();\r\n (this.modal as any).showModal();\r\n this.setSheetHeight(Math.min(this.maxHeight, (720 / window.innerHeight) * 100));\r\n this.setIsSheetShown(true);\r\n }\r\n }\r\n }\r\n\r\n closeSheet() {\r\n if (isPlatformBrowser(this.platformId)) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'auto';\r\n (this.modal as any).close();\r\n this.reset();\r\n this.setIsSheetShown(false);\r\n }\r\n }\r\n }\r\n\r\n touchPosition(event: any) {\r\n return event?.touches ? event.touches[0] : event;\r\n }\r\n\r\n @HostListener('touchstart', ['$event'])\r\n onDragStart(event: TouchEvent) {\r\n this.dragPosition = this.touchPosition(event).pageY;\r\n this.sheetContents.classList.add('not-selectable');\r\n this.draggableArea.style.cursor = this.document.body.style.cursor = 'grabbing';\r\n }\r\n\r\n @HostListener('touchmove', ['$event'])\r\n onDragMove(event: TouchEvent) {\r\n if (this.dragPosition === undefined) return;\r\n\r\n const y = this.touchPosition(event).pageY;\r\n const deltaY = this.dragPosition - y;\r\n const deltaHeight = (deltaY / window.innerHeight) * 100;\r\n\r\n this.setSheetHeight(this.sheetHeight + deltaHeight);\r\n this.dragPosition = y;\r\n }\r\n\r\n @HostListener('touchend', ['$event'])\r\n onDragEnd() {\r\n this.dragPosition = 0;\r\n this.sheetContents.classList.remove('not-selectable');\r\n this.draggableArea.style.cursor = this.document.body.style.cursor = '';\r\n\r\n if (this.sheetHeight < this.closeHeight) {\r\n this.closeSheet();\r\n } else {\r\n this.setSheetHeight(this.maxHeight);\r\n }\r\n }\r\n\r\n public reset() {\r\n this.modalContent.set(null as any);\r\n }\r\n}\r\n","<div id=\"sheet\" class=\"sheet\" aria-hidden=\"true\" data-testid=\"__modal-drawer-sheet\">\r\n <div class=\"overlay\" data-testid=\"__modal-drawer-overlay\"></div>\r\n <div class=\"contents\" data-testid=\"__modal-drawer-contents\">\r\n <div class=\"controls\" data-testid=\"__modal-drawer-controls\">\r\n <div class=\"draggable-area\" data-testid=\"__modal-drawer-draggable-area\">\r\n <div class=\"draggable-thumb\" data-testid=\"__modal-drawer-draggable-thumb\"></div>\r\n </div>\r\n <a class=\"close-sheet\" type=\"button\" title=\"Close the sheet\" (click)=\"closeSheet()\">\r\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n <div class=\"body\" data-testid=\"__modal-drawer-body\">\r\n @if (modalContent()) {\r\n <ng-container>\r\n <ng-container ngTemplateOutlet=\"modalContent()\"></ng-container>\r\n </ng-container>\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-modal.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { inject, PLATFORM_ID, DOCUMENT, ChangeDetectorRef, computed, HostBinding, HostListener, Component } from '@angular/core';
 import { ModalService } from '@rededor/site-front-end-lib/core';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraApiService } from '@rededor/cura-angular/api';
 class ModalComponent {
     constructor() {
@@ -58,11 +58,11 @@ class ModalComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ModalComponent, isStandalone: true, selector: "dialog[rdsite-modal]#rdsite-modal", host: { listeners: { "document:keydown.escape": "closeModalOnEscape()", "click": "closeModalOnClick()" }, properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (modalContent) {\n  <div class=\"rdsite-modal-container\">\n    <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\n      <a class=\"close-button\" (click)=\"close()\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </a>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\n    </div>\n  </div>\n}\n", styles: [":host{width:100vw;height:100vh;margin:auto;background-color:transparent}:host::backdrop{background:var(--backdrop-color, rgba(0, 47, 108, .9))}:host .rdsite-modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host .rdsite-modal-content{position:relative}:host .rdsite-modal-content .close-button{position:absolute;top:7px;right:7px;cursor:pointer}:host .rdsite-modal-content .close-button svg{stroke:var(--close-color, rgb(235, 87, 87));stroke-width:2px;fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ModalComponent, isStandalone: true, selector: "dialog[rdsite-modal]#rdsite-modal", host: { listeners: { "document:keydown.escape": "closeModalOnEscape()", "click": "closeModalOnClick()" }, properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (modalContent) {\r\n  <div class=\"rdsite-modal-container\">\r\n    <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\r\n      <a class=\"close-button\" (click)=\"close()\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n      </a>\r\n      <ng-container *ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{width:100vw;height:100vh;margin:auto;background-color:transparent}:host::backdrop{background:var(--backdrop-color, rgba(0, 47, 108, .9))}:host .rdsite-modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host .rdsite-modal-content{position:relative}:host .rdsite-modal-content .close-button{position:absolute;top:7px;right:7px;cursor:pointer}:host .rdsite-modal-content .close-button svg{stroke:var(--close-color, rgb(235, 87, 87));stroke-width:2px;fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dialog[rdsite-modal]#rdsite-modal', imports: [CommonModule], template: "@if (modalContent) {\n  <div class=\"rdsite-modal-container\">\n    <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\n      <a class=\"close-button\" (click)=\"close()\">\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n        </svg>\n      </a>\n      <ng-container *ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\n    </div>\n  </div>\n}\n", styles: [":host{width:100vw;height:100vh;margin:auto;background-color:transparent}:host::backdrop{background:var(--backdrop-color, rgba(0, 47, 108, .9))}:host .rdsite-modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host .rdsite-modal-content{position:relative}:host .rdsite-modal-content .close-button{position:absolute;top:7px;right:7px;cursor:pointer}:host .rdsite-modal-content .close-button svg{stroke:var(--close-color, rgb(235, 87, 87));stroke-width:2px;fill:none}\n"] }]
+            args: [{ selector: 'dialog[rdsite-modal]#rdsite-modal', imports: [CommonModule], template: "@if (modalContent) {\r\n  <div class=\"rdsite-modal-container\">\r\n    <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\r\n      <a class=\"close-button\" (click)=\"close()\">\r\n        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n          <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n        </svg>\r\n      </a>\r\n      <ng-container *ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [":host{width:100vw;height:100vh;margin:auto;background-color:transparent}:host::backdrop{background:var(--backdrop-color, rgba(0, 47, 108, .9))}:host .rdsite-modal-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}:host .rdsite-modal-content{position:relative}:host .rdsite-modal-content .close-button{position:absolute;top:7px;right:7px;cursor:pointer}:host .rdsite-modal-content .close-button svg{stroke:var(--close-color, rgb(235, 87, 87));stroke-width:2px;fill:none}\n"] }]
         }], propDecorators: { closeModalOnEscape: [{
                 type: HostListener,
                 args: ['document:keydown.escape']

package/fesm2022/rededor-site-front-end-lib-components-modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-modal.mjs","sources":["../../../projects/site-front-end-lib/components/modal/modal.component.ts","../../../projects/site-front-end-lib/components/modal/modal.component.html","../../../projects/site-front-end-lib/components/modal/rededor-site-front-end-lib-components-modal.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\nimport { Component, HostBinding, PLATFORM_ID, DOCUMENT, inject, HostListener, TemplateRef, ChangeDetectorRef, computed } from '@angular/core';\nimport { AbstractModalComponent, ModalService } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/~~site~~-~~front-end-lib~~/~~cura/~~api';\n\n@Component({\n selector: 'dialog[rdsite-modal]#rdsite-modal',\n imports: [CommonModule],\n templateUrl: './modal.component.html',\n styleUrl: './modal.component.scss',\n})\nexport class ModalComponent implements AbstractModalComponent {\n private readonly curaApiService = inject(CuraApiService);\n private readonly modalService = inject(ModalService);\n private readonly platformId = inject(PLATFORM_ID);\n private readonly document = inject(DOCUMENT);\n private readonly cdr = inject(ChangeDetectorRef);\n\n // Controlado pelo ModalService\n modalContent: TemplateRef<any> \| null = null;\n modalContentContext: Record<string, any> \| null = null;\n\n modal!: HTMLDialogElement;\n\n @HostListener('document:keydown.escape')\n closeModalOnEscape() {\n if (this.modal.open) {\n this.close();\n }\n }\n\n @HostListener('click')\n closeModalOnClick() {\n if (this.modal.open) {\n this.close();\n }\n }\n\n @HostBinding('style') styleBinding = {\n '--backdrop-color': this.curaApiService.theme.colors.getColor('primary-base', 0.9),\n '--close-color': this.curaApiService.theme.colors.getColor('error-base'),\n };\n\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\n\n ngOnInit() {\n this.modal = this.document.getElementById('rdsite-modal') as HTMLDialogElement;\n }\n\n // Controlado pelo ModalService\n public open() {\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'hidden';\n this.cdr.detectChanges();\n this.modal.showModal();\n }\n }\n }\n\n // Controlado pelo proprio componente e pelo ModalService\n public close() {\n if (isPlatformBrowser(this.platformId)) {\n const body = this.document.querySelector('body');\n if (body) {\n body.style.overflowY = 'auto';\n this.modalContent = null;\n this.modalContentContext = null;\n this.modal.close();\n }\n }\n }\n}\n","@if (modalContent) {\n <div class=\"rdsite-modal-container\">\n <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\n <a class=\"close-button\" (click)=\"close()\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\n </svg>\n </a>\n <ng-container ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\n </div>\n </div>\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;MAWa,cAAc,CAAA;AAN3B,IAAA,WAAA,GAAA;AAOmB,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AACvC,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;AACnC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AAChC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC3B,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;;QAGhD,IAAA,CAAA,YAAY,GAA4B,IAAI;QAC5C,IAAA,CAAA,mBAAmB,GAA+B,IAAI;AAkBhC,QAAA,IAAA,CAAA,YAAY,GAAG;AACnC,YAAA,kBAAkB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,CAAC;AAClF,YAAA,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC;SACzE;AAEM,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,cAAc,CAAC,eAAe,EAAE,sDAAC;AA8B1E,IAAA;IAhDC,kBAAkB,GAAA;AAChB,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,IAAI,CAAC,KAAK,EAAE;QACd;IACF;IAGA,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACnB,IAAI,CAAC,KAAK,EAAE;QACd;IACF;IASA,QAAQ,GAAA;QACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAsB;IAChF;;IAGO,IAAI,GAAA;AACT,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;YAChD,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ;AAC/B,gBAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE;AACxB,gBAAA,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB;QACF;IACF;;IAGO,KAAK,GAAA;AACV,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;YAChD,IAAI,IAAI,EAAE;AACR,gBAAA,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM;AAC7B,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,gBAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;AAC/B,gBAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB;QACF;IACF;+GA7DW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mCAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,yBAAA,EAAA,sBAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX3B,~~uiBAYA,~~EAAA,MAAA,EAAA,CAAA,+fAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;+BACE,mCAAmC,EAAA,OAAA,EACpC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,~~uiBAAA,~~EAAA,MAAA,EAAA,CAAA,+fAAA,CAAA,EAAA;;sBAiBtB,YAAY;uBAAC,yBAAyB;;sBAOtC,YAAY;uBAAC,OAAO;;sBAOpB,WAAW;uBAAC,OAAO;;;AEtCtB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-modal.mjs","sources":["../../../projects/site-front-end-lib/components/modal/modal.component.ts","../../../projects/site-front-end-lib/components/modal/modal.component.html","../../../projects/site-front-end-lib/components/modal/rededor-site-front-end-lib-components-modal.ts"],"sourcesContent":["import { CommonModule, isPlatformBrowser } from '@angular/common';\r\nimport { Component, HostBinding, PLATFORM_ID, DOCUMENT, inject, HostListener, TemplateRef, ChangeDetectorRef, computed } from '@angular/core';\r\nimport { AbstractModalComponent, ModalService } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/cura-angular/api';\r\n\r\n@Component({\r\n selector: 'dialog[rdsite-modal]#rdsite-modal',\r\n imports: [CommonModule],\r\n templateUrl: './modal.component.html',\r\n styleUrl: './modal.component.scss',\r\n})\r\nexport class ModalComponent implements AbstractModalComponent {\r\n private readonly curaApiService = inject(CuraApiService);\r\n private readonly modalService = inject(ModalService);\r\n private readonly platformId = inject(PLATFORM_ID);\r\n private readonly document = inject(DOCUMENT);\r\n private readonly cdr = inject(ChangeDetectorRef);\r\n\r\n // Controlado pelo ModalService\r\n modalContent: TemplateRef<any> \| null = null;\r\n modalContentContext: Record<string, any> \| null = null;\r\n\r\n modal!: HTMLDialogElement;\r\n\r\n @HostListener('document:keydown.escape')\r\n closeModalOnEscape() {\r\n if (this.modal.open) {\r\n this.close();\r\n }\r\n }\r\n\r\n @HostListener('click')\r\n closeModalOnClick() {\r\n if (this.modal.open) {\r\n this.close();\r\n }\r\n }\r\n\r\n @HostBinding('style') styleBinding = {\r\n '--backdrop-color': this.curaApiService.theme.colors.getColor('primary-base', 0.9),\r\n '--close-color': this.curaApiService.theme.colors.getColor('error-base'),\r\n };\r\n\r\n public assetsPath = computed(() => this.curaApiService.localAssetsPath());\r\n\r\n ngOnInit() {\r\n this.modal = this.document.getElementById('rdsite-modal') as HTMLDialogElement;\r\n }\r\n\r\n // Controlado pelo ModalService\r\n public open() {\r\n if (isPlatformBrowser(this.platformId)) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'hidden';\r\n this.cdr.detectChanges();\r\n this.modal.showModal();\r\n }\r\n }\r\n }\r\n\r\n // Controlado pelo proprio componente e pelo ModalService\r\n public close() {\r\n if (isPlatformBrowser(this.platformId)) {\r\n const body = this.document.querySelector('body');\r\n if (body) {\r\n body.style.overflowY = 'auto';\r\n this.modalContent = null;\r\n this.modalContentContext = null;\r\n this.modal.close();\r\n }\r\n }\r\n }\r\n}\r\n","@if (modalContent) {\r\n <div class=\"rdsite-modal-container\">\r\n <div class=\"rdsite-modal-content\" (click)=\"$event.stopPropagation()\">\r\n <a class=\"close-button\" (click)=\"close()\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\r\n <use [attr.xlink:href]=\"assetsPath() + '/icons/iconset-default.svg#close'\"></use>\r\n </svg>\r\n </a>\r\n <ng-container ngTemplateOutlet=\"modalContent; context: modalContentContext\"></ng-container>\r\n </div>\r\n </div>\r\n}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs CHANGED Viewed

@@ -9,11 +9,11 @@ class OverlayComponent {
         this.overlayClick.emit(undefined);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: OverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: OverlayComponent, isStandalone: true, selector: "rdsite-overlay", outputs: { overlayClick: "overlayClick" }, ngImport: i0, template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: OverlayComponent, isStandalone: true, selector: "rdsite-overlay", outputs: { overlayClick: "overlayClick" }, ngImport: i0, template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\r\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: OverlayComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-overlay', imports: [], template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }]
+            args: [{ selector: 'rdsite-overlay', imports: [], template: "<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\r\n", styles: [":host{position:absolute;z-index:9999}.rdsite-overlay{position:absolute;top:0;right:0;width:100%;height:100%;z-index:9999}\n"] }]
         }], propDecorators: { overlayClick: [{ type: i0.Output, args: ["overlayClick"] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-overlay.mjs","sources":["../../../projects/site-front-end-lib/components/overlay/overlay.component.ts","../../../projects/site-front-end-lib/components/overlay/overlay.component.html","../../../projects/site-front-end-lib/components/overlay/rededor-site-front-end-lib-components-overlay.ts"],"sourcesContent":["import { Component, output } from '@angular/core';\n\n@Component({\n selector: 'rdsite-overlay',\n imports: [],\n templateUrl: './overlay.component.html',\n styleUrl: './overlay.component.scss',\n})\nexport class OverlayComponent {\n readonly overlayClick = output<any>();\n\n overlayClicked() {\n this.overlayClick.emit(undefined);\n }\n}\n","<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;QAOW,IAAA,CAAA,YAAY,GAAG,MAAM,EAAO;AAKtC,IAAA;IAHC,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;IACnC;+GALW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qHCR7B,~~qEACA~~,EAAA,MAAA,EAAA,CAAA,6HAAA,CAAA,EAAA,CAAA,CAAA;;4FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,EAAE,EAAA,QAAA,EAAA,~~qEAAA~~,EAAA,MAAA,EAAA,CAAA,6HAAA,CAAA,EAAA;;;AEJb;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-overlay.mjs","sources":["../../../projects/site-front-end-lib/components/overlay/overlay.component.ts","../../../projects/site-front-end-lib/components/overlay/overlay.component.html","../../../projects/site-front-end-lib/components/overlay/rededor-site-front-end-lib-components-overlay.ts"],"sourcesContent":["import { Component, output } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'rdsite-overlay',\r\n imports: [],\r\n templateUrl: './overlay.component.html',\r\n styleUrl: './overlay.component.scss',\r\n})\r\nexport class OverlayComponent {\r\n readonly overlayClick = output<any>();\r\n\r\n overlayClicked() {\r\n this.overlayClick.emit(undefined);\r\n }\r\n}\r\n","<div class=\"rdsite-overlay\" (click)=\"overlayClicked()\"></div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;MAQa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;QAOW,IAAA,CAAA,YAAY,GAAG,MAAM,EAAO;AAKtC,IAAA;IAHC,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC;IACnC;+GALW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,qHCR7B,uEACA,EAAA,MAAA,EAAA,CAAA,6HAAA,CAAA,EAAA,CAAA,CAAA;;4FDOa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,WACjB,EAAE,EAAA,QAAA,EAAA,uEAAA,EAAA,MAAA,EAAA,CAAA,6HAAA,CAAA,EAAA;;;AEJb;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs CHANGED Viewed

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { inject, input, HostBinding, Component } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
+import { CuraApiService } from '@rededor/cura-angular/api';
 import { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';
-import { CuraParagraphComponent } from '@rededor/site-front-end-lib/cura/texts/cura-paragraph';
+import { CuraParagraphComponent } from '@rededor/cura-angular/texts/cura-paragraph';
 import { ImageComponent } from '@rededor/site-front-end-lib/components/image';
 class PageHeaderComponent {
@@ -34,11 +34,11 @@ class PageHeaderComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { preTitle: { classPropertyName: "preTitle", publicName: "preTitle", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, pageHeaderText: { classPropertyName: "pageHeaderText", publicName: "pageHeaderText", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, imgMimeType: { classPropertyName: "imgMimeType", publicName: "imgMimeType", isSignal: true, isRequired: false, transformFunction: null }, imgAlt: { classPropertyName: "imgAlt", publicName: "imgAlt", isSignal: true, isRequired: false, transformFunction: null }, imgTitle: { classPropertyName: "imgTitle", publicName: "imgTitle", isSignal: true, isRequired: false, transformFunction: null }, starTheme: { classPropertyName: "starTheme", publicName: "starTheme", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsLabelIconColor: { classPropertyName: "breadcrumbsLabelIconColor", publicName: "breadcrumbsLabelIconColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n  <div class=\"page-header-container\">\n    @if (breadcrumbs().length) {\n      <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n    }\n    <div class=\"page-header-content\">\n      @if (imgUrl()) {\n        <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n      }\n\n      <div class=\"page-header-content-info\">\n        @if (preTitle()) {\n          <h2>{{ preTitle() }}</h2>\n        }\n        @if (pageTitle()) {\n          <h1>{{ pageTitle() }}</h1>\n        }\n        @if (pageHeaderText()) {\n          <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n        }\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-header-container .page-header-content-info h2{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:19px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase;padding-top:52px}.page-header-container .page-header-content-info h2:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--primary-lighter);margin:8px auto 0}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width:769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width:769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}.page-header.starTheme .page-header-container .page-header-content-info h2{color:var(--neutral-black);font-weight:300}.page-header.starTheme .page-header-container .page-header-content-info h1{color:var(--secondary-darker);font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs", "mobileBackView"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageHeaderComponent, isStandalone: true, selector: "rdsite-page-header", inputs: { preTitle: { classPropertyName: "preTitle", publicName: "preTitle", isSignal: true, isRequired: false, transformFunction: null }, pageTitle: { classPropertyName: "pageTitle", publicName: "pageTitle", isSignal: true, isRequired: false, transformFunction: null }, pageHeaderText: { classPropertyName: "pageHeaderText", publicName: "pageHeaderText", isSignal: true, isRequired: false, transformFunction: null }, hasPadding: { classPropertyName: "hasPadding", publicName: "hasPadding", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbs: { classPropertyName: "breadcrumbs", publicName: "breadcrumbs", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, imgMimeType: { classPropertyName: "imgMimeType", publicName: "imgMimeType", isSignal: true, isRequired: false, transformFunction: null }, imgAlt: { classPropertyName: "imgAlt", publicName: "imgAlt", isSignal: true, isRequired: false, transformFunction: null }, imgTitle: { classPropertyName: "imgTitle", publicName: "imgTitle", isSignal: true, isRequired: false, transformFunction: null }, starTheme: { classPropertyName: "starTheme", publicName: "starTheme", isSignal: true, isRequired: false, transformFunction: null }, breadcrumbsLabelIconColor: { classPropertyName: "breadcrumbsLabelIconColor", publicName: "breadcrumbsLabelIconColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\r\n  <div class=\"page-header-container\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    <div class=\"page-header-content\">\r\n      @if (imgUrl()) {\r\n        <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\r\n      }\r\n\r\n      <div class=\"page-header-content-info\">\r\n        @if (preTitle()) {\r\n          <h2>{{ preTitle() }}</h2>\r\n        }\r\n        @if (pageTitle()) {\r\n          <h1>{{ pageTitle() }}</h1>\r\n        }\r\n        @if (pageHeaderText()) {\r\n          <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n        }\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-header-container .page-header-content-info h2{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:19px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase;padding-top:52px}.page-header-container .page-header-content-info h2:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--primary-lighter);margin:8px auto 0}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}.page-header.starTheme .page-header-container .page-header-content-info h2{color:var(--neutral-black);font-weight:300}.page-header.starTheme .page-header-container .page-header-content-info h1{color:var(--secondary-darker);font-weight:300}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BreadcrumbsComponent, selector: "rdsite-breadcrumbs", inputs: ["labelIconColor", "fontWeight", "breadcrumbs", "mobileBackView"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-page-header', imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n  <div class=\"page-header-container\">\n    @if (breadcrumbs().length) {\n      <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n    }\n    <div class=\"page-header-content\">\n      @if (imgUrl()) {\n        <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n      }\n\n      <div class=\"page-header-content-info\">\n        @if (preTitle()) {\n          <h2>{{ preTitle() }}</h2>\n        }\n        @if (pageTitle()) {\n          <h1>{{ pageTitle() }}</h1>\n        }\n        @if (pageHeaderText()) {\n          <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n        }\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-header-container .page-header-content-info h2{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:19px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase;padding-top:52px}.page-header-container .page-header-content-info h2:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--primary-lighter);margin:8px auto 0}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width:769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width:769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}.page-header.starTheme .page-header-container .page-header-content-info h2{color:var(--neutral-black);font-weight:300}.page-header.starTheme .page-header-container .page-header-content-info h1{color:var(--secondary-darker);font-weight:300}\n"] }]
+            args: [{ selector: 'rdsite-page-header', imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent], template: "<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\r\n  <div class=\"page-header-container\">\r\n    @if (breadcrumbs().length) {\r\n      <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n    }\r\n    <div class=\"page-header-content\">\r\n      @if (imgUrl()) {\r\n        <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\r\n      }\r\n\r\n      <div class=\"page-header-content-info\">\r\n        @if (preTitle()) {\r\n          <h2>{{ preTitle() }}</h2>\r\n        }\r\n        @if (pageTitle()) {\r\n          <h1>{{ pageTitle() }}</h1>\r\n        }\r\n        @if (pageHeaderText()) {\r\n          <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n        }\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".page-header{background-color:var(--bg-color)}.page-header-container{display:flex;flex-direction:column;gap:16px;padding:30px 0;box-sizing:border-box;width:90%;position:relative;max-width:1366px;margin-left:auto;margin-right:auto}.page-header-container.full-container{width:100%;max-width:100%}.page-header-container .page-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.page-header-container .page-header-content rdsite-image{width:120px;height:120px;border-radius:50%;margin-top:16px}.page-header-container .page-header-content-info{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.page-header-container .page-header-content-info h2{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:19px;font-weight:700;line-height:28px;letter-spacing:0;text-transform:uppercase;padding-top:52px}.page-header-container .page-header-content-info h2:after{content:\"\";display:block;width:100%;height:1px;background-color:var(--primary-lighter);margin:8px auto 0}.page-header-container .page-header-content-info h1{color:var(--neutral-purewhite);font-family:var(--font-family);font-size:32px;font-weight:700;line-height:--fonts-Display-S-lineHeight,43px;letter-spacing:-1.68px}@media screen and (min-width: 769px){.page-header-container .page-header-content-info h1{font-size:48px;line-height:57px;letter-spacing:-1.92px}}@media screen and (min-width: 769px){.page-header .page-header-container{gap:12px;padding:50px 0}.page-header .page-header-container .page-header-content{flex-direction:row;align-items:flex-start;gap:40px}.page-header .page-header-container .page-header-content rdsite-image{margin-top:0}.page-header .page-header-container .page-header-content-info{align-items:flex-start}.page-header.more-padding{padding-inline:102px}}.page-header.starTheme .page-header-container .page-header-content-info h2{color:var(--neutral-black);font-weight:300}.page-header.starTheme .page-header-container .page-header-content-info h1{color:var(--secondary-darker);font-weight:300}\n"] }]
         }], propDecorators: { preTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "preTitle", required: false }] }], pageTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageTitle", required: false }] }], pageHeaderText: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageHeaderText", required: false }] }], hasPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasPadding", required: false }] }], breadcrumbs: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbs", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], imgUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgUrl", required: false }] }], imgMimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgMimeType", required: false }] }], imgAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgAlt", required: false }] }], imgTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgTitle", required: false }] }], starTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "starTheme", required: false }] }], breadcrumbsLabelIconColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumbsLabelIconColor", required: false }] }], style: [{
                 type: HostBinding,
                 args: ['style']

package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-page-header.mjs","sources":["../../../projects/site-front-end-lib/components/page-header/page-header.component.ts","../../../projects/site-front-end-lib/components/page-header/page-header.component.html","../../../projects/site-front-end-lib/components/page-header/rededor-site-front-end-lib-components-page-header.ts"],"sourcesContent":["import { Component, HostBinding, input, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BreadcrumbsItems } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/~~site~~-~~front-end-lib~~/~~cura/~~api';\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\nimport { CuraParagraphComponent } from '@rededor/~~site~~-~~front-end-lib~~/~~cura/~~texts/cura-paragraph';\nimport { ImageComponent } from '@rededor/site-front-end-lib/components/image';\n\n@Component({\n selector: 'rdsite-page-header',\n imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent],\n templateUrl: './page-header.component.html',\n styleUrls: ['./page-header.component.scss'],\n})\nexport class PageHeaderComponent {\n private readonly curaApiService = inject(CuraApiService);\n\n readonly preTitle = input<string>('');\n readonly pageTitle = input<string>('');\n readonly pageHeaderText = input<string>('');\n readonly hasPadding = input<boolean>(false);\n readonly breadcrumbs = input<BreadcrumbsItems[]>([]);\n readonly bgColor = input<string>('primary-base');\n readonly imgUrl = input<string>('');\n readonly imgMimeType = input<any>('');\n readonly imgAlt = input<string>('Imagem do header');\n readonly imgTitle = input<string>('Imagem do header');\n readonly starTheme = input<boolean>(false);\n readonly breadcrumbsLabelIconColor = input<string>('neutral-purewhite');\n\n @HostBinding('style') get style() {\n return {\n '--bg-color': this.starTheme() ? '#F7F5F1' : this.curaApiService.theme.colors.getColor(this.bgColor()),\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\n '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\n '--secondary-darker': this.curaApiService.theme.colors.getColor('secondary-darker'),\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n };\n }\n}\n","<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\n <div class=\"page-header-container\">\n @if (breadcrumbs().length) {\n <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\n }\n <div class=\"page-header-content\">\n @if (imgUrl()) {\n <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\n }\n\n <div class=\"page-header-content-info\">\n @if (preTitle()) {\n <h2>{{ preTitle() }}</h2>\n }\n @if (pageTitle()) {\n <h1>{{ pageTitle() }}</h1>\n }\n @if (pageHeaderText()) {\n <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\n }\n <ng-content></ng-content>\n </div>\n </div>\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~ggCAyBA~~,EAAA,MAAA,EAAA,CAAA,~~ugEAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDfY,YAAY,6HAAE,oBAAoB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,sBAAsB,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,cAAc,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,uBAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIzE,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,oBAAoB,EAAA,OAAA,EACrB,CAAC,YAAY,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,cAAc,CAAC,EAAA,QAAA,EAAA,~~ggCAAA~~,EAAA,MAAA,EAAA,CAAA,~~ugEAAA~~,CAAA,EAAA;;sBAoBpF,WAAW;uBAAC,OAAO;;;AE9BtB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-page-header.mjs","sources":["../../../projects/site-front-end-lib/components/page-header/page-header.component.ts","../../../projects/site-front-end-lib/components/page-header/page-header.component.html","../../../projects/site-front-end-lib/components/page-header/rededor-site-front-end-lib-components-page-header.ts"],"sourcesContent":["import { Component, HostBinding, input, inject } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BreadcrumbsItems } from '@rededor/site-front-end-lib/core';\r\nimport { CuraApiService } from '@rededor/cura-angular/api';\r\nimport { BreadcrumbsComponent } from '@rededor/site-front-end-lib/components/breadcrumbs';\r\nimport { CuraParagraphComponent } from '@rededor/cura-angular/texts/cura-paragraph';\r\nimport { ImageComponent } from '@rededor/site-front-end-lib/components/image';\r\n\r\n@Component({\r\n selector: 'rdsite-page-header',\r\n imports: [CommonModule, BreadcrumbsComponent, CuraParagraphComponent, ImageComponent],\r\n templateUrl: './page-header.component.html',\r\n styleUrls: ['./page-header.component.scss'],\r\n})\r\nexport class PageHeaderComponent {\r\n private readonly curaApiService = inject(CuraApiService);\r\n\r\n readonly preTitle = input<string>('');\r\n readonly pageTitle = input<string>('');\r\n readonly pageHeaderText = input<string>('');\r\n readonly hasPadding = input<boolean>(false);\r\n readonly breadcrumbs = input<BreadcrumbsItems[]>([]);\r\n readonly bgColor = input<string>('primary-base');\r\n readonly imgUrl = input<string>('');\r\n readonly imgMimeType = input<any>('');\r\n readonly imgAlt = input<string>('Imagem do header');\r\n readonly imgTitle = input<string>('Imagem do header');\r\n readonly starTheme = input<boolean>(false);\r\n readonly breadcrumbsLabelIconColor = input<string>('neutral-purewhite');\r\n\r\n @HostBinding('style') get style() {\r\n return {\r\n '--bg-color': this.starTheme() ? '#F7F5F1' : this.curaApiService.theme.colors.getColor(this.bgColor()),\r\n '--neutral-purewhite': this.curaApiService.theme.colors.getColor('neutral-purewhite'),\r\n '--neutral-black': this.curaApiService.theme.colors.getColor('neutral-black'),\r\n '--primary-lighter': this.curaApiService.theme.colors.getColor('primary-lighter'),\r\n '--secondary-darker': this.curaApiService.theme.colors.getColor('secondary-darker'),\r\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\r\n };\r\n }\r\n}\r\n","<div class=\"page-header\" [ngClass]=\"{ 'more-padding': hasPadding(), starTheme: starTheme() }\">\r\n <div class=\"page-header-container\">\r\n @if (breadcrumbs().length) {\r\n <rdsite-breadcrumbs [labelIconColor]=\"breadcrumbsLabelIconColor()\" [breadcrumbs]=\"breadcrumbs()\"></rdsite-breadcrumbs>\r\n }\r\n <div class=\"page-header-content\">\r\n @if (imgUrl()) {\r\n <rdsite-image [imageDefaultSrc]=\"imgUrl()\" [mimeType]=\"imgMimeType()\" [alt]=\"imgAlt()\" [title]=\"imgTitle()\" loading=\"eager\"></rdsite-image>\r\n }\r\n\r\n <div class=\"page-header-content-info\">\r\n @if (preTitle()) {\r\n <h2>{{ preTitle() }}</h2>\r\n }\r\n @if (pageTitle()) {\r\n <h1>{{ pageTitle() }}</h1>\r\n }\r\n @if (pageHeaderText()) {\r\n <cura-paragraph [color]=\"starTheme() ? 'neutral-black' : 'neutral-purewhite'\" marginBlock=\"0\">{{ pageHeaderText() }}</cura-paragraph>\r\n }\r\n <ng-content></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs CHANGED Viewed

@@ -12,11 +12,11 @@ class PageTemplateFullcontentComponent {
         this.isArticle = input(false, ...(ngDevMode ? [{ debugName: "isArticle" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateFullcontentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageTemplateFullcontentComponent, isStandalone: true, selector: "rdsite-page-template-fullcontent", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, pageContent: { classPropertyName: "pageContent", publicName: "pageContent", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\n  <article class=\"rdsite-template-content-full\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-content-full\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\n  @if (header()) {\n    <header class=\"rdsite-template-header\">\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n    </header>\n  }\n  @if (beforeContent()) {\n    <div class=\"rdsite-template-before-content\">\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n    </div>\n  }\n  @if (pageContent()) {\n    <div class=\"rdsite-template-container\">\n      <section class=\"rdsite-content-container\">\n        <ng-container *ngTemplateOutlet=\"pageContent()\"></ng-container>\n      </section>\n    </div>\n  }\n</ng-template>\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: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width:1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageTemplateFullcontentComponent, isStandalone: true, selector: "rdsite-page-template-fullcontent", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, pageContent: { classPropertyName: "pageContent", publicName: "pageContent", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\r\n  <article class=\"rdsite-template-content-full\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </article>\r\n} @else {\r\n  <section class=\"rdsite-template-content-full\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </section>\r\n}\r\n<ng-template #mainContent>\r\n  @if (header()) {\r\n    <header class=\"rdsite-template-header\">\r\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\r\n    </header>\r\n  }\r\n  @if (beforeContent()) {\r\n    <div class=\"rdsite-template-before-content\">\r\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\r\n    </div>\r\n  }\r\n  @if (pageContent()) {\r\n    <div class=\"rdsite-template-container\">\r\n      <section class=\"rdsite-content-container\">\r\n        <ng-container *ngTemplateOutlet=\"pageContent()\"></ng-container>\r\n      </section>\r\n    </div>\r\n  }\r\n</ng-template>\r\n@if (afterContent()?.length) {\r\n  @for (tpl of afterContent(); track $index) {\r\n    @if (tpl.show) {\r\n      <aside class=\"rdsite-template-after-content\">\r\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n      </aside>\r\n    }\r\n  }\r\n}\r\n", styles: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateFullcontentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-page-template-fullcontent', imports: [CommonModule], template: "@if (isArticle()) {\n  <article class=\"rdsite-template-content-full\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-content-full\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\n  @if (header()) {\n    <header class=\"rdsite-template-header\">\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\n    </header>\n  }\n  @if (beforeContent()) {\n    <div class=\"rdsite-template-before-content\">\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\n    </div>\n  }\n  @if (pageContent()) {\n    <div class=\"rdsite-template-container\">\n      <section class=\"rdsite-content-container\">\n        <ng-container *ngTemplateOutlet=\"pageContent()\"></ng-container>\n      </section>\n    </div>\n  }\n</ng-template>\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: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width:1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"] }]
+            args: [{ selector: 'rdsite-page-template-fullcontent', imports: [CommonModule], template: "@if (isArticle()) {\r\n  <article class=\"rdsite-template-content-full\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </article>\r\n} @else {\r\n  <section class=\"rdsite-template-content-full\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </section>\r\n}\r\n<ng-template #mainContent>\r\n  @if (header()) {\r\n    <header class=\"rdsite-template-header\">\r\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\r\n    </header>\r\n  }\r\n  @if (beforeContent()) {\r\n    <div class=\"rdsite-template-before-content\">\r\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\r\n    </div>\r\n  }\r\n  @if (pageContent()) {\r\n    <div class=\"rdsite-template-container\">\r\n      <section class=\"rdsite-content-container\">\r\n        <ng-container *ngTemplateOutlet=\"pageContent()\"></ng-container>\r\n      </section>\r\n    </div>\r\n  }\r\n</ng-template>\r\n@if (afterContent()?.length) {\r\n  @for (tpl of afterContent(); track $index) {\r\n    @if (tpl.show) {\r\n      <aside class=\"rdsite-template-after-content\">\r\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n      </aside>\r\n    }\r\n  }\r\n}\r\n", styles: [".rdsite-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rdsite-container{box-sizing:border-box;position:relative;width:90%;max-width:1366px;margin-left:auto;margin-right:auto}section.rdsite-template-content-full,article.rdsite-template-content-full{display:grid;grid-template-columns:minmax(5%,1fr) minmax(auto,90%) minmax(5%,1fr);grid-template-rows:auto auto auto auto;grid-template-areas:\"pageheader pageheader pageheader\" \"beforecontent beforecontent beforecontent\" \". pagecontent .\" \"aftercontent aftercontent aftercontent\"}@media screen and (min-width: 1024px){section.rdsite-template-content-full,article.rdsite-template-content-full{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}section.rdsite-template-content-full .rdsite-template-header,article.rdsite-template-content-full .rdsite-template-header{grid-area:pageheader}section.rdsite-template-content-full .rdsite-template-before-content,article.rdsite-template-content-full .rdsite-template-before-content{grid-area:beforecontent}section.rdsite-template-content-full .rdsite-template-container,article.rdsite-template-content-full .rdsite-template-container{grid-area:pagecontent}section.rdsite-template-content-full .rdsite-template-after-content,article.rdsite-template-content-full .rdsite-template-after-content{grid-area:aftercontent}section.rdsite-template-content-full .rdsite-template-container .rdsite-content-container,article.rdsite-template-content-full .rdsite-template-container .rdsite-content-container{position:relative;max-width:100%}\n"] }]
         }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], beforeContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeContent", required: false }] }], pageContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageContent", required: false }] }], afterContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "afterContent", required: false }] }], isArticle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isArticle", required: false }] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-page-template-fullcontent.mjs","sources":["../../../projects/site-front-end-lib/components/page-template-fullcontent/page-template-fullcontent.component.ts","../../../projects/site-front-end-lib/components/page-template-fullcontent/page-template-fullcontent.component.html","../../../projects/site-front-end-lib/components/page-template-fullcontent/rededor-site-front-end-lib-components-page-template-fullcontent.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, TemplateRef, input } from '@angular/core';\n\n@Component({\n selector: 'rdsite-page-template-fullcontent',\n imports: [CommonModule],\n templateUrl: './page-template-fullcontent.component.html',\n styleUrl: './page-template-fullcontent.component.scss',\n})\nexport class PageTemplateFullcontentComponent {\n readonly header = input<TemplateRef<any> \| null>(null);\n readonly beforeContent = input<TemplateRef<any> \| null>(null);\n readonly pageContent = input<TemplateRef<any> \| null>(null);\n readonly afterContent = input<\n \| {\n template: TemplateRef<any>;\n show: boolean;\n }[]\n \| null\n >(null);\n readonly isArticle = input(false);\n}\n","@if (isArticle()) {\n <article class=\"rdsite-template-content-full\">\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-content-full\">\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\n @if (header()) {\n <header class=\"rdsite-template-header\">\n <ng-container ngTemplateOutlet=\"header()\"></ng-container>\n </header>\n }\n @if (beforeContent()) {\n <div class=\"rdsite-template-before-content\">\n <ng-container ngTemplateOutlet=\"beforeContent()\"></ng-container>\n </div>\n }\n @if (pageContent()) {\n <div class=\"rdsite-template-container\">\n <section class=\"rdsite-content-container\">\n <ng-container ngTemplateOutlet=\"pageContent()\"></ng-container>\n </section>\n </div>\n }\n</ng-template>\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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;MASa,gCAAgC,CAAA;AAN7C,IAAA,WAAA,GAAA;AAOW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAA0B,IAAI,kDAAC;AAC7C,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA0B,IAAI,yDAAC;AACpD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA0B,IAAI,uDAAC;AAClD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAM3B,IAAI,wDAAC;AACE,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,qDAAC;AAClC,IAAA;+GAZY,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT7C,~~qpCAqCA,~~EAAA,MAAA,EAAA,CAAA,~~8jDAAA,~~CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAN5C,SAAS;+BACE,kCAAkC,EAAA,OAAA,EACnC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,~~qpCAAA,~~EAAA,MAAA,EAAA,CAAA,~~8jDAAA,~~CAAA,EAAA;;;AELzB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-page-template-fullcontent.mjs","sources":["../../../projects/site-front-end-lib/components/page-template-fullcontent/page-template-fullcontent.component.ts","../../../projects/site-front-end-lib/components/page-template-fullcontent/page-template-fullcontent.component.html","../../../projects/site-front-end-lib/components/page-template-fullcontent/rededor-site-front-end-lib-components-page-template-fullcontent.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, TemplateRef, input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'rdsite-page-template-fullcontent',\r\n imports: [CommonModule],\r\n templateUrl: './page-template-fullcontent.component.html',\r\n styleUrl: './page-template-fullcontent.component.scss',\r\n})\r\nexport class PageTemplateFullcontentComponent {\r\n readonly header = input<TemplateRef<any> \| null>(null);\r\n readonly beforeContent = input<TemplateRef<any> \| null>(null);\r\n readonly pageContent = input<TemplateRef<any> \| null>(null);\r\n readonly afterContent = input<\r\n \| {\r\n template: TemplateRef<any>;\r\n show: boolean;\r\n }[]\r\n \| null\r\n >(null);\r\n readonly isArticle = input(false);\r\n}\r\n","@if (isArticle()) {\r\n <article class=\"rdsite-template-content-full\">\r\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-content-full\">\r\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header()) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container ngTemplateOutlet=\"header()\"></ng-container>\r\n </header>\r\n }\r\n @if (beforeContent()) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container ngTemplateOutlet=\"beforeContent()\"></ng-container>\r\n </div>\r\n }\r\n @if (pageContent()) {\r\n <div class=\"rdsite-template-container\">\r\n <section class=\"rdsite-content-container\">\r\n <ng-container ngTemplateOutlet=\"pageContent()\"></ng-container>\r\n </section>\r\n </div>\r\n }\r\n</ng-template>\r\n@if (afterContent()?.length) {\r\n @for (tpl of afterContent(); track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;MASa,gCAAgC,CAAA;AAN7C,IAAA,WAAA,GAAA;AAOW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAA0B,IAAI,kDAAC;AAC7C,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA0B,IAAI,yDAAC;AACpD,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAA0B,IAAI,uDAAC;AAClD,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAM3B,IAAI,wDAAC;AACE,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,qDAAC;AAClC,IAAA;+GAZY,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kCAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECT7C,+tCAqCA,EAAA,MAAA,EAAA,CAAA,+jDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAN5C,SAAS;+BACE,kCAAkC,EAAA,OAAA,EACnC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,+tCAAA,EAAA,MAAA,EAAA,CAAA,+jDAAA,CAAA,EAAA;;;AELzB;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs CHANGED Viewed

@@ -15,11 +15,11 @@ class PageTemplateSidebarComponent {
         this.reverseSidebar = input(false, ...(ngDevMode ? [{ debugName: "reverseSidebar" }] : []));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, stickyContent: { classPropertyName: "stickyContent", publicName: "stickyContent", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, sidebarContent: { classPropertyName: "sidebarContent", publicName: "sidebarContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null }, reverseSidebar: { classPropertyName: "reverseSidebar", publicName: "reverseSidebar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\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</ng-template>\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-sidebar,section.rdsite-template-sidebar{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-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .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-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width:1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: PageTemplateSidebarComponent, isStandalone: true, selector: "rdsite-page-template-sidebar", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, stickyContent: { classPropertyName: "stickyContent", publicName: "stickyContent", isSignal: true, isRequired: false, transformFunction: null }, beforeContent: { classPropertyName: "beforeContent", publicName: "beforeContent", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, afterContent: { classPropertyName: "afterContent", publicName: "afterContent", isSignal: true, isRequired: false, transformFunction: null }, sidebarContent: { classPropertyName: "sidebarContent", publicName: "sidebarContent", isSignal: true, isRequired: false, transformFunction: null }, isArticle: { classPropertyName: "isArticle", publicName: "isArticle", isSignal: true, isRequired: false, transformFunction: null }, reverseSidebar: { classPropertyName: "reverseSidebar", publicName: "reverseSidebar", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (isArticle()) {\r\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </article>\r\n} @else {\r\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </section>\r\n}\r\n<ng-template #mainContent>\r\n  @if (header()) {\r\n    <header class=\"rdsite-template-header\">\r\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\r\n    </header>\r\n  }\r\n  @if (stickyContent()) {\r\n    <div class=\"rdsite-template-sticky-content\">\r\n      <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\r\n    </div>\r\n  }\r\n\r\n  @if (beforeContent()) {\r\n    <div class=\"rdsite-template-before-content\">\r\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\r\n    </div>\r\n  }\r\n  <div class=\"rdsite-template-container\">\r\n    @if (content()) {\r\n      <section class=\"rdsite-content-container\">\r\n        <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\r\n      </section>\r\n    }\r\n\r\n    @if (sidebarContent()) {\r\n      <aside class=\"rdsite-sidebar-content-container\">\r\n        <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\r\n      </aside>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n@if (afterContent()?.length) {\r\n  @for (tpl of afterContent(); track $index) {\r\n    @if (tpl.show) {\r\n      <aside class=\"rdsite-template-after-content\">\r\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n      </aside>\r\n    }\r\n  }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{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-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .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-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PageTemplateSidebarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-page-template-sidebar', imports: [CommonModule], template: "@if (isArticle()) {\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </article>\n} @else {\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\n  </section>\n}\n<ng-template #mainContent>\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</ng-template>\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-sidebar,section.rdsite-template-sidebar{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-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .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-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width:1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"] }]
+            args: [{ selector: 'rdsite-page-template-sidebar', imports: [CommonModule], template: "@if (isArticle()) {\r\n  <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </article>\r\n} @else {\r\n  <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\r\n    <ng-container *ngTemplateOutlet=\"mainContent\"></ng-container>\r\n  </section>\r\n}\r\n<ng-template #mainContent>\r\n  @if (header()) {\r\n    <header class=\"rdsite-template-header\">\r\n      <ng-container *ngTemplateOutlet=\"header()\"></ng-container>\r\n    </header>\r\n  }\r\n  @if (stickyContent()) {\r\n    <div class=\"rdsite-template-sticky-content\">\r\n      <ng-container *ngTemplateOutlet=\"stickyContent()\"></ng-container>\r\n    </div>\r\n  }\r\n\r\n  @if (beforeContent()) {\r\n    <div class=\"rdsite-template-before-content\">\r\n      <ng-container *ngTemplateOutlet=\"beforeContent()\"></ng-container>\r\n    </div>\r\n  }\r\n  <div class=\"rdsite-template-container\">\r\n    @if (content()) {\r\n      <section class=\"rdsite-content-container\">\r\n        <ng-container *ngTemplateOutlet=\"content()\"></ng-container>\r\n      </section>\r\n    }\r\n\r\n    @if (sidebarContent()) {\r\n      <aside class=\"rdsite-sidebar-content-container\">\r\n        <ng-container *ngTemplateOutlet=\"sidebarContent()\"></ng-container>\r\n      </aside>\r\n    }\r\n  </div>\r\n</ng-template>\r\n\r\n@if (afterContent()?.length) {\r\n  @for (tpl of afterContent(); track $index) {\r\n    @if (tpl.show) {\r\n      <aside class=\"rdsite-template-after-content\">\r\n        <ng-container *ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n      </aside>\r\n    }\r\n  }\r\n}\r\n", styles: ["article.rdsite-template-sidebar,section.rdsite-template-sidebar{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-sidebar,section.rdsite-template-sidebar{grid-template-columns:minmax(5%,1fr) minmax(auto,1366px) minmax(5%,1fr)}}article.rdsite-template-sidebar .rdsite-template-header,section.rdsite-template-sidebar .rdsite-template-header{grid-area:header}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{grid-area:stickycontent}article.rdsite-template-sidebar .rdsite-template-before-content,section.rdsite-template-sidebar .rdsite-template-before-content{grid-area:beforecontent}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-area:pagecontent}article.rdsite-template-sidebar .rdsite-template-sticky-content,section.rdsite-template-sidebar .rdsite-template-sticky-content{position:sticky;top:0;z-index:3002}article.rdsite-template-sidebar .rdsite-template-container,section.rdsite-template-sidebar .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-sidebar .rdsite-template-container,section.rdsite-template-sidebar .rdsite-template-container{grid-template-rows:1fr;grid-template-columns:3fr 20px 1fr;grid-template-areas:\"content . sidebarcontent\"}}article.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container,section.rdsite-template-sidebar .rdsite-template-container section.rdsite-content-container{grid-area:content;position:relative;max-width:100%}article.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container,section.rdsite-template-sidebar .rdsite-template-container aside.rdsite-sidebar-content-container{grid-area:sidebarcontent;position:relative;z-index:3001}article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-areas:\"sidebarcontent\" \"content\"}@media screen and (min-width: 1024px){article.rdsite-template-sidebar.reverse .rdsite-template-container,section.rdsite-template-sidebar.reverse .rdsite-template-container{grid-template-columns:1fr 48px 3fr;grid-template-areas:\"sidebarcontent . content\"}}\n"] }]
         }], propDecorators: { header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], stickyContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyContent", required: false }] }], beforeContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "beforeContent", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], afterContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "afterContent", required: false }] }], sidebarContent: [{ type: i0.Input, args: [{ isSignal: true, alias: "sidebarContent", required: false }] }], isArticle: [{ type: i0.Input, args: [{ isSignal: true, alias: "isArticle", required: false }] }], reverseSidebar: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverseSidebar", required: false }] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-page-template-sidebar.mjs","sources":["../../../projects/site-front-end-lib/components/page-template-sidebar/page-template-sidebar.component.ts","../../../projects/site-front-end-lib/components/page-template-sidebar/page-template-sidebar.component.html","../../../projects/site-front-end-lib/components/page-template-sidebar/rededor-site-front-end-lib-components-page-template-sidebar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, TemplateRef, input } from '@angular/core';\n\n@Component({\n selector: 'rdsite-page-template-sidebar',\n imports: [CommonModule],\n templateUrl: './page-template-sidebar.component.html',\n styleUrl: './page-template-sidebar.component.scss',\n})\nexport class PageTemplateSidebarComponent {\n readonly header = input<TemplateRef<any> \| null>(null);\n readonly stickyContent = input<TemplateRef<any> \| null>(null);\n readonly beforeContent = input<TemplateRef<any> \| null>(null);\n readonly content = input<TemplateRef<any> \| null>(null);\n readonly afterContent = input<\n \| {\n template: TemplateRef<any>;\n show: boolean;\n }[]\n \| null\n >(null);\n readonly sidebarContent = input<TemplateRef<any> \| null>(null);\n readonly isArticle = input(false);\n readonly reverseSidebar = input(false);\n}\n","@if (isArticle()) {\n <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\n </article>\n} @else {\n <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\n </section>\n}\n<ng-template #mainContent>\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</ng-template>\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","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;MASa,4BAA4B,CAAA;AANzC,IAAA,WAAA,GAAA;AAOW,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAA0B,IAAI,kDAAC;AAC7C,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA0B,IAAI,yDAAC;AACpD,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAA0B,IAAI,yDAAC;AACpD,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAA0B,IAAI,mDAAC;AAC9C,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAM3B,IAAI,wDAAC;AACE,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAA0B,IAAI,0DAAC;AACrD,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,qDAAC;AACxB,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,KAAK,0DAAC;AACvC,IAAA;+GAfY,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECTzC,~~2jDAkDA,~~EAAA,MAAA,EAAA,CAAA,~~opFAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,ED7CY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;+BACE,8BAA8B,EAAA,OAAA,EAC/B,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,~~2jDAAA,~~EAAA,MAAA,EAAA,CAAA,~~opFAAA~~,CAAA,EAAA;;;AELzB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-page-template-sidebar.mjs","sources":["../../../projects/site-front-end-lib/components/page-template-sidebar/page-template-sidebar.component.ts","../../../projects/site-front-end-lib/components/page-template-sidebar/page-template-sidebar.component.html","../../../projects/site-front-end-lib/components/page-template-sidebar/rededor-site-front-end-lib-components-page-template-sidebar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, TemplateRef, input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'rdsite-page-template-sidebar',\r\n imports: [CommonModule],\r\n templateUrl: './page-template-sidebar.component.html',\r\n styleUrl: './page-template-sidebar.component.scss',\r\n})\r\nexport class PageTemplateSidebarComponent {\r\n readonly header = input<TemplateRef<any> \| null>(null);\r\n readonly stickyContent = input<TemplateRef<any> \| null>(null);\r\n readonly beforeContent = input<TemplateRef<any> \| null>(null);\r\n readonly content = input<TemplateRef<any> \| null>(null);\r\n readonly afterContent = input<\r\n \| {\r\n template: TemplateRef<any>;\r\n show: boolean;\r\n }[]\r\n \| null\r\n >(null);\r\n readonly sidebarContent = input<TemplateRef<any> \| null>(null);\r\n readonly isArticle = input(false);\r\n readonly reverseSidebar = input(false);\r\n}\r\n","@if (isArticle()) {\r\n <article class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\r\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </article>\r\n} @else {\r\n <section class=\"rdsite-template-sidebar\" [class.reverse]=\"reverseSidebar()\">\r\n <ng-container ngTemplateOutlet=\"mainContent\"></ng-container>\r\n </section>\r\n}\r\n<ng-template #mainContent>\r\n @if (header()) {\r\n <header class=\"rdsite-template-header\">\r\n <ng-container ngTemplateOutlet=\"header()\"></ng-container>\r\n </header>\r\n }\r\n @if (stickyContent()) {\r\n <div class=\"rdsite-template-sticky-content\">\r\n <ng-container ngTemplateOutlet=\"stickyContent()\"></ng-container>\r\n </div>\r\n }\r\n\r\n @if (beforeContent()) {\r\n <div class=\"rdsite-template-before-content\">\r\n <ng-container ngTemplateOutlet=\"beforeContent()\"></ng-container>\r\n </div>\r\n }\r\n <div class=\"rdsite-template-container\">\r\n @if (content()) {\r\n <section class=\"rdsite-content-container\">\r\n <ng-container ngTemplateOutlet=\"content()\"></ng-container>\r\n </section>\r\n }\r\n\r\n @if (sidebarContent()) {\r\n <aside class=\"rdsite-sidebar-content-container\">\r\n <ng-container ngTemplateOutlet=\"sidebarContent()\"></ng-container>\r\n </aside>\r\n }\r\n </div>\r\n</ng-template>\r\n\r\n@if (afterContent()?.length) {\r\n @for (tpl of afterContent(); track $index) {\r\n @if (tpl.show) {\r\n <aside class=\"rdsite-template-after-content\">\r\n <ng-container ngTemplateOutlet=\"tpl.template\"></ng-container>\r\n </aside>\r\n }\r\n }\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}