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

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

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

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

@@ -182,7 +182,7 @@ class CuraTextareaComponent {
                 useExisting: forwardRef(() => CuraTextareaComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (maxlength() !== undefined) {\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\n    }\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group .char-counter{margin-top:4px;text-align:right;font-size:12px;color:var(--neutral-dark);font-family:var(--font-family)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .char-counter{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
+        ], ngImport: i0, template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\r\n  <div class=\"input-wrapper\">\r\n    @if (label()) {\r\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n          <span class=\"required\">*</span>\r\n        }\r\n      </cura-label>\r\n    }\r\n\r\n    <div class=\"cura-input-field\" [style]=\"styles()\">\r\n      <textarea\r\n        [attr.id]=\"name() || null\"\r\n        [attr.name]=\"name() || null\"\r\n        [placeholder]=\"placeholder() || ''\"\r\n        [disabled]=\"disabled()\"\r\n        [required]=\"required()\"\r\n        [readOnly]=\"readOnly()\"\r\n        [attr.maxlength]=\"maxlength()\"\r\n        [rows]=\"rows()\"\r\n        [style.resize]=\"resize()\"\r\n        [(ngModel)]=\"value\"\r\n        [ngClass]=\"classes()\"\r\n        [style]=\"styles()\"\r\n        (focus)=\"handleFocus()\"\r\n        (blur)=\"handleBlur()\"\r\n        (input)=\"handleInputChange($event)\"\r\n      ></textarea>\r\n    </div>\r\n\r\n    @if (maxlength() !== undefined) {\r\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\r\n    }\r\n\r\n    @if (helperText()) {\r\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\r\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\r\n          <ng-content></ng-content>\r\n        </cura-label>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group .char-counter{margin-top:4px;text-align:right;font-size:12px;color:var(--neutral-dark);font-family:var(--font-family)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .char-counter{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraTextareaComponent, decorators: [{
             type: Component,
@@ -198,7 +198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                             useExisting: forwardRef(() => CuraTextareaComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n  <div class=\"input-wrapper\">\n    @if (label()) {\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n        {{ label() }}\n        @if (required()) {\n          <span class=\"required\">*</span>\n        }\n      </cura-label>\n    }\n\n    <div class=\"cura-input-field\" [style]=\"styles()\">\n      <textarea\n        [attr.id]=\"name() || null\"\n        [attr.name]=\"name() || null\"\n        [placeholder]=\"placeholder() || ''\"\n        [disabled]=\"disabled()\"\n        [required]=\"required()\"\n        [readOnly]=\"readOnly()\"\n        [attr.maxlength]=\"maxlength()\"\n        [rows]=\"rows()\"\n        [style.resize]=\"resize()\"\n        [(ngModel)]=\"value\"\n        [ngClass]=\"classes()\"\n        [style]=\"styles()\"\n        (focus)=\"handleFocus()\"\n        (blur)=\"handleBlur()\"\n        (input)=\"handleInputChange($event)\"\n      ></textarea>\n    </div>\n\n    @if (maxlength() !== undefined) {\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\n    }\n\n    @if (helperText()) {\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n          <ng-content></ng-content>\n        </cura-label>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group .char-counter{margin-top:4px;text-align:right;font-size:12px;color:var(--neutral-dark);font-family:var(--font-family)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .char-counter{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"] }]
+                    ], template: "<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\r\n  <div class=\"input-wrapper\">\r\n    @if (label()) {\r\n      <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\r\n        {{ label() }}\r\n        @if (required()) {\r\n          <span class=\"required\">*</span>\r\n        }\r\n      </cura-label>\r\n    }\r\n\r\n    <div class=\"cura-input-field\" [style]=\"styles()\">\r\n      <textarea\r\n        [attr.id]=\"name() || null\"\r\n        [attr.name]=\"name() || null\"\r\n        [placeholder]=\"placeholder() || ''\"\r\n        [disabled]=\"disabled()\"\r\n        [required]=\"required()\"\r\n        [readOnly]=\"readOnly()\"\r\n        [attr.maxlength]=\"maxlength()\"\r\n        [rows]=\"rows()\"\r\n        [style.resize]=\"resize()\"\r\n        [(ngModel)]=\"value\"\r\n        [ngClass]=\"classes()\"\r\n        [style]=\"styles()\"\r\n        (focus)=\"handleFocus()\"\r\n        (blur)=\"handleBlur()\"\r\n        (input)=\"handleInputChange($event)\"\r\n      ></textarea>\r\n    </div>\r\n\r\n    @if (maxlength() !== undefined) {\r\n      <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\r\n    }\r\n\r\n    @if (helperText()) {\r\n      <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\r\n        <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\r\n          <ng-content></ng-content>\r\n        </cura-label>\r\n      </div>\r\n    }\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;box-sizing:border-box;width:100%}.required{color:var(--error-base)}.cura-input-group{width:100%;font-family:var(--font-family);text-align:left!important}.cura-input-group .char-counter{margin-top:4px;text-align:right;font-size:12px;color:var(--neutral-dark);font-family:var(--font-family)}.cura-input-group cura-label{margin-bottom:8px}.cura-input-group .helper-text{margin-top:8px;color:var(--neutral-dark)}.cura-input-group .cura-input-field{width:100%;display:flex;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:.32px;box-sizing:border-box;overflow:hidden}.cura-input-group .cura-input-field textarea{flex:1;width:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:8px 12px;line-height:20px}.cura-input-group .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field{border-color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea{color:var(--neutral-dark)}.cura-input-group:hover:not(.disabled):not(.success):not(.error):not(.isFocused) .cura-input-field textarea::placeholder{color:var(--neutral-dark)}.cura-input-group:focus-within .cura-input-field{border:2px solid var(--info-base)!important;background-color:var(--neutral-purewhite);outline:none}.cura-input-group:focus-within .cura-input-field textarea{color:var(--neutral-black)!important}.cura-input-group.small .cura-input-field textarea{font-size:12px;line-height:13px;letter-spacing:.72px}.cura-input-group.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.medium .cura-input-field textarea{font-size:14px;line-height:16px;letter-spacing:.56px}.cura-input-group.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.cura-input-group.large .cura-input-field textarea{font-size:16px}.cura-input-group.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.cura-input-group.disabled .char-counter{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field{background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.cura-input-group.disabled .cura-input-field textarea{color:var(--neutral-medium)}.cura-input-group.disabled .cura-input-field textarea::placeholder{color:var(--neutral-medium)}.cura-input-group.success .cura-input-field{border:2px solid var(--success-dark)!important;background-color:var(--success-lighter)!important}.cura-input-group.success .cura-input-field textarea{color:var(--success-darker)!important}.cura-input-group.success .cura-input-field textarea::placeholder{color:var(--success-darker)!important}.cura-input-group.error .cura-input-field{border:2px solid var(--error-dark)!important;background-color:var(--error-lighter)!important}.cura-input-group.error .cura-input-field textarea{color:var(--error-darker)!important}.cura-input-group.error .cura-input-field textarea::placeholder{color:var(--error-darker)!important}\n"] }]
         }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], resize: [{ type: i0.Input, args: [{ isSignal: true, alias: "resize", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-textarea.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.html","../../../projects/site-front-end-lib/cura/forms/cura-textarea/rededor-site-front-end-lib-cura-forms-cura-textarea.ts"],"sourcesContent":["import { Component, input, output, signal, computed, inject, forwardRef, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { CuraLabelComponent } from '@rededor/site-front-end-lib/cura/forms/cura-label';\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\nimport { TextareaSize, TextareaStatus, TextareaResize, TextareaValueChangeEvent } from './cura-textarea.definitions';\n\n@Component({\n selector: 'cura-textarea',\n imports: [CommonModule, FormsModule, CuraLabelComponent],\n templateUrl: './cura-textarea.component.html',\n styleUrls: ['./cura-textarea.component.scss'],\n host: {\n role: 'textbox',\n '[attr.aria-multiline]': 'true',\n '[attr.aria-disabled]': 'disabled()',\n '[attr.aria-required]': 'required()',\n '[attr.aria-invalid]': 'status() === \"error\"',\n },\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CuraTextareaComponent),\n multi: true,\n },\n ],\n})\nexport class CuraTextareaComponent implements ControlValueAccessor {\n private curaApi: CuraApiService = inject(CuraApiService);\n\n /*\n Status of the textarea component\n /\n status = input<TextareaStatus>('default');\n\n /\n Size of the textarea component\n /\n size = input<TextareaSize>('medium');\n\n /\n Label text for the textarea\n /\n label = input<string>('');\n\n /\n Name attribute for the textarea\n /\n name = input<string>('');\n\n /\n Placeholder text for the textarea\n /\n placeholder = input<string \| null>(null);\n\n /\n Current value of the textarea\n /\n value = model<string>('');\n\n /\n Whether the textarea is disabled\n /\n disabled = input<boolean>(false);\n\n /\n Whether the textarea is required\n /\n required = input<boolean>(false);\n\n /\n Whether the textarea is read-only\n /\n readOnly = input<boolean>(false);\n\n /\n Maximum length of the textarea value\n /\n maxlength = input<number \| undefined>(undefined);\n\n /\n Number of visible text rows\n /\n rows = input<number>(3);\n\n /\n Resize behaviour of the textarea\n /\n resize = input<TextareaResize>('none');\n\n /\n Event emitted when the value changes\n /\n valueChange = output<TextareaValueChangeEvent>();\n\n // Internal state signals\n private isHovered = signal<boolean>(false);\n private isFocused = signal<boolean>(false);\n\n // Form control callbacks\n private onChange = (value: string) => {};\n private onTouched = () => {};\n\n // ControlValueAccessor implementation\n writeValue(value: string): void {\n this.value.set(value ?? '');\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n currentLength = computed(() => this.value()?.length ?? 0);\n\n // Computed styles\n styles = computed(() => {\n const { fonts, colors } = this.curaApi?.theme \|\| { fonts: null, colors: null };\n\n const baseStyles: { [key: string]: string } = {};\n\n if (fonts) {\n const fontWeights = fonts.getWeights();\n baseStyles['--font-weight-medium'] = fontWeights.medium;\n baseStyles['--font-weight-bold'] = fontWeights.bold;\n baseStyles['--font-weight-regular'] = fontWeights.regular;\n baseStyles['--font-color'] = fonts.getColor();\n baseStyles['--font-family'] = fonts.getFamily();\n baseStyles['--font-size'] = fonts.getSize();\n }\n\n if (colors) {\n const colorKeys = [\n 'primary-base',\n 'neutral-purewhite',\n 'neutral-white',\n 'neutral-black',\n 'neutral-medium',\n 'neutral-base',\n 'neutral-dark',\n 'success-dark',\n 'success-darker',\n 'success-lighter',\n 'error-lighter',\n 'error-dark',\n 'error-darker',\n 'error-base',\n 'info-base',\n ];\n\n colorKeys.forEach((key) => {\n baseStyles[`--${key}`] = colors.getColor(key);\n });\n }\n\n return baseStyles;\n });\n\n // Computed signals\n classes = computed(() => ({\n [this.size().toLowerCase()]: true,\n disabled: this.disabled(),\n isFocused: this.isFocused() && !this.disabled() && !this.readOnly(),\n isHovered: this.isHovered(),\n [this.status()]: true,\n }));\n\n labelColor = computed(() => {\n if (this.disabled()) {\n return 'neutral-medium';\n } else if ((this.isFocused() \|\| this.isHovered() \|\| this.status() === 'success' \|\| this.status() === 'error') && !this.readOnly()) {\n return 'neutral-black';\n } else {\n return 'neutral-dark';\n }\n });\n\n helperText = computed((): { size: LabelSize; color: string } => {\n const isError = this.status() === 'error';\n const isSuccess = this.status() === 'success';\n const isDefault = this.status() === 'default';\n const helperTextSize: LabelSize = this.size() === 'large' ? 'small' : 'xsmall';\n\n const colorText = (() => {\n if (this.disabled()) return 'neutral-medium';\n if (this.isFocused() \|\| this.isHovered()) return 'neutral-black';\n return 'neutral-dark';\n })();\n\n return {\n size: helperTextSize,\n color: isDefault ? colorText : isError ? 'error-dark' : isSuccess ? 'success-dark' : colorText,\n };\n });\n\n // Event handlers\n handleMouseEnter(): void {\n this.isHovered.set(true);\n }\n\n handleMouseLeave(): void {\n this.isHovered.set(false);\n }\n\n handleFocus(): void {\n this.isFocused.set(true);\n }\n\n handleBlur(): void {\n this.onTouched();\n setTimeout(() => {\n this.isFocused.set(false);\n }, 150);\n }\n\n handleInputChange(event: Event): void {\n const newValue = (event.target as HTMLTextAreaElement).value;\n this.value.set(newValue);\n this.onChange(newValue);\n this.valueChange.emit({ value: newValue });\n }\n}\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\n <div class=\"input-wrapper\">\n @if (label()) {\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\n {{ label() }}\n @if (required()) {\n <span class=\"required\"></span>\n }\n </cura-label>\n }\n\n <div class=\"cura-input-field\" [style]=\"styles()\">\n <textarea\n [attr.id]=\"name() \|\| null\"\n [attr.name]=\"name() \|\| null\"\n [placeholder]=\"placeholder() \|\| ''\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [readOnly]=\"readOnly()\"\n [attr.maxlength]=\"maxlength()\"\n [rows]=\"rows()\"\n [style.resize]=\"resize()\"\n [(ngModel)]=\"value\"\n [ngClass]=\"classes()\"\n [style]=\"styles()\"\n (focus)=\"handleFocus()\"\n (blur)=\"handleBlur()\"\n (input)=\"handleInputChange($event)\"\n ></textarea>\n </div>\n\n @if (maxlength() !== undefined) {\n <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\n }\n\n @if (helperText()) {\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\n <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\n <ng-content></ng-content>\n </cura-label>\n </div>\n }\n </div>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-cura-forms-cura-textarea.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.ts","../../../projects/site-front-end-lib/cura/forms/cura-textarea/cura-textarea.component.html","../../../projects/site-front-end-lib/cura/forms/cura-textarea/rededor-site-front-end-lib-cura-forms-cura-textarea.ts"],"sourcesContent":["import { Component, input, output, signal, computed, inject, forwardRef, model } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\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\nimport { LabelSize } from '@rededor/site-front-end-lib/cura/forms';\r\nimport { TextareaSize, TextareaStatus, TextareaResize, TextareaValueChangeEvent } from './cura-textarea.definitions';\r\n\r\n@Component({\r\n selector: 'cura-textarea',\r\n imports: [CommonModule, FormsModule, CuraLabelComponent],\r\n templateUrl: './cura-textarea.component.html',\r\n styleUrls: ['./cura-textarea.component.scss'],\r\n host: {\r\n role: 'textbox',\r\n '[attr.aria-multiline]': 'true',\r\n '[attr.aria-disabled]': 'disabled()',\r\n '[attr.aria-required]': 'required()',\r\n '[attr.aria-invalid]': 'status() === \"error\"',\r\n },\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: forwardRef(() => CuraTextareaComponent),\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class CuraTextareaComponent implements ControlValueAccessor {\r\n private curaApi: CuraApiService = inject(CuraApiService);\r\n\r\n /*\r\n Status of the textarea component\r\n /\r\n status = input<TextareaStatus>('default');\r\n\r\n /\r\n Size of the textarea component\r\n /\r\n size = input<TextareaSize>('medium');\r\n\r\n /\r\n Label text for the textarea\r\n /\r\n label = input<string>('');\r\n\r\n /\r\n Name attribute for the textarea\r\n /\r\n name = input<string>('');\r\n\r\n /\r\n Placeholder text for the textarea\r\n /\r\n placeholder = input<string \| null>(null);\r\n\r\n /\r\n Current value of the textarea\r\n /\r\n value = model<string>('');\r\n\r\n /\r\n Whether the textarea is disabled\r\n /\r\n disabled = input<boolean>(false);\r\n\r\n /\r\n Whether the textarea is required\r\n /\r\n required = input<boolean>(false);\r\n\r\n /\r\n Whether the textarea is read-only\r\n /\r\n readOnly = input<boolean>(false);\r\n\r\n /\r\n Maximum length of the textarea value\r\n /\r\n maxlength = input<number \| undefined>(undefined);\r\n\r\n /\r\n Number of visible text rows\r\n /\r\n rows = input<number>(3);\r\n\r\n /\r\n Resize behaviour of the textarea\r\n /\r\n resize = input<TextareaResize>('none');\r\n\r\n /\r\n Event emitted when the value changes\r\n /\r\n valueChange = output<TextareaValueChangeEvent>();\r\n\r\n // Internal state signals\r\n private isHovered = signal<boolean>(false);\r\n private isFocused = signal<boolean>(false);\r\n\r\n // Form control callbacks\r\n private onChange = (value: string) => {};\r\n private onTouched = () => {};\r\n\r\n // ControlValueAccessor implementation\r\n writeValue(value: string): void {\r\n this.value.set(value ?? '');\r\n }\r\n\r\n registerOnChange(fn: (value: string) => void): void {\r\n this.onChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: () => void): void {\r\n this.onTouched = fn;\r\n }\r\n\r\n currentLength = computed(() => this.value()?.length ?? 0);\r\n\r\n // Computed styles\r\n styles = computed(() => {\r\n const { fonts, colors } = this.curaApi?.theme \|\| { fonts: null, colors: null };\r\n\r\n const baseStyles: { [key: string]: string } = {};\r\n\r\n if (fonts) {\r\n const fontWeights = fonts.getWeights();\r\n baseStyles['--font-weight-medium'] = fontWeights.medium;\r\n baseStyles['--font-weight-bold'] = fontWeights.bold;\r\n baseStyles['--font-weight-regular'] = fontWeights.regular;\r\n baseStyles['--font-color'] = fonts.getColor();\r\n baseStyles['--font-family'] = fonts.getFamily();\r\n baseStyles['--font-size'] = fonts.getSize();\r\n }\r\n\r\n if (colors) {\r\n const colorKeys = [\r\n 'primary-base',\r\n 'neutral-purewhite',\r\n 'neutral-white',\r\n 'neutral-black',\r\n 'neutral-medium',\r\n 'neutral-base',\r\n 'neutral-dark',\r\n 'success-dark',\r\n 'success-darker',\r\n 'success-lighter',\r\n 'error-lighter',\r\n 'error-dark',\r\n 'error-darker',\r\n 'error-base',\r\n 'info-base',\r\n ];\r\n\r\n colorKeys.forEach((key) => {\r\n baseStyles[`--${key}`] = colors.getColor(key);\r\n });\r\n }\r\n\r\n return baseStyles;\r\n });\r\n\r\n // Computed signals\r\n classes = computed(() => ({\r\n [this.size().toLowerCase()]: true,\r\n disabled: this.disabled(),\r\n isFocused: this.isFocused() && !this.disabled() && !this.readOnly(),\r\n isHovered: this.isHovered(),\r\n [this.status()]: true,\r\n }));\r\n\r\n labelColor = computed(() => {\r\n if (this.disabled()) {\r\n return 'neutral-medium';\r\n } else if ((this.isFocused() \|\| this.isHovered() \|\| this.status() === 'success' \|\| this.status() === 'error') && !this.readOnly()) {\r\n return 'neutral-black';\r\n } else {\r\n return 'neutral-dark';\r\n }\r\n });\r\n\r\n helperText = computed((): { size: LabelSize; color: string } => {\r\n const isError = this.status() === 'error';\r\n const isSuccess = this.status() === 'success';\r\n const isDefault = this.status() === 'default';\r\n const helperTextSize: LabelSize = this.size() === 'large' ? 'small' : 'xsmall';\r\n\r\n const colorText = (() => {\r\n if (this.disabled()) return 'neutral-medium';\r\n if (this.isFocused() \|\| this.isHovered()) return 'neutral-black';\r\n return 'neutral-dark';\r\n })();\r\n\r\n return {\r\n size: helperTextSize,\r\n color: isDefault ? colorText : isError ? 'error-dark' : isSuccess ? 'success-dark' : colorText,\r\n };\r\n });\r\n\r\n // Event handlers\r\n handleMouseEnter(): void {\r\n this.isHovered.set(true);\r\n }\r\n\r\n handleMouseLeave(): void {\r\n this.isHovered.set(false);\r\n }\r\n\r\n handleFocus(): void {\r\n this.isFocused.set(true);\r\n }\r\n\r\n handleBlur(): void {\r\n this.onTouched();\r\n setTimeout(() => {\r\n this.isFocused.set(false);\r\n }, 150);\r\n }\r\n\r\n handleInputChange(event: Event): void {\r\n const newValue = (event.target as HTMLTextAreaElement).value;\r\n this.value.set(newValue);\r\n this.onChange(newValue);\r\n this.valueChange.emit({ value: newValue });\r\n }\r\n}\r\n","<div class=\"cura-input-group\" [ngClass]=\"classes()\" [style]=\"styles()\" (mouseenter)=\"handleMouseEnter()\" (mouseleave)=\"handleMouseLeave()\">\r\n <div class=\"input-wrapper\">\r\n @if (label()) {\r\n <cura-label class=\"label\" weight=\"bold\" [size]=\"size()\" [color]=\"labelColor()\">\r\n {{ label() }}\r\n @if (required()) {\r\n <span class=\"required\"></span>\r\n }\r\n </cura-label>\r\n }\r\n\r\n <div class=\"cura-input-field\" [style]=\"styles()\">\r\n <textarea\r\n [attr.id]=\"name() \|\| null\"\r\n [attr.name]=\"name() \|\| null\"\r\n [placeholder]=\"placeholder() \|\| ''\"\r\n [disabled]=\"disabled()\"\r\n [required]=\"required()\"\r\n [readOnly]=\"readOnly()\"\r\n [attr.maxlength]=\"maxlength()\"\r\n [rows]=\"rows()\"\r\n [style.resize]=\"resize()\"\r\n [(ngModel)]=\"value\"\r\n [ngClass]=\"classes()\"\r\n [style]=\"styles()\"\r\n (focus)=\"handleFocus()\"\r\n (blur)=\"handleBlur()\"\r\n (input)=\"handleInputChange($event)\"\r\n ></textarea>\r\n </div>\r\n\r\n @if (maxlength() !== undefined) {\r\n <div class=\"char-counter\" [style]=\"styles()\">{{ currentLength() }}/{{ maxlength() }}</div>\r\n }\r\n\r\n @if (helperText()) {\r\n <div [style]=\"styles()\" class=\"helper-text\" part=\"cura-textarea-helper\">\r\n <cura-label [size]=\"helperText().size\" lineHeight=\"xsmall\" [color]=\"helperText().color\">\r\n <ng-content></ng-content>\r\n </cura-label>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"rededor-site-front-end-lib-cura-forms.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-forms.definitions.ts","../../../projects/site-front-end-lib/cura/forms/rededor-site-front-end-lib-cura-forms.ts"],"sourcesContent":["export const formsSizes = {\n large: {\n size: 32,\n gap: 16,\n },\n medium: {\n size: 24,\n gap: 12,\n },\n small: {\n size: 20,\n gap: 8,\n },\n};\n\nexport type LabelSize = 'medium' \| 'large' \| 'small' \| 'xsmall';\nexport type LabelWeight = 'regular' \| 'bold';\nexport type TextOverflow = 'none' \| 'single';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,CAAC;AACP,KAAA;;;ACZH;;AAEG;;;;"}
1	+ {"version":3,"file":"rededor-site-front-end-lib-cura-forms.mjs","sources":["../../../projects/site-front-end-lib/cura/forms/cura-forms.definitions.ts","../../../projects/site-front-end-lib/cura/forms/rededor-site-front-end-lib-cura-forms.ts"],"sourcesContent":["export const formsSizes = {\r\n large: {\r\n size: 32,\r\n gap: 16,\r\n },\r\n medium: {\r\n size: 24,\r\n gap: 12,\r\n },\r\n small: {\r\n size: 20,\r\n gap: 8,\r\n },\r\n};\r\n\r\nexport type LabelSize = 'medium' \| 'large' \| 'small' \| 'xsmall';\r\nexport type LabelWeight = 'regular' \| 'bold';\r\nexport type TextOverflow = 'none' \| 'single';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"AAAO,MAAM,UAAU,GAAG;AACxB,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,CAAC;AACP,KAAA;;;ACZH;;AAEG;;;;"}

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

@@ -68,7 +68,7 @@ class CuraIconComponent {
         }, ...(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\">\n  <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\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 }] }); }
+    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,
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         '[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\">\n  <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\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"] }]
+                    }, 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 }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"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 {\n size: number;\n stroke: number;\n}\n\nexport const iconSizes: Record<string, IconSize> = {\n '128': { size: 128, stroke: 5.25 },\n '72': { size: 72, stroke: 3.5 },\n '64': { size: 64, stroke: 3.25 },\n '48': { size: 48, stroke: 2.75 },\n '40': { size: 40, stroke: 2.5 },\n '32': { size: 32, stroke: 2.25 },\n '24': { size: 24, stroke: 2 },\n '20': { size: 20, stroke: 1.75 },\n '16': { size: 16, stroke: 1.5 },\n micro: { size: 12, stroke: 1.25 },\n default: { size: 24, stroke: 2 },\n};\n\nexport type IconSizeType = keyof typeof iconSizes \| string \| number;\n","import { Component, inject, input, computed } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { iconSizes, IconSizeType } from './cura-icon.definitions';\n\n@Component({\n selector: 'cura-icon',\n imports: [CommonModule],\n templateUrl: './cura-icon.component.html',\n styleUrls: ['./cura-icon.component.scss'],\n host: {\n role: 'img',\n '[style.--size]': 'iconStyles().size',\n '[style.--stroke]': 'iconStyles().stroke',\n '[style.--color]': 'iconStyles().color',\n },\n})\nexport class CuraIconComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n Name of the icon to be used from iconset.\n /\n name = input<string>('');\n\n /\n Color of the icon. Uses theme color tokens.\n /\n color = input<string>('neutral-base');\n\n /\n Size of the icon. Can be a predefined size or custom number.\n /\n size = input<IconSizeType>('default');\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 // Computed signals\n private assetsPath = computed(() => this.curaApi.localAssetsPath());\n\n private iconSize = computed(() => {\n const sizeValue = this.size();\n\n const scaledStroke = (iconSize: string \| number) => {\n return iconSizes[iconSize].stroke (iconSizes['default'].size / iconSizes[iconSize].size);\n };\n\n const size = iconSizes[`${sizeValue}`] ? iconSizes[sizeValue].size : iconSizes['default'].size;\n const stroke = iconSizes[`${sizeValue}`] ? scaledStroke(sizeValue) : scaledStroke('default');\n\n return { size, stroke };\n });\n\n private iconColor = computed(() => {\n const colorValue = this.disabled() ? 'neutral-medium' : this.color();\n return this.curaApi.theme.colors.getColor(colorValue);\n });\n\n iconPath = computed(() => {\n return `${this.assetsPath()}/icons/iconset-${this.iconset()}.svg#${this.name()}`;\n });\n\n iconStyles = computed(() => {\n const sizeData = this.iconSize();\n return {\n size: `${sizeData.size}px`,\n stroke: `${sizeData.stroke}px`,\n color: this.iconColor(),\n };\n });\n}\n","<svg version=\"1.1\" viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" xmlns=\"http://www.w3.org/2000/svg\">\n <use [attr.xlink:href]=\"iconPath()\"></use>\n</svg>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~kLAGA~~,EAAA,MAAA,EAAA,CAAA,iMAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIY,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAUX,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAZ7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,YAAY,CAAC,EAAA,IAAA,EAGjB;AACJ,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,gBAAgB,EAAE,mBAAmB;AACrC,wBAAA,kBAAkB,EAAE,qBAAqB;AACzC,wBAAA,iBAAiB,EAAE,oBAAoB;AACxC,qBAAA,EAAA,QAAA,EAAA,~~kLAAA~~,EAAA,MAAA,EAAA,CAAA,iMAAA,CAAA,EAAA;;;AEfH;;AAEG;;;;"}
1	+ {"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 CHANGED Viewed

@@ -24,7 +24,7 @@ class CuraLoaderBarComponent {
         }, ...(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()\">\n  <span class=\"progress-bar-fill\"></span>\n</div>\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"] }] }); }
+    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,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         '[attr.aria-valuenow]': 'progress()',
                         '[attr.aria-valuemin]': '0',
                         '[attr.aria-valuemax]': '100',
-                    }, template: "<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n  <span class=\"progress-bar-fill\"></span>\n</div>\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"] }]
+                    }, 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 }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"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';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\n@Component({\n selector: 'cura-loader-bar',\n imports: [CommonModule],\n templateUrl: './cura-loader-bar.component.html',\n styleUrls: ['./cura-loader-bar.component.scss'],\n host: {\n role: 'progressbar',\n '[attr.aria-valuenow]': 'progress()',\n '[attr.aria-valuemin]': '0',\n '[attr.aria-valuemax]': '100',\n },\n})\nexport class CuraLoaderBarComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n One from color scheme. Default: primary-base.\n /\n color = input<string>('primary-base');\n\n /\n Progress percentage (0-100).\n /\n progress = input<number>(0);\n\n loaderStyles = computed(() => {\n return {\n '--neutral-base': this.curaApi.theme.colors.getColor('neutral-base', 0.2),\n '--color-base': this.curaApi.theme.colors.getColor(this.color()),\n '--bar-width': `${this.progress()}%`,\n };\n });\n}\n","<div id=\"progress-bar\" class=\"progress-bar\" [ngStyle]=\"loaderStyles()\">\n <span class=\"progress-bar-fill\"></span>\n</div>\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,~~sIAGA~~,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,~~sIAAA~~,EAAA,MAAA,EAAA,CAAA,8UAAA,CAAA,EAAA;;;AEdH;;AAEG;;;;"}
1	+ {"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 CHANGED Viewed

@@ -30,7 +30,7 @@ class CuraLoaderCircleComponent {
         }, ...(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\">\n  <g>\n    <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\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\" />\n  </g>\n  <defs>\n    <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n      <stop />\n      <stop offset=\"1\" />\n    </linearGradient>\n  </defs>\n</svg>\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"] }); }
+    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,
@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         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\">\n  <g>\n    <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\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\" />\n  </g>\n  <defs>\n    <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n      <stop />\n      <stop offset=\"1\" />\n    </linearGradient>\n  </defs>\n</svg>\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"] }]
+                    }, 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 }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"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';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\n\nexport type LoaderSize = 'small' \| 'medium' \| 'large' \| 'xlarge';\n\n@Component({\n selector: 'cura-loader-circle',\n templateUrl: './cura-loader-circle.component.html',\n styleUrls: ['./cura-loader-circle.component.scss'],\n host: {\n role: 'progressbar',\n '[style.--size]': 'loaderStyles().size',\n '[style.--color]': 'loaderStyles().color',\n },\n})\nexport class CuraLoaderCircleComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n Loader size. Values: small, medium, large or xlarge.\n /\n size = input<LoaderSize>('medium');\n\n /\n One from color scheme. Default: neutral-white.\n /\n color = input<string>('neutral-white');\n\n private sizes = {\n xlarge: 32,\n large: 24,\n medium: 20,\n small: 16,\n default: 16,\n };\n\n // Computed signal\n loaderStyles = computed(() => {\n const pxSize = this.sizes[this.size()] \|\| this.sizes['default'];\n return {\n size: `${pxSize}px`,\n color: this.curaApi.theme.colors.getColor(this.color()),\n };\n });\n}\n","<svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g>\n <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\" />\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\" />\n </g>\n <defs>\n <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n <stop />\n <stop offset=\"1\" />\n </linearGradient>\n </defs>\n</svg>\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,~~wkBAYA~~,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,~~wkBAAA~~,EAAA,MAAA,EAAA,CAAA,+aAAA,CAAA,EAAA;;;AEbH;;AAEG;;;;"}
1	+ {"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 CHANGED Viewed

@@ -63,7 +63,7 @@ class CuraDisplayComponent {
         }, ...(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>\n  <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n  @case (1) {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h1>\n  }\n}\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"] }] }); }
+    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,
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         '[style.--margin-block]': 'displayStyles().marginBlock',
                         '[style.--font-size-base]': 'displayStyles().fontSizeBase',
                         '[style.--line-height]': 'displayStyles().lineHeight',
-                    }, template: "<ng-template #display>\n  <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n  @case (1) {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"display\"></ng-container>\n    </h1>\n  }\n}\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"] }]
+                    }, 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 }] }] } });
 /**

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

	@@ -1 +1 @@
1	- {"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';\nimport { CommonModule } from '@angular/common';\nimport { CuraApiService } from '@rededor/site-front-end-lib/cura/api';\nimport { HeadingLevel, DisplaySize } from '@rededor/site-front-end-lib/cura/texts';\n\n@Component({\n selector: 'cura-display',\n imports: [CommonModule],\n templateUrl: './cura-display.component.html',\n styleUrls: ['./cura-display.component.scss'],\n host: {\n role: 'heading',\n '[attr.aria-level]': 'level()',\n '[style.--margin-block]': 'displayStyles().marginBlock',\n '[style.--font-size-base]': 'displayStyles().fontSizeBase',\n '[style.--line-height]': 'displayStyles().lineHeight',\n },\n})\nexport class CuraDisplayComponent {\n private curaApi = inject(CuraApiService);\n\n /*\n Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n * Values: 1(default) to 6.\n /\n level = input<HeadingLevel>(1);\n\n /\n Display size.\n * Values: 'large' (default) \| 'small'.\n /\n size = input<DisplaySize>('large');\n\n /\n Apply design system color to interactive elements like <a> and <abbr> inside the text.\n * Values: Color from design system scheme. Default to 'accent-dark'.\n /\n spotColor = input<string>('accent-dark');\n\n /\n Text color.\n * Values: Color from design system scheme. Default to the font color from the theme.\n /\n color = input<string>('');\n\n /\n CSS margin-block property values.\n * Default to 1.25em\n /\n marginBlock = input<string>('1.25em');\n\n /\n CSS line-height property values.\n * Default to 120%\n /\n lineHeight = input<string>('120%');\n\n containerClasses = computed(() => {\n return this.size().toLowerCase();\n });\n\n displayStyles = computed(() => {\n return {\n marginBlock: this.marginBlock(),\n fontSizeBase: this.curaApi.theme.fonts.getSize(),\n lineHeight: this.lineHeight(),\n };\n });\n\n headingStyles = computed(() => {\n const weights = this.curaApi.theme.fonts.getWeights();\n const bodyColor = this.color()\n ? this.curaApi.theme.colors.getColor(this.color())\n : this.curaApi.theme.fonts.getColor() \|\| this.curaApi.theme.colors.getColor('neutral-darker');\n\n return {\n '--font-family': this.curaApi.theme.fonts.getFamily('display'),\n '--font-size': this.curaApi.theme.fonts.getSize(),\n '--font-weight-bold': weights.bold,\n '--font-weight-medium': weights.medium,\n '--color-body': bodyColor,\n '--color-link': this.curaApi.theme.colors.getColor(this.spotColor()),\n };\n });\n}\n","<ng-template #display>\n <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n @case (1) {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n @case (2) {\n <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h2>\n }\n @case (3) {\n <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h3>\n }\n @case (4) {\n <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h4>\n }\n @case (5) {\n <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h5>\n }\n @case (6) {\n <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h6>\n }\n @default {\n <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n <ng-container ngTemplateOutlet=\"display\"></ng-container>\n </h1>\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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~~,+vCAyCA~~,EAAA,MAAA,EAAA,CAAA,~~qsEAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDlCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,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;;4FAWX,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,OAAA,EACf,CAAC,YAAY,CAAC,EAAA,IAAA,EAGjB;AACJ,wBAAA,IAAI,EAAE,SAAS;AACf,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,wBAAwB,EAAE,6BAA6B;AACvD,wBAAA,0BAA0B,EAAE,8BAA8B;AAC1D,wBAAA,uBAAuB,EAAE,4BAA4B;AACtD,qBAAA,EAAA,QAAA,EAAA~~,+vCAAA~~,EAAA,MAAA,EAAA,CAAA,~~qsEAAA~~,CAAA,EAAA;;;AEhBH;;AAEG;;;;"}
1	+ {"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 CHANGED Viewed

@@ -81,7 +81,7 @@ class CuraHeadingComponent {
         }, ...(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>\n  <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n  @case (1) {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h1>\n  }\n}\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"] }] }); }
+    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,
@@ -93,7 +93,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         '[style.--line-height]': 'hostStyles().lineHeight',
                         '[style.--color-body]': 'hostStyles().colorBody',
                         '[style.--color-spot]': 'hostStyles().colorSpot',
-                    }, template: "<ng-template #heading>\n  <ng-content></ng-content>\n</ng-template>\n\n@switch (level()) {\n  @case (1) {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h1>\n  }\n  @case (2) {\n    <h2 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h2>\n  }\n  @case (3) {\n    <h3 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h3>\n  }\n  @case (4) {\n    <h4 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h4>\n  }\n  @case (5) {\n    <h5 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h5>\n  }\n  @case (6) {\n    <h6 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h6>\n  }\n  @default {\n    <h1 [class]=\"containerClasses()\" [ngStyle]=\"headingStyles()\">\n      <ng-container *ngTemplateOutlet=\"heading\"></ng-container>\n    </h1>\n  }\n}\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"] }]
+                    }, 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 }] }] } });
 /**