@ascentgl/ads-ui 0.0.39 → 0.0.41

package/index.d.ts

@@ -40,7 +40,6 @@ export * from './lib/components/form-fields/selection-fields/checkbox';
 export * from './lib/components/form-fields/selection-fields/radio-button';
 export * from './lib/components/form-fields/selection-fields/slide-toggle';
 export * from './lib/components/form-fields/selection-fields/slider';
-export * from './lib/components/snackbars/inline-snackbar';
 export * from './lib/components/snackbars/snackbar';
 export * from './lib/services/viewport/viewport.service';
 export * from './lib/services/window/window.service';
@@ -58,3 +57,4 @@ export * from './lib/components/steppers/vertical-stepper';
 export * from './lib/components/steppers/stepper';
 export * from './lib/components/nav-bar/horizontal-nav-bar';
 export * from './lib/components/general/color-palette';
+export * from './lib/components/brand-artifacts/bubble';

package/lib/components/brand-artifacts/bubble/bubble.component.d.ts

@@ -0,0 +1,26 @@
+import { AfterContentInit, ElementRef } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import * as i0 from "@angular/core";
+export declare class AdsBubbleComponent implements AfterContentInit {
+    private http;
+    /** @ignore */
+    svgContent: string | null;
+    /** @ignore */
+    svgName: string;
+    /** @ignore */
+    svgUrl: string;
+    /** @ignore */
+    svgBackgroundElement: import("@angular/core").Signal<ElementRef<any>>;
+    /** @ignore */
+    constructor(http: HttpClient);
+    /** @ignore */
+    ngAfterContentInit(): void;
+    /** @ignore */
+    private fetchSvg;
+    /** @ignore */
+    private applyBackgroundPattern;
+    /** @ignore */
+    downloadSvg(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsBubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsBubbleComponent, "ads-bubble", never, {}, {}, never, never, false, never>;
+}

package/lib/components/brand-artifacts/bubble/bubble.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./bubble.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../../buttons/button/button.module";
+export declare class AdsBubbleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsBubbleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AdsBubbleModule, [typeof i1.AdsBubbleComponent], [typeof i2.CommonModule, typeof i2.NgOptimizedImage, typeof i3.AdsButtonModule], [typeof i1.AdsBubbleComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AdsBubbleModule>;
+}

package/lib/components/brand-artifacts/bubble/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './bubble.component';
+export * from './bubble.module';

package/lib/components/buttons/button/button.component.d.ts

@@ -1,6 +1,5 @@
-import { Signal } from '@angular/core';
 import * as i0 from "@angular/core";
-export type Variant = 'primary' | 'error' | 'secondary' | 'error-reverse';
+export type Variant = 'primary' | 'error' | 'secondary' | 'tertiary';
 export type Size = 'base' | 'sm' | 'xs';
 export declare class AdsButtonComponent {
     /** The unique ID for the button */
@@ -13,10 +12,6 @@ export declare class AdsButtonComponent {
     size: import("@angular/core").InputSignal<Size>;
     /** Sets the "type" attribute on the button */
     type: import("@angular/core").InputSignal<"button" | "submit" | "reset">;
-    /** @ignore */
-    calcVariant: Signal<Variant>;
-    /** @ignore */
-    calcReverse: Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsButtonComponent, "ads-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/components/form-fields/abstracts/abstract.base.component.d.ts

@@ -53,5 +53,5 @@ export declare abstract class AbstractBaseComponent implements OnChanges, AfterV
     /** @ignore */
     canShowSuccess(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractBaseComponent, never, never, { "control": { "alias": "control"; "required": false; }; "immediateValidation": { "alias": "immediateValidation"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "successMessage": { "alias": "successMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractBaseComponent, never, never, { "control": { "alias": "control"; "required": false; }; "immediateValidation": { "alias": "immediateValidation"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "successMessage": { "alias": "successMessage"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showFooter": { "alias": "showFooter"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/form-fields/abstracts/abstract.dropdown.component.d.ts

@@ -40,5 +40,5 @@ export declare abstract class AbstractDropdownComponent extends AbstractInputCom
     /** @ignore */
     protected getGenericDisplayedValue(option: DropdownComponentOption): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDropdownComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDropdownComponent, never, never, { "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "sortOptions": { "alias": "sortOptions"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDropdownComponent, never, never, { "displayValueKey": { "alias": "displayValueKey"; "required": false; }; "sortOptions": { "alias": "sortOptions"; "required": false; }; "fitContent": { "alias": "fitContent"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/form-fields/abstracts/abstract.input.component.d.ts

@@ -20,5 +20,5 @@ export declare abstract class AbstractInputComponent extends AbstractBaseCompone
     /** @ignore */
     get smallSize(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractInputComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractInputComponent, never, never, { "showExclamationOnError": { "alias": "showExclamationOnError"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractInputComponent, never, never, { "showExclamationOnError": { "alias": "showExclamationOnError"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/logo/primary-logo/abstract-logo-component.d.ts

@@ -18,5 +18,5 @@ export declare abstract class AbstractLogoComponent implements OnInit {
     /** @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, false, 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>;
 }

package/lib/components/nav-bar/side-nav-bar/abstract-side-nav-bar.component.d.ts

@@ -35,5 +35,5 @@ export declare abstract class AbstractSideNavBarComponent implements OnInit, Aft
     /** @ignore */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSideNavBarComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSideNavBarComponent, never, never, { "defaultExpandedWidth": { "alias": "defaultExpandedWidth"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSideNavBarComponent, never, never, { "defaultExpandedWidth": { "alias": "defaultExpandedWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/snackbars/snackbar/snackbar.component.d.ts

@@ -1,4 +1,5 @@
 import { MatSnackBarRef } from '@angular/material/snack-bar';
+import { Variant } from '../../buttons/button';
 import * as i0 from "@angular/core";
 export type SnackBarData = {
     title?: string;
@@ -10,9 +11,9 @@ export type SnackBarData = {
 export declare class AdsSnackbarComponent {
     data: SnackBarData;
     snackBarRef: MatSnackBarRef<any>;
-    readonly defaultButtonCaption = "Close Button";
+    readonly defaultButtonCaption = "Close";
     protected readonly PanelClass: typeof PanelClass;
-    get buttonPanelClass(): PanelClass;
+    get buttonPanelClass(): Variant;
     /** @ignore */
     onSnackbarClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsSnackbarComponent, never>;
@@ -20,6 +21,5 @@ export declare class AdsSnackbarComponent {
 }
 export declare enum PanelClass {
     Primary = "primary",
-    Secondary = "secondary",
     Error = "error"
 }

package/lib/components/table/table.component.d.ts

@@ -40,6 +40,200 @@ export declare class AdsTableComponent implements AfterViewInit, OnDestroy {
     firstDataRendered($event: FirstDataRenderedEvent): void;
     /** @ignore */
     ngOnDestroy(): void;
+    protected readonly themeQuartz: import("ag-grid-community").Theme<{
+        accentColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        advancedFilterBuilderButtonBarBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        advancedFilterBuilderColumnPillColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        advancedFilterBuilderIndentSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        advancedFilterBuilderJoinPillColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        advancedFilterBuilderOptionPillColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        advancedFilterBuilderValuePillColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        backgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        borderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        borderRadius: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        browserColorScheme: import("ag-grid-community/dist/types/src/theming/theme-types").ColorSchemeValue;
+        cellHorizontalPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        cellHorizontalPaddingScale: number;
+        cellTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        cellWidgetSpacing: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        chartMenuLabelColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        chartMenuPanelWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        chromeBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        columnBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        columnDropCellBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        columnDropCellTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        columnDropCellDragHandleColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        columnDropCellBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        columnHoverColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        columnSelectIndentSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        dialogBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        dialogShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        cellEditingBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        cellEditingShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        dragAndDropImageBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        dragAndDropImageBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        dragAndDropImageShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        dragHandleColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        dropdownShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        filterToolPanelGroupIndent: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        focusShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        fontFamily: import("ag-grid-community/dist/types/src/theming/theme-types").FontFamilyValue;
+        fontSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        dataFontSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        footerRowBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        foregroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        spacing: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        headerBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        headerCellBackgroundTransitionDuration: import("ag-grid-community/dist/types/src/theming/theme-types").DurationValue;
+        headerCellHoverBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        headerCellMovingBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        headerColumnBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        headerColumnBorderHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        headerColumnResizeHandleColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        headerColumnResizeHandleHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        headerColumnResizeHandleWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        headerFontFamily: import("ag-grid-community/dist/types/src/theming/theme-types").FontFamilyValue;
+        cellFontFamily: import("ag-grid-community/dist/types/src/theming/theme-types").FontFamilyValue;
+        headerFontSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        headerFontWeight: import("ag-grid-community/dist/types/src/theming/theme-types").FontWeightValue;
+        headerHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        headerRowBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        headerTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        headerVerticalPaddingScale: number;
+        iconButtonHoverBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        iconButtonHoverColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        iconSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        invalidColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        listItemHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        menuBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        menuBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        menuSeparatorColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        menuShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        menuTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        modalOverlayBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        oddRowBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        panelBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        panelTitleBarBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        panelTitleBarBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        pinnedColumnBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        pinnedRowBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        popupShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        cardShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        rangeSelectionBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rangeSelectionBorderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rangeSelectionBorderStyle: import("ag-grid-community/dist/types/src/theming/theme-types").BorderStyleValue;
+        rangeSelectionChartBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rangeSelectionChartCategoryBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rangeSelectionHighlightColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rowBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        rowGroupIndentSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        rowHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        rowHoverColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rowLoadingSkeletonEffectColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        rowVerticalPaddingScale: number;
+        selectCellBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        selectCellBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        selectedRowBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        setFilterIndentSize: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        sideBarBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonBarBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideBarPanelWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        sidePanelBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        sideButtonBarTopPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        sideButtonSelectedUnderlineWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        sideButtonSelectedUnderlineColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonSelectedUnderlineTransitionDuration: import("ag-grid-community/dist/types/src/theming/theme-types").DurationValue;
+        sideButtonBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonHoverBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonHoverTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonSelectedBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonSelectedTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        sideButtonSelectedBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        sideButtonLeftPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        sideButtonRightPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        sideButtonVerticalPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        subtleTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        textColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        toggleButtonWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        toggleButtonHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        toggleButtonOffBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        toggleButtonOnBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        toggleButtonSwitchBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        toggleButtonSwitchInset: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        toolPanelSeparatorBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        tooltipBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tooltipBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        tooltipTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        valueChangeDeltaDownColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        valueChangeDeltaUpColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        valueChangeValueHighlightBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        widgetContainerHorizontalPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        widgetContainerVerticalPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        widgetHorizontalSpacing: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        widgetVerticalSpacing: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        wrapperBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        wrapperBorderRadius: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+    } & {
+        checkboxBorderRadius: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        checkboxBorderWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        checkboxCheckedBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxCheckedBorderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxCheckedShapeColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxCheckedShapeImage: import("ag-grid-community/dist/types/src/theming/theme-types").ImageValue;
+        checkboxIndeterminateBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxIndeterminateBorderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxIndeterminateShapeColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxIndeterminateShapeImage: import("ag-grid-community/dist/types/src/theming/theme-types").ImageValue;
+        checkboxUncheckedBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        checkboxUncheckedBorderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        radioCheckedShapeImage: import("ag-grid-community/dist/types/src/theming/theme-types").ImageValue;
+    } & {
+        readonly backgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        readonly foregroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        readonly borderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        readonly chromeBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        readonly browserColorScheme: import("ag-grid-community/dist/types/src/theming/theme-types").ColorSchemeValue;
+    } & {
+        tabBarBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        tabBarBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabSelectedTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabHoverTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabSelectedBorderColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabSelectedBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabBarHorizontalPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabBarTopPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabBottomPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabHorizontalPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabHoverBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabSelectedBorderWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabSelectedUnderlineColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        tabSelectedUnderlineTransitionDuration: import("ag-grid-community/dist/types/src/theming/theme-types").DurationValue;
+        tabSelectedUnderlineWidth: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabSpacing: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        tabTopPadding: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+    } & {
+        inputBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        inputBorderRadius: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        inputPaddingStart: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        inputFocusBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        inputFocusShadow: import("ag-grid-community/dist/types/src/theming/theme-types").ShadowValue;
+        inputDisabledBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputDisabledTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputInvalidBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        inputDisabledBorder: import("ag-grid-community/dist/types/src/theming/theme-types").BorderValue;
+        inputFocusBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputFocusTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputHeight: import("ag-grid-community/dist/types/src/theming/theme-types").LengthValue;
+        inputInvalidBackgroundColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputInvalidTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputPlaceholderTextColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+        inputIconColor: import("ag-grid-community/dist/types/src/theming/theme-types").ColorValue;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AdsTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AdsTableComponent, "ads-table", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "gridOptions": { "alias": "gridOptions"; "required": false; }; "rowData": { "alias": "rowData"; "required": false; }; "columnDefs": { "alias": "columnDefs"; "required": false; }; "defaultColDef": { "alias": "defaultColDef"; "required": false; }; }, {}, never, never, false, never>;
 }

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "0.0.39",
+  "version": "0.0.41",
   "peerDependencies": {
     "@ascentgl/ads-icons": ">=0.0.0",
     "@ascentgl/ads-utils": ">=0.0.0",
     "@jsverse/transloco": ">=7.0.0",
-    "ag-grid-angular": "32.0.2",
-    "ag-grid-community": "32.0.2",
+    "ag-grid-angular": "33.0.3",
+    "ag-grid-community": "33.0.3",
     "angular-split": "18.0.0",
-    "ngx-mask": "19.0.3"
+    "ngx-mask": "19.0.6"
   },
   "description": "This library was generated with [Nx](https://nx.dev).",
   "main": "jest.config.js",
@@ -26,98 +26,66 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/ascentgl-ads-ui.mjs",
-      "esm": "./esm2022/ascentgl-ads-ui.mjs",
       "default": "./fesm2022/ascentgl-ads-ui.mjs"
     },
     "./src/lib/components/avatar": {
       "types": "./src/lib/components/avatar/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/avatar/ascentgl-ads-ui-src-lib-components-avatar.mjs",
-      "esm": "./esm2022/src/lib/components/avatar/ascentgl-ads-ui-src-lib-components-avatar.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-avatar.mjs"
     },
     "./src/lib/components/drag-and-drop-list": {
       "types": "./src/lib/components/drag-and-drop-list/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/drag-and-drop-list/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs",
-      "esm": "./esm2022/src/lib/components/drag-and-drop-list/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-drag-and-drop-list.mjs"
     },
     "./src/lib/components/footer": {
       "types": "./src/lib/components/footer/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/footer/ascentgl-ads-ui-src-lib-components-footer.mjs",
-      "esm": "./esm2022/src/lib/components/footer/ascentgl-ads-ui-src-lib-components-footer.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-footer.mjs"
     },
     "./src/lib/components/header": {
       "types": "./src/lib/components/header/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/header/ascentgl-ads-ui-src-lib-components-header.mjs",
-      "esm": "./esm2022/src/lib/components/header/ascentgl-ads-ui-src-lib-components-header.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-header.mjs"
     },
     "./src/lib/components/shell-layout": {
       "types": "./src/lib/components/shell-layout/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/shell-layout/ascentgl-ads-ui-src-lib-components-shell-layout.mjs",
-      "esm": "./esm2022/src/lib/components/shell-layout/ascentgl-ads-ui-src-lib-components-shell-layout.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-shell-layout.mjs"
     },
     "./src/lib/components/splash-page": {
       "types": "./src/lib/components/splash-page/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/splash-page/ascentgl-ads-ui-src-lib-components-splash-page.mjs",
-      "esm": "./esm2022/src/lib/components/splash-page/ascentgl-ads-ui-src-lib-components-splash-page.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-splash-page.mjs"
     },
     "./src/lib/components/buttons/button-container": {
       "types": "./src/lib/components/buttons/button-container/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/buttons/button-container/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs",
-      "esm": "./esm2022/src/lib/components/buttons/button-container/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-buttons-button-container.mjs"
     },
     "./src/lib/components/error-page/error-page-code": {
       "types": "./src/lib/components/error-page/error-page-code/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/error-page/error-page-code/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs",
-      "esm": "./esm2022/src/lib/components/error-page/error-page-code/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-error-page-error-page-code.mjs"
     },
     "./src/lib/components/footer/container": {
       "types": "./src/lib/components/footer/container/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/footer/container/ascentgl-ads-ui-src-lib-components-footer-container.mjs",
-      "esm": "./esm2022/src/lib/components/footer/container/ascentgl-ads-ui-src-lib-components-footer-container.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-footer-container.mjs"
     },
     "./src/lib/components/header/container": {
       "types": "./src/lib/components/header/container/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/header/container/ascentgl-ads-ui-src-lib-components-header-container.mjs",
-      "esm": "./esm2022/src/lib/components/header/container/ascentgl-ads-ui-src-lib-components-header-container.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-header-container.mjs"
     },
     "./src/lib/components/logo/primary-logo": {
       "types": "./src/lib/components/logo/primary-logo/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/logo/primary-logo/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs",
-      "esm": "./esm2022/src/lib/components/logo/primary-logo/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-logo-primary-logo.mjs"
     },
     "./src/lib/components/progress-indicators/progress-bar": {
       "types": "./src/lib/components/progress-indicators/progress-bar/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
-      "esm": "./esm2022/src/lib/components/progress-indicators/progress-bar/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-bar.mjs"
     },
     "./src/lib/components/progress-indicators/progress-indicator-spinner": {
       "types": "./src/lib/components/progress-indicators/progress-indicator-spinner/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
-      "esm": "./esm2022/src/lib/components/progress-indicators/progress-indicator-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-indicator-spinner.mjs"
     },
     "./src/lib/components/progress-indicators/progress-spinner": {
       "types": "./src/lib/components/progress-indicators/progress-spinner/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
-      "esm": "./esm2022/src/lib/components/progress-indicators/progress-spinner/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-progress-indicators-progress-spinner.mjs"
     },
     "./src/lib/components/tags/tag-container": {
       "types": "./src/lib/components/tags/tag-container/index.d.ts",
-      "esm2022": "./esm2022/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs",
-      "esm": "./esm2022/src/lib/components/tags/tag-container/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs",
       "default": "./fesm2022/ascentgl-ads-ui-src-lib-components-tags-tag-container.mjs"
     }
   },

package/src/assets/sass/ads-ui/abstracts/_functions.scss

@@ -1,15 +1,18 @@
+@use 'sass:map';
+@use 'variables' as *;
+
 @function color($key) {
   @return var(--color- + $key);
 }
 
 @function font-weight($key) {
-  @return map-get($font-weights, $key);
+  @return map.get($font-weights, $key);
 }
 
 @function font-size($key) {
-  @return map-get($font-sizes, $key);
+  @return map.get($font-sizes, $key);
 }
 
 @function spacing($key) {
-  @return map-get($spacings, $key);
+  @return map.get($spacings, $key);
 }

package/src/assets/sass/ads-ui/abstracts/_mixins.scss

@@ -1,4 +1,6 @@
 // Media Queries
+@use 'functions' as *;
+
 @mixin breakpoint($breakpoint) {
   @if $breakpoint == xs {
     @media screen and (max-width: 599px) {

package/src/assets/sass/ads-ui/base/_reset.scss

@@ -1,5 +1,4 @@
-@import '../abstracts/functions';
-@import '../abstracts/variables';
+@use '../abstracts/functions' as *;
 
 ::-webkit-scrollbar {
   width: 10px;

package/src/assets/sass/ads-ui/base/_typography.scss

@@ -1,9 +1,4 @@
-@use '@angular/material' as mat;
-
-@import '../abstracts/functions';
-@import '../abstracts/variables';
-
-@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@700&family=Roboto:wght@400;500;700&display=swap');
+@use '../abstracts/functions' as *;
 
 .text-xxs,
 text-xxs-semibold {
@@ -182,7 +177,3 @@ p,
   color: color(link);
   text-decoration-line: underline;
 }
-
-$ads-typography: mat.m2-define-typography-config(
-  $font-family: 'Roboto, Helvetica Neue, sans-serif',
-);

package/src/assets/sass/ads-ui/base/_utilities.scss

@@ -1,5 +1,4 @@
-@import '../abstracts/mixins';
-@import '../abstracts/variables';
+@use '../abstracts/mixins' as *;
 
 .text-xxs {
   font-size: 0.625rem;

package/src/assets/sass/ads-ui/main.scss

@@ -1,9 +1,10 @@
-@import 'abstracts/functions';
-@import 'abstracts/mixins';
-@import 'abstracts/variables';
-@import 'base/reset';
-@import 'base/typography';
-@import 'overrides/angular-material';
-@import 'themes/ads-palette';
-@import 'base/utilities';
-@import 'overrides/ag-grid';
+@forward 'abstracts/functions';
+@forward 'abstracts/mixins';
+@forward 'abstracts/variables';
+@forward 'base/reset';
+@forward 'base/typography';
+@forward 'overrides/angular-material';
+@forward 'themes/ads-palette';
+@forward 'base/utilities';
+
+@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@700&family=Roboto:wght@400;500;700&display=swap');

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

@@ -1,7 +1,7 @@
-@import 'angular-material/html';
-@import 'angular-material/dropdown';
-@import 'angular-material/snackbar';
-@import 'angular-material/datetimepicker';
-@import 'angular-material/tooltip';
-@import 'angular-material/search-dropdown-modal';
-@import 'angular-material/mat-list';
+@forward 'angular-material/html';
+@forward 'angular-material/dropdown';
+@forward 'angular-material/snackbar';
+@forward 'angular-material/datetimepicker';
+@forward 'angular-material/tooltip';
+@forward 'angular-material/search-dropdown-modal';
+@forward 'angular-material/mat-list';

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

@@ -1,3 +1,5 @@
+@use '../../abstracts/functions' as *;
+
 .mat-bottom-sheet-container {
   border-radius: 0 !important;
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;

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

@@ -1,6 +1,4 @@
-@import '../../abstracts/variables';
-@import '../../abstracts/functions';
-@import '../../abstracts/mixins';
+@use '../../abstracts/functions' as *;
 
 mat-datetimepicker-content.ads-datetimepicker-calendar {
   border-radius: 5px;