npm - @rededor/site-front-end-lib - Versions diffs - 20.0.33 → 20.0.34 - Mend

@rededor/site-front-end-lib 20.0.33 → 20.0.34

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 (67) hide show

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

@@ -15,11 +15,11 @@ class SideCtasComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n  class=\"rdsite-side-ctas-right\"\n  [ngStyle]=\"{\n    display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n  }\"\n>\n  <div #rightTop class=\"rdsite-side-ctas-right-top\">\n    <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n  </div>\n  <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n    <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n  </div>\n  <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n    <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n  </div>\n</div>\n\n<div\n  class=\"rdsite-side-ctas-bottom\"\n  [ngStyle]=\"{\n    display: bottom?.children?.length ? 'flex' : 'none',\n    paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n  }\"\n>\n  <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n    <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width:1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width:1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SideCtasComponent, isStandalone: true, selector: "rdsite-side-ctas", host: { properties: { "style": "this.style" } }, ngImport: i0, template: "<div\n  class=\"rdsite-side-ctas-right\"\n  [ngStyle]=\"{\n    display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n  }\"\n>\n  <div #rightTop class=\"rdsite-side-ctas-right-top\">\n    <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n  </div>\n  <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n    <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n  </div>\n  <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n    <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n  </div>\n</div>\n\n<div\n  class=\"rdsite-side-ctas-bottom\"\n  [ngStyle]=\"{\n    display: bottom?.children?.length ? 'flex' : 'none',\n    paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n  }\"\n>\n  <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n    <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-side-ctas', imports: [CommonModule], template: "<div\n  class=\"rdsite-side-ctas-right\"\n  [ngStyle]=\"{\n    display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n  }\"\n>\n  <div #rightTop class=\"rdsite-side-ctas-right-top\">\n    <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n  </div>\n  <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n    <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n  </div>\n  <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n    <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n  </div>\n</div>\n\n<div\n  class=\"rdsite-side-ctas-bottom\"\n  [ngStyle]=\"{\n    display: bottom?.children?.length ? 'flex' : 'none',\n    paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n  }\"\n>\n  <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n    <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width:1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width:1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
+            args: [{ selector: 'rdsite-side-ctas', imports: [CommonModule], template: "<div\n  class=\"rdsite-side-ctas-right\"\n  [ngStyle]=\"{\n    display: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? 'flex' : 'none',\n  }\"\n>\n  <div #rightTop class=\"rdsite-side-ctas-right-top\">\n    <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n  </div>\n  <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n    <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n  </div>\n  <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n    <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n  </div>\n</div>\n\n<div\n  class=\"rdsite-side-ctas-bottom\"\n  [ngStyle]=\"{\n    display: bottom?.children?.length ? 'flex' : 'none',\n    paddingRight: rightTop?.children?.length || rightMiddle?.children?.length || rightBottom?.children?.length ? '88px' : '0px',\n  }\"\n>\n  <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n    <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n  </div>\n</div>\n", styles: [":host{position:sticky;bottom:0;right:0;display:block;z-index:3003;pointer-events:none}@media only screen and (min-width: 1024px){:host{margin-top:-88px}}.rdsite-side-ctas-right{position:absolute;bottom:0;right:0;height:min-content;width:88px;background-color:var(--color-right);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:auto}.rdsite-side-ctas-right-middle{display:flex;flex-grow:1;align-items:center}.rdsite-side-ctas-bottom{display:flex;justify-content:flex-end;padding-right:88px;background-color:transparent;height:88px}.rdsite-side-ctas-bottom-container{pointer-events:auto;width:100%}@media only screen and (min-width: 1024px){.rdsite-side-ctas-right{height:calc(100vh - 80px)}.rdsite-side-ctas-bottom-container{width:fit-content;gap:10px}}\n"] }]
         }], propDecorators: { style: [{
                 type: HostBinding,
                 args: ['style']
@@ -43,11 +43,11 @@ class SideCtasBottomComponent {
         this.sideCtaBottomItemClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasBottomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: { classPropertyName: "ctas", publicName: "ctas", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaBottomItemClick: "sideCtaBottomItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n      <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host *{font-family:var(--font-family)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width:1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasBottomComponent, isStandalone: true, selector: "rdsite-side-ctas-bottom", inputs: { ctas: { classPropertyName: "ctas", publicName: "ctas", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaBottomItemClick: "sideCtaBottomItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n      <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host *{font-family:var(--font-family)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasBottomComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-side-ctas-bottom', imports: [RdsiteLinkDirective, CuraIconComponent], template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n      <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host *{font-family:var(--font-family)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width:1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
+            args: [{ selector: 'rdsite-side-ctas-bottom', imports: [RdsiteLinkDirective, CuraIconComponent], template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n      <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:flex;width:100%;height:100%;gap:2px;background-color:var(--bg-color)}:host *{font-family:var(--font-family)}:host a{display:flex;align-items:center;justify-content:center;flex:1 1 0;gap:12px;padding:0 10px;background-color:var(--bg-cta-color);color:var(--font-color);transition:background-color .25s linear!important;text-decoration:none;font-weight:500}:host a span{color:var(--font-color)}:host a cura-icon{--color: var(--font-color) !important}:host a:hover{background-color:var(--bg-cta-hover-color);color:var(--font-color)!important}:host a:active{background-color:var(--bg-cta-active-color);color:var(--font-color)!important}@media only screen and (min-width: 1024px){:host{width:448px}:host a{gap:16px;padding:0 16px}}\n"] }]
         }], propDecorators: { ctas: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctas", required: false }] }], sideCtaBottomItemClick: [{ type: i0.Output, args: ["sideCtaBottomItemClick"] }], style: [{
                 type: HostBinding,
                 args: ['style']
@@ -91,11 +91,11 @@ class SideCtasRightMiddleComponent {
         this.sideCtaRightMiddleItemClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightMiddleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: { classPropertyName: "ctas", publicName: "ctas", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaRightMiddleItemClick: "sideCtaRightMiddleItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n      <div class=\"right-middle-cta-icon\">\n        <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n      </div>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host *{font-family:var(--font-family)}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width:1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: SideCtasRightMiddleComponent, isStandalone: true, selector: "rdsite-side-ctas-right-middle", inputs: { ctas: { classPropertyName: "ctas", publicName: "ctas", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { sideCtaRightMiddleItemClick: "sideCtaRightMiddleItemClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n      <div class=\"right-middle-cta-icon\">\n        <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n      </div>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host *{font-family:var(--font-family)}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightMiddleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-side-ctas-right-middle', imports: [RdsiteLinkDirective, CuraIconComponent], template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n      <div class=\"right-middle-cta-icon\">\n        <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n      </div>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host *{font-family:var(--font-family)}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width:1024px){:host{display:flex;flex-direction:column}}\n"] }]
+            args: [{ selector: 'rdsite-side-ctas-right-middle', imports: [RdsiteLinkDirective, CuraIconComponent], template: "@if (ctas().length) {\n  @for (cta of ctas(); track cta.text) {\n    <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n      <div class=\"right-middle-cta-icon\">\n        <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n      </div>\n      <span>{{ cta.text }}</span>\n    </a>\n  }\n}\n", styles: [":host{display:none;gap:16px;padding:0 8px}:host *{font-family:var(--font-family)}:host .right-middle-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:500}:host .right-middle-cta-icon{width:36px;height:36px;background-color:var(--icon-bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center}:host .right-middle-cta span{text-align:center;color:var(--font-color);font-size:12px;line-height:135%;letter-spacing:.72px}:host .right-middle-cta:hover span{color:var(--font-hover)!important}:host .right-middle-cta:active span{color:var(--font-active)!important}@media only screen and (min-width: 1024px){:host{display:flex;flex-direction:column}}\n"] }]
         }], propDecorators: { ctas: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctas", required: false }] }], sideCtaRightMiddleItemClick: [{ type: i0.Output, args: ["sideCtaRightMiddleItemClick"] }], style: [{
                 type: HostBinding,
                 args: ['style']
@@ -103,11 +103,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
 class SideCtasRightTopComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightTopComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SideCtasRightTopComponent, isStandalone: true, selector: "rdsite-side-ctas-right-top", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width:1024px){:host{display:block}}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: SideCtasRightTopComponent, isStandalone: true, selector: "rdsite-side-ctas-right-top", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: SideCtasRightTopComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-side-ctas-right-top', imports: [], template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width:1024px){:host{display:block}}\n"] }]
+            args: [{ selector: 'rdsite-side-ctas-right-top', imports: [], template: "<ng-content></ng-content>\n", styles: [":host{display:none}@media only screen and (min-width: 1024px){:host{display:block}}\n"] }]
         }] });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-side-ctas.mjs","sources":["../../../projects/site-front-end-lib/components/side-ctas/side-ctas.component.ts","../../../projects/site-front-end-lib/components/side-ctas/side-ctas.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.html","../../../projects/site-front-end-lib/components/side-ctas/rededor-site-front-end-lib-components-side-ctas.ts"],"sourcesContent":["import { Component, HostBinding, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'rdsite-side-ctas',\n imports: [CommonModule],\n templateUrl: './side-ctas.component.html',\n styleUrl: './side-ctas.component.scss',\n})\nexport class SideCtasComponent {\n private curaApiService = inject(CuraApiService);\n\n @HostBinding('style') style = {\n '--color-right': this.curaApiService.theme.colors.getColor('primary-darker'),\n };\n}\n","<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length \|\| rightMiddle?.children?.length \|\| rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length \|\| rightMiddle?.children?.length \|\| rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n","import { Component, HostBinding, output, inject, input } from '@angular/core';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { SideCta } from '../../models/SideCta.model';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n selector: 'rdsite-side-ctas-bottom',\n imports: [RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './side-ctas-bottom.component.html',\n styleUrl: './side-ctas-bottom.component.scss',\n})\nexport class SideCtasBottomComponent {\n private curaApiService = inject(CuraApiService);\n\n readonly ctas = input<SideCta[]>([]);\n readonly sideCtaBottomItemClick = output<Event>();\n\n @HostBinding('style') style = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--font-color': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--bg-color': this.curaApiService.theme.colors.getColor('primary-dark'),\n '--bg-cta-color': this.curaApiService.theme.colors.getColor('accent-base'),\n '--bg-cta-hover-color': this.curaApiService.theme.colors.getColor('accent-dark'),\n '--bg-cta-active-color': this.curaApiService.theme.colors.getColor('accent-darker'),\n };\n\n sideCtaBottomItemClicked(event: Event) {\n this.sideCtaBottomItemClick.emit(event);\n }\n}\n","@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n","import { Component, input, output } from '@angular/core';\nimport { WhatsappComponent } from '@rededor/site-front-end-lib/components/whatsapp';\n\n@Component({\n selector: 'rdsite-side-ctas-right-bottom',\n imports: [WhatsappComponent],\n templateUrl: './side-ctas-right-bottom.component.html',\n styleUrl: './side-ctas-right-bottom.component.scss',\n})\nexport class SideCtasRightBottomComponent {\n readonly link = input<string>('');\n readonly imgUrl = input<string>('');\n readonly text = input<string>('');\n readonly bgColor = input<string>('#1DCD52');\n readonly bgHover = input<string>('#016720');\n readonly borderTop = input<boolean>(false);\n\n readonly sideCtaRightBottomItemClick = output<Event>();\n\n whatsappClicked(event: Event) {\n this.sideCtaRightBottomItemClick.emit(event);\n }\n}\n","@if (link() && imgUrl()) {\n <rdsite-whatsapp\n [link]=\"link()\"\n [imgUrl]=\"imgUrl()\"\n [text]=\"text()\"\n [bgColor]=\"bgColor()\"\n [bgHover]=\"bgHover()\"\n [borderTop]=\"borderTop()\"\n (whatsappClick)=\"whatsappClicked($event)\"\n ></rdsite-whatsapp>\n}\n","import { Component, HostBinding, output, inject, input } from '@angular/core';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { SideCta } from '../../models/SideCta.model';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n selector: 'rdsite-side-ctas-right-middle',\n imports: [RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './side-ctas-right-middle.component.html',\n styleUrl: './side-ctas-right-middle.component.scss',\n})\nexport class SideCtasRightMiddleComponent {\n private curaApiService = inject(CuraApiService);\n\n readonly ctas = input<SideCta[]>([]);\n readonly sideCtaRightMiddleItemClick = output<Event>();\n\n @HostBinding('style') style = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--icon-bg-color': this.curaApiService.theme.colors.getColor('primary-base'),\n '--font-color': this.curaApiService.theme.colors.getColor('primary-lighter'),\n '--font-hover': this.curaApiService.theme.colors.getColor('neutral-white'),\n '--font-active': this.curaApiService.theme.colors.getColor('primary-light'),\n };\n\n sideCtaRightMiddleItemClicked(event: Event) {\n this.sideCtaRightMiddleItemClick.emit(event);\n }\n}\n","@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n <div class=\"right-middle-cta-icon\">\n <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rdsite-side-ctas-right-top',\n imports: [],\n templateUrl: './side-ctas-right-top.component.html',\n styleUrl: './side-ctas-right-top.component.scss',\n})\nexport class SideCtasRightTopComponent {}\n","<ng-content></ng-content>\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-side-ctas.mjs","sources":["../../../projects/site-front-end-lib/components/side-ctas/side-ctas.component.ts","../../../projects/site-front-end-lib/components/side-ctas/side-ctas.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-bottom/side-ctas-bottom.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-bottom/side-ctas-right-bottom.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-middle/side-ctas-right-middle.component.html","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.ts","../../../projects/site-front-end-lib/components/side-ctas/components/side-ctas-right-top/side-ctas-right-top.component.html","../../../projects/site-front-end-lib/components/side-ctas/rededor-site-front-end-lib-components-side-ctas.ts"],"sourcesContent":["import { Component, HostBinding, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'rdsite-side-ctas',\n imports: [CommonModule],\n templateUrl: './side-ctas.component.html',\n styleUrl: './side-ctas.component.scss',\n})\nexport class SideCtasComponent {\n private curaApiService = inject(CuraApiService);\n\n @HostBinding('style') style = {\n '--color-right': this.curaApiService.theme.colors.getColor('primary-darker'),\n };\n}\n","<div\n class=\"rdsite-side-ctas-right\"\n [ngStyle]=\"{\n display: rightTop?.children?.length \|\| rightMiddle?.children?.length \|\| rightBottom?.children?.length ? 'flex' : 'none',\n }\"\n>\n <div #rightTop class=\"rdsite-side-ctas-right-top\">\n <ng-content select=\"rdsite-side-ctas-right-top\"></ng-content>\n </div>\n <div #rightMiddle class=\"rdsite-side-ctas-right-middle\">\n <ng-content select=\"rdsite-side-ctas-right-middle\"></ng-content>\n </div>\n <div #rightBottom class=\"rdsite-side-ctas-right-bottom\">\n <ng-content select=\"rdsite-side-ctas-right-bottom\"></ng-content>\n </div>\n</div>\n\n<div\n class=\"rdsite-side-ctas-bottom\"\n [ngStyle]=\"{\n display: bottom?.children?.length ? 'flex' : 'none',\n paddingRight: rightTop?.children?.length \|\| rightMiddle?.children?.length \|\| rightBottom?.children?.length ? '88px' : '0px',\n }\"\n>\n <div #bottom class=\"rdsite-side-ctas-bottom-container\">\n <ng-content select=\"rdsite-side-ctas-bottom\"></ng-content>\n </div>\n</div>\n","import { Component, HostBinding, output, inject, input } from '@angular/core';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { SideCta } from '../../models/SideCta.model';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n selector: 'rdsite-side-ctas-bottom',\n imports: [RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './side-ctas-bottom.component.html',\n styleUrl: './side-ctas-bottom.component.scss',\n})\nexport class SideCtasBottomComponent {\n private curaApiService = inject(CuraApiService);\n\n readonly ctas = input<SideCta[]>([]);\n readonly sideCtaBottomItemClick = output<Event>();\n\n @HostBinding('style') style = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--font-color': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--bg-color': this.curaApiService.theme.colors.getColor('primary-dark'),\n '--bg-cta-color': this.curaApiService.theme.colors.getColor('accent-base'),\n '--bg-cta-hover-color': this.curaApiService.theme.colors.getColor('accent-dark'),\n '--bg-cta-active-color': this.curaApiService.theme.colors.getColor('accent-darker'),\n };\n\n sideCtaBottomItemClicked(event: Event) {\n this.sideCtaBottomItemClick.emit(event);\n }\n}\n","@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a [href]=\"cta.url\" rdsitelink (click)=\"sideCtaBottomItemClicked($event)\">\n <cura-icon [name]=\"cta.icon\" size=\"20\" color=\"neutral-black\"></cura-icon>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n","import { Component, input, output } from '@angular/core';\nimport { WhatsappComponent } from '@rededor/site-front-end-lib/components/whatsapp';\n\n@Component({\n selector: 'rdsite-side-ctas-right-bottom',\n imports: [WhatsappComponent],\n templateUrl: './side-ctas-right-bottom.component.html',\n styleUrl: './side-ctas-right-bottom.component.scss',\n})\nexport class SideCtasRightBottomComponent {\n readonly link = input<string>('');\n readonly imgUrl = input<string>('');\n readonly text = input<string>('');\n readonly bgColor = input<string>('#1DCD52');\n readonly bgHover = input<string>('#016720');\n readonly borderTop = input<boolean>(false);\n\n readonly sideCtaRightBottomItemClick = output<Event>();\n\n whatsappClicked(event: Event) {\n this.sideCtaRightBottomItemClick.emit(event);\n }\n}\n","@if (link() && imgUrl()) {\n <rdsite-whatsapp\n [link]=\"link()\"\n [imgUrl]=\"imgUrl()\"\n [text]=\"text()\"\n [bgColor]=\"bgColor()\"\n [bgHover]=\"bgHover()\"\n [borderTop]=\"borderTop()\"\n (whatsappClick)=\"whatsappClicked($event)\"\n ></rdsite-whatsapp>\n}\n","import { Component, HostBinding, output, inject, input } from '@angular/core';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { SideCta } from '../../models/SideCta.model';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n selector: 'rdsite-side-ctas-right-middle',\n imports: [RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './side-ctas-right-middle.component.html',\n styleUrl: './side-ctas-right-middle.component.scss',\n})\nexport class SideCtasRightMiddleComponent {\n private curaApiService = inject(CuraApiService);\n\n readonly ctas = input<SideCta[]>([]);\n readonly sideCtaRightMiddleItemClick = output<Event>();\n\n @HostBinding('style') style = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--icon-bg-color': this.curaApiService.theme.colors.getColor('primary-base'),\n '--font-color': this.curaApiService.theme.colors.getColor('primary-lighter'),\n '--font-hover': this.curaApiService.theme.colors.getColor('neutral-white'),\n '--font-active': this.curaApiService.theme.colors.getColor('primary-light'),\n };\n\n sideCtaRightMiddleItemClicked(event: Event) {\n this.sideCtaRightMiddleItemClick.emit(event);\n }\n}\n","@if (ctas().length) {\n @for (cta of ctas(); track cta.text) {\n <a class=\"right-middle-cta\" [href]=\"cta.url\" rdsitelink (click)=\"sideCtaRightMiddleItemClicked($event)\">\n <div class=\"right-middle-cta-icon\">\n <cura-icon [name]=\"cta.icon\" size=\"24\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n <span>{{ cta.text }}</span>\n </a>\n }\n}\n","import { Component } from '@angular/core';\n\n@Component({\n selector: 'rdsite-side-ctas-right-top',\n imports: [],\n templateUrl: './side-ctas-right-top.component.html',\n styleUrl: './side-ctas-right-top.component.scss',\n})\nexport class SideCtasRightTopComponent {}\n","<ng-content></ng-content>\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-whatsapp.mjs CHANGED Viewed

@@ -31,11 +31,11 @@ class WhatsappComponent {
         this.whatsappClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: WhatsappComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgHover: { classPropertyName: "bgHover", publicName: "bgHover", isSignal: true, isRequired: false, transformFunction: null }, borderTop: { classPropertyName: "borderTop", publicName: "borderTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link()) {\n  <a\n    class=\"rdsite-whatsapp\"\n    [ngClass]=\"{ 'border-top': borderTop() }\"\n    [href]=\"link()\"\n    rdsitelink\n    (mouseenter)=\"active = true\"\n    (mouseleave)=\"active = false\"\n    (click)=\"whatsappClicked($event)\"\n  >\n    @if (imgUrl()) {\n      <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n    }\n    <div class=\"icon\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n    </div>\n\n    <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n      <span>{{ text() }}</span>\n    </div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host *{font-family:var(--font-family)}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width:1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: WhatsappComponent, isStandalone: true, selector: "rdsite-whatsapp", inputs: { link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, imgUrl: { classPropertyName: "imgUrl", publicName: "imgUrl", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, bgHover: { classPropertyName: "bgHover", publicName: "bgHover", isSignal: true, isRequired: false, transformFunction: null }, borderTop: { classPropertyName: "borderTop", publicName: "borderTop", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { whatsappClick: "whatsappClick" }, host: { properties: { "style": "this.style" } }, ngImport: i0, template: "@if (link()) {\n  <a\n    class=\"rdsite-whatsapp\"\n    [ngClass]=\"{ 'border-top': borderTop() }\"\n    [href]=\"link()\"\n    rdsitelink\n    (mouseenter)=\"active = true\"\n    (mouseleave)=\"active = false\"\n    (click)=\"whatsappClicked($event)\"\n  >\n    @if (imgUrl()) {\n      <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n    }\n    <div class=\"icon\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n    </div>\n\n    <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n      <span>{{ text() }}</span>\n    </div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host *{font-family:var(--font-family)}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: WhatsappComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'rdsite-whatsapp', imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent], template: "@if (link()) {\n  <a\n    class=\"rdsite-whatsapp\"\n    [ngClass]=\"{ 'border-top': borderTop() }\"\n    [href]=\"link()\"\n    rdsitelink\n    (mouseenter)=\"active = true\"\n    (mouseleave)=\"active = false\"\n    (click)=\"whatsappClicked($event)\"\n  >\n    @if (imgUrl()) {\n      <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n    }\n    <div class=\"icon\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n    </div>\n\n    <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n      <span>{{ text() }}</span>\n    </div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host *{font-family:var(--font-family)}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width:1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
+            args: [{ selector: 'rdsite-whatsapp', imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent], template: "@if (link()) {\n  <a\n    class=\"rdsite-whatsapp\"\n    [ngClass]=\"{ 'border-top': borderTop() }\"\n    [href]=\"link()\"\n    rdsitelink\n    (mouseenter)=\"active = true\"\n    (mouseleave)=\"active = false\"\n    (click)=\"whatsappClicked($event)\"\n  >\n    @if (imgUrl()) {\n      <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n    }\n    <div class=\"icon\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n    </div>\n\n    <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n      <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n      <span>{{ text() }}</span>\n    </div>\n  </a>\n}\n", styles: [":host{display:flex;justify-content:flex-end;width:536px;position:absolute;bottom:0;right:0;pointer-events:none}:host *{font-family:var(--font-family)}:host a.rdsite-whatsapp{box-sizing:content-box;display:block;position:relative;width:88px;height:88px;transition:background-color .25s linear!important;pointer-events:all;background-color:var(--bg-color)}:host a.rdsite-whatsapp .image{position:absolute;right:0;bottom:0;width:88px;height:88px;background-size:cover;background-position:50%}:host a.rdsite-whatsapp .icon{width:24px;height:24px;background-color:var(--bg-button);border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:8px;right:8px}:host a.rdsite-whatsapp .icon.active{display:none}:host .rdsite-whatsapp-animation{background-color:var(--bg-button);width:0px;height:88px;position:absolute;bottom:0;right:88px;transition:width .5s ease-out,background-color .25s linear;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;color:var(--color-button)}:host .rdsite-whatsapp-animation cura-icon{--color: var(--color-button) !important}:host .rdsite-whatsapp-animation span{text-wrap:nowrap}:host .rdsite-whatsapp-animation.active{width:calc(100vw - 88px);pointer-events:all}:host .rdsite-whatsapp-animation:hover{background-color:var(--bg-button-hover);color:var(--color-button-hover)}:host .rdsite-whatsapp-animation:hover cura-icon{--color: var(--color-button-hover) !important}@media only screen and (min-width: 1024px){:host a.rdsite-whatsapp.border-top{border-top:4px solid var(--border-top-color)}:host a.rdsite-whatsapp .rdsite-whatsapp-animation.active{width:448px}}\n"] }]
         }], propDecorators: { link: [{ type: i0.Input, args: [{ isSignal: true, alias: "link", required: false }] }], imgUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "imgUrl", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], bgHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgHover", required: false }] }], borderTop: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderTop", required: false }] }], whatsappClick: [{ type: i0.Output, args: ["whatsappClick"] }], style: [{
                 type: HostBinding,
                 args: ['style']

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-components-whatsapp.mjs","sources":["../../../projects/site-front-end-lib/components/whatsapp/whatsapp.component.ts","../../../projects/site-front-end-lib/components/whatsapp/whatsapp.component.html","../../../projects/site-front-end-lib/components/whatsapp/rededor-site-front-end-lib-components-whatsapp.ts"],"sourcesContent":["import { Component, HostBinding, input, output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n selector: 'rdsite-whatsapp',\n imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './whatsapp.component.html',\n styleUrl: './whatsapp.component.scss',\n})\nexport class WhatsappComponent {\n private curaApiService = inject(CuraApiService);\n\n readonly link = input<string>('');\n readonly imgUrl = input<string>('');\n readonly text = input<string>('Agende por Whatsapp');\n readonly bgColor = input<string>('#1DCD52');\n readonly bgHover = input<string>('#016720');\n readonly borderTop = input<boolean>(false);\n\n readonly whatsappClick = output<Event>();\n\n active: boolean = false;\n\n @HostBinding('style') style = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--border-top-color': this.curaApiService.theme.colors.getColor('primary-light'),\n '--bg-color': this.curaApiService.theme.colors.getColor('primary-darker'),\n '--bg-button': this.bgColor(),\n '--bg-button-hover': this.bgHover(),\n '--color-button': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--color-button-hover': this.curaApiService.theme.colors.getColor('neutral-white'),\n };\n\n whatsappClicked(event: Event) {\n this.whatsappClick.emit(event);\n }\n}\n","@if (link()) {\n <a\n class=\"rdsite-whatsapp\"\n [ngClass]=\"{ 'border-top': borderTop() }\"\n [href]=\"link()\"\n rdsitelink\n (mouseenter)=\"active = true\"\n (mouseleave)=\"active = false\"\n (click)=\"whatsappClicked($event)\"\n >\n @if (imgUrl()) {\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n }\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n <span>{{ text() }}</span>\n </div>\n </a>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAYa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;AAOU,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAEtC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;AAC1B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,qBAAqB,gDAAC;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,SAAS,mDAAC;AAClC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,SAAS,mDAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;QAEjC,IAAA,CAAA,aAAa,GAAG,MAAM,EAAS;QAExC,IAAA,CAAA,MAAM,GAAY,KAAK;AAED,QAAA,IAAA,CAAA,KAAK,GAAG;AAC5B,YAAA,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;AAC9D,YAAA,oBAAoB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AAChF,YAAA,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC;AACzE,YAAA,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE;AAC7B,YAAA,mBAAmB,EAAE,IAAI,CAAC,OAAO,EAAE;AACnC,YAAA,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AAC5E,YAAA,sBAAsB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;SACnF;AAKF,IAAA;AAHC,IAAA,eAAe,CAAC,KAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAChC;+GA1BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,05BCZ9B,wvBAuBA,EAAA,MAAA,EAAA,CAAA,~~unDAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDfY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,8HAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAInD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAClB,CAAC,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,wvBAAA,EAAA,MAAA,EAAA,CAAA,~~unDAAA~~,CAAA,EAAA;;sBAkB9D,WAAW;uBAAC,OAAO;;;AE1BtB;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-components-whatsapp.mjs","sources":["../../../projects/site-front-end-lib/components/whatsapp/whatsapp.component.ts","../../../projects/site-front-end-lib/components/whatsapp/whatsapp.component.html","../../../projects/site-front-end-lib/components/whatsapp/rededor-site-front-end-lib-components-whatsapp.ts"],"sourcesContent":["import { Component, HostBinding, input, output, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RdsiteLinkDirective } from '@rededor/site-front-end-lib/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\n\n@Component({\n selector: 'rdsite-whatsapp',\n imports: [CommonModule, RdsiteLinkDirective, CuraIconComponent],\n templateUrl: './whatsapp.component.html',\n styleUrl: './whatsapp.component.scss',\n})\nexport class WhatsappComponent {\n private curaApiService = inject(CuraApiService);\n\n readonly link = input<string>('');\n readonly imgUrl = input<string>('');\n readonly text = input<string>('Agende por Whatsapp');\n readonly bgColor = input<string>('#1DCD52');\n readonly bgHover = input<string>('#016720');\n readonly borderTop = input<boolean>(false);\n\n readonly whatsappClick = output<Event>();\n\n active: boolean = false;\n\n @HostBinding('style') style = {\n '--font-family': this.curaApiService.theme.fonts.getFamily(''),\n '--border-top-color': this.curaApiService.theme.colors.getColor('primary-light'),\n '--bg-color': this.curaApiService.theme.colors.getColor('primary-darker'),\n '--bg-button': this.bgColor(),\n '--bg-button-hover': this.bgHover(),\n '--color-button': this.curaApiService.theme.colors.getColor('neutral-black'),\n '--color-button-hover': this.curaApiService.theme.colors.getColor('neutral-white'),\n };\n\n whatsappClicked(event: Event) {\n this.whatsappClick.emit(event);\n }\n}\n","@if (link()) {\n <a\n class=\"rdsite-whatsapp\"\n [ngClass]=\"{ 'border-top': borderTop() }\"\n [href]=\"link()\"\n rdsitelink\n (mouseenter)=\"active = true\"\n (mouseleave)=\"active = false\"\n (click)=\"whatsappClicked($event)\"\n >\n @if (imgUrl()) {\n <div class=\"image\" [ngStyle]=\"{ 'background-image': imgUrl() }\"></div>\n }\n <div class=\"icon\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n </div>\n\n <div class=\"rdsite-whatsapp-animation\" [ngClass]=\"{ active: active }\">\n <cura-icon name=\"whatsapp\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n <span>{{ text() }}</span>\n </div>\n </a>\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;MAYa,iBAAiB,CAAA;AAN9B,IAAA,WAAA,GAAA;AAOU,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAEtC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,EAAE,gDAAC;AACxB,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAS,EAAE,kDAAC;AAC1B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAS,qBAAqB,gDAAC;AAC3C,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,SAAS,mDAAC;AAClC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAS,SAAS,mDAAC;AAClC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAU,KAAK,qDAAC;QAEjC,IAAA,CAAA,aAAa,GAAG,MAAM,EAAS;QAExC,IAAA,CAAA,MAAM,GAAY,KAAK;AAED,QAAA,IAAA,CAAA,KAAK,GAAG;AAC5B,YAAA,eAAe,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC;AAC9D,YAAA,oBAAoB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AAChF,YAAA,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC;AACzE,YAAA,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE;AAC7B,YAAA,mBAAmB,EAAE,IAAI,CAAC,OAAO,EAAE;AACnC,YAAA,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;AAC5E,YAAA,sBAAsB,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC;SACnF;AAKF,IAAA;AAHC,IAAA,eAAe,CAAC,KAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAChC;+GA1BW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,05BCZ9B,wvBAuBA,EAAA,MAAA,EAAA,CAAA,wnDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDfY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,mBAAmB,8HAAE,iBAAiB,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAInD,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAClB,CAAC,YAAY,EAAE,mBAAmB,EAAE,iBAAiB,CAAC,EAAA,QAAA,EAAA,wvBAAA,EAAA,MAAA,EAAA,CAAA,wnDAAA,CAAA,EAAA;;sBAkB9D,WAAW;uBAAC,OAAO;;;AE1BtB;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs CHANGED Viewed

@@ -58,13 +58,13 @@ class CuraAccordionItemComponent {
         this.elementRef.nativeElement.setAttribute('opened', this.opened().toString());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraAccordionItemComponent, isStandalone: true, selector: "cura-accordion-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.opened": "opened().toString()" } }, ngImport: i0, template: "<div [ngClass]=\"containerClasses()\">\n  <div class=\"label\" (click)=\"accordionItemClick($event)\">\n    <div class=\"label-container\">\n      <div class=\"label-content\">\n        @if (labelIcon()) {\n          <cura-icon [name]=\"labelIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n        }\n        <cura-heading size=\"small\" [level]=\"level()\" weight=\"bold\" marginBlock=\"0\" color=\"neutral-black\">\n          {{ label() }}\n        </cura-heading>\n      </div>\n      <cura-icon [name]=\"currentIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n    </div>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .accordion-item{width:100%}:host .accordion-item:after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color: var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body: var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color: var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height .25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body: var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color: var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height .5s ease .14s}@media(min-width:769px)and (max-width:992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media(min-width:993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraAccordionItemComponent, isStandalone: true, selector: "cura-accordion-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.opened": "opened().toString()" } }, ngImport: i0, template: "<div [ngClass]=\"containerClasses()\">\n  <div class=\"label\" (click)=\"accordionItemClick($event)\">\n    <div class=\"label-container\">\n      <div class=\"label-content\">\n        @if (labelIcon()) {\n          <cura-icon [name]=\"labelIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n        }\n        <cura-heading size=\"small\" [level]=\"level()\" weight=\"bold\" marginBlock=\"0\" color=\"neutral-black\">\n          {{ label() }}\n        </cura-heading>\n      </div>\n      <cura-icon [name]=\"currentIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n    </div>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .accordion-item{width:100%}:host .accordion-item:after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color: var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body: var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color: var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height .25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body: var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color: var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height .5s ease .14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-accordion-item', imports: [CommonModule, CuraIconComponent, CuraHeadingComponent], host: {
                         '[attr.opened]': 'opened().toString()',
-                    }, template: "<div [ngClass]=\"containerClasses()\">\n  <div class=\"label\" (click)=\"accordionItemClick($event)\">\n    <div class=\"label-container\">\n      <div class=\"label-content\">\n        @if (labelIcon()) {\n          <cura-icon [name]=\"labelIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n        }\n        <cura-heading size=\"small\" [level]=\"level()\" weight=\"bold\" marginBlock=\"0\" color=\"neutral-black\">\n          {{ label() }}\n        </cura-heading>\n      </div>\n      <cura-icon [name]=\"currentIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n    </div>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .accordion-item{width:100%}:host .accordion-item:after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color: var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body: var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color: var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height .25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body: var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color: var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height .5s ease .14s}@media(min-width:769px)and (max-width:992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media(min-width:993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}\n"] }]
+                    }, template: "<div [ngClass]=\"containerClasses()\">\n  <div class=\"label\" (click)=\"accordionItemClick($event)\">\n    <div class=\"label-container\">\n      <div class=\"label-content\">\n        @if (labelIcon()) {\n          <cura-icon [name]=\"labelIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n        }\n        <cura-heading size=\"small\" [level]=\"level()\" weight=\"bold\" marginBlock=\"0\" color=\"neutral-black\">\n          {{ label() }}\n        </cura-heading>\n      </div>\n      <cura-icon [name]=\"currentIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n    </div>\n  </div>\n  <div class=\"content\">\n    <div class=\"content-wrapper\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block}:host .accordion-item{width:100%}:host .accordion-item:after{content:\"\";display:block;border-top:solid 1px var(--neutral-base);width:100%}:host .accordion-item:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover);width:100%}:host .accordion-item .label{display:flex;flex-direction:column}:host .accordion-item .label .label-container{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:calc(var(--cura-spacing-base) * 3px);padding:calc(var(--cura-spacing-base) * 3px);word-break:break-word;cursor:pointer;font-size:1.14em;font-weight:var(--font-weight-regular)}:host .accordion-item .label .label-container .label-content{display:flex;justify-content:center;align-items:center;gap:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item .label .label-container .label-content cura-icon{--color: var(--acc-color) !important}:host .accordion-item .label .label-container .label-content cura-heading{--color-body: var(--acc-color) !important}:host .accordion-item .label .label-container cura-icon{--color: var(--acc-color-icon) !important;margin-right:4px}:host .accordion-item .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover) !important}:host .accordion-item .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover) !important}:host .accordion-item .content{font-size:1em;overflow:hidden;max-height:0;transition:max-height .25s ease}:host .accordion-item .content .content-wrapper{padding:calc(var(--cura-spacing-base) * 3px)}:host .accordion-item.inverted:hover:not(.active):after{content:\"\";display:block;border-top:solid 1px var(--acc-color-icon-hover-inverted);width:100%}:host .accordion-item.inverted .label .label-container cura-heading{--color-body: var(--acc-color-inverted) !important}:host .accordion-item.inverted .label .label-container cura-icon{--color: var(--acc-color-icon-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-heading{--color-body: var(--acc-color-hover-inverted) !important}:host .accordion-item.inverted .label .label-container:hover cura-icon{--color: var(--acc-color-icon-hover-inverted) !important}:host .accordion-item.active .content{max-height:200vh;overflow-y:auto;transition:max-height .5s ease .14s}@media (min-width: 769px) and (max-width: 992px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}@media (min-width: 993px){:host .accordion-item .label .label-container{font-size:1.29em}:host .accordion-item .content{font-size:1.14em}}\n"] }]
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 class CuraAccordionComponent {

package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-accordion.mjs","sources":["../../../projects/site-front-end-lib/cura/accordion/cura-accordion-item/cura-accordion-item.component.ts","../../../projects/site-front-end-lib/cura/accordion/cura-accordion-item/cura-accordion-item.component.html","../../../projects/site-front-end-lib/cura/accordion/cura-accordion/cura-accordion.component.ts","../../../projects/site-front-end-lib/cura/accordion/cura-accordion/cura-accordion.component.html","../../../projects/site-front-end-lib/cura/accordion/rededor-site-front-end-lib-cura-accordion.ts"],"sourcesContent":["import { Component, inject, input, signal, ElementRef, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { AccordionColorMode, AccordionLevel } from '../cura-accordion.definitions';\n\n@Component({\n selector: 'cura-accordion-item',\n imports: [CommonModule, CuraIconComponent, CuraHeadingComponent],\n templateUrl: './cura-accordion-item.component.html',\n styleUrls: ['./cura-accordion-item.component.scss'],\n host: {\n '[attr.opened]': 'opened().toString()',\n },\n})\nexport class CuraAccordionItemComponent {\n public elementRef = inject(ElementRef);\n\n /*\n Text label for accordion item\n /\n label = input<string>('');\n\n /* *Properties below are inherited from the cura-accordion* /\n /\n Accordion items icons\n /\n iconSize = signal<number>(20);\n labelIcon = signal<string>('');\n openIcon = signal<string>('down');\n closeIcon = signal<string>('up');\n\n /\n Color scheme base color\n * (By default, the icon will use the same color of 'color')\n /\n iconColor = signal<string>('');\n\n /\n Set the color mode to dark or light\n /\n colorMode = signal<AccordionColorMode>('dark');\n\n /\n Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1 to 6 (3 default).\n /\n level = signal<AccordionLevel>(3);\n\n /\n Controls if the accordion item is opened\n /\n opened = signal<boolean>(false);\n\n // Computed signal para classes (equivalente ao Stencil)\n containerClasses = computed(() => {\n const classes: { [key: string]: boolean } = {};\n classes['accordion-item'] = true;\n classes['active'] = this.opened();\n classes['inverted'] = this.colorMode() === 'light';\n return classes;\n });\n\n currentIcon = computed(() => {\n return this.opened() ? this.closeIcon() : this.openIcon();\n });\n\n accordionItemClick(event: Event) {\n event.preventDefault();\n this.opened.set(!this.opened());\n\n // Emitir evento customizado para o MutationObserver do parent\n this.elementRef.nativeElement.setAttribute('opened', this.opened().toString());\n }\n}\n","<div [ngClass]=\"containerClasses()\">\n <div class=\"label\" (click)=\"accordionItemClick($event)\">\n <div class=\"label-container\">\n <div class=\"label-content\">\n @if (labelIcon()) {\n <cura-icon [name]=\"labelIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n }\n <cura-heading size=\"small\" [level]=\"level()\" weight=\"bold\" marginBlock=\"0\" color=\"neutral-black\">\n {{ label() }}\n </cura-heading>\n </div>\n <cura-icon [name]=\"currentIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n </div>\n </div>\n <div class=\"content\">\n <div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n","import { Component, inject, input, computed, AfterViewInit, OnDestroy, ElementRef, contentChildren } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { AccordionColorMode, AccordionBehavior, AccordionLevel } from '../cura-accordion.definitions';\nimport { CuraAccordionItemComponent } from '../cura-accordion-item/cura-accordion-item.component';\n\n@Component({\n selector: 'cura-accordion',\n templateUrl: './cura-accordion.component.html',\n styleUrls: ['./cura-accordion.component.scss'],\n host: {\n '[style.--base-spacing]': 'baseSpacing()',\n '[style.--neutral-base]': 'neutralBase()',\n '[style.--font-size]': 'fontSize()',\n '[style.--font-color]': 'fontColor()',\n '[style.--font-family]': 'fontFamily()',\n '[style.--font-weight-regular]': 'weights().regular',\n '[style.--acc-color]': 'accordionColors().accColor',\n '[style.--acc-color-hover]': 'accordionColors().accColorHover',\n '[style.--acc-color-icon]': 'accordionColors().accColorIcon',\n '[style.--acc-color-icon-hover]': 'accordionColors().accColorIconHover',\n '[style.--acc-color-inverted]': 'accordionColors().accColorInverted',\n '[style.--acc-color-hover-inverted]': 'accordionColors().accColorHoverInverted',\n '[style.--acc-color-icon-inverted]': 'accordionColors().accColorIconInverted',\n '[style.--acc-color-icon-hover-inverted]': 'accordionColors().accColorIconHoverInverted',\n },\n})\nexport class CuraAccordionComponent implements AfterViewInit, OnDestroy {\n private curaApi = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n\n /\n Color scheme base color\n /\n color = input<string>('primary');\n\n /\n Set the color mode to dark or light\n /\n colorMode = input<AccordionColorMode>('dark');\n\n /\n Accordion items icons\n /\n iconSize = input<number>(20);\n labelIcon = input<string>('');\n openIcon = input<string>('down');\n closeIcon = input<string>('up');\n\n /\n Color scheme base color\n * (By default, the icon will use the same color of 'color')\n /\n iconColor = input<string>('');\n\n /\n Accordion behavior when item is clicked\n * (The default will close all items except the current one)\n /\n behavior = input<AccordionBehavior>('default');\n\n /\n Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1 to 6 (3 default).\n /\n level = input<AccordionLevel>(3);\n\n accordionItems = contentChildren(CuraAccordionItemComponent);\n\n private mutationObserver?: MutationObserver;\n\n // Computed properties para estilos\n weights = computed(() => {\n return this.curaApi.theme.fonts.getWeights();\n });\n\n baseSpacing = computed(() => {\n return this.curaApi.theme.spacing.getSpacing();\n });\n\n neutralBase = computed(() => {\n return this.curaApi.theme.colors.getColor('neutral-base');\n });\n\n fontSize = computed(() => {\n return this.curaApi.theme.fonts.getSize();\n });\n\n fontColor = computed(() => {\n return this.curaApi.theme.fonts.getColor();\n });\n\n fontFamily = computed(() => {\n return this.curaApi.theme.fonts.getFamily();\n });\n\n accordionColors = computed(() => {\n const iconColorValue = this.iconColor() \|\| this.color();\n return {\n accColor: this.curaApi.theme.colors.getColor('neutral-black'),\n accColorHover: this.curaApi.theme.colors.getColor(`${this.color()}-base`),\n accColorIcon: this.curaApi.theme.colors.getColor(`${iconColorValue}-base`),\n accColorIconHover: this.curaApi.theme.colors.getColor(`${iconColorValue}-darker`),\n accColorInverted: this.curaApi.theme.colors.getColor('neutral-white'),\n accColorHoverInverted: this.curaApi.theme.colors.getColor(`${this.color()}-lighter`),\n accColorIconInverted: this.curaApi.theme.colors.getColor('neutral-white'),\n accColorIconHoverInverted: this.curaApi.theme.colors.getColor(`${iconColorValue}-lighter`),\n };\n });\n\n childConfiguration = computed(() => {\n return {\n colorMode: this.colorMode(),\n iconColor: this.iconColor() \|\| this.color(),\n iconSize: this.iconSize(),\n labelIcon: this.labelIcon(),\n openIcon: this.openIcon(),\n closeIcon: this.closeIcon(),\n level: this.level(),\n };\n });\n\n ngAfterViewInit() {\n // Configurar propriedades dos cura-accordion-item\n this.setChildrenProperties();\n\n // Observar mudanças nos cura-accordion-item\n this.setupMutationObserver();\n }\n\n ngOnDestroy() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n }\n\n private setupMutationObserver() {\n if (typeof MutationObserver === 'undefined') return;\n\n this.mutationObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'attributes' && mutation.attributeName === 'opened') {\n const target = mutation.target as any;\n if ((target as HTMLElement)?.getAttribute('opened') === 'true' && this.behavior() === 'default') {\n // Fechar todos os outros itens\n this.accordionItems().forEach((item) => {\n if (item.elementRef.nativeElement !== target) {\n item.opened.set(false);\n }\n });\n }\n }\n if (mutation.type === 'childList') {\n const addedNodes = Array.from(mutation.addedNodes \|\| []);\n for (let node of addedNodes) {\n if (node.nodeType === Node.ELEMENT_NODE) {\n this.setChildProperties(node as HTMLElement);\n }\n }\n }\n }\n });\n\n const options: MutationObserverInit = {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['opened'],\n };\n\n this.mutationObserver.observe(this.elementRef.nativeElement, options);\n }\n\n private setChildrenProperties() {\n this.accordionItems().forEach((item) => {\n this.setChildProperties(item.elementRef.nativeElement);\n this.setItemProperties(item);\n });\n }\n\n private setChildProperties(element: HTMLElement) {\n // Configurar propriedades via atributos para compatibilidade\n const config = this.childConfiguration();\n element.setAttribute('color-mode', config.colorMode);\n element.setAttribute('icon-color', config.iconColor);\n element.setAttribute('icon-size', config.iconSize.toString());\n if (config.labelIcon) element.setAttribute('label-icon', config.labelIcon);\n element.setAttribute('open-icon', config.openIcon);\n element.setAttribute('close-icon', config.closeIcon);\n element.setAttribute('level', config.level.toString());\n }\n\n private setItemProperties(item: CuraAccordionItemComponent) {\n // Configurar propriedades diretamente no componente\n const config = this.childConfiguration();\n item.colorMode.set(config.colorMode);\n item.iconColor.set(config.iconColor);\n item.iconSize.set(config.iconSize);\n if (config.labelIcon) item.labelIcon.set(config.labelIcon);\n item.openIcon.set(config.openIcon);\n item.closeIcon.set(config.closeIcon);\n item.level.set(config.level);\n }\n}\n","<ng-content></ng-content>\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-cura-accordion.mjs","sources":["../../../projects/site-front-end-lib/cura/accordion/cura-accordion-item/cura-accordion-item.component.ts","../../../projects/site-front-end-lib/cura/accordion/cura-accordion-item/cura-accordion-item.component.html","../../../projects/site-front-end-lib/cura/accordion/cura-accordion/cura-accordion.component.ts","../../../projects/site-front-end-lib/cura/accordion/cura-accordion/cura-accordion.component.html","../../../projects/site-front-end-lib/cura/accordion/rededor-site-front-end-lib-cura-accordion.ts"],"sourcesContent":["import { Component, inject, input, signal, ElementRef, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraHeadingComponent } from '@rededor/site-front-end-lib/cura/texts/cura-heading';\nimport { AccordionColorMode, AccordionLevel } from '../cura-accordion.definitions';\n\n@Component({\n selector: 'cura-accordion-item',\n imports: [CommonModule, CuraIconComponent, CuraHeadingComponent],\n templateUrl: './cura-accordion-item.component.html',\n styleUrls: ['./cura-accordion-item.component.scss'],\n host: {\n '[attr.opened]': 'opened().toString()',\n },\n})\nexport class CuraAccordionItemComponent {\n public elementRef = inject(ElementRef);\n\n /*\n Text label for accordion item\n /\n label = input<string>('');\n\n /* *Properties below are inherited from the cura-accordion* /\n /\n Accordion items icons\n /\n iconSize = signal<number>(20);\n labelIcon = signal<string>('');\n openIcon = signal<string>('down');\n closeIcon = signal<string>('up');\n\n /\n Color scheme base color\n * (By default, the icon will use the same color of 'color')\n /\n iconColor = signal<string>('');\n\n /\n Set the color mode to dark or light\n /\n colorMode = signal<AccordionColorMode>('dark');\n\n /\n Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1 to 6 (3 default).\n /\n level = signal<AccordionLevel>(3);\n\n /\n Controls if the accordion item is opened\n /\n opened = signal<boolean>(false);\n\n // Computed signal para classes (equivalente ao Stencil)\n containerClasses = computed(() => {\n const classes: { [key: string]: boolean } = {};\n classes['accordion-item'] = true;\n classes['active'] = this.opened();\n classes['inverted'] = this.colorMode() === 'light';\n return classes;\n });\n\n currentIcon = computed(() => {\n return this.opened() ? this.closeIcon() : this.openIcon();\n });\n\n accordionItemClick(event: Event) {\n event.preventDefault();\n this.opened.set(!this.opened());\n\n // Emitir evento customizado para o MutationObserver do parent\n this.elementRef.nativeElement.setAttribute('opened', this.opened().toString());\n }\n}\n","<div [ngClass]=\"containerClasses()\">\n <div class=\"label\" (click)=\"accordionItemClick($event)\">\n <div class=\"label-container\">\n <div class=\"label-content\">\n @if (labelIcon()) {\n <cura-icon [name]=\"labelIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n }\n <cura-heading size=\"small\" [level]=\"level()\" weight=\"bold\" marginBlock=\"0\" color=\"neutral-black\">\n {{ label() }}\n </cura-heading>\n </div>\n <cura-icon [name]=\"currentIcon()\" [size]=\"iconSize()\" color=\"neutral-black\"> </cura-icon>\n </div>\n </div>\n <div class=\"content\">\n <div class=\"content-wrapper\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n","import { Component, inject, input, computed, AfterViewInit, OnDestroy, ElementRef, contentChildren } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { AccordionColorMode, AccordionBehavior, AccordionLevel } from '../cura-accordion.definitions';\nimport { CuraAccordionItemComponent } from '../cura-accordion-item/cura-accordion-item.component';\n\n@Component({\n selector: 'cura-accordion',\n templateUrl: './cura-accordion.component.html',\n styleUrls: ['./cura-accordion.component.scss'],\n host: {\n '[style.--base-spacing]': 'baseSpacing()',\n '[style.--neutral-base]': 'neutralBase()',\n '[style.--font-size]': 'fontSize()',\n '[style.--font-color]': 'fontColor()',\n '[style.--font-family]': 'fontFamily()',\n '[style.--font-weight-regular]': 'weights().regular',\n '[style.--acc-color]': 'accordionColors().accColor',\n '[style.--acc-color-hover]': 'accordionColors().accColorHover',\n '[style.--acc-color-icon]': 'accordionColors().accColorIcon',\n '[style.--acc-color-icon-hover]': 'accordionColors().accColorIconHover',\n '[style.--acc-color-inverted]': 'accordionColors().accColorInverted',\n '[style.--acc-color-hover-inverted]': 'accordionColors().accColorHoverInverted',\n '[style.--acc-color-icon-inverted]': 'accordionColors().accColorIconInverted',\n '[style.--acc-color-icon-hover-inverted]': 'accordionColors().accColorIconHoverInverted',\n },\n})\nexport class CuraAccordionComponent implements AfterViewInit, OnDestroy {\n private curaApi = inject(CuraApiService);\n private elementRef = inject(ElementRef);\n\n /\n Color scheme base color\n /\n color = input<string>('primary');\n\n /\n Set the color mode to dark or light\n /\n colorMode = input<AccordionColorMode>('dark');\n\n /\n Accordion items icons\n /\n iconSize = input<number>(20);\n labelIcon = input<string>('');\n openIcon = input<string>('down');\n closeIcon = input<string>('up');\n\n /\n Color scheme base color\n * (By default, the icon will use the same color of 'color')\n /\n iconColor = input<string>('');\n\n /\n Accordion behavior when item is clicked\n * (The default will close all items except the current one)\n /\n behavior = input<AccordionBehavior>('default');\n\n /\n Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1 to 6 (3 default).\n /\n level = input<AccordionLevel>(3);\n\n accordionItems = contentChildren(CuraAccordionItemComponent);\n\n private mutationObserver?: MutationObserver;\n\n // Computed properties para estilos\n weights = computed(() => {\n return this.curaApi.theme.fonts.getWeights();\n });\n\n baseSpacing = computed(() => {\n return this.curaApi.theme.spacing.getSpacing();\n });\n\n neutralBase = computed(() => {\n return this.curaApi.theme.colors.getColor('neutral-base');\n });\n\n fontSize = computed(() => {\n return this.curaApi.theme.fonts.getSize();\n });\n\n fontColor = computed(() => {\n return this.curaApi.theme.fonts.getColor();\n });\n\n fontFamily = computed(() => {\n return this.curaApi.theme.fonts.getFamily();\n });\n\n accordionColors = computed(() => {\n const iconColorValue = this.iconColor() \|\| this.color();\n return {\n accColor: this.curaApi.theme.colors.getColor('neutral-black'),\n accColorHover: this.curaApi.theme.colors.getColor(`${this.color()}-base`),\n accColorIcon: this.curaApi.theme.colors.getColor(`${iconColorValue}-base`),\n accColorIconHover: this.curaApi.theme.colors.getColor(`${iconColorValue}-darker`),\n accColorInverted: this.curaApi.theme.colors.getColor('neutral-white'),\n accColorHoverInverted: this.curaApi.theme.colors.getColor(`${this.color()}-lighter`),\n accColorIconInverted: this.curaApi.theme.colors.getColor('neutral-white'),\n accColorIconHoverInverted: this.curaApi.theme.colors.getColor(`${iconColorValue}-lighter`),\n };\n });\n\n childConfiguration = computed(() => {\n return {\n colorMode: this.colorMode(),\n iconColor: this.iconColor() \|\| this.color(),\n iconSize: this.iconSize(),\n labelIcon: this.labelIcon(),\n openIcon: this.openIcon(),\n closeIcon: this.closeIcon(),\n level: this.level(),\n };\n });\n\n ngAfterViewInit() {\n // Configurar propriedades dos cura-accordion-item\n this.setChildrenProperties();\n\n // Observar mudanças nos cura-accordion-item\n this.setupMutationObserver();\n }\n\n ngOnDestroy() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n }\n }\n\n private setupMutationObserver() {\n if (typeof MutationObserver === 'undefined') return;\n\n this.mutationObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'attributes' && mutation.attributeName === 'opened') {\n const target = mutation.target as any;\n if ((target as HTMLElement)?.getAttribute('opened') === 'true' && this.behavior() === 'default') {\n // Fechar todos os outros itens\n this.accordionItems().forEach((item) => {\n if (item.elementRef.nativeElement !== target) {\n item.opened.set(false);\n }\n });\n }\n }\n if (mutation.type === 'childList') {\n const addedNodes = Array.from(mutation.addedNodes \|\| []);\n for (let node of addedNodes) {\n if (node.nodeType === Node.ELEMENT_NODE) {\n this.setChildProperties(node as HTMLElement);\n }\n }\n }\n }\n });\n\n const options: MutationObserverInit = {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['opened'],\n };\n\n this.mutationObserver.observe(this.elementRef.nativeElement, options);\n }\n\n private setChildrenProperties() {\n this.accordionItems().forEach((item) => {\n this.setChildProperties(item.elementRef.nativeElement);\n this.setItemProperties(item);\n });\n }\n\n private setChildProperties(element: HTMLElement) {\n // Configurar propriedades via atributos para compatibilidade\n const config = this.childConfiguration();\n element.setAttribute('color-mode', config.colorMode);\n element.setAttribute('icon-color', config.iconColor);\n element.setAttribute('icon-size', config.iconSize.toString());\n if (config.labelIcon) element.setAttribute('label-icon', config.labelIcon);\n element.setAttribute('open-icon', config.openIcon);\n element.setAttribute('close-icon', config.closeIcon);\n element.setAttribute('level', config.level.toString());\n }\n\n private setItemProperties(item: CuraAccordionItemComponent) {\n // Configurar propriedades diretamente no componente\n const config = this.childConfiguration();\n item.colorMode.set(config.colorMode);\n item.iconColor.set(config.iconColor);\n item.iconSize.set(config.iconSize);\n if (config.labelIcon) item.labelIcon.set(config.labelIcon);\n item.openIcon.set(config.openIcon);\n item.closeIcon.set(config.closeIcon);\n item.level.set(config.level);\n }\n}\n","<ng-content></ng-content>\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-cura-buttons-cura-button-outline.mjs CHANGED Viewed

@@ -145,7 +145,7 @@ class CuraButtonOutlineComponent {
         this.buttonClick.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraButtonOutlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraButtonOutlineComponent, isStandalone: true, selector: "cura-button-outline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, iconset: { classPropertyName: "iconset", publicName: "iconset", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.role": "href() ? \"link\" : type()", "attr.aria-disabled": "disabled()", "attr.href": "href()" } }, ngImport: i0, template: "<ng-template #button>\n  <ng-content></ng-content>\n</ng-template>\n\n@if (href()) {\n  <a\n    [href]=\"disabled() ? '' : href()\"\n    [target]=\"target()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </a>\n} @else {\n  <button\n    [type]=\"type()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </button>\n}\n", styles: [":host{--border-radius: 4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none!important;font-size:var(--font-size);cursor:pointer;transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear;border-radius:var(--border-radius)}:host button:focus,:host a:focus{outline:2px solid #6ea8ff}:host button,:host a{position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:before,:host a:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:before,:host a.disabled:before{border-color:var(--neutral-dark)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0!important;margin-right:0!important}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraButtonOutlineComponent, isStandalone: true, selector: "cura-button-outline", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, iconset: { classPropertyName: "iconset", publicName: "iconset", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, fontColor: { classPropertyName: "fontColor", publicName: "fontColor", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, justify: { classPropertyName: "justify", publicName: "justify", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.role": "href() ? \"link\" : type()", "attr.aria-disabled": "disabled()", "attr.href": "href()" } }, ngImport: i0, template: "<ng-template #button>\n  <ng-content></ng-content>\n</ng-template>\n\n@if (href()) {\n  <a\n    [href]=\"disabled() ? '' : href()\"\n    [target]=\"target()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </a>\n} @else {\n  <button\n    [type]=\"type()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </button>\n}\n", styles: [":host{--border-radius: 4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none!important;font-size:var(--font-size);cursor:pointer;transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6ea8ff}:host button:before,:host a:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:before,:host a.disabled:before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0!important;margin-right:0!important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLoaderCircleComponent, selector: "cura-loader-circle", inputs: ["size", "color"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraButtonOutlineComponent, decorators: [{
             type: Component,
@@ -153,7 +153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         '[attr.role]': 'href() ? "link" : type()',
                         '[attr.aria-disabled]': 'disabled()',
                         '[attr.href]': 'href()',
-                    }, template: "<ng-template #button>\n  <ng-content></ng-content>\n</ng-template>\n\n@if (href()) {\n  <a\n    [href]=\"disabled() ? '' : href()\"\n    [target]=\"target()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </a>\n} @else {\n  <button\n    [type]=\"type()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </button>\n}\n", styles: [":host{--border-radius: 4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none!important;font-size:var(--font-size);cursor:pointer;transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear;border-radius:var(--border-radius)}:host button:focus,:host a:focus{outline:2px solid #6ea8ff}:host button,:host a{position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:before,:host a:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:before,:host a.disabled:before{border-color:var(--neutral-dark)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0!important;margin-right:0!important}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}\n"] }]
+                    }, template: "<ng-template #button>\n  <ng-content></ng-content>\n</ng-template>\n\n@if (href()) {\n  <a\n    [href]=\"disabled() ? '' : href()\"\n    [target]=\"target()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </a>\n} @else {\n  <button\n    [type]=\"type()\"\n    [class]=\"containerClasses()\"\n    [ngStyle]=\"buttonStyles()\"\n    [disabled]=\"disabled()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    (click)=\"handleClick($event)\"\n    (mouseenter)=\"handleMouseEnter()\"\n    (mouseleave)=\"handleMouseLeave()\"\n  >\n    <span class=\"button-container\">\n      @if (iconName()) {\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\n      }\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\n      </cura-label>\n    </span>\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\n  </button>\n}\n", styles: [":host{--border-radius: 4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none!important;font-size:var(--font-size);cursor:pointer;transition:background-color .07s linear,box-shadow .07s linear,border-color .07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none}:host button:focus,:host a:focus{outline:2px solid #6ea8ff}:host button:before,:host a:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid var(--color-dark-neutral-purewhite);border-radius:var(--border-radius)}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px);min-height:calc(var(--cura-spacing-base) * 11px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px);min-height:calc(var(--cura-spacing-base) * 10px)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px);min-height:calc(var(--cura-spacing-base) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button.justify .button-container,:host a.justify .button-container{width:100%}:host button cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 3px)}:host button.medium.icon-left cura-icon,:host button.small.icon-left cura-icon,:host a.medium.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button.medium.icon-right cura-icon,:host button.small.icon-right cura-icon,:host a.medium.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:before,:host a.disabled:before{border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0!important;margin-right:0!important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--cura-spacing-base) * 3px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--cura-spacing-base) * 2px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isLoading: [{ type: i0.Input, args: [{ isSignal: true, alias: "isLoading", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], iconset: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconset", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], fontColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontColor", required: false }] }], textAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "textAlign", required: false }] }], justify: [{ type: i0.Input, args: [{ isSignal: true, alias: "justify", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }], handleMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']