@lluc_llull/ui-lib 0.34.3 → 0.35.0

package/src/lib/styles/main.css

@@ -83,6 +83,8 @@
   background: transparent;
   border-radius: 0;
   color: var(--button-header-text);
+  border: 4px solid var(--border-primary);
+  background: var(--button-header-bg);
 }
 .btn-header:hover {
   background: var(--button-header-bg-hover);
@@ -581,6 +583,7 @@ body.show-grid .debug-grid-overlay {
   --content-bg-light: #0f1117;
   --content-bg-dark: #f5f5f5;
   --content-overlay: rgba(0, 0, 0, 0.6);
+  --content-highlight: #EDCE14;
   --text-primary: #e2e8f0;
   --text-primary-raw: 30, 37, 48;
   --text-primary-10: rgba(var(--text-primary-raw), 0.1);
@@ -605,20 +608,52 @@ body.show-grid .debug-grid-overlay {
   --text-secondary-90: rgba(var(--text-secondary-raw), 0.9);
   --text-disabled: rgba(226, 232, 240, 0.3);
   --text-inverse: #0f1117;
+  --text-inverse-raw: 12, 12, 12;
+  --text-inverse-10: rgba(var(--text-inverse-raw), 0.1);
+  --text-inverse-20: rgba(var(--text-inverse-raw), 0.2);
+  --text-inverse-30: rgba(var(--text-inverse-raw), 0.3);
+  --text-inverse-40: rgba(var(--text-inverse-raw), 0.4);
+  --text-inverse-50: rgba(var(--text-inverse-raw), 0.5);
+  --text-inverse-60: rgba(var(--text-inverse-raw), 0.6);
+  --text-inverse-70: rgba(var(--text-inverse-raw), 0.7);
+  --text-inverse-80: rgba(var(--text-inverse-raw), 0.8);
+  --text-inverse-90: rgba(var(--text-inverse-raw), 0.9);
   --surface-primary: #1a1d21;
   --surface-secondary: #22262d;
   --surface-tertiary: #2a2e36;
   --modal-bg: var(--surface-primary);
+  --modal-hover: var(--surface-secondary);
   --close-btn: var(--text-primary);
   --item-text: var(--text-primary);
   --border-primary: #2a2e36;
+  --border-primary-raw: 12, 12, 12;
+  --border-primary-10: rgba(var(--border-primary-raw), 0.1);
+  --border-primary-20: rgba(var(--border-primary-raw), 0.2);
+  --border-primary-30: rgba(var(--border-primary-raw), 0.3);
+  --border-primary-40: rgba(var(--border-primary-raw), 0.4);
+  --border-primary-50: rgba(var(--border-primary-raw), 0.5);
+  --border-primary-60: rgba(var(--border-primary-raw), 0.6);
+  --border-primary-70: rgba(var(--border-primary-raw), 0.7);
+  --border-primary-80: rgba(var(--border-primary-raw), 0.8);
+  --border-primary-90: rgba(var(--border-primary-raw), 0.9);
   --border-secondary: #343840;
+  --border-secondary-raw: 12, 12, 12;
+  --border-secondary-10: rgba(var(--border-secondary-raw), 0.1);
+  --border-secondary-20: rgba(var(--border-secondary-raw), 0.2);
+  --border-secondary-30: rgba(var(--border-secondary-raw), 0.3);
+  --border-secondary-40: rgba(var(--border-secondary-raw), 0.4);
+  --border-secondary-50: rgba(var(--border-secondary-raw), 0.5);
+  --border-secondary-60: rgba(var(--border-secondary-raw), 0.6);
+  --border-secondary-70: rgba(var(--border-secondary-raw), 0.7);
+  --border-secondary-80: rgba(var(--border-secondary-raw), 0.8);
+  --border-secondary-90: rgba(var(--border-secondary-raw), 0.9);
   --border-focus: #60a5fa;
   --divider: rgba(226, 232, 240, 0.08);
   --progress-color: var(--text-primary);
   --progress-bg: #60a5fa;
   --tag-color: var(--text-primary);
   --tag-bg: #1e3a5f;
+  --tag-border: #60a5fa;
   --button-primary-bg: #007bff;
   --button-primary-text: #ffffff;
   --button-primary-bg-hover: #1a6fd4;
@@ -636,6 +671,7 @@ body.show-grid .debug-grid-overlay {
   --button-header-bg: transparent;
   --button-header-text: var(--text-primary);
   --button-header-bg-hover: rgba(226, 232, 240, 0.06);
+  --button-header-bg-scrolled-hover: #ffb300b9;
   --button-header-text-hover: var(--text-primary);
 }
 
@@ -685,6 +721,7 @@ body.show-grid .debug-grid-overlay {
   --content-bg-light: #f5f5f5;
   --content-bg-dark: #0f1117;
   --content-overlay: rgba(0, 0, 0, 0.35);
+  --content-highlight: #EDCE14;
   --text-primary: #1e2530;
   --text-primary-raw: 30, 37, 48;
   --text-primary-10: rgba(var(--text-primary-raw), 0.1);
@@ -709,20 +746,52 @@ body.show-grid .debug-grid-overlay {
   --text-secondary-90: rgba(var(--text-secondary-raw), 0.9);
   --text-disabled: rgba(30, 37, 48, 0.3);
   --text-inverse: #f5f3ef;
+  --text-inverse-raw: 255, 255, 255;
+  --text-inverse-10: rgba(var(--text-inverse-raw), 0.1);
+  --text-inverse-20: rgba(var(--text-inverse-raw), 0.2);
+  --text-inverse-30: rgba(var(--text-inverse-raw), 0.3);
+  --text-inverse-40: rgba(var(--text-inverse-raw), 0.4);
+  --text-inverse-50: rgba(var(--text-inverse-raw), 0.5);
+  --text-inverse-60: rgba(var(--text-inverse-raw), 0.6);
+  --text-inverse-70: rgba(var(--text-inverse-raw), 0.7);
+  --text-inverse-80: rgba(var(--text-inverse-raw), 0.8);
+  --text-inverse-90: rgba(var(--text-inverse-raw), 0.9);
   --surface-primary: #edeae4;
   --surface-secondary: #e4e0d8;
   --surface-tertiary: #d8d3c9;
   --modal-bg: var(--surface-primary);
+  --modal-hover: var(--surface-secondary);
   --close-btn: var(--text-primary);
   --item-text: var(--text-primary);
   --border-primary: #d8d3c9;
-  --border-secondary: #c8c2b6;
+  --border-primary-raw: 12, 12, 12;
+  --border-primary-10: rgba(var(--border-primary-raw), 0.1);
+  --border-primary-20: rgba(var(--border-primary-raw), 0.2);
+  --border-primary-30: rgba(var(--border-primary-raw), 0.3);
+  --border-primary-40: rgba(var(--border-primary-raw), 0.4);
+  --border-primary-50: rgba(var(--border-primary-raw), 0.5);
+  --border-primary-60: rgba(var(--border-primary-raw), 0.6);
+  --border-primary-70: rgba(var(--border-primary-raw), 0.7);
+  --border-primary-80: rgba(var(--border-primary-raw), 0.8);
+  --border-primary-90: rgba(var(--border-primary-raw), 0.9);
+  --border-secondary: #343840;
+  --border-secondary-raw: 12, 12, 12;
+  --border-secondary-10: rgba(var(--border-secondary-raw), 0.1);
+  --border-secondary-20: rgba(var(--border-secondary-raw), 0.2);
+  --border-secondary-30: rgba(var(--border-secondary-raw), 0.3);
+  --border-secondary-40: rgba(var(--border-secondary-raw), 0.4);
+  --border-secondary-50: rgba(var(--border-secondary-raw), 0.5);
+  --border-secondary-60: rgba(var(--border-secondary-raw), 0.6);
+  --border-secondary-70: rgba(var(--border-secondary-raw), 0.7);
+  --border-secondary-80: rgba(var(--border-secondary-raw), 0.8);
+  --border-secondary-90: rgba(var(--border-secondary-raw), 0.9);
   --border-focus: #0066dd;
   --divider: rgba(30, 37, 48, 0.1);
   --progress-color: var(--text-primary);
   --progress-bg: #0066dd;
   --tag-color: #f5f3ef;
   --tag-bg: #0066dd;
+  --tag-border: #60a5fa;
   --button-primary-bg: #0066dd;
   --button-primary-text: #ffffff;
   --button-primary-bg-hover: #0052b3;
@@ -740,6 +809,7 @@ body.show-grid .debug-grid-overlay {
   --button-header-bg: transparent;
   --button-header-text: var(--text-primary);
   --button-header-bg-hover: rgba(30, 37, 48, 0.06);
+  --button-header-bg-scrolled-hover: #ffb300b9;
   --button-header-text-hover: var(--text-primary);
 }
 

package/styles/main.css

@@ -83,6 +83,8 @@
   background: transparent;
   border-radius: 0;
   color: var(--button-header-text);
+  border: 4px solid var(--border-primary);
+  background: var(--button-header-bg);
 }
 .btn-header:hover {
   background: var(--button-header-bg-hover);
@@ -581,6 +583,7 @@ body.show-grid .debug-grid-overlay {
   --content-bg-light: #0f1117;
   --content-bg-dark: #f5f5f5;
   --content-overlay: rgba(0, 0, 0, 0.6);
+  --content-highlight: #EDCE14;
   --text-primary: #e2e8f0;
   --text-primary-raw: 30, 37, 48;
   --text-primary-10: rgba(var(--text-primary-raw), 0.1);
@@ -605,20 +608,52 @@ body.show-grid .debug-grid-overlay {
   --text-secondary-90: rgba(var(--text-secondary-raw), 0.9);
   --text-disabled: rgba(226, 232, 240, 0.3);
   --text-inverse: #0f1117;
+  --text-inverse-raw: 12, 12, 12;
+  --text-inverse-10: rgba(var(--text-inverse-raw), 0.1);
+  --text-inverse-20: rgba(var(--text-inverse-raw), 0.2);
+  --text-inverse-30: rgba(var(--text-inverse-raw), 0.3);
+  --text-inverse-40: rgba(var(--text-inverse-raw), 0.4);
+  --text-inverse-50: rgba(var(--text-inverse-raw), 0.5);
+  --text-inverse-60: rgba(var(--text-inverse-raw), 0.6);
+  --text-inverse-70: rgba(var(--text-inverse-raw), 0.7);
+  --text-inverse-80: rgba(var(--text-inverse-raw), 0.8);
+  --text-inverse-90: rgba(var(--text-inverse-raw), 0.9);
   --surface-primary: #1a1d21;
   --surface-secondary: #22262d;
   --surface-tertiary: #2a2e36;
   --modal-bg: var(--surface-primary);
+  --modal-hover: var(--surface-secondary);
   --close-btn: var(--text-primary);
   --item-text: var(--text-primary);
   --border-primary: #2a2e36;
+  --border-primary-raw: 12, 12, 12;
+  --border-primary-10: rgba(var(--border-primary-raw), 0.1);
+  --border-primary-20: rgba(var(--border-primary-raw), 0.2);
+  --border-primary-30: rgba(var(--border-primary-raw), 0.3);
+  --border-primary-40: rgba(var(--border-primary-raw), 0.4);
+  --border-primary-50: rgba(var(--border-primary-raw), 0.5);
+  --border-primary-60: rgba(var(--border-primary-raw), 0.6);
+  --border-primary-70: rgba(var(--border-primary-raw), 0.7);
+  --border-primary-80: rgba(var(--border-primary-raw), 0.8);
+  --border-primary-90: rgba(var(--border-primary-raw), 0.9);
   --border-secondary: #343840;
+  --border-secondary-raw: 12, 12, 12;
+  --border-secondary-10: rgba(var(--border-secondary-raw), 0.1);
+  --border-secondary-20: rgba(var(--border-secondary-raw), 0.2);
+  --border-secondary-30: rgba(var(--border-secondary-raw), 0.3);
+  --border-secondary-40: rgba(var(--border-secondary-raw), 0.4);
+  --border-secondary-50: rgba(var(--border-secondary-raw), 0.5);
+  --border-secondary-60: rgba(var(--border-secondary-raw), 0.6);
+  --border-secondary-70: rgba(var(--border-secondary-raw), 0.7);
+  --border-secondary-80: rgba(var(--border-secondary-raw), 0.8);
+  --border-secondary-90: rgba(var(--border-secondary-raw), 0.9);
   --border-focus: #60a5fa;
   --divider: rgba(226, 232, 240, 0.08);
   --progress-color: var(--text-primary);
   --progress-bg: #60a5fa;
   --tag-color: var(--text-primary);
   --tag-bg: #1e3a5f;
+  --tag-border: #60a5fa;
   --button-primary-bg: #007bff;
   --button-primary-text: #ffffff;
   --button-primary-bg-hover: #1a6fd4;
@@ -636,6 +671,7 @@ body.show-grid .debug-grid-overlay {
   --button-header-bg: transparent;
   --button-header-text: var(--text-primary);
   --button-header-bg-hover: rgba(226, 232, 240, 0.06);
+  --button-header-bg-scrolled-hover: #ffb300b9;
   --button-header-text-hover: var(--text-primary);
 }
 
@@ -685,6 +721,7 @@ body.show-grid .debug-grid-overlay {
   --content-bg-light: #f5f5f5;
   --content-bg-dark: #0f1117;
   --content-overlay: rgba(0, 0, 0, 0.35);
+  --content-highlight: #EDCE14;
   --text-primary: #1e2530;
   --text-primary-raw: 30, 37, 48;
   --text-primary-10: rgba(var(--text-primary-raw), 0.1);
@@ -709,20 +746,52 @@ body.show-grid .debug-grid-overlay {
   --text-secondary-90: rgba(var(--text-secondary-raw), 0.9);
   --text-disabled: rgba(30, 37, 48, 0.3);
   --text-inverse: #f5f3ef;
+  --text-inverse-raw: 255, 255, 255;
+  --text-inverse-10: rgba(var(--text-inverse-raw), 0.1);
+  --text-inverse-20: rgba(var(--text-inverse-raw), 0.2);
+  --text-inverse-30: rgba(var(--text-inverse-raw), 0.3);
+  --text-inverse-40: rgba(var(--text-inverse-raw), 0.4);
+  --text-inverse-50: rgba(var(--text-inverse-raw), 0.5);
+  --text-inverse-60: rgba(var(--text-inverse-raw), 0.6);
+  --text-inverse-70: rgba(var(--text-inverse-raw), 0.7);
+  --text-inverse-80: rgba(var(--text-inverse-raw), 0.8);
+  --text-inverse-90: rgba(var(--text-inverse-raw), 0.9);
   --surface-primary: #edeae4;
   --surface-secondary: #e4e0d8;
   --surface-tertiary: #d8d3c9;
   --modal-bg: var(--surface-primary);
+  --modal-hover: var(--surface-secondary);
   --close-btn: var(--text-primary);
   --item-text: var(--text-primary);
   --border-primary: #d8d3c9;
-  --border-secondary: #c8c2b6;
+  --border-primary-raw: 12, 12, 12;
+  --border-primary-10: rgba(var(--border-primary-raw), 0.1);
+  --border-primary-20: rgba(var(--border-primary-raw), 0.2);
+  --border-primary-30: rgba(var(--border-primary-raw), 0.3);
+  --border-primary-40: rgba(var(--border-primary-raw), 0.4);
+  --border-primary-50: rgba(var(--border-primary-raw), 0.5);
+  --border-primary-60: rgba(var(--border-primary-raw), 0.6);
+  --border-primary-70: rgba(var(--border-primary-raw), 0.7);
+  --border-primary-80: rgba(var(--border-primary-raw), 0.8);
+  --border-primary-90: rgba(var(--border-primary-raw), 0.9);
+  --border-secondary: #343840;
+  --border-secondary-raw: 12, 12, 12;
+  --border-secondary-10: rgba(var(--border-secondary-raw), 0.1);
+  --border-secondary-20: rgba(var(--border-secondary-raw), 0.2);
+  --border-secondary-30: rgba(var(--border-secondary-raw), 0.3);
+  --border-secondary-40: rgba(var(--border-secondary-raw), 0.4);
+  --border-secondary-50: rgba(var(--border-secondary-raw), 0.5);
+  --border-secondary-60: rgba(var(--border-secondary-raw), 0.6);
+  --border-secondary-70: rgba(var(--border-secondary-raw), 0.7);
+  --border-secondary-80: rgba(var(--border-secondary-raw), 0.8);
+  --border-secondary-90: rgba(var(--border-secondary-raw), 0.9);
   --border-focus: #0066dd;
   --divider: rgba(30, 37, 48, 0.1);
   --progress-color: var(--text-primary);
   --progress-bg: #0066dd;
   --tag-color: #f5f3ef;
   --tag-bg: #0066dd;
+  --tag-border: #60a5fa;
   --button-primary-bg: #0066dd;
   --button-primary-text: #ffffff;
   --button-primary-bg-hover: #0052b3;
@@ -740,6 +809,7 @@ body.show-grid .debug-grid-overlay {
   --button-header-bg: transparent;
   --button-header-text: var(--text-primary);
   --button-header-bg-hover: rgba(30, 37, 48, 0.06);
+  --button-header-bg-scrolled-hover: #ffb300b9;
   --button-header-text-hover: var(--text-primary);
 }
 

package/types/lluc_llull-ui-lib-content-category-progress.d.ts

@@ -3,6 +3,8 @@ export declare class CategoryProgressComponent {
   pretitle?: string;
   title?: string;
   categories?: ProgressCategoryI[];
+  highlightColor: string;
+  highlightThickness: number;
   static ɵfac: i0.ɵɵFactoryDeclaration<CategoryProgressComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<CategoryProgressComponent, "lib-category-progress", never, {
     "pretitle": {
@@ -17,6 +19,14 @@ export declare class CategoryProgressComponent {
       "alias": "categories";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }
 export interface ProgressItemI {

package/types/lluc_llull-ui-lib-content-contact-minimal.d.ts

@@ -13,6 +13,8 @@ export declare class ContactMinimalComponent {
   contacts?: UiLibButtonI[];
   socials?: UiLibButtonI[];
   img?: UiLibImageI;
+  highlightColor: string;
+  highlightThickness: number;
   static ɵfac: i0.ɵɵFactoryDeclaration<ContactMinimalComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<ContactMinimalComponent, "lib-contact-minimal", never, {
     "contactsTitle": {
@@ -35,5 +37,13 @@ export declare class ContactMinimalComponent {
       "alias": "img";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }

package/types/lluc_llull-ui-lib-content-split-previewer.d.ts

@@ -7,6 +7,8 @@ export declare class SplitPreviewerComponent implements OnInit {
   items?: SplitPreviewerItemI[];
   imageDefault?: UiLibImageI;
   direction: 'left' | 'right';
+  highlightColor: string;
+  highlightThickness: number;
   activeImage: import("@angular/core").WritableSignal<UiLibImageI | undefined>;
   get count(): number;
   constructor(platformId: Object);
@@ -29,6 +31,14 @@ export declare class SplitPreviewerComponent implements OnInit {
       "alias": "direction";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }
 export interface SplitPreviewerItemI {

package/types/lluc_llull-ui-lib-content.d.ts

@@ -5,6 +5,8 @@ export declare class CategoryProgressComponent {
   pretitle?: string;
   title?: string;
   categories?: ProgressCategoryI[];
+  highlightColor: string;
+  highlightThickness: number;
   static ɵfac: i0.ɵɵFactoryDeclaration<CategoryProgressComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<CategoryProgressComponent, "lib-category-progress", never, {
     "pretitle": {
@@ -19,6 +21,14 @@ export declare class CategoryProgressComponent {
       "alias": "categories";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }
 export interface ProgressItemI {
@@ -130,6 +140,8 @@ export declare class SplitPreviewerComponent implements OnInit {
   items?: SplitPreviewerItemI[];
   imageDefault?: UiLibImageI;
   direction: 'left' | 'right';
+  highlightColor: string;
+  highlightThickness: number;
   activeImage: import("@angular/core").WritableSignal<UiLibImageI | undefined>;
   get count(): number;
   constructor(platformId: Object);
@@ -152,6 +164,14 @@ export declare class SplitPreviewerComponent implements OnInit {
       "alias": "direction";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }
 export interface SplitPreviewerItemI {
@@ -181,6 +201,8 @@ export declare class ContactMinimalComponent {
   contacts?: UiLibButtonI[];
   socials?: UiLibButtonI[];
   img?: UiLibImageI;
+  highlightColor: string;
+  highlightThickness: number;
   static ɵfac: i0.ɵɵFactoryDeclaration<ContactMinimalComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<ContactMinimalComponent, "lib-contact-minimal", never, {
     "contactsTitle": {
@@ -203,6 +225,14 @@ export declare class ContactMinimalComponent {
       "alias": "img";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }
 export declare class MediaSplitComponent {

package/types/lluc_llull-ui-lib-directives.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { ElementRef, EventEmitter, OnInit, Renderer2 } from "@angular/core";
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from "@angular/core";
 import { Router } from "@angular/router";
 import { LinkType } from "@lluc_llull/ui-lib/enums";
 export declare class LinkTypeDirective {
@@ -62,8 +62,13 @@ export declare class ScrollRevealDirective implements OnInit {
   private platformId;
   distance: string;
   duration: string;
+  from: 'top' | 'bottom' | 'left' | 'right';
+  delay: number;
+  threshold: number;
+  rootMargin: string;
   constructor(el: ElementRef, renderer: Renderer2, platformId: Object);
   ngOnInit(): void;
+  private get isHorizontal();
   private setupInitialStyles;
   private reveal;
   static ɵfac: i0.ɵɵFactoryDeclaration<ScrollRevealDirective, never>;
@@ -76,12 +81,56 @@ export declare class ScrollRevealDirective implements OnInit {
       "alias": "duration";
       "required": false;
     };
+    "from": {
+      "alias": "from";
+      "required": false;
+    };
+    "delay": {
+      "alias": "delay";
+      "required": false;
+    };
+    "threshold": {
+      "alias": "threshold";
+      "required": false;
+    };
+    "rootMargin": {
+      "alias": "rootMargin";
+      "required": false;
+    };
   }, {}, never, never, true, never>;
 }
-export declare class HeaderScrollDirective {
+export declare class ScrollTextRevealDirective implements OnInit, OnDestroy {
+  private readonly el;
+  private readonly platformId;
+  private chars;
+  private revealedCount;
+  private frame;
+  private observer;
+  private startScrollY;
+  constructor(el: ElementRef<HTMLElement>, platformId: Object);
+  ngOnInit(): void;
+  ngOnDestroy(): void;
+  updateProgress(): void;
+  private readonly onScroll;
+  private setRevealedCount;
+  private splitText;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollTextRevealDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollTextRevealDirective, "[scrollTextReveal]", never, {}, {}, never, never, true, never>;
+}
+export declare class HeaderScrollDirective implements AfterViewInit {
   scrollThreshold: number;
   isScrolled: boolean;
+  isOverLight: boolean;
+  isOverDark: boolean;
+  private readonly elementRef;
+  private readonly isBrowser;
+  ngAfterViewInit(): void;
   onScroll(): void;
+  onResize(): void;
+  private updateHeaderState;
+  private updateBackgroundTone;
+  private getOpaqueRgb;
+  private isLightColor;
   static ɵfac: i0.ɵɵFactoryDeclaration<HeaderScrollDirective, never>;
   static ɵdir: i0.ɵɵDirectiveDeclaration<HeaderScrollDirective, "[headerScroll]", never, {
     "scrollThreshold": {

package/types/lluc_llull-ui-lib-feedback-404.d.ts

@@ -4,6 +4,8 @@ export declare class NotFoundComponent {
   title?: string;
   subtitle?: string;
   highlight?: string;
+  highlightColor: string;
+  highlightThickness: number;
   button?: UiLibButtonI;
   static ɵfac: i0.ɵɵFactoryDeclaration<NotFoundComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<NotFoundComponent, "lib-404", never, {
@@ -19,6 +21,14 @@ export declare class NotFoundComponent {
       "alias": "highlight";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
     "button": {
       "alias": "button";
       "required": false;

package/types/lluc_llull-ui-lib-feedback.d.ts

@@ -4,6 +4,8 @@ export declare class NotFoundComponent {
   title?: string;
   subtitle?: string;
   highlight?: string;
+  highlightColor: string;
+  highlightThickness: number;
   button?: UiLibButtonI;
   static ɵfac: i0.ɵɵFactoryDeclaration<NotFoundComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<NotFoundComponent, "lib-404", never, {
@@ -19,6 +21,14 @@ export declare class NotFoundComponent {
       "alias": "highlight";
       "required": false;
     };
+    "highlightColor": {
+      "alias": "highlightColor";
+      "required": false;
+    };
+    "highlightThickness": {
+      "alias": "highlightThickness";
+      "required": false;
+    };
     "button": {
       "alias": "button";
       "required": false;

package/types/lluc_llull-ui-lib-footers-columns-footer.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class ColumnsFooterComponent {
   columns?: ColumnsFooterItemI[];
   copyright?: ColumnsFooterCopyRightI;
+  scrollToTop(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsFooterComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsFooterComponent, "lib-columns-footer", never, {
     "columns": {

package/types/lluc_llull-ui-lib-footers.d.ts

@@ -134,6 +134,7 @@ export interface VisualFooterI {
 export declare class ColumnsFooterComponent {
   columns?: ColumnsFooterItemI[];
   copyright?: ColumnsFooterCopyRightI;
+  scrollToTop(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsFooterComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<ColumnsFooterComponent, "lib-columns-footer", never, {
     "columns": {