npm - @rededor/site-front-end-lib - Versions diffs - 20.0.7 → 20.0.8 - Mend

@rededor/site-front-end-lib 20.0.7 → 20.0.8

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

package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs CHANGED Viewed

@@ -36,15 +36,15 @@ class CuraBadgeDistanceComponent {
             return this.formattedDistance().displayText;
         }, ...(ngDevMode ? [{ debugName: "displayDistance" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraBadgeDistanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CuraBadgeDistanceComponent, isStandalone: true, selector: "cura-badge-distance", inputs: { distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--neutral-pale": "neutralPale()", "style.--base-spacing": "baseSpacing()" } }, ngImport: i0, template: "<div class=\"container\">\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-black\">\n    {{ displayDistance() }}\n  </cura-label>\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\">\n    {{ label() }}\n  </cura-label>\n</div>\n", styles: [":host{display:inline-block}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}\n"], dependencies: [{ kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraBadgeDistanceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: CuraBadgeDistanceComponent, isStandalone: true, selector: "cura-badge-distance", inputs: { distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--neutral-pale": "neutralPale()", "style.--base-spacing": "baseSpacing()" } }, ngImport: i0, template: "<div class=\"container\">\r\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-black\">\r\n    {{ displayDistance() }}\r\n  </cura-label>\r\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\">\r\n    {{ label() }}\r\n  </cura-label>\r\n</div>\r\n", styles: [":host{display:inline-block}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}\n"], dependencies: [{ kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraBadgeDistanceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraBadgeDistanceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-badge-distance', imports: [CuraLabelComponent], host: {
                         '[style.--neutral-pale]': 'neutralPale()',
                         '[style.--base-spacing]': 'baseSpacing()',
-                    }, template: "<div class=\"container\">\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-black\">\n    {{ displayDistance() }}\n  </cura-label>\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\">\n    {{ label() }}\n  </cura-label>\n</div>\n", styles: [":host{display:inline-block}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}\n"] }]
+                    }, template: "<div class=\"container\">\r\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-black\">\r\n    {{ displayDistance() }}\r\n  </cura-label>\r\n  <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\">\r\n    {{ label() }}\r\n  </cura-label>\r\n</div>\r\n", styles: [":host{display:inline-block}:host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--cura-spacing-base) * 10px);height:calc(var(--cura-spacing-base) * 10px);border-radius:calc(var(--cura-spacing-base) * 1px);background:var(--neutral-pale)}\n"] }]
         }], propDecorators: { distance: [{ type: i0.Input, args: [{ isSignal: true, alias: "distance", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs","sources":["../../../projects/site-front-end-lib/cura/badges/cura-badge-distance/cura-badge-distance.component.ts","../../../projects/site-front-end-lib/cura/badges/cura-badge-distance/cura-badge-distance.component.html","../../../projects/site-front-end-lib/cura/badges/cura-badge-distance/rededor-site-front-end-lib-cura-badges-cura-badge-distance.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\n\n@Component({\n selector: 'cura-badge-distance',\n imports: [CuraLabelComponent],\n templateUrl: './cura-badge-distance.component.html',\n styleUrls: ['./cura-badge-distance.component.scss'],\n host: {\n '[style.--neutral-pale]': 'neutralPale()',\n '[style.--base-spacing]': 'baseSpacing()',\n },\n})\nexport class CuraBadgeDistanceComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n Distance value to display\n /\n distance = input<number>(0);\n\n /\n Label for the distance unit\n /\n label = input<string>('km');\n\n // Computed signals\n private formattedDistance = computed(() => {\n const distanceValue = this.distance();\n const roundedDistance = distanceValue % 1 !== 0 ? parseFloat(distanceValue.toFixed(1)) : distanceValue;\n const isThousandRounded = Math.abs(roundedDistance) >= 1000;\n const displayDistance = isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;\n\n return {\n value: displayDistance,\n isThousandRounded,\n displayText: `${displayDistance}${isThousandRounded ? 'K' : ''}`,\n };\n });\n\n neutralPale = computed(() => {\n return this.curaApi.theme.colors.getColor('neutral-pale');\n });\n\n baseSpacing = computed(() => {\n return this.curaApi.theme.spacing.getSpacing();\n });\n\n displayDistance = computed(() => {\n return this.formattedDistance().displayText;\n });\n}\n","<div class=\"container\">\n <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-black\">\n {{ displayDistance() }}\n </cura-label>\n <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\">\n {{ label() }}\n </cura-label>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;MAca,0BAA0B,CAAA;AAVvC,IAAA,WAAA,GAAA;AAWU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,oDAAC;AAE3B;;AAEG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,IAAI,iDAAC;;AAGnB,QAAA,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE;YACrC,MAAM,eAAe,GAAG,aAAa,GAAG,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa;YACtG,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,IAAI;YAC3D,MAAM,eAAe,GAAG,iBAAiB,GAAG,UAAU,CAAC,CAAC,eAAe,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe;YAE7G,OAAO;AACL,gBAAA,KAAK,EAAE,eAAe;gBACtB,iBAAiB;AACjB,gBAAA,WAAW,EAAE,CAAA,EAAG,eAAe,CAAA,EAAG,iBAAiB,GAAG,GAAG,GAAG,EAAE,CAAA,CAAE;aACjE;AACH,QAAA,CAAC,6DAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC3D,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AAChD,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AAC9B,YAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC,WAAW;AAC7C,QAAA,CAAC,2DAAC;AACH,IAAA;+GAtCY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdvC,~~sQAQA~~,EAAA,MAAA,EAAA,CAAA,wSAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDFY,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAQjB,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,EAAA,OAAA,EACtB,CAAC,kBAAkB,CAAC,EAAA,IAAA,EAGvB;AACJ,wBAAA,wBAAwB,EAAE,eAAe;AACzC,wBAAA,wBAAwB,EAAE,eAAe;AAC1C,qBAAA,EAAA,QAAA,EAAA,~~sQAAA~~,EAAA,MAAA,EAAA,CAAA,wSAAA,CAAA,EAAA;;;AEZH;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs","sources":["../../../projects/site-front-end-lib/cura/badges/cura-badge-distance/cura-badge-distance.component.ts","../../../projects/site-front-end-lib/cura/badges/cura-badge-distance/cura-badge-distance.component.html","../../../projects/site-front-end-lib/cura/badges/cura-badge-distance/rededor-site-front-end-lib-cura-badges-cura-badge-distance.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\r\n\r\n@Component({\r\n selector: 'cura-badge-distance',\r\n imports: [CuraLabelComponent],\r\n templateUrl: './cura-badge-distance.component.html',\r\n styleUrls: ['./cura-badge-distance.component.scss'],\r\n host: {\r\n '[style.--neutral-pale]': 'neutralPale()',\r\n '[style.--base-spacing]': 'baseSpacing()',\r\n },\r\n})\r\nexport class CuraBadgeDistanceComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /*\r\n Distance value to display\r\n /\r\n distance = input<number>(0);\r\n\r\n /\r\n Label for the distance unit\r\n /\r\n label = input<string>('km');\r\n\r\n // Computed signals\r\n private formattedDistance = computed(() => {\r\n const distanceValue = this.distance();\r\n const roundedDistance = distanceValue % 1 !== 0 ? parseFloat(distanceValue.toFixed(1)) : distanceValue;\r\n const isThousandRounded = Math.abs(roundedDistance) >= 1000;\r\n const displayDistance = isThousandRounded ? parseFloat((roundedDistance / 1000).toFixed(1)) : roundedDistance;\r\n\r\n return {\r\n value: displayDistance,\r\n isThousandRounded,\r\n displayText: `${displayDistance}${isThousandRounded ? 'K' : ''}`,\r\n };\r\n });\r\n\r\n neutralPale = computed(() => {\r\n return this.curaApi.theme.colors.getColor('neutral-pale');\r\n });\r\n\r\n baseSpacing = computed(() => {\r\n return this.curaApi.theme.spacing.getSpacing();\r\n });\r\n\r\n displayDistance = computed(() => {\r\n return this.formattedDistance().displayText;\r\n });\r\n}\r\n","<div class=\"container\">\r\n <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-black\">\r\n {{ displayDistance() }}\r\n </cura-label>\r\n <cura-label size=\"xsmall\" weight=\"bold\" color=\"neutral-dark\">\r\n {{ label() }}\r\n </cura-label>\r\n</div>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs CHANGED Viewed

@@ -43,10 +43,10 @@ class CuraBadgeDotComponent {
             return classes.join(' ');
         }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraBadgeDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.16", type: CuraBadgeDotComponent, isStandalone: true, selector: "cura-badge-dot", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style.--base-spacing": "baseSpacing()", "style.--neutral-medium": "neutralMedium()", "style.--neutral-pale": "neutralPale()", "style.--color": "colorValue()", "style.--color-dark": "colorDark()" } }, ngImport: i0, template: "<div [class]=\"containerClasses()\"></div>\n", styles: [":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container:before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled:before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline:before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled:before{border:2px solid var(--neutral-medium)}:host .container.transparent:before{background:var(--color-dark);border:none}:host .container.transparent.disabled:before{background:var(--neutral-medium);border:none}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraBadgeDotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: CuraBadgeDotComponent, isStandalone: true, selector: "cura-badge-dot", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style.--base-spacing": "baseSpacing()", "style.--neutral-medium": "neutralMedium()", "style.--neutral-pale": "neutralPale()", "style.--color": "colorValue()", "style.--color-dark": "colorDark()" } }, ngImport: i0, template: "<div [class]=\"containerClasses()\"></div>\r\n", styles: [":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container:before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled:before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline:before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled:before{border:2px solid var(--neutral-medium)}:host .container.transparent:before{background:var(--color-dark);border:none}:host .container.transparent.disabled:before{background:var(--neutral-medium);border:none}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraBadgeDotComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraBadgeDotComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-badge-dot', imports: [], host: {
                         role: 'img',
@@ -55,7 +55,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         '[style.--neutral-pale]': 'neutralPale()',
                         '[style.--color]': 'colorValue()',
                         '[style.--color-dark]': 'colorDark()',
-                    }, template: "<div [class]=\"containerClasses()\"></div>\n", styles: [":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container:before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled:before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline:before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled:before{border:2px solid var(--neutral-medium)}:host .container.transparent:before{background:var(--color-dark);border:none}:host .container.transparent.disabled:before{background:var(--neutral-medium);border:none}\n"] }]
+                    }, template: "<div [class]=\"containerClasses()\"></div>\r\n", styles: [":host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container:before{width:100%;height:100%;position:absolute;left:0;top:0;content:\"\";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled:before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline:before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled:before{border:2px solid var(--neutral-medium)}:host .container.transparent:before{background:var(--color-dark);border:none}:host .container.transparent.disabled:before{background:var(--neutral-medium);border:none}\n"] }]
         }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs","sources":["../../../projects/site-front-end-lib/cura/badges/cura-badge-dot/cura-badge-dot.component.ts","../../../projects/site-front-end-lib/cura/badges/cura-badge-dot/cura-badge-dot.component.html","../../../projects/site-front-end-lib/cura/badges/cura-badge-dot/rededor-site-front-end-lib-cura-badges-cura-badge-dot.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { BadgeType } from '@rededor/site-front-end-lib/cura/badges';\n\n@Component({\n selector: 'cura-badge-dot',\n imports: [],\n templateUrl: './cura-badge-dot.component.html',\n styleUrls: ['./cura-badge-dot.component.scss'],\n host: {\n role: 'img',\n '[style.--base-spacing]': 'baseSpacing()',\n '[style.--neutral-medium]': 'neutralMedium()',\n '[style.--neutral-pale]': 'neutralPale()',\n '[style.--color]': 'colorValue()',\n '[style.--color-dark]': 'colorDark()',\n },\n})\nexport class CuraBadgeDotComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n Cor fundamental do design system sem profundidade.\n * Ex.: primary (padrão)\n /\n color = input<string>('primary');\n\n /\n Define o estado do badge como desabilitado ou habilitado.\n /\n disabled = input<boolean>(false);\n\n /\n Define o estilo visual entre solid (default), outline ou transparent.\n /\n type = input<BadgeType>('solid');\n\n // Computed signals\n baseSpacing = computed(() => {\n return this.curaApi.theme.spacing.getSpacing();\n });\n\n neutralMedium = computed(() => {\n return this.curaApi.theme.colors.getColor('neutral-dark');\n });\n\n neutralPale = computed(() => {\n return this.curaApi.theme.colors.getColor('neutral-pale');\n });\n\n colorValue = computed(() => {\n return this.curaApi.theme.colors.getColor(this.color());\n });\n\n colorDark = computed(() => {\n return this.curaApi.theme.colors.getColor(`${this.color()}-dark`);\n });\n\n containerClasses = computed(() => {\n const classes = [];\n\n classes.push('container');\n classes.push(this.type());\n\n if (this.disabled()) classes.push('disabled');\n\n return classes.join(' ');\n });\n}\n","<div [class]=\"containerClasses()\"></div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAkBa,qBAAqB,CAAA;AAdlC,IAAA,WAAA,GAAA;AAeU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;;AAGG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,SAAS,iDAAC;AAEhC;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAEhC;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,OAAO,gDAAC;;AAGhC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AAChD,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC5B,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC3D,QAAA,CAAC,yDAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC3D,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACzB,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AACzD,QAAA,CAAC,sDAAC;AAEF,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACxB,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA,KAAA,CAAO,CAAC;AACnE,QAAA,CAAC,qDAAC;AAEF,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;YAC/B,MAAM,OAAO,GAAG,EAAE;AAElB,YAAA,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;YACzB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAEzB,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,gBAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;AAE7C,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,CAAC,4DAAC;AACH,IAAA;+GAlDY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,ksBClBlC,~~8CACA~~,EAAA,MAAA,EAAA,CAAA,g1BAAA,CAAA,EAAA,CAAA,CAAA;;4FDiBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,wBAAwB,EAAE,eAAe;AACzC,wBAAA,0BAA0B,EAAE,iBAAiB;AAC7C,wBAAA,wBAAwB,EAAE,eAAe;AACzC,wBAAA,iBAAiB,EAAE,cAAc;AACjC,wBAAA,sBAAsB,EAAE,aAAa;AACtC,qBAAA,EAAA,QAAA,EAAA,~~8CAAA~~,EAAA,MAAA,EAAA,CAAA,g1BAAA,CAAA,EAAA;;;AEhBH;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs","sources":["../../../projects/site-front-end-lib/cura/badges/cura-badge-dot/cura-badge-dot.component.ts","../../../projects/site-front-end-lib/cura/badges/cura-badge-dot/cura-badge-dot.component.html","../../../projects/site-front-end-lib/cura/badges/cura-badge-dot/rededor-site-front-end-lib-cura-badges-cura-badge-dot.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { BadgeType } from '@rededor/site-front-end-lib/cura/badges';\r\n\r\n@Component({\r\n selector: 'cura-badge-dot',\r\n imports: [],\r\n templateUrl: './cura-badge-dot.component.html',\r\n styleUrls: ['./cura-badge-dot.component.scss'],\r\n host: {\r\n role: 'img',\r\n '[style.--base-spacing]': 'baseSpacing()',\r\n '[style.--neutral-medium]': 'neutralMedium()',\r\n '[style.--neutral-pale]': 'neutralPale()',\r\n '[style.--color]': 'colorValue()',\r\n '[style.--color-dark]': 'colorDark()',\r\n },\r\n})\r\nexport class CuraBadgeDotComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /*\r\n Cor fundamental do design system sem profundidade.\r\n * Ex.: primary (padrão)\r\n /\r\n color = input<string>('primary');\r\n\r\n /\r\n Define o estado do badge como desabilitado ou habilitado.\r\n /\r\n disabled = input<boolean>(false);\r\n\r\n /\r\n Define o estilo visual entre solid (default), outline ou transparent.\r\n /\r\n type = input<BadgeType>('solid');\r\n\r\n // Computed signals\r\n baseSpacing = computed(() => {\r\n return this.curaApi.theme.spacing.getSpacing();\r\n });\r\n\r\n neutralMedium = computed(() => {\r\n return this.curaApi.theme.colors.getColor('neutral-dark');\r\n });\r\n\r\n neutralPale = computed(() => {\r\n return this.curaApi.theme.colors.getColor('neutral-pale');\r\n });\r\n\r\n colorValue = computed(() => {\r\n return this.curaApi.theme.colors.getColor(this.color());\r\n });\r\n\r\n colorDark = computed(() => {\r\n return this.curaApi.theme.colors.getColor(`${this.color()}-dark`);\r\n });\r\n\r\n containerClasses = computed(() => {\r\n const classes = [];\r\n\r\n classes.push('container');\r\n classes.push(this.type());\r\n\r\n if (this.disabled()) classes.push('disabled');\r\n\r\n return classes.join(' ');\r\n });\r\n}\r\n","<div [class]=\"containerClasses()\"></div>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;MAkBa,qBAAqB,CAAA;AAdlC,IAAA,WAAA,GAAA;AAeU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;;AAGG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,SAAS,iDAAC;AAEhC;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;AAEhC;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,OAAO,gDAAC;;AAGhC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;YAC1B,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AAChD,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC5B,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC3D,QAAA,CAAC,yDAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC1B,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC3D,QAAA,CAAC,uDAAC;AAEF,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AACzB,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AACzD,QAAA,CAAC,sDAAC;AAEF,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AACxB,YAAA,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAA,KAAA,CAAO,CAAC;AACnE,QAAA,CAAC,qDAAC;AAEF,QAAA,IAAA,CAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;YAC/B,MAAM,OAAO,GAAG,EAAE;AAElB,YAAA,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;YACzB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAEzB,IAAI,IAAI,CAAC,QAAQ,EAAE;AAAE,gBAAA,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;AAE7C,YAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,QAAA,CAAC,4DAAC;AACH,IAAA;+GAlDY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,ksBClBlC,gDACA,EAAA,MAAA,EAAA,CAAA,g1BAAA,CAAA,EAAA,CAAA,CAAA;;4FDiBa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAdjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,IAAA,EAGL;AACJ,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,wBAAwB,EAAE,eAAe;AACzC,wBAAA,0BAA0B,EAAE,iBAAiB;AAC7C,wBAAA,wBAAwB,EAAE,eAAe;AACzC,wBAAA,iBAAiB,EAAE,cAAc;AACjC,wBAAA,sBAAsB,EAAE,aAAa;AACtC,qBAAA,EAAA,QAAA,EAAA,gDAAA,EAAA,MAAA,EAAA,CAAA,g1BAAA,CAAA,EAAA;;;AEhBH;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs CHANGED Viewed

