@ascentgl/ads-ui 2.19.5 → 20.0.2

package/src/assets/sass/ads-ui/overrides/angular-material/_dropdown.scss

@@ -1,5 +1,4 @@
-@import '../../abstracts/variables';
-@import '../../abstracts/functions';
+@use '../../abstracts/functions' as *;
 
 .mat-mdc-select-panel,
 .mat-mdc-autocomplete-panel {

package/src/assets/sass/ads-ui/overrides/angular-material/_html.scss

@@ -1,18 +1,16 @@
-@import '../../abstracts/variables';
-@import '../../abstracts/functions';
+@use '../../abstracts/functions' as *;
 
 html {
-  --mdc-filled-text-field-container-color: #{color(white)} !important;
+  --mat-form-field-filled-container-color: #{color(white)} !important;
   --mat-form-field-state-layer-color: #{color(white)} !important;
   --mat-form-field-container-vertical-padding: 0 !important;
   --mat-form-field-filled-with-label-container-padding-top: 0 !important;
   --mat-form-field-filled-with-label-container-padding-bottom: 4px !important;
-  --mdc-filled-text-field-input-text-placeholder-color: #{color(medium)} !important;
-  --mdc-filled-text-field-error-hover-label-text-color: #{color(error)} !important;
-
-  --mdc-filled-text-field-disabled-container-color: #{color(muted)} !important;
-  --mdc-filled-text-field-disabled-input-text-color: #{color(medium)} !important;
-  --mdc-filled-text-field-disabled-label-text-color: #{color(medium)} !important;
+  --mat-form-field-filled-input-text-placeholder-color: #{color(medium)} !important;
+  --mat-form-field-filled-error-hover-label-text-color: #{color(error)} !important;
 
   --mat-form-field-container-height: 48px !important;
+  --mat-dialog-container-small-max-width: calc(100vw - 32px) !important;
+  --mat-badge-container-shape: 50% !important;
+
 }

package/src/assets/sass/ads-ui/overrides/angular-material/_mat-list.scss

@@ -1,3 +1,5 @@
+@use '../../abstracts/functions' as *;
+
 mat-list.ads-mat-list {
   display: flex;
   flex-direction: column;
@@ -24,7 +26,7 @@ mat-list.ads-mat-list {
   }
 
   mat-list-item {
-    --mdc-list-list-item-one-line-container-height: auto;
+    --mat-list-list-item-one-line-container-height: auto;
 
     min-height: 54px;
 

package/src/assets/sass/ads-ui/overrides/angular-material/_menu.scss

@@ -0,0 +1,89 @@
+@use '../../abstracts/functions' as *;
+
+.mat-mdc-menu-panel {
+  --mat-menu-container-color: color(white);
+  max-width: unset !important;
+}
+
+.mat-menu-content {
+  min-width: 161px;
+}
+
+.cdk-overlay-pane .mat-menu-panel {
+  max-width: none;
+  margin-top: 13px;
+  border-radius: 0;
+}
+
+.peak-more-menu-panel {
+  background-color: color(white) !important;
+}
+
+.cdk-overlay-pane .mat-menu-panel.peak-more-menu-panel {
+  min-width: 278px;
+  margin-top: 32px;
+  margin-right: -12px;
+}
+
+.mat-menu-content .mat-menu-item,
+.peak-menu-content .mat-menu-item {
+  height: 43px;
+  color: color(dark);
+  font-family: 'Roboto', 'Helvetica Neue', sans-serif;
+  font-size: 16px;
+  font-weight: font-weight(regular);
+}
+
+.mat-menu-content .mat-menu-item a,
+.peak-menu-content .mat-menu-item a {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  color: color(dark);
+  text-decoration: none;
+}
+
+.mat-menu-content .mat-menu-item:hover a,
+.peak-menu-content .mat-menu-item:hover a {
+  color: color(white);
+  text-decoration: none;
+}
+
+.mat-menu-panel .mat-menu-content:not(:empty) {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.peak-bottom-sheet-panel.mat-bottom-sheet-container .mat-menu-item {
+  display: flex;
+  align-items: center;
+  padding-right: 16px;
+  padding-left: 16px;
+}
+
+.mat-menu-content .mat-menu-item:hover:not([disabled]),
+.mat-menu-item.cdk-program-focused:not([disabled]),
+.mat-menu-item.cdk-keyboard-focused:not([disabled]),
+.mat-menu-item-highlighted:not([disabled]),
+.peak-menu-content .mat-menu-item:hover:not([disabled]) {
+  background-color: color(secondary);
+  color: color(white);
+}
+
+.mat-focus-indicator.mat-menu-trigger.mat-menu-item.mat-menu-item-submenu-trigger.mat-menu-item-highlighted {
+  background-color: color(secondary);
+  color: color(white);
+}
+
+.mat-menu-content .mat-menu-item-submenu-trigger::after,
+.peak-menu-content .mat-menu-item-submenu-trigger::after {
+  display: none;
+}
+
+.mat-menu-item.with-border {
+  border-top: 1px solid color(light);
+}
+
+.peak-bottom-sheet-panel.mat-bottom-sheet-container {
+  padding: 0;
+}

package/src/assets/sass/ads-ui/overrides/angular-material/_search-dropdown-modal.scss

@@ -1,3 +1,5 @@
+@use '../../abstracts/functions' as *;
+
 .cdk-overlay-pane.search-dropdown-modal .mat-mdc-dialog-container {
   .mat-mdc-dialog-surface {
     padding: 24px;

package/src/assets/sass/ads-ui/overrides/angular-material/_snackbar.scss

@@ -1,12 +1,11 @@
-@import '../../abstracts/variables';
-@import '../../abstracts/functions';
+@use '../../abstracts/functions' as *;
 
 .mdc-snackbar.mat-mdc-snack-bar-container {
   margin: 32px;
   width: 100%;
 
   &.error {
-    --mdc-snackbar-container-color: #{color(error)};
+    --mat-snack-bar-container-color: #{color(error)};
 
     & > .button {
       color: color(error);
@@ -14,19 +13,23 @@
   }
 
   &.primary {
-    --mdc-snackbar-container-color: #{color(primary)};
+    --mat-snack-bar-container-color: #{color(primary)};
+  }
+
+  &.success {
+    --mat-snack-bar-container-color: #{color(success)};
   }
 
   &.secondary {
-    --mdc-snackbar-container-color: #{color(secondary)};
+    --mat-snack-bar-container-color: #{color(secondary)};
   }
 
   .mdc-snackbar__label {
     padding: 16px 24px;
-    --mdc-snackbar-supporting-text-size: 16px;
-    --mdc-snackbar-supporting-text-weight: #{font-weight(regular)};
-    --mdc-snackbar-supporting-text-line-height: 24px;
-    --mdc-snackbar-supporting-text-color: #{color(white)};
+    --mat-snack-bar-supporting-text-size: 16px;
+    --mat-snack-bar-supporting-text-weight: #{font-weight(regular)};
+    --mat-snack-bar-supporting-text-line-height: 24px;
+    --mat-snack-bar-supporting-text-color: #{color(white)};
   }
 
   .mdc-snackbar__surface {

package/src/assets/sass/ads-ui/overrides/angular-material/_tooltip.scss

@@ -1,5 +1,4 @@
-@import '../../abstracts/variables';
-@import '../../abstracts/functions';
+@use '../../abstracts/functions' as *;
 
 .mat-mdc-tooltip-panel-above,
 .mat-mdc-tooltip-panel-below,
@@ -21,7 +20,6 @@
     transform: translateX(-50%);
     border-width: 8px 8px 0 8px;
     border-color: color(white) transparent transparent transparent;
-    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.4);
   }
 }
 
@@ -32,7 +30,6 @@
     transform: translateX(-50%);
     border-width: 0 8px 8px 8px;
     border-color: transparent transparent color(white) transparent;
-    box-shadow: 0 -4px 50px 0 rgba(0, 0, 0, 0.4);
   }
 }
 
@@ -43,7 +40,6 @@
     transform: translateY(-50%);
     border-width: 8px 0 8px 8px;
     border-color: transparent transparent transparent color(white);
-    box-shadow: -4px 0 50px 0 rgba(0, 0, 0, 0.4);
   }
 }
 
@@ -54,7 +50,6 @@
     transform: translateY(-50%);
     border-width: 8px 8px 8px 0;
     border-color: transparent color(white) transparent transparent;
-    box-shadow: 4px 0 50px 0 rgba(0, 0, 0, 0.4);
   }
 }
 
