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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (162) hide show

package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs DELETED Viewed

@@ -1,88 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-const iconSizes = {
-    '128': { size: 128, stroke: 5.25 },
-    '72': { size: 72, stroke: 3.5 },
-    '64': { size: 64, stroke: 3.25 },
-    '48': { size: 48, stroke: 2.75 },
-    '40': { size: 40, stroke: 2.5 },
-    '32': { size: 32, stroke: 2.25 },
-    '24': { size: 24, stroke: 2 },
-    '20': { size: 20, stroke: 1.75 },
-    '16': { size: 16, stroke: 1.5 },
-    micro: { size: 12, stroke: 1.25 },
-    default: { size: 24, stroke: 2 },
-};
-class CuraIconComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        /**
-         * Name of the icon to be used from iconset.
-         */
-        this.name = input('', ...(ngDevMode ? [{ debugName: "name" }] : []));
-        /**
-         * Color of the icon. Uses theme color tokens.
-         */
-        this.color = input('neutral-base', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        /**
-         * Size of the icon. Can be a predefined size or custom number.
-         */
-        this.size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        /**
-         * Custom iconset if needed.
-         */
-        this.iconset = input('default', ...(ngDevMode ? [{ debugName: "iconset" }] : []));
-        /**
-         * Disabled state. Boolean.
-         */
-        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-        // Computed signals
-        this.assetsPath = computed(() => this.curaApi.localAssetsPath(), ...(ngDevMode ? [{ debugName: "assetsPath" }] : []));
-        this.iconSize = computed(() => {
-            const sizeValue = this.size();
-            const scaledStroke = (iconSize) => {
-                return iconSizes[iconSize].stroke * (iconSizes['default'].size / iconSizes[iconSize].size);
-            };
-            const size = iconSizes[`${sizeValue}`] ? iconSizes[sizeValue].size : iconSizes['default'].size;
-            const stroke = iconSizes[`${sizeValue}`] ? scaledStroke(sizeValue) : scaledStroke('default');
-            return { size, stroke };
-        }, ...(ngDevMode ? [{ debugName: "iconSize" }] : []));
-        this.iconColor = computed(() => {
-            const colorValue = this.disabled() ? 'neutral-medium' : this.color();
-            return this.curaApi.theme.colors.getColor(colorValue);
-        }, ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.iconPath = computed(() => {
-            return `${this.assetsPath()}/icons/iconset-${this.iconset()}.svg#${this.name()}`;
-        }, ...(ngDevMode ? [{ debugName: "iconPath" }] : []));
-        this.iconStyles = computed(() => {
-            const sizeData = this.iconSize();
-            return {
-                size: `${sizeData.size}px`,
-                stroke: `${sizeData.stroke}px`,
-                color: this.iconColor(),
-            };
-        }, ...(ngDevMode ? [{ debugName: "iconStyles" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraIconComponent, isStandalone: true, selector: "cura-icon", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", 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 } }, host: { attributes: { "role": "img" }, properties: { "style.--size": "iconStyles().size", "style.--stroke": "iconStyles().stroke", "style.--color": "iconStyles().color" } }, ngImport: i0, template: "<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <use [attr.xlink:href]=\"iconPath()\"></use>\r\n</svg>\r\n", styles: [":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-icon', imports: [CommonModule], host: {
-                        role: 'img',
-                        '[style.--size]': 'iconStyles().size',
-                        '[style.--stroke]': 'iconStyles().stroke',
-                        '[style.--color]': 'iconStyles().color',
-                    }, template: "<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <use [attr.xlink:href]=\"iconPath()\"></use>\r\n</svg>\r\n", styles: [":host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}\n"] }]
-        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], iconset: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconset", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
-/**
- * Generated bundle index. Do not edit.
- */
-export { CuraIconComponent, iconSizes };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-icons-cura-icon.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"rededor-site-front-end-lib-cura-icons-cura-icon.mjs","sources":["../../../projects/site-front-end-lib/cura/icons/cura-icon/cura-icon.definitions.ts","../../../projects/site-front-end-lib/cura/icons/cura-icon/cura-icon.component.ts","../../../projects/site-front-end-lib/cura/icons/cura-icon/cura-icon.component.html","../../../projects/site-front-end-lib/cura/icons/cura-icon/rededor-site-front-end-lib-cura-icons-cura-icon.ts"],"sourcesContent":["export interface IconSize {\r\n size: number;\r\n stroke: number;\r\n}\r\n\r\nexport const iconSizes: Record<string, IconSize> = {\r\n '128': { size: 128, stroke: 5.25 },\r\n '72': { size: 72, stroke: 3.5 },\r\n '64': { size: 64, stroke: 3.25 },\r\n '48': { size: 48, stroke: 2.75 },\r\n '40': { size: 40, stroke: 2.5 },\r\n '32': { size: 32, stroke: 2.25 },\r\n '24': { size: 24, stroke: 2 },\r\n '20': { size: 20, stroke: 1.75 },\r\n '16': { size: 16, stroke: 1.5 },\r\n micro: { size: 12, stroke: 1.25 },\r\n default: { size: 24, stroke: 2 },\r\n};\r\n\r\nexport type IconSizeType = keyof typeof iconSizes | string | number;\r\n","import { Component, inject, input, computed } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { iconSizes, IconSizeType } from './cura-icon.definitions';\r\n\r\n@Component({\r\n selector: 'cura-icon',\r\n imports: [CommonModule],\r\n templateUrl: './cura-icon.component.html',\r\n styleUrls: ['./cura-icon.component.scss'],\r\n host: {\r\n role: 'img',\r\n '[style.--size]': 'iconStyles().size',\r\n '[style.--stroke]': 'iconStyles().stroke',\r\n '[style.--color]': 'iconStyles().color',\r\n },\r\n})\r\nexport class CuraIconComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /**\r\n * Name of the icon to be used from iconset.\r\n */\r\n name = input<string>('');\r\n\r\n /**\r\n * Color of the icon. Uses theme color tokens.\r\n */\r\n color = input<string>('neutral-base');\r\n\r\n /**\r\n * Size of the icon. Can be a predefined size or custom number.\r\n */\r\n size = input<IconSizeType>('default');\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 // Computed signals\r\n private assetsPath = computed(() => this.curaApi.localAssetsPath());\r\n\r\n private iconSize = computed(() => {\r\n const sizeValue = this.size();\r\n\r\n const scaledStroke = (iconSize: string | number) => {\r\n return iconSizes[iconSize].stroke * (iconSizes['default'].size / iconSizes[iconSize].size);\r\n };\r\n\r\n const size = iconSizes[`${sizeValue}`] ? iconSizes[sizeValue].size : iconSizes['default'].size;\r\n const stroke = iconSizes[`${sizeValue}`] ? scaledStroke(sizeValue) : scaledStroke('default');\r\n\r\n return { size, stroke };\r\n });\r\n\r\n private iconColor = computed(() => {\r\n const colorValue = this.disabled() ? 'neutral-medium' : this.color();\r\n return this.curaApi.theme.colors.getColor(colorValue);\r\n });\r\n\r\n iconPath = computed(() => {\r\n return `${this.assetsPath()}/icons/iconset-${this.iconset()}.svg#${this.name()}`;\r\n });\r\n\r\n iconStyles = computed(() => {\r\n const sizeData = this.iconSize();\r\n return {\r\n size: `${sizeData.size}px`,\r\n stroke: `${sizeData.stroke}px`,\r\n color: this.iconColor(),\r\n };\r\n });\r\n}\r\n","<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <use [attr.xlink:href]=\"iconPath()\"></use>\r\n</svg>\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-loaders-cura-loader-bar.mjs DELETED Viewed

@@ -1,44 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-class CuraLoaderBarComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        /**
-         * One from color scheme. Default: primary-base.
-         */
-        this.color = input('primary-base', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        /**
-         * Progress percentage (0-100).
-         */
-        this.progress = input(0, ...(ngDevMode ? [{ debugName: "progress" }] : []));
-        this.loaderStyles = computed(() => {
-            return {
-                '--neutral-base': this.curaApi.theme.colors.getColor('neutral-base', 0.2),
-                '--color-base': this.curaApi.theme.colors.getColor(this.color()),
-                '--bar-width': `${this.progress()}%`,
-            };
-        }, ...(ngDevMode ? [{ debugName: "loaderStyles" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraLoaderBarComponent, isStandalone: true, selector: "cura-loader-bar", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "attr.aria-valuenow": "progress()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "100" } }, ngImport: i0, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\r\n  <span class=\"progress-bar-fill\"></span>\r\n</div>\r\n", styles: [":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar .progress-bar-fill{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width .2s linear}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-loader-bar', imports: [CommonModule], host: {
-                        role: 'progressbar',
-                        '[attr.aria-valuenow]': 'progress()',
-                        '[attr.aria-valuemin]': '0',
-                        '[attr.aria-valuemax]': '100',
-                    }, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\r\n  <span class=\"progress-bar-fill\"></span>\r\n</div>\r\n", styles: [":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar .progress-bar-fill{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width .2s linear}\n"] }]
-        }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }] } });
-/**
- * Generated bundle index. Do not edit.
- */
-export { CuraLoaderBarComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs","sources":["../../../projects/site-front-end-lib/cura/loaders/cura-loader-bar/cura-loader-bar.component.ts","../../../projects/site-front-end-lib/cura/loaders/cura-loader-bar/cura-loader-bar.component.html","../../../projects/site-front-end-lib/cura/loaders/cura-loader-bar/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\n@Component({\r\n selector: 'cura-loader-bar',\r\n imports: [CommonModule],\r\n templateUrl: './cura-loader-bar.component.html',\r\n styleUrls: ['./cura-loader-bar.component.scss'],\r\n host: {\r\n role: 'progressbar',\r\n '[attr.aria-valuenow]': 'progress()',\r\n '[attr.aria-valuemin]': '0',\r\n '[attr.aria-valuemax]': '100',\r\n },\r\n})\r\nexport class CuraLoaderBarComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /**\r\n * One from color scheme. Default: primary-base.\r\n */\r\n color = input<string>('primary-base');\r\n\r\n /**\r\n * Progress percentage (0-100).\r\n */\r\n progress = input<number>(0);\r\n\r\n loaderStyles = computed(() => {\r\n return {\r\n '--neutral-base': this.curaApi.theme.colors.getColor('neutral-base', 0.2),\r\n '--color-base': this.curaApi.theme.colors.getColor(this.color()),\r\n '--bar-width': `${this.progress()}%`,\r\n };\r\n });\r\n}\r\n","<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\r\n <span class=\"progress-bar-fill\"></span>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAgBa,sBAAsB,CAAA;AAZnC,IAAA,WAAA,GAAA;AAaU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;AAEG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,cAAc,iDAAC;AAErC;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,CAAC,oDAAC;AAE3B,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;YAC3B,OAAO;AACL,gBAAA,gBAAgB,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,CAAC;AACzE,gBAAA,cAAc,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;AAChE,gBAAA,aAAa,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,EAAE,CAAA,CAAA,CAAG;aACrC;AACH,QAAA,CAAC,wDAAC;AACH,IAAA;+GApBY,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,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,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,MAAA,EAAA,aAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,GAAA,EAAA,oBAAA,EAAA,KAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBnC,4IAGA,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDGY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAUX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAZlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB,CAAC,YAAY,CAAC,EAAA,IAAA,EAGjB;AACJ,wBAAA,IAAI,EAAE,aAAa;AACnB,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,GAAG;AAC3B,wBAAA,sBAAsB,EAAE,KAAK;AAC9B,qBAAA,EAAA,QAAA,EAAA,4IAAA,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs DELETED Viewed

@@ -1,49 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } from '@angular/core';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-class CuraLoaderCircleComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        /**
-         * Loader size. Values: small, medium, large or xlarge.
-         */
-        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        /**
-         * One from color scheme. Default: neutral-white.
-         */
-        this.color = input('neutral-white', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.sizes = {
-            xlarge: 32,
-            large: 24,
-            medium: 20,
-            small: 16,
-            default: 16,
-        };
-        // Computed signal
-        this.loaderStyles = computed(() => {
-            const pxSize = this.sizes[this.size()] || this.sizes['default'];
-            return {
-                size: `${pxSize}px`,
-                color: this.curaApi.theme.colors.getColor(this.color()),
-            };
-        }, ...(ngDevMode ? [{ debugName: "loaderStyles" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: CuraLoaderCircleComponent, isStandalone: true, selector: "cura-loader-circle", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "progressbar" }, properties: { "style.--size": "loaderStyles().size", "style.--color": "loaderStyles().color" } }, ngImport: i0, template: "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <g>\r\n    <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\r\n    <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\r\n  </g>\r\n  <defs>\r\n    <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\r\n      <stop />\r\n      <stop offset=\"1\" />\r\n    </linearGradient>\r\n  </defs>\r\n</svg>\r\n", styles: [":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate .7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:.14}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraLoaderCircleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-loader-circle', host: {
-                        role: 'progressbar',
-                        '[style.--size]': 'loaderStyles().size',
-                        '[style.--color]': 'loaderStyles().color',
-                    }, template: "<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n  <g>\r\n    <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\r\n    <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\r\n  </g>\r\n  <defs>\r\n    <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\r\n      <stop />\r\n      <stop offset=\"1\" />\r\n    </linearGradient>\r\n  </defs>\r\n</svg>\r\n", styles: [":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate .7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:.14}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
-        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] } });
-/**
- * Generated bundle index. Do not edit.
- */
-export { CuraLoaderCircleComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs","sources":["../../../projects/site-front-end-lib/cura/loaders/cura-loader-circle/cura-loader-circle.component.ts","../../../projects/site-front-end-lib/cura/loaders/cura-loader-circle/cura-loader-circle.component.html","../../../projects/site-front-end-lib/cura/loaders/cura-loader-circle/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\n\r\nexport type LoaderSize = 'small' | 'medium' | 'large' | 'xlarge';\r\n\r\n@Component({\r\n selector: 'cura-loader-circle',\r\n templateUrl: './cura-loader-circle.component.html',\r\n styleUrls: ['./cura-loader-circle.component.scss'],\r\n host: {\r\n role: 'progressbar',\r\n '[style.--size]': 'loaderStyles().size',\r\n '[style.--color]': 'loaderStyles().color',\r\n },\r\n})\r\nexport class CuraLoaderCircleComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /**\r\n * Loader size. Values: small, medium, large or xlarge.\r\n */\r\n size = input<LoaderSize>('medium');\r\n\r\n /**\r\n * One from color scheme. Default: neutral-white.\r\n */\r\n color = input<string>('neutral-white');\r\n\r\n private sizes = {\r\n xlarge: 32,\r\n large: 24,\r\n medium: 20,\r\n small: 16,\r\n default: 16,\r\n };\r\n\r\n // Computed signal\r\n loaderStyles = computed(() => {\r\n const pxSize = this.sizes[this.size()] || this.sizes['default'];\r\n return {\r\n size: `${pxSize}px`,\r\n color: this.curaApi.theme.colors.getColor(this.color()),\r\n };\r\n });\r\n}\r\n","<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <g>\r\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\r\n <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\" />\r\n </g>\r\n <defs>\r\n <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\r\n <stop />\r\n <stop offset=\"1\" />\r\n </linearGradient>\r\n </defs>\r\n</svg>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAea,yBAAyB,CAAA;AAVtC,IAAA,WAAA,GAAA;AAWU,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC;AAExC;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAa,QAAQ,gDAAC;AAElC;;AAEG;AACH,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAS,eAAe,iDAAC;AAE9B,QAAA,IAAA,CAAA,KAAK,GAAG;AACd,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,OAAO,EAAE,EAAE;SACZ;;AAGD,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC3B,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YAC/D,OAAO;gBACL,IAAI,EAAE,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI;AACnB,gBAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;aACxD;AACH,QAAA,CAAC,wDAAC;AACH,IAAA;+GA7BY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,wdCftC,gmBAYA,EAAA,MAAA,EAAA,CAAA,+aAAA,CAAA,EAAA,CAAA,CAAA;;4FDGa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAVrC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAAA,IAAA,EAGxB;AACJ,wBAAA,IAAI,EAAE,aAAa;AACnB,wBAAA,gBAAgB,EAAE,qBAAqB;AACvC,wBAAA,iBAAiB,EAAE,sBAAsB;AAC1C,qBAAA,EAAA,QAAA,EAAA,gmBAAA,EAAA,MAAA,EAAA,CAAA,+aAAA,CAAA,EAAA;;;AEbH;;AAEG;;;;"}

package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs DELETED Viewed

@@ -1,84 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-class CuraDisplayComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        /**
-         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
-         * Values: 1(default) to 6.
-         */
-        this.level = input(1, ...(ngDevMode ? [{ debugName: "level" }] : []));
-        /**
-         * Display size.
-         * Values: 'large' (default) | 'small'.
-         */
-        this.size = input('large', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        /**
-         * Apply design system color to interactive elements like <a> and <abbr> inside the text.
-         * Values: Color from design system scheme. Default to 'accent-dark'.
-         */
-        this.spotColor = input('accent-dark', ...(ngDevMode ? [{ debugName: "spotColor" }] : []));
-        /**
-         * Text color.
-         * Values: Color from design system scheme. Default to the font color from the theme.
-         */
-        this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        /**
-         * CSS margin-block property values.
-         * Default to 1.25em
-         */
-        this.marginBlock = input('1.25em', ...(ngDevMode ? [{ debugName: "marginBlock" }] : []));
-        /**
-         * CSS line-height property values.
-         * Default to 120%
-         */
-        this.lineHeight = input('120%', ...(ngDevMode ? [{ debugName: "lineHeight" }] : []));
-        this.containerClasses = computed(() => {
-            return this.size().toLowerCase();
-        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-        this.displayStyles = computed(() => {
-            return {
-                marginBlock: this.marginBlock(),
-                fontSizeBase: this.curaApi.theme.fonts.getSize(),
-                lineHeight: this.lineHeight(),
-            };
-        }, ...(ngDevMode ? [{ debugName: "displayStyles" }] : []));
-        this.headingStyles = computed(() => {
-            const weights = this.curaApi.theme.fonts.getWeights();
-            const bodyColor = this.color()
-                ? this.curaApi.theme.colors.getColor(this.color())
-                : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');
-            return {
-                '--font-family': this.curaApi.theme.fonts.getFamily('display'),
-                '--font-size': this.curaApi.theme.fonts.getSize(),
-                '--font-weight-bold': weights.bold,
-                '--font-weight-medium': weights.medium,
-                '--color-body': bodyColor,
-                '--color-link': this.curaApi.theme.colors.getColor(this.spotColor()),
-            };
-        }, ...(ngDevMode ? [{ debugName: "headingStyles" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraDisplayComponent, isStandalone: true, selector: "cura-display", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spotColor: { classPropertyName: "spotColor", publicName: "spotColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, marginBlock: { classPropertyName: "marginBlock", publicName: "marginBlock", isSignal: true, isRequired: false, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "level()", "style.--margin-block": "displayStyles().marginBlock", "style.--font-size-base": "displayStyles().fontSizeBase", "style.--line-height": "displayStyles().lineHeight" } }, ngImport: i0, template: "<ng-template #display>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@switch (level()) {\r\n  @case (1) {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h1>\r\n  }\r\n  @case (2) {\r\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h2>\r\n  }\r\n  @case (3) {\r\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h3>\r\n  }\r\n  @case (4) {\r\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h4>\r\n  }\r\n  @case (5) {\r\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h5>\r\n  }\r\n  @case (6) {\r\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h6>\r\n  }\r\n  @default {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h1>\r\n  }\r\n}\r\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep i,:host h1 ::ng-deep em,:host h2 ::ng-deep i,:host h2 ::ng-deep em,:host h3 ::ng-deep i,:host h3 ::ng-deep em,:host h4 ::ng-deep i,:host h4 ::ng-deep em,:host h5 ::ng-deep i,:host h5 ::ng-deep em,:host h6 ::ng-deep i,:host h6 ::ng-deep em{font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}\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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraDisplayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-display', imports: [CommonModule], host: {
-                        role: 'heading',
-                        '[attr.aria-level]': 'level()',
-                        '[style.--margin-block]': 'displayStyles().marginBlock',
-                        '[style.--font-size-base]': 'displayStyles().fontSizeBase',
-                        '[style.--line-height]': 'displayStyles().lineHeight',
-                    }, template: "<ng-template #display>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@switch (level()) {\r\n  @case (1) {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h1>\r\n  }\r\n  @case (2) {\r\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h2>\r\n  }\r\n  @case (3) {\r\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h3>\r\n  }\r\n  @case (4) {\r\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h4>\r\n  }\r\n  @case (5) {\r\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h5>\r\n  }\r\n  @case (6) {\r\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h6>\r\n  }\r\n  @default {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n    </h1>\r\n  }\r\n}\r\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep i,:host h1 ::ng-deep em,:host h2 ::ng-deep i,:host h2 ::ng-deep em,:host h3 ::ng-deep i,:host h3 ::ng-deep em,:host h4 ::ng-deep i,:host h4 ::ng-deep em,:host h5 ::ng-deep i,:host h5 ::ng-deep em,:host h6 ::ng-deep i,:host h6 ::ng-deep em{font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}\n"] }]
-        }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], spotColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], marginBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBlock", required: false }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }] } });
-/**
- * Generated bundle index. Do not edit.
- */
-export { CuraDisplayComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-texts-cura-display.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"rededor-site-front-end-lib-cura-texts-cura-display.mjs","sources":["../../../projects/site-front-end-lib/cura/texts/cura-display/cura-display.component.ts","../../../projects/site-front-end-lib/cura/texts/cura-display/cura-display.component.html","../../../projects/site-front-end-lib/cura/texts/cura-display/rededor-site-front-end-lib-cura-texts-cura-display.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { HeadingLevel, DisplaySize } from '@rededor/site-front-end-lib/cura/texts';\r\n\r\n@Component({\r\n selector: 'cura-display',\r\n imports: [CommonModule],\r\n templateUrl: './cura-display.component.html',\r\n styleUrls: ['./cura-display.component.scss'],\r\n host: {\r\n role: 'heading',\r\n '[attr.aria-level]': 'level()',\r\n '[style.--margin-block]': 'displayStyles().marginBlock',\r\n '[style.--font-size-base]': 'displayStyles().fontSizeBase',\r\n '[style.--line-height]': 'displayStyles().lineHeight',\r\n },\r\n})\r\nexport class CuraDisplayComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /**\r\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\r\n * Values: 1(default) to 6.\r\n */\r\n level = input<HeadingLevel>(1);\r\n\r\n /**\r\n * Display size.\r\n * Values: 'large' (default) | 'small'.\r\n */\r\n size = input<DisplaySize>('large');\r\n\r\n /**\r\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\r\n * Values: Color from design system scheme. Default to 'accent-dark'.\r\n */\r\n spotColor = input<string>('accent-dark');\r\n\r\n /**\r\n * Text color.\r\n * Values: Color from design system scheme. Default to the font color from the theme.\r\n */\r\n color = input<string>('');\r\n\r\n /**\r\n * CSS margin-block property values.\r\n * Default to 1.25em\r\n */\r\n marginBlock = input<string>('1.25em');\r\n\r\n /**\r\n * CSS line-height property values.\r\n * Default to 120%\r\n */\r\n lineHeight = input<string>('120%');\r\n\r\n containerClasses = computed(() => {\r\n return this.size().toLowerCase();\r\n });\r\n\r\n displayStyles = computed(() => {\r\n return {\r\n marginBlock: this.marginBlock(),\r\n fontSizeBase: this.curaApi.theme.fonts.getSize(),\r\n lineHeight: this.lineHeight(),\r\n };\r\n });\r\n\r\n headingStyles = computed(() => {\r\n const weights = this.curaApi.theme.fonts.getWeights();\r\n const bodyColor = this.color()\r\n ? this.curaApi.theme.colors.getColor(this.color())\r\n : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');\r\n\r\n return {\r\n '--font-family': this.curaApi.theme.fonts.getFamily('display'),\r\n '--font-size': this.curaApi.theme.fonts.getSize(),\r\n '--font-weight-bold': weights.bold,\r\n '--font-weight-medium': weights.medium,\r\n '--color-body': bodyColor,\r\n '--color-link': this.curaApi.theme.colors.getColor(this.spotColor()),\r\n };\r\n });\r\n}\r\n","<ng-template #display>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@switch (level()) {\r\n @case (1) {\r\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h1>\r\n }\r\n @case (2) {\r\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h2>\r\n }\r\n @case (3) {\r\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h3>\r\n }\r\n @case (4) {\r\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h4>\r\n }\r\n @case (5) {\r\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h5>\r\n }\r\n @case (6) {\r\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h6>\r\n }\r\n @default {\r\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"display\"></ng-container>\r\n </h1>\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs DELETED Viewed

@@ -1,104 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, input, computed, Component } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { CuraApiService } from '@rededor/site-front-end-lib/cura/api';
-class CuraHeadingComponent {
-    constructor() {
-        this.curaApi = inject(CuraApiService);
-        /**
-         * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
-         * Values: 1(default) to 6.
-         */
-        this.level = input(1, ...(ngDevMode ? [{ debugName: "level" }] : []));
-        /**
-         * Heading style size.
-         * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
-         */
-        this.size = input('medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
-        /**
-         * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
-         * Values: regular (default) | bold.
-         */
-        this.weight = input('regular', ...(ngDevMode ? [{ debugName: "weight" }] : []));
-        /**
-         * Apply design system color to interactive elements like <a> and <abbr> inside the text.
-         * Values: Color from design system scheme. Default to 'accent-dark'.
-         */
-        this.spotColor = input('accent-dark', ...(ngDevMode ? [{ debugName: "spotColor" }] : []));
-        /**
-         * Text color.
-         * Values: Color from design system scheme. Default to the font color from the theme.
-         */
-        this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
-        /**
-         * CSS margin-block property values.
-         * Default to 1.25em
-         */
-        this.marginBlock = input('1.25em', ...(ngDevMode ? [{ debugName: "marginBlock" }] : []));
-        /**
-         * CSS line-height property values.
-         * Default to 130%
-         */
-        this.lineHeight = input('130%', ...(ngDevMode ? [{ debugName: "lineHeight" }] : []));
-        /**
-         * Apply text-overflow ellipsis definitions.
-         * Default to none
-         */
-        this.textOverflow = input('none', ...(ngDevMode ? [{ debugName: "textOverflow" }] : []));
-        // Computed signals
-        this.containerClasses = computed(() => {
-            const classes = [];
-            classes.push(this.size().toLowerCase());
-            classes.push(`${this.weight().toLowerCase()}-weight`);
-            if (this.textOverflow() === 'single') {
-                classes.push('textoverflow-single');
-            }
-            return classes.join(' ');
-        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-        this.hostStyles = computed(() => {
-            const bodyColor = this.color()
-                ? this.curaApi.theme.colors.getColor(this.color())
-                : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');
-            return {
-                marginBlock: this.marginBlock(),
-                fontSizeBase: this.curaApi.theme.fonts.getSize(),
-                lineHeight: this.lineHeight(),
-                colorBody: bodyColor,
-                colorSpot: this.curaApi.theme.colors.getColor(this.spotColor()),
-            };
-        }, ...(ngDevMode ? [{ debugName: "hostStyles" }] : []));
-        this.headingStyles = computed(() => {
-            const weights = this.curaApi.theme.fonts.getWeights();
-            return {
-                '--font-family': this.curaApi.theme.fonts.getFamily('heading'),
-                '--font-weight-regular': weights.regular,
-                '--font-weight-medium': weights.medium,
-                '--font-weight-bold': weights.bold,
-                '--font-weight-black': weights.black,
-            };
-        }, ...(ngDevMode ? [{ debugName: "headingStyles" }] : []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraHeadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: CuraHeadingComponent, isStandalone: true, selector: "cura-heading", inputs: { level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, weight: { classPropertyName: "weight", publicName: "weight", isSignal: true, isRequired: false, transformFunction: null }, spotColor: { classPropertyName: "spotColor", publicName: "spotColor", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, marginBlock: { classPropertyName: "marginBlock", publicName: "marginBlock", isSignal: true, isRequired: false, transformFunction: null }, lineHeight: { classPropertyName: "lineHeight", publicName: "lineHeight", isSignal: true, isRequired: false, transformFunction: null }, textOverflow: { classPropertyName: "textOverflow", publicName: "textOverflow", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "heading" }, properties: { "attr.aria-level": "level()", "style.--margin-block": "hostStyles().marginBlock", "style.--font-size-base": "hostStyles().fontSizeBase", "style.--line-height": "hostStyles().lineHeight", "style.--color-body": "hostStyles().colorBody", "style.--color-spot": "hostStyles().colorSpot" } }, ngImport: i0, template: "<ng-template #heading>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@switch (level()) {\r\n  @case (1) {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h1>\r\n  }\r\n  @case (2) {\r\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h2>\r\n  }\r\n  @case (3) {\r\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h3>\r\n  }\r\n  @case (4) {\r\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h4>\r\n  }\r\n  @case (5) {\r\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h5>\r\n  }\r\n  @case (6) {\r\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h6>\r\n  }\r\n  @default {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h1>\r\n  }\r\n}\r\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;font-weight:var(--font-weight-medium);letter-spacing:.6px}:host h1.xsmall.bold-weight,:host h2.xsmall.bold-weight,:host h3.xsmall.bold-weight,:host h4.xsmall.bold-weight,:host h5.xsmall.bold-weight,:host h6.xsmall.bold-weight{font-weight:var(--font-weight-bold)}:host h1.textoverflow-single,:host h2.textoverflow-single,:host h3.textoverflow-single,:host h4.textoverflow-single,:host h5.textoverflow-single,:host h6.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-spot);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}:host h1 ::ng-deep i,:host h2 ::ng-deep i,:host h3 ::ng-deep i,:host h4 ::ng-deep i,:host h5 ::ng-deep i,:host h6 ::ng-deep i{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep em,:host h2 ::ng-deep em,:host h3 ::ng-deep em,:host h4 ::ng-deep em,:host h5 ::ng-deep em,:host h6 ::ng-deep em{color:var(--color-spot);font-weight:var(--font-weight-bold);font-style:normal}:host h1.small ::ng-deep b,:host h1.small ::ng-deep strong,:host h2.small ::ng-deep b,:host h2.small ::ng-deep strong,:host h3.small ::ng-deep b,:host h3.small ::ng-deep strong,:host h4.small ::ng-deep b,:host h4.small ::ng-deep strong,:host h5.small ::ng-deep b,:host h5.small ::ng-deep strong,:host h6.small ::ng-deep b,:host h6.small ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1.xsmall ::ng-deep b,:host h1.xsmall ::ng-deep strong,:host h2.xsmall ::ng-deep b,:host h2.xsmall ::ng-deep strong,:host h3.xsmall ::ng-deep b,:host h3.xsmall ::ng-deep strong,:host h4.xsmall ::ng-deep b,:host h4.xsmall ::ng-deep strong,:host h5.xsmall ::ng-deep b,:host h5.xsmall ::ng-deep strong,:host h6.xsmall ::ng-deep b,:host h6.xsmall ::ng-deep strong{font-weight:var(--font-weight-bold)}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) + 3%);letter-spacing:.72px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:.28px}}\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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraHeadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cura-heading', imports: [CommonModule], host: {
-                        role: 'heading',
-                        '[attr.aria-level]': 'level()',
-                        '[style.--margin-block]': 'hostStyles().marginBlock',
-                        '[style.--font-size-base]': 'hostStyles().fontSizeBase',
-                        '[style.--line-height]': 'hostStyles().lineHeight',
-                        '[style.--color-body]': 'hostStyles().colorBody',
-                        '[style.--color-spot]': 'hostStyles().colorSpot',
-                    }, template: "<ng-template #heading>\r\n  <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@switch (level()) {\r\n  @case (1) {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h1>\r\n  }\r\n  @case (2) {\r\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h2>\r\n  }\r\n  @case (3) {\r\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h3>\r\n  }\r\n  @case (4) {\r\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h4>\r\n  }\r\n  @case (5) {\r\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h5>\r\n  }\r\n  @case (6) {\r\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h6>\r\n  }\r\n  @default {\r\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n    </h1>\r\n  }\r\n}\r\n", styles: [":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.714em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.071em;letter-spacing:-.58px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:calc(var(--line-height) + 20%)}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;font-weight:var(--font-weight-medium);letter-spacing:.6px}:host h1.xsmall.bold-weight,:host h2.xsmall.bold-weight,:host h3.xsmall.bold-weight,:host h4.xsmall.bold-weight,:host h5.xsmall.bold-weight,:host h6.xsmall.bold-weight{font-weight:var(--font-weight-bold)}:host h1.textoverflow-single,:host h2.textoverflow-single,:host h3.textoverflow-single,:host h4.textoverflow-single,:host h5.textoverflow-single,:host h6.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host h1 ::ng-deep b,:host h1 ::ng-deep strong,:host h2 ::ng-deep b,:host h2 ::ng-deep strong,:host h3 ::ng-deep b,:host h3 ::ng-deep strong,:host h4 ::ng-deep b,:host h4 ::ng-deep strong,:host h5 ::ng-deep b,:host h5 ::ng-deep strong,:host h6 ::ng-deep b,:host h6 ::ng-deep strong{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep a,:host h2 ::ng-deep a,:host h3 ::ng-deep a,:host h4 ::ng-deep a,:host h5 ::ng-deep a,:host h6 ::ng-deep a{font-weight:var(--font-weight-bold);color:var(--color-spot);text-underline-offset:10%;cursor:pointer}:host h1 ::ng-deep u,:host h2 ::ng-deep u,:host h3 ::ng-deep u,:host h4 ::ng-deep u,:host h5 ::ng-deep u,:host h6 ::ng-deep u{text-underline-offset:10%}:host h1 ::ng-deep abbr,:host h2 ::ng-deep abbr,:host h3 ::ng-deep abbr,:host h4 ::ng-deep abbr,:host h5 ::ng-deep abbr,:host h6 ::ng-deep abbr{color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}:host h1 ::ng-deep i,:host h2 ::ng-deep i,:host h3 ::ng-deep i,:host h4 ::ng-deep i,:host h5 ::ng-deep i,:host h6 ::ng-deep i{font-weight:var(--font-weight-medium)}:host h1 ::ng-deep em,:host h2 ::ng-deep em,:host h3 ::ng-deep em,:host h4 ::ng-deep em,:host h5 ::ng-deep em,:host h6 ::ng-deep em{color:var(--color-spot);font-weight:var(--font-weight-bold);font-style:normal}:host h1.small ::ng-deep b,:host h1.small ::ng-deep strong,:host h2.small ::ng-deep b,:host h2.small ::ng-deep strong,:host h3.small ::ng-deep b,:host h3.small ::ng-deep strong,:host h4.small ::ng-deep b,:host h4.small ::ng-deep strong,:host h5.small ::ng-deep b,:host h5.small ::ng-deep strong,:host h6.small ::ng-deep b,:host h6.small ::ng-deep strong{font-weight:var(--font-weight-bold)}:host h1.xsmall ::ng-deep b,:host h1.xsmall ::ng-deep strong,:host h2.xsmall ::ng-deep b,:host h2.xsmall ::ng-deep strong,:host h3.xsmall ::ng-deep b,:host h3.xsmall ::ng-deep strong,:host h4.xsmall ::ng-deep b,:host h4.xsmall ::ng-deep strong,:host h5.xsmall ::ng-deep b,:host h5.xsmall ::ng-deep strong,:host h6.xsmall ::ng-deep b,:host h6.xsmall ::ng-deep strong{font-weight:var(--font-weight-bold)}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em;letter-spacing:-.66px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:.8571428571em;line-height:calc(var(--line-height) + 3%);letter-spacing:.72px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:calc(var(--line-height) + 5%);letter-spacing:-.82px}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.929em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.714em;line-height:calc(var(--line-height) + 30%);letter-spacing:0%}:host h1.xsmall,:host h2.xsmall,:host h3.xsmall,:host h4.xsmall,:host h5.xsmall,:host h6.xsmall{font-size:1em;line-height:calc(var(--line-height) + 12.857%);letter-spacing:.28px}}\n"] }]
-        }], propDecorators: { level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], weight: [{ type: i0.Input, args: [{ isSignal: true, alias: "weight", required: false }] }], spotColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "spotColor", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], marginBlock: [{ type: i0.Input, args: [{ isSignal: true, alias: "marginBlock", required: false }] }], lineHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineHeight", required: false }] }], textOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "textOverflow", required: false }] }] } });
-/**
- * Generated bundle index. Do not edit.
- */
-export { CuraHeadingComponent };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-texts-cura-heading.mjs.map

package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"rededor-site-front-end-lib-cura-texts-cura-heading.mjs","sources":["../../../projects/site-front-end-lib/cura/texts/cura-heading/cura-heading.component.ts","../../../projects/site-front-end-lib/cura/texts/cura-heading/cura-heading.component.html","../../../projects/site-front-end-lib/cura/texts/cura-heading/rededor-site-front-end-lib-cura-texts-cura-heading.ts"],"sourcesContent":["import { Component, inject, input, computed } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\r\nimport { HeadingLevel, TextSize, TextWeight, TextOverflow } from '@rededor/site-front-end-lib/cura/texts';\r\n\r\n@Component({\r\n selector: 'cura-heading',\r\n imports: [CommonModule],\r\n templateUrl: './cura-heading.component.html',\r\n styleUrls: ['./cura-heading.component.scss'],\r\n host: {\r\n role: 'heading',\r\n '[attr.aria-level]': 'level()',\r\n '[style.--margin-block]': 'hostStyles().marginBlock',\r\n '[style.--font-size-base]': 'hostStyles().fontSizeBase',\r\n '[style.--line-height]': 'hostStyles().lineHeight',\r\n '[style.--color-body]': 'hostStyles().colorBody',\r\n '[style.--color-spot]': 'hostStyles().colorSpot',\r\n },\r\n})\r\nexport class CuraHeadingComponent {\r\n private curaApi = inject(CuraApiService);\r\n\r\n /**\r\n * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\r\n * Values: 1(default) to 6.\r\n */\r\n level = input<HeadingLevel>(1);\r\n\r\n /**\r\n * Heading style size.\r\n * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\r\n */\r\n size = input<TextSize>('medium');\r\n\r\n /**\r\n * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\r\n * Values: regular (default) | bold.\r\n */\r\n weight = input<TextWeight>('regular');\r\n\r\n /**\r\n * Apply design system color to interactive elements like <a> and <abbr> inside the text.\r\n * Values: Color from design system scheme. Default to 'accent-dark'.\r\n */\r\n spotColor = input<string>('accent-dark');\r\n\r\n /**\r\n * Text color.\r\n * Values: Color from design system scheme. Default to the font color from the theme.\r\n */\r\n color = input<string>('');\r\n\r\n /**\r\n * CSS margin-block property values.\r\n * Default to 1.25em\r\n */\r\n marginBlock = input<string>('1.25em');\r\n\r\n /**\r\n * CSS line-height property values.\r\n * Default to 130%\r\n */\r\n lineHeight = input<string>('130%');\r\n\r\n /**\r\n * Apply text-overflow ellipsis definitions.\r\n * Default to none\r\n */\r\n textOverflow = input<TextOverflow>('none');\r\n\r\n // Computed signals\r\n containerClasses = computed(() => {\r\n const classes = [];\r\n\r\n classes.push(this.size().toLowerCase());\r\n classes.push(`${this.weight().toLowerCase()}-weight`);\r\n\r\n if (this.textOverflow() === 'single') {\r\n classes.push('textoverflow-single');\r\n }\r\n\r\n return classes.join(' ');\r\n });\r\n\r\n hostStyles = computed(() => {\r\n const bodyColor = this.color()\r\n ? this.curaApi.theme.colors.getColor(this.color())\r\n : this.curaApi.theme.fonts.getColor() || this.curaApi.theme.colors.getColor('neutral-darker');\r\n\r\n return {\r\n marginBlock: this.marginBlock(),\r\n fontSizeBase: this.curaApi.theme.fonts.getSize(),\r\n lineHeight: this.lineHeight(),\r\n colorBody: bodyColor,\r\n colorSpot: this.curaApi.theme.colors.getColor(this.spotColor()),\r\n };\r\n });\r\n\r\n headingStyles = computed(() => {\r\n const weights = this.curaApi.theme.fonts.getWeights();\r\n\r\n return {\r\n '--font-family': this.curaApi.theme.fonts.getFamily('heading'),\r\n '--font-weight-regular': weights.regular,\r\n '--font-weight-medium': weights.medium,\r\n '--font-weight-bold': weights.bold,\r\n '--font-weight-black': weights.black,\r\n };\r\n });\r\n}\r\n","<ng-template #heading>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n\r\n@switch (level()) {\r\n @case (1) {\r\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h1>\r\n }\r\n @case (2) {\r\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h2>\r\n }\r\n @case (3) {\r\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h3>\r\n }\r\n @case (4) {\r\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h4>\r\n }\r\n @case (5) {\r\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h5>\r\n }\r\n @case (6) {\r\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h6>\r\n }\r\n @default {\r\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\r\n <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\r\n </h1>\r\n }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}