@@ -71,16 +71,16 @@ class CuraBadgePillComponent {
             return this.disabled() ? 'neutral-medium' : `${this.color()}-dark`;
         }, ...(ngDevMode ? [{ debugName: "symbolColor" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraBadgePillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CuraBadgePillComponent, isStandalone: true, selector: "cura-badge-pill", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--border-radius": "borderRadius() || \"2px\"", "style.--color-background": "colorBackground()", "style.--color-base": "colorBase()" } }, ngImport: i0, template: "<div [class]=\"containerClasses()\">\n  @if (iconName()) {\n    <cura-icon [name]=\"iconName()\" [iconset]=\"iconset()\" size=\"micro\" [color]=\"symbolColor()\"> </cura-icon>\n  }\n  <cura-label size=\"xsmall\" lineHeight=\"117%\" [color]=\"symbolColor()\">\n    <ng-content></ng-content>\n  </cura-label>\n</div>\n", styles: [":host{display:inline-block}:host .badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px);padding:calc(var(--cura-spacing-base) * 1px);border-radius:var(--border-radius);font-family:var(--cura-font-body);font-size:var(--cura-font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--cura-spacing-base) * 5px);min-width:calc(var(--cura-spacing-base) * 5px);background-color:var(--color-background)}:host .badge-container:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}:host .badge-container.icon-only cura-label{display:none!important}:host .badge-container.disabled{background-color:#e9e9e9}:host .badge-container.outline{background-color:transparent}:host .badge-container.outline:before{border:1px solid var(--color-base)}:host .badge-container.outline.disabled:before{border:1px solid rgb(146,146,146)}:host .badge-container.transparent{background-color:transparent}:host .badge-container.transparent:before{border:1px solid transparent}:host .badge-container.transparent.disabled{background-color:transparent}:host .badge-container cura-icon{display:flex}\n"], dependencies: [{ kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraBadgePillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuraBadgePillComponent, isStandalone: true, selector: "cura-badge-pill", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", 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 }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--border-radius": "borderRadius() || \"2px\"", "style.--color-background": "colorBackground()", "style.--color-base": "colorBase()" } }, ngImport: i0, template: "<div [class]=\"containerClasses()\">\r\n  @if (iconName()) {\r\n    <cura-icon [name]=\"iconName()\" [iconset]=\"iconset()\" size=\"micro\" [color]=\"symbolColor()\"> </cura-icon>\r\n  }\r\n  <cura-label size=\"xsmall\" lineHeight=\"117%\" [color]=\"symbolColor()\">\r\n    <ng-content></ng-content>\r\n  </cura-label>\r\n</div>\r\n", styles: [":host{display:inline-block}:host .badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px);padding:calc(var(--cura-spacing-base) * 1px);border-radius:var(--border-radius);font-family:var(--cura-font-body);font-size:var(--cura-font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--cura-spacing-base) * 5px);min-width:calc(var(--cura-spacing-base) * 5px);background-color:var(--color-background)}:host .badge-container:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}:host .badge-container.icon-only cura-label{display:none!important}:host .badge-container.disabled{background-color:#e9e9e9}:host .badge-container.outline{background-color:transparent}:host .badge-container.outline:before{border:1px solid var(--color-base)}:host .badge-container.outline.disabled:before{border:1px solid rgb(146,146,146)}:host .badge-container.transparent{background-color:transparent}:host .badge-container.transparent:before{border:1px solid transparent}:host .badge-container.transparent.disabled{background-color:transparent}:host .badge-container cura-icon{display:flex}\n"], dependencies: [{ kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraBadgePillComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraBadgePillComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-badge-pill', imports: [CuraIconComponent, CuraLabelComponent], host: {
                         '[style.--border-radius]': 'borderRadius() || "2px"',
                         '[style.--color-background]': 'colorBackground()',
                         '[style.--color-base]': 'colorBase()',
-                    }, template: "<div [class]=\"containerClasses()\">\n  @if (iconName()) {\n    <cura-icon [name]=\"iconName()\" [iconset]=\"iconset()\" size=\"micro\" [color]=\"symbolColor()\"> </cura-icon>\n  }\n  <cura-label size=\"xsmall\" lineHeight=\"117%\" [color]=\"symbolColor()\">\n    <ng-content></ng-content>\n  </cura-label>\n</div>\n", styles: [":host{display:inline-block}:host .badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px);padding:calc(var(--cura-spacing-base) * 1px);border-radius:var(--border-radius);font-family:var(--cura-font-body);font-size:var(--cura-font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--cura-spacing-base) * 5px);min-width:calc(var(--cura-spacing-base) * 5px);background-color:var(--color-background)}:host .badge-container:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}:host .badge-container.icon-only cura-label{display:none!important}:host .badge-container.disabled{background-color:#e9e9e9}:host .badge-container.outline{background-color:transparent}:host .badge-container.outline:before{border:1px solid var(--color-base)}:host .badge-container.outline.disabled:before{border:1px solid rgb(146,146,146)}:host .badge-container.transparent{background-color:transparent}:host .badge-container.transparent:before{border:1px solid transparent}:host .badge-container.transparent.disabled{background-color:transparent}:host .badge-container cura-icon{display:flex}\n"] }]
+                    }, template: "<div [class]=\"containerClasses()\">\r\n  @if (iconName()) {\r\n    <cura-icon [name]=\"iconName()\" [iconset]=\"iconset()\" size=\"micro\" [color]=\"symbolColor()\"> </cura-icon>\r\n  }\r\n  <cura-label size=\"xsmall\" lineHeight=\"117%\" [color]=\"symbolColor()\">\r\n    <ng-content></ng-content>\r\n  </cura-label>\r\n</div>\r\n", styles: [":host{display:inline-block}:host .badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px);padding:calc(var(--cura-spacing-base) * 1px);border-radius:var(--border-radius);font-family:var(--cura-font-body);font-size:var(--cura-font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--cura-spacing-base) * 5px);min-width:calc(var(--cura-spacing-base) * 5px);background-color:var(--color-background)}:host .badge-container:before{content:\"\";width:100%;height:100%;position:absolute;left:0;top:0;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}:host .badge-container.icon-only cura-label{display:none!important}:host .badge-container.disabled{background-color:#e9e9e9}:host .badge-container.outline{background-color:transparent}:host .badge-container.outline:before{border:1px solid var(--color-base)}:host .badge-container.outline.disabled:before{border:1px solid rgb(146,146,146)}:host .badge-container.transparent{background-color:transparent}:host .badge-container.transparent:before{border:1px solid transparent}:host .badge-container.transparent.disabled{background-color:transparent}:host .badge-container cura-icon{display:flex}\n"] }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], iconset: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconset", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], borderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderRadius", required: false }] }] } });
 /**

package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs","sources":["../../../projects/site-front-end-lib/cura/badges/cura-badge-pill/cura-badge-pill.component.ts","../../../projects/site-front-end-lib/cura/badges/cura-badge-pill/cura-badge-pill.component.html","../../../projects/site-front-end-lib/cura/badges/cura-badge-pill/rededor-site-front-end-lib-cura-badges-cura-badge-pill.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { BadgeType, BadgeColor } from '@rededor/site-front-end-lib/cura/badges';\n\n@Component({\n selector: 'cura-badge-pill',\n imports: [CuraIconComponent, CuraLabelComponent],\n templateUrl: './cura-badge-pill.component.html',\n styleUrls: ['./cura-badge-pill.component.scss'],\n host: {\n '[style.--border-radius]': 'borderRadius() \|\| \"2px\"',\n '[style.--color-background]': 'colorBackground()',\n '[style.--color-base]': 'colorBase()',\n },\n // '[style.--base-spacing]': 'baseSpacing()',\n // '[style.--font-family]': 'fontFamily()',\n // '[style.--font-size]': 'fontSize()',\n // '[style.--color-background-disabled]': 'colorBackgroundDisabled()',\n // '[style.--color-outline-disabled]': 'colorOutlineDisabled()',\n})\nexport class CuraBadgePillComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n Badge type: solid \| outline \| transparent\n /\n type = input<BadgeType>('solid');\n\n /\n Color base from color scheme. Default: primary\n /\n color = input<BadgeColor>('primary');\n\n /\n Name of the icon to be used from iconset\n /\n iconName = input<string>('');\n\n /\n Custom iconset if needed\n /\n iconset = input<string>('default');\n\n /\n Disabled state. Boolean\n /\n disabled = input<boolean>(false);\n\n /\n Set badge to icon only. Boolean\n /\n iconOnly = input<boolean>(false);\n\n /\n Set border-radius.\n /\n borderRadius = input<string>('2px');\n\n // Computed signals\n colorBackground = computed(() => {\n return this.curaApi.theme.colors.getColor(`${this.color()}-lighter`);\n });\n\n colorBase = computed(() => {\n return this.curaApi.theme.colors.getColor(`${this.color()}-dark`);\n });\n\n // colorBackgroundDisabled = computed(() => {\n // return this.curaApi.theme.colors.getColor('neutral-pale');\n // });\n\n // colorOutlineDisabled = computed(() => {\n // return this.curaApi.theme.colors.getColor('neutral-medium');\n // });\n\n // baseSpacing = computed(() => {\n // return this.curaApi.theme.spacing.getSpacing();\n // });\n\n // fontFamily = computed(() => {\n // return this.curaApi.theme.fonts.getFamily();\n // });\n\n // fontSize = computed(() => {\n // return this.curaApi.theme.fonts.getSize();\n // });\n\n containerClasses = computed(() => {\n const classes = [];\n\n classes.push('badge-container');\n classes.push(this.type());\n\n if (this.iconOnly()) classes.push('icon-only');\n if (this.disabled()) classes.push('disabled');\n\n return classes.join(' ');\n });\n\n symbolColor = computed(() => {\n return this.disabled() ? 'neutral-medium' : `${this.color()}-dark`;\n });\n}\n","<div [class]=\"containerClasses()\">\n @if (iconName()) {\n <cura-icon [name]=\"iconName()\" [iconset]=\"iconset()\" size=\"micro\" [color]=\"symbolColor()\"> </cura-icon>\n }\n <cura-label size=\"xsmall\" lineHeight=\"117%\" [color]=\"symbolColor()\">\n <ng-content></ng-content>\n </cura-label>\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~8TAQA~~,EAAA,MAAA,EAAA,CAAA,iwCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDAY,iBAAiB,gHAAE,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,OAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAcpC,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAhBlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,WAClB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,EAAA,IAAA,EAG1C;AACJ,wBAAA,yBAAyB,EAAE,yBAAyB;AACpD,wBAAA,4BAA4B,EAAE,mBAAmB;AACjD,wBAAA,sBAAsB,EAAE,aAAa;AACtC,qBAAA,EAAA,QAAA,EAAA,~~8TAAA~~,EAAA,MAAA,EAAA,CAAA,iwCAAA,CAAA,EAAA;;;AEfH;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs","sources":["../../../projects/site-front-end-lib/cura/badges/cura-badge-pill/cura-badge-pill.component.ts","../../../projects/site-front-end-lib/cura/badges/cura-badge-pill/cura-badge-pill.component.html","../../../projects/site-front-end-lib/cura/badges/cura-badge-pill/rededor-site-front-end-lib-cura-badges-cura-badge-pill.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\r\nimport { BadgeType, BadgeColor } from '@rededor/site-front-end-lib/cura/badges';\r\n\r\n@Component({\r\n selector: 'cura-badge-pill',\r\n imports: [CuraIconComponent, CuraLabelComponent],\r\n templateUrl: './cura-badge-pill.component.html',\r\n styleUrls: ['./cura-badge-pill.component.scss'],\r\n host: {\r\n '[style.--border-radius]': 'borderRadius() \|\| \"2px\"',\r\n '[style.--color-background]': 'colorBackground()',\r\n '[style.--color-base]': 'colorBase()',\r\n },\r\n // '[style.--base-spacing]': 'baseSpacing()',\r\n // '[style.--font-family]': 'fontFamily()',\r\n // '[style.--font-size]': 'fontSize()',\r\n // '[style.--color-background-disabled]': 'colorBackgroundDisabled()',\r\n // '[style.--color-outline-disabled]': 'colorOutlineDisabled()',\r\n})\r\nexport class CuraBadgePillComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /*\r\n Badge type: solid \| outline \| transparent\r\n /\r\n type = input<BadgeType>('solid');\r\n\r\n /\r\n Color base from color scheme. Default: primary\r\n /\r\n color = input<BadgeColor>('primary');\r\n\r\n /\r\n Name of the icon to be used from iconset\r\n /\r\n iconName = input<string>('');\r\n\r\n /\r\n Custom iconset if needed\r\n /\r\n iconset = input<string>('default');\r\n\r\n /\r\n Disabled state. Boolean\r\n /\r\n disabled = input<boolean>(false);\r\n\r\n /\r\n Set badge to icon only. Boolean\r\n /\r\n iconOnly = input<boolean>(false);\r\n\r\n /\r\n Set border-radius.\r\n /\r\n borderRadius = input<string>('2px');\r\n\r\n // Computed signals\r\n colorBackground = computed(() => {\r\n return this.curaApi.theme.colors.getColor(`${this.color()}-lighter`);\r\n });\r\n\r\n colorBase = computed(() => {\r\n return this.curaApi.theme.colors.getColor(`${this.color()}-dark`);\r\n });\r\n\r\n // colorBackgroundDisabled = computed(() => {\r\n // return this.curaApi.theme.colors.getColor('neutral-pale');\r\n // });\r\n\r\n // colorOutlineDisabled = computed(() => {\r\n // return this.curaApi.theme.colors.getColor('neutral-medium');\r\n // });\r\n\r\n // baseSpacing = computed(() => {\r\n // return this.curaApi.theme.spacing.getSpacing();\r\n // });\r\n\r\n // fontFamily = computed(() => {\r\n // return this.curaApi.theme.fonts.getFamily();\r\n // });\r\n\r\n // fontSize = computed(() => {\r\n // return this.curaApi.theme.fonts.getSize();\r\n // });\r\n\r\n containerClasses = computed(() => {\r\n const classes = [];\r\n\r\n classes.push('badge-container');\r\n classes.push(this.type());\r\n\r\n if (this.iconOnly()) classes.push('icon-only');\r\n if (this.disabled()) classes.push('disabled');\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n symbolColor = computed(() => {\r\n return this.disabled() ? 'neutral-medium' : `${this.color()}-dark`;\r\n });\r\n}\r\n","<div [class]=\"containerClasses()\">\r\n @if (iconName()) {\r\n <cura-icon [name]=\"iconName()\" [iconset]=\"iconset()\" size=\"micro\" [color]=\"symbolColor()\"> </cura-icon>\r\n }\r\n <cura-label size=\"xsmall\" lineHeight=\"117%\" [color]=\"symbolColor()\">\r\n <ng-content></ng-content>\r\n </cura-label>\r\n</div>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs CHANGED Viewed

@@ -144,16 +144,16 @@ class CuraButtonOutlineComponent {
         }
         this.buttonClick.emit(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraButtonOutlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", 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"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraButtonOutlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", 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>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if (href()) {\r\n  <a\r\n    [href]=\"disabled() ? '' : href()\"\r\n    [target]=\"target()\"\r\n    [class]=\"containerClasses()\"\r\n    [ngStyle]=\"buttonStyles()\"\r\n    [attr.aria-label]=\"ariaLabel()\"\r\n    (click)=\"handleClick($event)\"\r\n    (mouseenter)=\"handleMouseEnter()\"\r\n    (mouseleave)=\"handleMouseLeave()\"\r\n  >\r\n    <span class=\"button-container\">\r\n      @if (iconName()) {\r\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\r\n      }\r\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\r\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\r\n      </cura-label>\r\n    </span>\r\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\r\n  </a>\r\n} @else {\r\n  <button\r\n    [type]=\"type()\"\r\n    [class]=\"containerClasses()\"\r\n    [ngStyle]=\"buttonStyles()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-label]=\"ariaLabel()\"\r\n    (click)=\"handleClick($event)\"\r\n    (mouseenter)=\"handleMouseEnter()\"\r\n    (mouseleave)=\"handleMouseLeave()\"\r\n  >\r\n    <span class=\"button-container\">\r\n      @if (iconName()) {\r\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\r\n      }\r\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\r\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\r\n      </cura-label>\r\n    </span>\r\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\r\n  </button>\r\n}\r\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.16", ngImport: i0, type: CuraButtonOutlineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraButtonOutlineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-button-outline', imports: [CommonModule, CuraIconComponent, CuraLoaderCircleComponent, CuraLabelComponent], host: {
                         '[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;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"] }]
+                    }, template: "<ng-template #button>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if (href()) {\r\n  <a\r\n    [href]=\"disabled() ? '' : href()\"\r\n    [target]=\"target()\"\r\n    [class]=\"containerClasses()\"\r\n    [ngStyle]=\"buttonStyles()\"\r\n    [attr.aria-label]=\"ariaLabel()\"\r\n    (click)=\"handleClick($event)\"\r\n    (mouseenter)=\"handleMouseEnter()\"\r\n    (mouseleave)=\"handleMouseLeave()\"\r\n  >\r\n    <span class=\"button-container\">\r\n      @if (iconName()) {\r\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\r\n      }\r\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\r\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\r\n      </cura-label>\r\n    </span>\r\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\r\n  </a>\r\n} @else {\r\n  <button\r\n    [type]=\"type()\"\r\n    [class]=\"containerClasses()\"\r\n    [ngStyle]=\"buttonStyles()\"\r\n    [disabled]=\"disabled()\"\r\n    [attr.aria-label]=\"ariaLabel()\"\r\n    (click)=\"handleClick($event)\"\r\n    (mouseenter)=\"handleMouseEnter()\"\r\n    (mouseleave)=\"handleMouseLeave()\"\r\n  >\r\n    <span class=\"button-container\">\r\n      @if (iconName()) {\r\n        <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\r\n      }\r\n      <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\r\n        <ng-container *ngTemplateOutlet=\"button\"></ng-container>\r\n      </cura-label>\r\n    </span>\r\n    <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\r\n  </button>\r\n}\r\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']

package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs","sources":["../../../projects/site-front-end-lib/cura/buttons/cura-button-outline/cura-button-outline.component.ts","../../../projects/site-front-end-lib/cura/buttons/cura-button-outline/cura-button-outline.component.html","../../../projects/site-front-end-lib/cura/buttons/cura-button-outline/rededor-site-front-end-lib-cura-buttons-cura-button-outline.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, input, output, HostListener, computed, inject } from '@angular/core';\nimport { labelSizes, ButtonType, ButtonSize, IconPosition, BackgroundType, FontColor, TextAlign } from '@rededor/site-front-end-lib/cura/buttons';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\n\n@Component({\n selector: 'cura-button-outline',\n imports: [CommonModule, CuraIconComponent, CuraLoaderCircleComponent, CuraLabelComponent],\n templateUrl: './cura-button-outline.component.html',\n styleUrls: ['./cura-button-outline.component.scss'],\n host: {\n '[attr.role]': 'href() ? \"link\" : type()',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.href]': 'href()',\n },\n})\nexport class CuraButtonOutlineComponent {\n private curaApi: CuraApiService = inject(CuraApiService);\n\n /*\n Button type: button (default) \| submit \| reset\n /\n type = input<ButtonType>('button');\n\n /\n Button size: small \| medium \| large (default)\n /\n size = input<ButtonSize>('large');\n\n /\n Disabled state. Boolean.\n /\n disabled = input<boolean>(false);\n\n /\n Loading state. Boolean.\n /\n isLoading = input<boolean>(false);\n\n /\n Name of the icon to be used from iconset.\n /\n iconName = input<string>('');\n\n /\n Custom iconset if needed.\n /\n iconset = input<string>('default');\n\n /\n Icon position: left (default) \| right.\n /\n iconPosition = input<IconPosition>('left');\n\n /\n Set button to FAB/icon only.\n /\n iconOnly = input<boolean>(false);\n\n /\n Property href switch button to link.\n /\n href = input<string>('');\n\n /\n Set target if link.\n /\n target = input<string>('_self');\n\n /\n Color base from color scheme. Default: primary.\n /\n color = input<string>('primary');\n\n /\n Set the font background to dark or light.\n /\n background = input<BackgroundType>('light');\n\n /\n Set the font color to dark or light.\n /\n fontColor = input<FontColor>('dark');\n\n /\n Set text alignment for the button label.\n * Values: left (default) \| center \| right.\n /\n textAlign = input<TextAlign>('left');\n\n /\n Justify icons and label inside the button.\n * Values: false (default) \| true.\n /\n justify = input<boolean>(false);\n\n /\n Accessible name for the button (aria-label).\n * Required for icon-only buttons or when button text is not descriptive enough.\n /\n ariaLabel = input<string>('');\n\n buttonClick = output<Event>();\n\n hovered = false;\n\n // Computed signal\n buttonStyles = computed(() => {\n const styles: { [key: string]: string } = {};\n\n styles['--base-spacing'] = this.curaApi.theme.spacing.getSpacing();\n styles['--neutral-white'] = this.curaApi.theme.colors.getColor('neutral-white');\n styles['--neutral-base'] = this.curaApi.theme.colors.getColor('neutral-base');\n styles['--neutral-dark'] = this.curaApi.theme.colors.getColor('neutral-dark');\n styles['--font-size'] = this.curaApi.theme.fonts.getSize();\n styles['--font-family'] = this.curaApi.theme.fonts.getFamily();\n const weights = this.curaApi.theme.fonts.getWeights();\n styles['--font-weight-medium'] = weights.medium;\n styles['--text-align'] = this.textAlign();\n\n const colorMappings = [\n { name: '--color-dark-neutral-purewhite', theme: this.background() === 'light' ? `${this.color()}-dark` : 'neutral-purewhite' },\n { name: '--color-lighter-color-darker', theme: this.background() === 'light' ? `${this.color()}-lighter` : `${this.color()}-darker` },\n { name: '--color-light-color-darker', theme: this.background() === 'light' ? `${this.color()}-light` : `${this.color()}-lighter` },\n { name: '--neutral-dark', theme: 'neutral-dark' },\n ];\n\n colorMappings.forEach((mapping) => {\n styles[mapping.name] = this.curaApi.theme.colors.getColor(mapping.theme);\n });\n\n return styles;\n });\n\n containerClasses = computed(() => {\n const classes = [];\n classes.push(this.size()?.toLowerCase());\n classes.push(`icon-${this.iconPosition()?.toLowerCase()}`);\n\n if (this.iconOnly()) classes.push('icon-only');\n if (this.disabled()) classes.push('disabled');\n if (this.isLoading()) classes.push('isLoading');\n if (this.justify()) classes.push('justify');\n\n return classes.join(' ');\n });\n\n iconSize = computed(() => {\n return this.size() === 'large' ? '20' : '16';\n });\n\n symbolColor = computed(() => {\n if (this.disabled()) return 'neutral-dark';\n return this.fontColor() === 'light' ? 'neutral-purewhite' : `${this.color()}-darker`;\n });\n\n labelSize = computed(() => {\n return (labelSizes[this.size()] \|\| labelSizes['default']) as LabelSize;\n });\n\n @HostListener('mouseenter')\n handleMouseEnter() {\n if (this.disabled()) return;\n this.hovered = true;\n }\n\n @HostListener('mouseleave')\n handleMouseLeave() {\n this.hovered = false;\n }\n\n handleClick(event: Event) {\n if (this.disabled() \|\| this.isLoading()) {\n event.preventDefault();\n return;\n }\n\n this.buttonClick.emit(event);\n }\n}\n","<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","/\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-buttons-cura-button-outline.mjs","sources":["../../../projects/site-front-end-lib/cura/buttons/cura-button-outline/cura-button-outline.component.ts","../../../projects/site-front-end-lib/cura/buttons/cura-button-outline/cura-button-outline.component.html","../../../projects/site-front-end-lib/cura/buttons/cura-button-outline/rededor-site-front-end-lib-cura-buttons-cura-button-outline.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, input, output, HostListener, computed, inject } from '@angular/core';\r\nimport { labelSizes, ButtonType, ButtonSize, IconPosition, BackgroundType, FontColor, TextAlign } from '@rededor/site-front-end-lib/cura/buttons';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { CuraLoaderCircleComponent } from '@rededor/site-front-end-lib/cura/loaders/cura-loader-circle';\r\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\r\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\r\n\r\n@Component({\r\n selector: 'cura-button-outline',\r\n imports: [CommonModule, CuraIconComponent, CuraLoaderCircleComponent, CuraLabelComponent],\r\n templateUrl: './cura-button-outline.component.html',\r\n styleUrls: ['./cura-button-outline.component.scss'],\r\n host: {\r\n '[attr.role]': 'href() ? \"link\" : type()',\r\n '[attr.aria-disabled]': 'disabled()',\r\n '[attr.href]': 'href()',\r\n },\r\n})\r\nexport class CuraButtonOutlineComponent {\r\n private curaApi: CuraApiService = inject(CuraApiService);\r\n\r\n /*\r\n Button type: button (default) \| submit \| reset\r\n /\r\n type = input<ButtonType>('button');\r\n\r\n /\r\n Button size: small \| medium \| large (default)\r\n /\r\n size = input<ButtonSize>('large');\r\n\r\n /\r\n Disabled state. Boolean.\r\n /\r\n disabled = input<boolean>(false);\r\n\r\n /\r\n Loading state. Boolean.\r\n /\r\n isLoading = input<boolean>(false);\r\n\r\n /\r\n Name of the icon to be used from iconset.\r\n /\r\n iconName = input<string>('');\r\n\r\n /\r\n Custom iconset if needed.\r\n /\r\n iconset = input<string>('default');\r\n\r\n /\r\n Icon position: left (default) \| right.\r\n /\r\n iconPosition = input<IconPosition>('left');\r\n\r\n /\r\n Set button to FAB/icon only.\r\n /\r\n iconOnly = input<boolean>(false);\r\n\r\n /\r\n Property href switch button to link.\r\n /\r\n href = input<string>('');\r\n\r\n /\r\n Set target if link.\r\n /\r\n target = input<string>('_self');\r\n\r\n /\r\n Color base from color scheme. Default: primary.\r\n /\r\n color = input<string>('primary');\r\n\r\n /\r\n Set the font background to dark or light.\r\n /\r\n background = input<BackgroundType>('light');\r\n\r\n /\r\n Set the font color to dark or light.\r\n /\r\n fontColor = input<FontColor>('dark');\r\n\r\n /\r\n Set text alignment for the button label.\r\n * Values: left (default) \| center \| right.\r\n /\r\n textAlign = input<TextAlign>('left');\r\n\r\n /\r\n Justify icons and label inside the button.\r\n * Values: false (default) \| true.\r\n /\r\n justify = input<boolean>(false);\r\n\r\n /\r\n Accessible name for the button (aria-label).\r\n * Required for icon-only buttons or when button text is not descriptive enough.\r\n /\r\n ariaLabel = input<string>('');\r\n\r\n buttonClick = output<Event>();\r\n\r\n hovered = false;\r\n\r\n // Computed signal\r\n buttonStyles = computed(() => {\r\n const styles: { [key: string]: string } = {};\r\n\r\n styles['--base-spacing'] = this.curaApi.theme.spacing.getSpacing();\r\n styles['--neutral-white'] = this.curaApi.theme.colors.getColor('neutral-white');\r\n styles['--neutral-base'] = this.curaApi.theme.colors.getColor('neutral-base');\r\n styles['--neutral-dark'] = this.curaApi.theme.colors.getColor('neutral-dark');\r\n styles['--font-size'] = this.curaApi.theme.fonts.getSize();\r\n styles['--font-family'] = this.curaApi.theme.fonts.getFamily();\r\n const weights = this.curaApi.theme.fonts.getWeights();\r\n styles['--font-weight-medium'] = weights.medium;\r\n styles['--text-align'] = this.textAlign();\r\n\r\n const colorMappings = [\r\n { name: '--color-dark-neutral-purewhite', theme: this.background() === 'light' ? `${this.color()}-dark` : 'neutral-purewhite' },\r\n { name: '--color-lighter-color-darker', theme: this.background() === 'light' ? `${this.color()}-lighter` : `${this.color()}-darker` },\r\n { name: '--color-light-color-darker', theme: this.background() === 'light' ? `${this.color()}-light` : `${this.color()}-lighter` },\r\n { name: '--neutral-dark', theme: 'neutral-dark' },\r\n ];\r\n\r\n colorMappings.forEach((mapping) => {\r\n styles[mapping.name] = this.curaApi.theme.colors.getColor(mapping.theme);\r\n });\r\n\r\n return styles;\r\n });\r\n\r\n containerClasses = computed(() => {\r\n const classes = [];\r\n classes.push(this.size()?.toLowerCase());\r\n classes.push(`icon-${this.iconPosition()?.toLowerCase()}`);\r\n\r\n if (this.iconOnly()) classes.push('icon-only');\r\n if (this.disabled()) classes.push('disabled');\r\n if (this.isLoading()) classes.push('isLoading');\r\n if (this.justify()) classes.push('justify');\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n iconSize = computed(() => {\r\n return this.size() === 'large' ? '20' : '16';\r\n });\r\n\r\n symbolColor = computed(() => {\r\n if (this.disabled()) return 'neutral-dark';\r\n return this.fontColor() === 'light' ? 'neutral-purewhite' : `${this.color()}-darker`;\r\n });\r\n\r\n labelSize = computed(() => {\r\n return (labelSizes[this.size()] \|\| labelSizes['default']) as LabelSize;\r\n });\r\n\r\n @HostListener('mouseenter')\r\n handleMouseEnter() {\r\n if (this.disabled()) return;\r\n this.hovered = true;\r\n }\r\n\r\n @HostListener('mouseleave')\r\n handleMouseLeave() {\r\n this.hovered = false;\r\n }\r\n\r\n handleClick(event: Event) {\r\n if (this.disabled() \|\| this.isLoading()) {\r\n event.preventDefault();\r\n return;\r\n }\r\n\r\n this.buttonClick.emit(event);\r\n }\r\n}\r\n","<ng-template #button>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@if (href()) {\r\n <a\r\n [href]=\"disabled() ? '' : href()\"\r\n [target]=\"target()\"\r\n [class]=\"containerClasses()\"\r\n [ngStyle]=\"buttonStyles()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n (click)=\"handleClick($event)\"\r\n (mouseenter)=\"handleMouseEnter()\"\r\n (mouseleave)=\"handleMouseLeave()\"\r\n >\r\n <span class=\"button-container\">\r\n @if (iconName()) {\r\n <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\r\n }\r\n <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\r\n <ng-container ngTemplateOutlet=\"button\"></ng-container>\r\n </cura-label>\r\n </span>\r\n <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\r\n </a>\r\n} @else {\r\n <button\r\n [type]=\"type()\"\r\n [class]=\"containerClasses()\"\r\n [ngStyle]=\"buttonStyles()\"\r\n [disabled]=\"disabled()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n (click)=\"handleClick($event)\"\r\n (mouseenter)=\"handleMouseEnter()\"\r\n (mouseleave)=\"handleMouseLeave()\"\r\n >\r\n <span class=\"button-container\">\r\n @if (iconName()) {\r\n <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"symbolColor()\" [iconset]=\"iconset()\" [disabled]=\"disabled()\"> </cura-icon>\r\n }\r\n <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"normal\" [color]=\"symbolColor()\">\r\n <ng-container ngTemplateOutlet=\"button\"></ng-container>\r\n </cura-label>\r\n </span>\r\n <cura-loader-circle [size]=\"size()\" [color]=\"symbolColor()\"> </cura-loader-circle>\r\n </button>\r\n}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs CHANGED Viewed

@@ -109,16 +109,16 @@ class CuraButtonSelectComponent {
         this.selected.set(newSelectedValue);
         this.onclick.emit({ selected: newSelectedValue });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraButtonSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: CuraButtonSelectComponent, isStandalone: true, selector: "cura-button-select", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", onclick: "onclick" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.role": "\"button\"", "attr.aria-disabled": "disabled()", "attr.aria-pressed": "selected()" } }, ngImport: i0, template: "<button\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  <div class=\"button-container\">\n    @if (iconName() && iconPosition() !== 'right') {\n      <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\n    }\n\n    <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"0%\" [color]=\"labelFontColor()\" weight=\"regular\">\n      <ng-content></ng-content>\n    </cura-label>\n\n    @if (counter()) {\n      <cura-badge-counter class=\"badge-number\" [number]=\"counter()\" [color]=\"color()\" [disabled]=\"disabled()\"> </cura-badge-counter>\n    }\n\n    @if (iconPosition() === 'right' && selected()) {\n      <cura-icon name=\"check\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\n    }\n  </div>\n</button>\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:var(--neutral-purewhite);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-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border)!important}: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 cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative;flex-direction:row!important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}: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.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.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus)!important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraButtonSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CuraButtonSelectComponent, isStandalone: true, selector: "cura-button-select", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, counter: { classPropertyName: "counter", publicName: "counter", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, background: { classPropertyName: "background", publicName: "background", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, iconPosition: { classPropertyName: "iconPosition", publicName: "iconPosition", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", onclick: "onclick" }, host: { listeners: { "mouseenter": "handleMouseEnter()", "mouseleave": "handleMouseLeave()" }, properties: { "attr.role": "\"button\"", "attr.aria-disabled": "disabled()", "attr.aria-pressed": "selected()" } }, ngImport: i0, template: "<button\r\n  [class]=\"containerClasses()\"\r\n  [ngStyle]=\"buttonStyles()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (click)=\"handleClick($event)\"\r\n  (mouseenter)=\"handleMouseEnter()\"\r\n  (mouseleave)=\"handleMouseLeave()\"\r\n>\r\n  <div class=\"button-container\">\r\n    @if (iconName() && iconPosition() !== 'right') {\r\n      <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\r\n    }\r\n\r\n    <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"0%\" [color]=\"labelFontColor()\" weight=\"regular\">\r\n      <ng-content></ng-content>\r\n    </cura-label>\r\n\r\n    @if (counter()) {\r\n      <cura-badge-counter class=\"badge-number\" [number]=\"counter()\" [color]=\"color()\" [disabled]=\"disabled()\"> </cura-badge-counter>\r\n    }\r\n\r\n    @if (iconPosition() === 'right' && selected()) {\r\n      <cura-icon name=\"check\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\r\n    }\r\n  </div>\r\n</button>\r\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:var(--neutral-purewhite);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-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border)!important}: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 cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative;flex-direction:row!important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}: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.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.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus)!important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraBadgeCounterComponent, selector: "cura-badge-counter", inputs: ["number", "color", "disabled", "type"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CuraButtonSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CuraButtonSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cura-button-select', imports: [CommonModule, CuraIconComponent, CuraLabelComponent, CuraBadgeCounterComponent], host: {
                         '[attr.role]': '"button"',
                         '[attr.aria-disabled]': 'disabled()',
                         '[attr.aria-pressed]': 'selected()',
-                    }, template: "<button\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  <div class=\"button-container\">\n    @if (iconName() && iconPosition() !== 'right') {\n      <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\n    }\n\n    <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"0%\" [color]=\"labelFontColor()\" weight=\"regular\">\n      <ng-content></ng-content>\n    </cura-label>\n\n    @if (counter()) {\n      <cura-badge-counter class=\"badge-number\" [number]=\"counter()\" [color]=\"color()\" [disabled]=\"disabled()\"> </cura-badge-counter>\n    }\n\n    @if (iconPosition() === 'right' && selected()) {\n      <cura-icon name=\"check\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\n    }\n  </div>\n</button>\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:var(--neutral-purewhite);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-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border)!important}: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 cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative;flex-direction:row!important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}: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.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.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus)!important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}\n"] }]
+                    }, template: "<button\r\n  [class]=\"containerClasses()\"\r\n  [ngStyle]=\"buttonStyles()\"\r\n  [disabled]=\"disabled()\"\r\n  [attr.aria-label]=\"ariaLabel()\"\r\n  (click)=\"handleClick($event)\"\r\n  (mouseenter)=\"handleMouseEnter()\"\r\n  (mouseleave)=\"handleMouseLeave()\"\r\n>\r\n  <div class=\"button-container\">\r\n    @if (iconName() && iconPosition() !== 'right') {\r\n      <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\r\n    }\r\n\r\n    <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"0%\" [color]=\"labelFontColor()\" weight=\"regular\">\r\n      <ng-content></ng-content>\r\n    </cura-label>\r\n\r\n    @if (counter()) {\r\n      <cura-badge-counter class=\"badge-number\" [number]=\"counter()\" [color]=\"color()\" [disabled]=\"disabled()\"> </cura-badge-counter>\r\n    }\r\n\r\n    @if (iconPosition() === 'right' && selected()) {\r\n      <cura-icon name=\"check\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\r\n    }\r\n  </div>\r\n</button>\r\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:var(--neutral-purewhite);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-border);border-radius:var(--border-radius)}:host button:not(.disabled):hover,:host a:not(.disabled):hover{background-color:var(--color-background-hover);border-color:var(--color-border-hover-pressed)}:host button:focus,:host a:focus{border-color:var(--color-border)!important}: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 cura-label,:host a cura-label{flex:1;text-align:var(--text-align, \"left\")}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity .2s linear;position:relative;flex-direction:row!important}:host button .button-container .badge-number,:host a .button-container .badge-number{margin-left:10px}: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.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.selected,:host a.selected{cursor:pointer;background-color:var(--color-select);border-color:var(--color-select)}:host button.selected:not(.disabled):hover,:host a.selected:not(.disabled):hover{background-color:var(--color-border-hover-pressed);border-color:var(--color-border-hover-pressed)}:host button.selected:focus,:host a.selected:focus{border-color:var(--color-select-focus)!important}:host button.selected.disabled,:host a.selected.disabled{background-color:var(--color-disable-select);border-color:var(--color-disable-select)}:host button.disabled,:host a.disabled{cursor:not-allowed;background-color:var(--neutral-white-primary-darker);border-color:var(--color-border-disable-unselect)}\n"] }]
         }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }, { type: i0.Output, args: ["selectedChange"] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], counter: [{ type: i0.Input, args: [{ isSignal: true, alias: "counter", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], background: [{ type: i0.Input, args: [{ isSignal: true, alias: "background", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], iconPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconPosition", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], onclick: [{ type: i0.Output, args: ["onclick"] }], handleMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']

package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs","sources":["../../../projects/site-front-end-lib/cura/buttons/cura-button-select/cura-button-select.component.ts","../../../projects/site-front-end-lib/cura/buttons/cura-button-select/cura-button-select.component.html","../../../projects/site-front-end-lib/cura/buttons/cura-button-select/rededor-site-front-end-lib-cura-buttons-cura-button-select.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, input, output, model, HostListener, computed, inject } from '@angular/core';\nimport { labelSizes, ButtonSize, IconPosition, BackgroundType } from '@rededor/site-front-end-lib/cura/buttons';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\nimport { CuraBadgeCounterComponent } from '@rededor/site-front-end-lib/cura/badges/cura-badge-counter';\n\n@Component({\n selector: 'cura-button-select',\n imports: [CommonModule, CuraIconComponent, CuraLabelComponent, CuraBadgeCounterComponent],\n templateUrl: './cura-button-select.component.html',\n styleUrls: ['./cura-button-select.component.scss'],\n host: {\n '[attr.role]': '\"button\"',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-pressed]': 'selected()',\n },\n})\nexport class CuraButtonSelectComponent {\n private curaApi: CuraApiService = inject(CuraApiService);\n\n selected = model<boolean>(false);\n iconName = input<string>('');\n size = input<ButtonSize>('medium');\n counter = input<number \| null>(null);\n disabled = input<boolean>(false);\n background = input<BackgroundType>('light');\n color = input<string>('primary');\n iconPosition = input<IconPosition>();\n\n /*\n Accessible name for the button (aria-label).\n * Required for icon-only buttons or when button text is not descriptive enough.\n /\n ariaLabel = input<string>('');\n\n onclick = output<{ selected: boolean }>();\n\n hovered = false;\n\n buttonStyles = computed(() => {\n const styles: { [key: string]: string } = {};\n\n styles['--base-spacing'] = this.curaApi.theme.spacing.getSpacing();\n styles['--font-size'] = this.curaApi.theme.fonts.getSize();\n styles['--font-family'] = this.curaApi.theme.fonts.getFamily();\n const weights = this.curaApi.theme.fonts.getWeights();\n styles['--font-weight-medium'] = weights.medium;\n\n const colorMappings = [\n { name: '--color-border', theme: this.background() === 'light' ? `${this.color()}-darker` : 'neutral-white' },\n { name: '--color-border-hover-pressed', theme: this.background() === 'light' ? `${this.color()}-dark` : `${this.color()}-light` },\n { name: '--color-background-hover', theme: this.background() === 'light' ? `${this.color()}-light` : `${this.color()}-dark` },\n { name: '--color-select', theme: this.background() === 'light' ? `${this.color()}-base` : 'neutral-white' },\n { name: '--color-select-hover-pressed', theme: this.background() === 'light' ? `${this.color()}-dark` : `${this.color()}-lighter` },\n { name: '--color-select-focus', theme: this.background() === 'light' ? `${this.color()}-base` : `${this.color()}-lighter` },\n { name: '--color-disable-select', theme: this.background() === 'light' ? 'neutral-white' : 'neutral-black' },\n { name: '--color-border-disable-unselect', theme: 'neutral-dark' },\n { name: '--color-counter-disabled', theme: this.background() === 'light' ? 'neutral-pale' : 'neutral-black' },\n { name: '--color-counter', theme: !this.disabled() ? 'primary-lighter' : '' },\n ];\n\n colorMappings.forEach((mapping) => {\n if (mapping.theme) {\n styles[mapping.name] = this.curaApi.theme.colors.getColor(mapping.theme);\n }\n });\n\n return styles;\n });\n\n containerClasses = computed(() => {\n const classes = [];\n classes.push(this.size()?.toLowerCase());\n\n if (this.iconPosition()) {\n classes.push(`icon-${this.iconPosition()?.toLowerCase()}`);\n }\n\n if (this.disabled()) classes.push('disabled');\n if (this.selected()) classes.push('selected');\n\n return classes.join(' ');\n });\n\n labelFontColor = computed(() => {\n if (this.disabled()) return 'neutral-dark';\n\n if (this.background() === 'dark') {\n return this.selected() ? 'neutral-black' : 'neutral-white';\n }\n if (this.background() === 'light') {\n return this.selected() ? 'neutral-white' : 'neutral-black';\n }\n return 'neutral-black';\n });\n\n iconSize = computed(() => {\n return this.size() === 'large' ? '20' : '16';\n });\n\n iconColor = computed(() => {\n if (this.disabled()) return 'neutral-dark';\n\n if (this.background() === 'dark') {\n return this.selected() ? 'neutral-black' : 'neutral-white';\n }\n if (this.background() === 'light') {\n return this.selected() ? 'neutral-white' : 'neutral-black';\n }\n return 'neutral-black';\n });\n\n labelSize = computed(() => {\n return (labelSizes[this.size()] \|\| labelSizes['default']) as LabelSize;\n });\n\n @HostListener('mouseenter')\n handleMouseEnter() {\n if (this.disabled()) return;\n this.hovered = true;\n }\n\n @HostListener('mouseleave')\n handleMouseLeave() {\n this.hovered = false;\n }\n\n handleClick(event: Event) {\n if (this.disabled()) {\n event.preventDefault();\n }\n\n const newSelectedValue = !this.selected();\n this.selected.set(newSelectedValue);\n this.onclick.emit({ selected: newSelectedValue });\n }\n}\n","<button\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 <div class=\"button-container\">\n @if (iconName() && iconPosition() !== 'right') {\n <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\n }\n\n <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"0%\" [color]=\"labelFontColor()\" weight=\"regular\">\n <ng-content></ng-content>\n </cura-label>\n\n @if (counter()) {\n <cura-badge-counter class=\"badge-number\" [number]=\"counter()\" [color]=\"color()\" [disabled]=\"disabled()\"> </cura-badge-counter>\n }\n\n @if (iconPosition() === 'right' && selected()) {\n <cura-icon name=\"check\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\n }\n </div>\n</button>\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-buttons-cura-button-select.mjs","sources":["../../../projects/site-front-end-lib/cura/buttons/cura-button-select/cura-button-select.component.ts","../../../projects/site-front-end-lib/cura/buttons/cura-button-select/cura-button-select.component.html","../../../projects/site-front-end-lib/cura/buttons/cura-button-select/rededor-site-front-end-lib-cura-buttons-cura-button-select.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, input, output, model, HostListener, computed, inject } from '@angular/core';\r\nimport { labelSizes, ButtonSize, IconPosition, BackgroundType } from '@rededor/site-front-end-lib/cura/buttons';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { CuraIconComponent } from '@rededor/site-front-end-lib/cura/icons/cura-icon';\r\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\r\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\r\nimport { CuraBadgeCounterComponent } from '@rededor/site-front-end-lib/cura/badges/cura-badge-counter';\r\n\r\n@Component({\r\n selector: 'cura-button-select',\r\n imports: [CommonModule, CuraIconComponent, CuraLabelComponent, CuraBadgeCounterComponent],\r\n templateUrl: './cura-button-select.component.html',\r\n styleUrls: ['./cura-button-select.component.scss'],\r\n host: {\r\n '[attr.role]': '\"button\"',\r\n '[attr.aria-disabled]': 'disabled()',\r\n '[attr.aria-pressed]': 'selected()',\r\n },\r\n})\r\nexport class CuraButtonSelectComponent {\r\n private curaApi: CuraApiService = inject(CuraApiService);\r\n\r\n selected = model<boolean>(false);\r\n iconName = input<string>('');\r\n size = input<ButtonSize>('medium');\r\n counter = input<number \| null>(null);\r\n disabled = input<boolean>(false);\r\n background = input<BackgroundType>('light');\r\n color = input<string>('primary');\r\n iconPosition = input<IconPosition>();\r\n\r\n /*\r\n Accessible name for the button (aria-label).\r\n * Required for icon-only buttons or when button text is not descriptive enough.\r\n /\r\n ariaLabel = input<string>('');\r\n\r\n onclick = output<{ selected: boolean }>();\r\n\r\n hovered = false;\r\n\r\n buttonStyles = computed(() => {\r\n const styles: { [key: string]: string } = {};\r\n\r\n styles['--base-spacing'] = this.curaApi.theme.spacing.getSpacing();\r\n styles['--font-size'] = this.curaApi.theme.fonts.getSize();\r\n styles['--font-family'] = this.curaApi.theme.fonts.getFamily();\r\n const weights = this.curaApi.theme.fonts.getWeights();\r\n styles['--font-weight-medium'] = weights.medium;\r\n\r\n const colorMappings = [\r\n { name: '--color-border', theme: this.background() === 'light' ? `${this.color()}-darker` : 'neutral-white' },\r\n { name: '--color-border-hover-pressed', theme: this.background() === 'light' ? `${this.color()}-dark` : `${this.color()}-light` },\r\n { name: '--color-background-hover', theme: this.background() === 'light' ? `${this.color()}-light` : `${this.color()}-dark` },\r\n { name: '--color-select', theme: this.background() === 'light' ? `${this.color()}-base` : 'neutral-white' },\r\n { name: '--color-select-hover-pressed', theme: this.background() === 'light' ? `${this.color()}-dark` : `${this.color()}-lighter` },\r\n { name: '--color-select-focus', theme: this.background() === 'light' ? `${this.color()}-base` : `${this.color()}-lighter` },\r\n { name: '--color-disable-select', theme: this.background() === 'light' ? 'neutral-white' : 'neutral-black' },\r\n { name: '--color-border-disable-unselect', theme: 'neutral-dark' },\r\n { name: '--color-counter-disabled', theme: this.background() === 'light' ? 'neutral-pale' : 'neutral-black' },\r\n { name: '--color-counter', theme: !this.disabled() ? 'primary-lighter' : '' },\r\n ];\r\n\r\n colorMappings.forEach((mapping) => {\r\n if (mapping.theme) {\r\n styles[mapping.name] = this.curaApi.theme.colors.getColor(mapping.theme);\r\n }\r\n });\r\n\r\n return styles;\r\n });\r\n\r\n containerClasses = computed(() => {\r\n const classes = [];\r\n classes.push(this.size()?.toLowerCase());\r\n\r\n if (this.iconPosition()) {\r\n classes.push(`icon-${this.iconPosition()?.toLowerCase()}`);\r\n }\r\n\r\n if (this.disabled()) classes.push('disabled');\r\n if (this.selected()) classes.push('selected');\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n labelFontColor = computed(() => {\r\n if (this.disabled()) return 'neutral-dark';\r\n\r\n if (this.background() === 'dark') {\r\n return this.selected() ? 'neutral-black' : 'neutral-white';\r\n }\r\n if (this.background() === 'light') {\r\n return this.selected() ? 'neutral-white' : 'neutral-black';\r\n }\r\n return 'neutral-black';\r\n });\r\n\r\n iconSize = computed(() => {\r\n return this.size() === 'large' ? '20' : '16';\r\n });\r\n\r\n iconColor = computed(() => {\r\n if (this.disabled()) return 'neutral-dark';\r\n\r\n if (this.background() === 'dark') {\r\n return this.selected() ? 'neutral-black' : 'neutral-white';\r\n }\r\n if (this.background() === 'light') {\r\n return this.selected() ? 'neutral-white' : 'neutral-black';\r\n }\r\n return 'neutral-black';\r\n });\r\n\r\n labelSize = computed(() => {\r\n return (labelSizes[this.size()] \|\| labelSizes['default']) as LabelSize;\r\n });\r\n\r\n @HostListener('mouseenter')\r\n handleMouseEnter() {\r\n if (this.disabled()) return;\r\n this.hovered = true;\r\n }\r\n\r\n @HostListener('mouseleave')\r\n handleMouseLeave() {\r\n this.hovered = false;\r\n }\r\n\r\n handleClick(event: Event) {\r\n if (this.disabled()) {\r\n event.preventDefault();\r\n }\r\n\r\n const newSelectedValue = !this.selected();\r\n this.selected.set(newSelectedValue);\r\n this.onclick.emit({ selected: newSelectedValue });\r\n }\r\n}\r\n","<button\r\n [class]=\"containerClasses()\"\r\n [ngStyle]=\"buttonStyles()\"\r\n [disabled]=\"disabled()\"\r\n [attr.aria-label]=\"ariaLabel()\"\r\n (click)=\"handleClick($event)\"\r\n (mouseenter)=\"handleMouseEnter()\"\r\n (mouseleave)=\"handleMouseLeave()\"\r\n>\r\n <div class=\"button-container\">\r\n @if (iconName() && iconPosition() !== 'right') {\r\n <cura-icon [name]=\"iconName()\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\r\n }\r\n\r\n <cura-label class=\"label\" [size]=\"labelSize()\" lineHeight=\"0%\" [color]=\"labelFontColor()\" weight=\"regular\">\r\n <ng-content></ng-content>\r\n </cura-label>\r\n\r\n @if (counter()) {\r\n <cura-badge-counter class=\"badge-number\" [number]=\"counter()\" [color]=\"color()\" [disabled]=\"disabled()\"> </cura-badge-counter>\r\n }\r\n\r\n @if (iconPosition() === 'right' && selected()) {\r\n <cura-icon name=\"check\" [size]=\"iconSize()\" [color]=\"iconColor()\" [disabled]=\"disabled()\"> </cura-icon>\r\n }\r\n </div>\r\n</button>\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}