@@ -64,10 +59,18 @@
     color: color(dark);
     font-size: 14px;
     line-height: 21px;
-    padding: 8px 16px;
-    border-radius: 3px;
-    box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.4);
-    max-width: 100%;
+    padding: 8px;
+    border-radius: 5px;
+    box-shadow: 0 4px 50px 0 color(medium-opacity-50);
+    max-width: 250px;
     position: relative;
   }
+
+  &.big {
+    .mdc-tooltip__surface {
+      font-size: 16px;
+      padding: 24px;
+      border-radius: 10px;
+    }
+  }
 }

package/src/lib/components/avatar/index.d.ts

@@ -1,5 +1,42 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/avatar" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import * as i3 from '@ascentgl/ads-icons';
+import { AdsIconRegistry } from '@ascentgl/ads-icons';
+import * as i2 from '@angular/common';
+
+type Size = 'sm' | 'md' | 'lg';
+
+declare class AdsAvatarComponent implements OnChanges {
+    private registry;
+    constructor(registry: AdsIconRegistry);
+    /**
+     * The alt text for the avatar
+     */
+    alt?: string;
+    /**
+     * The id attribute for the avatar icon
+     */
+    id: string;
+    /**
+     * The size of the avatar
+     */
+    size: Size;
+    /**
+     * The path to the image to display
+     */
+    src?: string;
+    /**
+     * @ignore
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsAvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsAvatarComponent, "ads-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "id": { "alias": "id"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class AdsAvatarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsAvatarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsAvatarModule, [typeof AdsAvatarComponent], [typeof i2.CommonModule, typeof i3.AdsIconModule], [typeof AdsAvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsAvatarModule>;
+}
+
+export { AdsAvatarComponent, AdsAvatarModule };

package/src/lib/components/buttons/button-container/index.d.ts

@@ -1,5 +1,19 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/buttons/button-container" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/common';
+
+declare class AdsButtonContainerComponent {
+    /** How buttons in the container should be placed */
+    justify: i0.InputSignal<"flex-start" | "flex-end" | "center">;
+    /** The gap between elements */
+    gap: i0.InputSignal<number>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsButtonContainerComponent, "ads-button-container", never, { "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class AdsButtonContainerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonContainerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsButtonContainerModule, [typeof AdsButtonContainerComponent], [typeof i2.CommonModule], [typeof AdsButtonContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsButtonContainerModule>;
+}
+
+export { AdsButtonContainerComponent, AdsButtonContainerModule };

package/src/lib/components/drag-and-drop-list/index.d.ts

@@ -1,5 +1,93 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/drag-and-drop-list" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, AfterContentInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
+import { Subject } from 'rxjs';
+import { GENERIC_COLLECTION } from '@ascentgl/ads-utils';
+import * as i2 from '@angular/common';
+
+type DROP_CALLBACK_INDEXES = {
+    before: number;
+    after: number;
+};
+type UNSUBSCRIBE_FUNCTIONS_COLLECTION = GENERIC_COLLECTION<() => void>;
+declare class AdsDragAndDropListComponent implements OnInit, AfterContentInit, OnDestroy {
+    private renderer;
+    /** @ignore */
+    draggableList?: ElementRef;
+    /** @ignore */
+    dynamicContent?: ElementRef;
+    /** This external method will be called after the item is dropped into new position */
+    dropCallback?: (sourceIndexes: DROP_CALLBACK_INDEXES, targetIndexes: DROP_CALLBACK_INDEXES) => void;
+    /** Callback function that can be used to determine if item can be dropped on the selected target */
+    canDropCallback?: (sourceIndex: number, targetIndex: number) => boolean;
+    /** Callback function that can be used to determine if item can be dragged */
+    canDragCallback?: (sourceIndex: number) => boolean;
+    /** If total items count is less than this value, drag&drop will be disabled */
+    minCountToDrag: number;
+    /** Provide subject element, which will allow to refresh the list. NOTE: refreshing is required every time the list is updated from the outside  */
+    refresh: Subject<void>;
+    /** @ignore */
+    private draggedElement;
+    /** @ignore */
+    private draggedPlaceholder;
+    /** @ignore */
+    private unsubscribeFromDocumentDragOver?;
+    /** @ignore */
+    private unsubscribeFunctions;
+    /** @ignore */
+    private ngUnsubscribe;
+    private draggedOverElement;
+    /** @ignore */
+    constructor(renderer: Renderer2);
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    ngAfterContentInit(): void;
+    /** @ignore */
+    ngOnDestroy(): void;
+    /** @ignore */
+    onListDragLeave(event: DragEvent): void;
+    /** @ignore */
+    onDragStart: (event: DragEvent) => void;
+    /** @ignore */
+    onDragEnd: () => void;
+    /** @ignore
+     * NOTE: we rely on  onDragOver instead of DragEnter and DragLeave because those events also fire when we enter and leave
+     * child elements - the behavior we don't need
+     */
+    onDragOver: (event: DragEvent) => void;
+    /** @ignore */
+    onDrop: (event: DragEvent) => void;
+    /** @ignore */
+    onMouseEnter: (event: MouseEvent) => void;
+    /** @ignore */
+    private unselectDraggedOverElement;
+    /** @ignore */
+    private setCanDrag;
+    /** @ignore */
+    private onDragOverBody;
+    /** @ignore */
+    private canDrop;
+    /** @ignore */
+    private refreshElements;
+    /** @ignore */
+    private unsubscribeFromEventListeners;
+    /** @ignore */
+    private getAllElements;
+    /** @ignore */
+    private getElement;
+    /** @ignore */
+    private getElementIndex;
+    /** @ignore */
+    private isDraggingOverSelf;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsDragAndDropListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsDragAndDropListComponent, "ads-drag-and-drop-list", never, { "dropCallback": { "alias": "dropCallback"; "required": false; }; "canDropCallback": { "alias": "canDropCallback"; "required": false; }; "canDragCallback": { "alias": "canDragCallback"; "required": false; }; "minCountToDrag": { "alias": "minCountToDrag"; "required": false; }; "refresh": { "alias": "refresh"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class AdsDragAndDropListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsDragAndDropListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsDragAndDropListModule, [typeof AdsDragAndDropListComponent], [typeof i2.CommonModule], [typeof AdsDragAndDropListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsDragAndDropListModule>;
+}
+
+export { AdsDragAndDropListComponent, AdsDragAndDropListModule };
+export type { DROP_CALLBACK_INDEXES, UNSUBSCRIBE_FUNCTIONS_COLLECTION };

package/src/lib/components/error-page/error-page-code/index.d.ts

@@ -1,5 +1,15 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/error-page/error-page-code" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/common';
+
+declare class AdsErrorPageCodeComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsErrorPageCodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsErrorPageCodeComponent, "ads-error-page-code", never, {}, {}, never, never, false, never>;
+}
+
+declare class AdsErrorPageCodeModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsErrorPageCodeModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsErrorPageCodeModule, [typeof AdsErrorPageCodeComponent], [typeof i2.CommonModule], [typeof AdsErrorPageCodeComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsErrorPageCodeModule>;
+}
+
+export { AdsErrorPageCodeComponent, AdsErrorPageCodeModule };

package/src/lib/components/footer/container/index.d.ts

@@ -1,5 +1,14 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/footer/container" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+
+declare class AdsFooterContainerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsFooterContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsFooterContainerComponent, "ads-footer-container", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class AdsFooterContainerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsFooterContainerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsFooterContainerModule, [typeof AdsFooterContainerComponent], never, [typeof AdsFooterContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsFooterContainerModule>;
+}
+
+export { AdsFooterContainerComponent, AdsFooterContainerModule };

package/src/lib/components/footer/index.d.ts

@@ -1,5 +1,45 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/footer" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import * as i2 from '@angular/common';
+
+type Copyright = {
+    text: string;
+    href?: string;
+    target?: '_self' | '_blank' | '_parent';
+};
+type Link = {
+    id?: number;
+    href: string;
+    text: string;
+    target?: string;
+    class?: string;
+};
+
+declare class AdsFooterComponent {
+    /**
+     * Alt text for the footer logo
+     */
+    alt: string;
+    /**
+     * Copyright text to display
+     */
+    copyright: Copyright;
+    /**
+     * Links to display in the footer
+     */
+    links: Link[];
+    /**
+     * Path to the logo to display
+     */
+    logoSrc?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsFooterComponent, "ads-footer", never, { "alt": { "alias": "alt"; "required": false; }; "copyright": { "alias": "copyright"; "required": false; }; "links": { "alias": "links"; "required": false; }; "logoSrc": { "alias": "logoSrc"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class AdsFooterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsFooterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsFooterModule, [typeof AdsFooterComponent], [typeof i2.CommonModule], [typeof AdsFooterComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsFooterModule>;
+}
+
+export { AdsFooterComponent, AdsFooterModule };
+export type { Copyright, Link };

package/src/lib/components/header/container/index.d.ts

@@ -1,5 +1,18 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/header/container" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+
+declare class AdsHeaderContainerComponent {
+    /**
+     * Whether the viewport is mobile
+     */
+    isMobile: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsHeaderContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsHeaderContainerComponent, "ads-header-container", never, { "isMobile": { "alias": "isMobile"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class AdsHeaderContainerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsHeaderContainerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsHeaderContainerModule, [typeof AdsHeaderContainerComponent], never, [typeof AdsHeaderContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsHeaderContainerModule>;
+}
+
+export { AdsHeaderContainerComponent, AdsHeaderContainerModule };

package/src/lib/components/header/index.d.ts

@@ -1,5 +1,14 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/header" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+
+declare class AdsHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsHeaderComponent, "ads-header", never, {}, {}, never, ["[left]", "[logo]", "[right]"], false, never>;
+}
+
+declare class AdsHeaderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsHeaderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsHeaderModule, [typeof AdsHeaderComponent], never, [typeof AdsHeaderComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsHeaderModule>;
+}
+
+export { AdsHeaderComponent, AdsHeaderModule };

package/src/lib/components/logo/primary-logo/index.d.ts

@@ -1,5 +1,38 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@ascentgl/ads-ui/src/lib/components/logo/primary-logo" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+import * as i2 from '@angular/common';
+
+declare abstract class AbstractLogoComponent implements OnInit {
+    /** @ignore */
+    isMobile: boolean;
+    /**
+     * Mobile width
+     */
+    mobileWidth: i0.InputSignal<number>;
+    /**
+     * Whether the navigation is collapsed
+     */
+    isCollapsed: i0.InputSignal<boolean>;
+    /** @ignore */
+    onResize(): void;
+    /** @ignore */
+    ngOnInit(): void;
+    /** @ignore */
+    private checkScreenSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractLogoComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractLogoComponent, never, never, { "mobileWidth": { "alias": "mobileWidth"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AdsPrimaryLogoComponent extends AbstractLogoComponent {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsPrimaryLogoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsPrimaryLogoComponent, "ads-primary-logo", never, {}, {}, never, never, false, never>;
+}
+
+declare class AdsPrimaryLogoModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsPrimaryLogoModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsPrimaryLogoModule, [typeof AdsPrimaryLogoComponent], [typeof i2.CommonModule, typeof i2.NgOptimizedImage], [typeof AdsPrimaryLogoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsPrimaryLogoModule>;
+}
+
+export { AdsPrimaryLogoComponent, AdsPrimaryLogoModule };