cax-design-system 2.8.4 → 3.0.0

package/resources/styles/variables.scss

@@ -0,0 +1,85 @@
+:root {
+    // space variables
+    --space-25: 2px;
+    --space-50: 4px;
+    --space-75: 6px;
+    --space-100: 8px;
+    --space-150: 12px;
+    --space-200: 16px;
+    --space-250: 20px;
+    --space-300: 24px;
+    --space-350: 28px;
+    --space-400: 32px;
+    --space-450: 36px;
+    --space-500: 40px;
+    --space-600: 48px;
+    --space-700: 56px;
+    --space-800: 64px;
+    --space-900: 72px;
+    --space-1000: 80px;
+
+    // border-radius variables
+    --radius-0: 0px;
+    --radius-25: 2px;
+    --radius-50: 4px;
+    --radius-75: 6px;
+    --radius-100: 8px;
+    --radius-150: 12px;
+    --radius-200: 16px;
+    --radius-300: 24px;
+    --radius-400: 32px;
+    --radius-500: 40px;
+    --radius-600: 48px;
+    --radius-700: 56px;
+    --radius-800: 64px;
+    --radius-900: 72px;
+    --radius-1000: 80px;
+    --radius-rounded: 100000px;
+
+    // border sizes
+    --border-0: 0px;
+    --border-50: 0.5px;
+    --border-100: 1px;
+    --border-150: 1.5px;
+    --border-200: 2px;
+    --border-250: 2.5px;
+    --border-300: 3px;
+    --border-400: 4px;
+    --border-500: 5px;
+
+    // shadow variables
+    --shadow-xs: 0px 1px 6px 0px #00000014, 0px 0px 0px 1px #0000000f;
+    --shadow-sm: 0px 2px 8px 0px #0000001a, 0px 0px 0px 1px #00000014;
+    --shadow-md: 0px 3px 10px 0px #0000001f, 0px 0px 0px 1px #0000001a;
+    --shadow-lg: 0px 4px 14px 0px #00000024, 0px 0px 0px 1px #0000001f;
+    --shadow-xl: 0px 5px 18px 0px #00000029, 0px 0px 0px 1px #00000024;
+    --shadow-2xl: 0px 6px 22px 0px #0000002e, 0px 0px 0px 1px #00000029;
+
+    // blur variables
+    --blur-0: blur(0px);
+    --blur-100: blur(2px);
+    --blur-200: blur(4px);
+    --blur-300: blur(6px);
+    --blur-400: blur(8px);
+    --blur-500: blur(10px);
+
+    // opacity variables
+    --opacity-0: 0%;
+    --opacity-10: 10%;
+    --opacity-20: 20%;
+    --opacity-30: 30%;
+    --opacity-40: 40%;
+    --opacity-50: 50%;
+    --opacity-60: 60%;
+    --opacity-70: 70%;
+    --opacity-80: 80%;
+    --opacity-90: 90%;
+    --opacity-100: 100%;
+
+    // font-weight variables
+    --fw-light: 300;
+    --fw-regular: 400;
+    --fw-medium: 500;
+    --fw-semibold: 600;
+    --fw-bold: 700;
+}

package/selectbutton/selectbutton.d.ts

@@ -16,6 +16,16 @@ export declare class SelectButton implements ControlValueAccessor {
      * @group Props
      */
     options: any[] | undefined;
+    /**
+     * Defines the style of the button.
+     * @group Props
+     */
+    severity: 'success' | 'warning' | 'danger' | 'primary' | 'secondary' | null | undefined;
+    /**
+     * Defines the size of the button.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg' | null | undefined;
     /**
      * Name of the label field of an option.
      * @group Props
@@ -31,6 +41,21 @@ export declare class SelectButton implements ControlValueAccessor {
      * @group Props
      */
     optionDisabled: string | undefined;
+    /**
+     * Name of the icon field of an option.
+     * @group Props
+     */
+    optionIcon: string | undefined;
+    /**
+     * Name of the left icon field of an option.
+     * @group Props
+     */
+    optionLeftIcon: string | undefined;
+    /**
+     * Name of the right icon field of an option.
+     * @group Props
+     */
+    optionRightIcon: string | undefined;
     invalid: boolean;
     /**
      * Whether selection can be cleared.
@@ -72,6 +97,11 @@ export declare class SelectButton implements ControlValueAccessor {
      * @group Props
      */
     disabled: boolean | undefined;
+    /**
+     * When present, the component will occupy the entire width and the button options divide the equal width.
+     * @group Props
+     */
+    fullmode: boolean;
     /**
      * A property to uniquely identify a value in options.
      * @group Props
@@ -106,6 +136,24 @@ export declare class SelectButton implements ControlValueAccessor {
     getOptionLabel(option: any): any;
     getOptionValue(option: any): any;
     isOptionDisabled(option: any): any;
+    /**
+     * Returns the icon of an option.
+     * @param option - The option to get the icon from.
+     * @returns The icon of the option.
+     */
+    getOptionIcon(option: any): any;
+    /**
+     * Returns the left icon of an option.
+     * @param option - The option to get the left icon from.
+     * @returns The left icon of the option.
+     */
+    getOptionLeftIcon(option: any): any;
+    /**
+     * Returns the right icon of an option.
+     * @param option - The option to get the right icon from.
+     * @returns The right icon of the option.
+     */
+    getOptionRightIcon(option: any): any;
     writeValue(value: any): void;
     registerOnChange(fn: Function): void;
     registerOnTouched(fn: Function): void;
@@ -118,11 +166,12 @@ export declare class SelectButton implements ControlValueAccessor {
     removeOption(option: any): void;
     isSelected(option: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectButton, "cax-selectButton", never, { "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "unselectable": { "alias": "unselectable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onOptionClick": "onOptionClick"; "onChange": "onChange"; }, ["itemTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectButton, "cax-selectButton", never, { "options": { "alias": "options"; "required": false; }; "severity": { "alias": "severity"; "required": false; }; "size": { "alias": "size"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionIcon": { "alias": "optionIcon"; "required": false; }; "optionLeftIcon": { "alias": "optionLeftIcon"; "required": false; }; "optionRightIcon": { "alias": "optionRightIcon"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "unselectable": { "alias": "unselectable"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fullmode": { "alias": "fullmode"; "required": false; }; "dataKey": { "alias": "dataKey"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onOptionClick": "onOptionClick"; "onChange": "onChange"; }, ["itemTemplate"], never, false, never>;
     static ngAcceptInputType_unselectable: unknown;
     static ngAcceptInputType_tabindex: unknown;
     static ngAcceptInputType_multiple: unknown;
     static ngAcceptInputType_allowEmpty: unknown;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_fullmode: unknown;
     static ngAcceptInputType_autofocus: unknown;
 }

package/slider/public_api.d.ts

@@ -1,2 +1,3 @@
 export * from './slider';
 export * from './slider.interface';
+export * from './slider.module';

package/slider/slider.d.ts

@@ -3,8 +3,6 @@ import { ControlValueAccessor } from '@angular/forms';
 import { Nullable, VoidListener } from 'cax-design-system/ts-helpers';
 import { SliderChangeEvent, SliderSlideEndEvent } from './slider.interface';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "cax-design-system/autofocus";
 export declare const SLIDER_VALUE_ACCESSOR: any;
 /**
  * Slider is a component to provide input with a drag handle.
@@ -157,7 +155,7 @@ export declare class Slider implements OnDestroy, ControlValueAccessor {
     get minVal(): number;
     get maxVal(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<Slider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Slider, "p-slider", never, { "animate": { "alias": "animate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "step": { "alias": "step"; "required": false; }; "range": { "alias": "range"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onChange": "onChange"; "onSlideEnd": "onSlideEnd"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Slider, "cax-slider", never, { "animate": { "alias": "animate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "step": { "alias": "step"; "required": false; }; "range": { "alias": "range"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onChange": "onChange"; "onSlideEnd": "onSlideEnd"; }, never, never, false, never>;
     static ngAcceptInputType_animate: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_min: unknown;
@@ -167,8 +165,3 @@ export declare class Slider implements OnDestroy, ControlValueAccessor {
     static ngAcceptInputType_tabindex: unknown;
     static ngAcceptInputType_autofocus: unknown;
 }
-export declare class SliderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SliderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, [typeof Slider], [typeof i1.CommonModule, typeof i2.AutoFocusModule], [typeof Slider]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SliderModule>;
-}

package/slider/slider.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./slider";
+import * as i2 from "@angular/common";
+import * as i3 from "cax-design-system/autofocus";
+export declare class SliderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SliderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SliderModule, [typeof i1.Slider], [typeof i2.CommonModule, typeof i3.AutoFocusModule], [typeof i1.Slider]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SliderModule>;
+}

package/speeddial/speeddial.d.ts

@@ -109,6 +109,11 @@ export declare class SpeedDial implements AfterViewInit, AfterContentInit, OnDes
      * @group Props
      */
     hideIcon: string | undefined;
+    /**
+     * Defines the size of the button and options.
+     * @group Props
+     */
+    size: 'sm' | 'md' | 'lg';
     /**
      * Defined to rotate showIcon when hideIcon is not present.
      * @group Props
@@ -267,7 +272,7 @@ export declare class SpeedDial implements AfterViewInit, AfterContentInit, OnDes
     unbindDocumentClickListener(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpeedDial, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpeedDial, "cax-speedDial", never, { "id": { "alias": "id"; "required": false; }; "model": { "alias": "model"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "transitionDelay": { "alias": "transitionDelay"; "required": false; }; "type": { "alias": "type"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideOnClickOutside": { "alias": "hideOnClickOutside"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonClassName": { "alias": "buttonClassName"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "maskClassName": { "alias": "maskClassName"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "rotateAnimation": { "alias": "rotateAnimation"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onVisibleChange": "onVisibleChange"; "visibleChange": "visibleChange"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpeedDial, "cax-speedDial", never, { "id": { "alias": "id"; "required": false; }; "model": { "alias": "model"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "style": { "alias": "style"; "required": false; }; "className": { "alias": "className"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "transitionDelay": { "alias": "transitionDelay"; "required": false; }; "type": { "alias": "type"; "required": false; }; "radius": { "alias": "radius"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hideOnClickOutside": { "alias": "hideOnClickOutside"; "required": false; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; }; "buttonClassName": { "alias": "buttonClassName"; "required": false; }; "maskStyle": { "alias": "maskStyle"; "required": false; }; "maskClassName": { "alias": "maskClassName"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "hideIcon": { "alias": "hideIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rotateAnimation": { "alias": "rotateAnimation"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; }, { "onVisibleChange": "onVisibleChange"; "visibleChange": "visibleChange"; "onClick": "onClick"; "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_transitionDelay: unknown;
     static ngAcceptInputType_radius: unknown;
     static ngAcceptInputType_mask: unknown;

package/splitbutton/splitbutton.d.ts

@@ -43,7 +43,7 @@ export declare class SplitButton {
      * Defines the size of the button.
      * @group Props
      */
-    size: 'small' | 'medium' | 'large' | undefined | null;
+    size: 'sm' | 'md' | 'lg' | undefined | null;
     /**
      * Add a plain textual class to the button without a background initially.
      * @group Props
@@ -196,7 +196,7 @@ export declare class SplitButton {
     ngOnInit(): void;
     ngAfterContentInit(): void;
     get containerClass(): {
-        [x: string]: boolean | "small" | "medium" | "large";
+        [x: string]: boolean | "sm" | "md" | "lg";
         'cax-splitbutton cax-component': boolean;
         'cax-button-raised': boolean;
         'cax-button-rounded': boolean;

package/steps/steps.d.ts

@@ -1,14 +1,14 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Nullable } from 'cax-design-system/ts-helpers';
-import { MenuItem } from 'cax-design-system/api';
+import { MenuItem, CaxTemplate } from 'cax-design-system/api';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * Steps components is an indicator for the steps in a wizard workflow.
  * @group Components
  */
-export declare class Steps implements OnInit, OnDestroy {
+export declare class Steps implements OnInit, AfterContentInit, OnDestroy {
     private router;
     private route;
     private cd;
@@ -51,9 +51,16 @@ export declare class Steps implements OnInit, OnDestroy {
      */
     activeIndexChange: EventEmitter<number>;
     listViewChild: Nullable<ElementRef>;
+    /**
+     * Templates of the component.
+     * @group Props
+     */
+    templates: QueryList<CaxTemplate> | undefined;
+    stepTemplate: TemplateRef<any> | undefined;
     constructor(router: Router, route: ActivatedRoute, cd: ChangeDetectorRef);
     subscription: Subscription | undefined;
     ngOnInit(): void;
+    ngAfterContentInit(): void;
     onItemClick(event: Event, item: MenuItem, i: number): void;
     onItemKeydown(event: KeyboardEvent, item: MenuItem, i: number): void;
     navigateToNextItem(target: any): void;
@@ -70,7 +77,7 @@ export declare class Steps implements OnInit, OnDestroy {
     getItemTabIndex(item: MenuItem, index: number): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Steps, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Steps, "cax-steps", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "model": { "alias": "model"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Steps, "cax-steps", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "model": { "alias": "model"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "exact": { "alias": "exact"; "required": false; }; }, { "activeIndexChange": "activeIndexChange"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_activeIndex: unknown;
     static ngAcceptInputType_readonly: unknown;
     static ngAcceptInputType_exact: unknown;

package/steps/steps.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./steps";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
 import * as i4 from "cax-design-system/tooltip";
+import * as i5 from "cax-design-system/api";
 export declare class StepsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepsModule, [typeof i1.Steps], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.TooltipModule], [typeof i1.Steps, typeof i3.RouterModule, typeof i4.TooltipModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepsModule, [typeof i1.Steps], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.TooltipModule, typeof i5.SharedModule], [typeof i1.Steps, typeof i3.RouterModule, typeof i4.TooltipModule, typeof i5.SharedModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepsModule>;
 }

package/subscriptioncard/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/subscriptioncard" />
+export * from './public_api';

package/subscriptioncard/public_api.d.ts

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

package/subscriptioncard/subscriptioncard.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SubscriptionCardComponent {
+    /** Title of the card */
+    header: string;
+    /** Body text of the card */
+    description: string;
+    /** Optional image URL */
+    imageUrl?: string;
+    /** Optional icon class (used when imageUrl is not provided) */
+    iconClass?: string;
+    /** Tag text (like CMS or DM) */
+    badgeLabel?: string;
+    /** Button 1 label */
+    primaryButtonLabel: string;
+    /** Button 2 label */
+    secondaryButtonLabel: string;
+    /** Button severity (color theme) */
+    buttonSeverity: 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
+    primaryButtonIcon: string;
+    /** Whether card is active (blue border or checkmark shown) */
+    active: boolean;
+    /** Emits when the primary button is clicked */
+    primaryClick: EventEmitter<void>;
+    /** Emits when the secondary button is clicked */
+    secondaryClick: EventEmitter<void>;
+    buttonClick: EventEmitter<void>;
+    onPrimaryClick(): void;
+    onSecondaryClick(): void;
+    onButtonClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionCardComponent, "subscription-card", never, { "header": { "alias": "header"; "required": false; }; "description": { "alias": "description"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; }; "primaryButtonLabel": { "alias": "primaryButtonLabel"; "required": false; }; "secondaryButtonLabel": { "alias": "secondaryButtonLabel"; "required": false; }; "buttonSeverity": { "alias": "buttonSeverity"; "required": false; }; "primaryButtonIcon": { "alias": "primaryButtonIcon"; "required": false; }; "active": { "alias": "active"; "required": false; }; }, { "primaryClick": "primaryClick"; "secondaryClick": "secondaryClick"; "buttonClick": "buttonClick"; }, never, never, false, never>;
+}

package/subscriptioncard/subscriptioncard.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./subscriptioncard.component";
+import * as i2 from "cax-design-system/button";
+import * as i3 from "@angular/common";
+import * as i4 from "cax-design-system/api";
+import * as i5 from "cax-design-system/badge";
+export declare class SubscriptionCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SubscriptionCardModule, [typeof i1.SubscriptionCardComponent], [typeof i2.Button, typeof i3.CommonModule, typeof i4.SharedModule, typeof i2.ButtonModule, typeof i5.BadgeModule], [typeof i1.SubscriptionCardComponent, typeof i4.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SubscriptionCardModule>;
+}

package/table/components/column-filter/column-filter.d.ts

@@ -201,34 +201,8 @@ export declare class ColumnFilter implements AfterContentInit {
     get removeRuleButtonAriaLabel(): string;
     get filterOperatorAriaLabel(): string;
     get filterConstraintAriaLabel(): string;
-    customFilterListVisible: boolean;
-    selectedCustomFilter: any;
-    commonFilterOptions: {
-        label: string;
-        key: string;
-    }[];
-    stringFilterOptions: {
-        label: string;
-        key: string;
-    }[];
-    numberFilterOptions: {
-        label: string;
-        key: string;
-    }[];
-    dateFilterOptions: {
-        label: string;
-        key: string;
-    }[];
-    customInputFilter: string;
-    customNumberFilter1: number;
-    customNumberFilter2: number;
-    customDateFilter: any;
     constructor(document: Document, el: ElementRef, dt: Table, renderer: Renderer2, config: caxConfig, overlayService: OverlayService, cd: ChangeDetectorRef);
     ngOnInit(): void;
-    getSelectedFilter(key: string): {
-        label: string;
-        key: string;
-    } | undefined;
     generateMatchModeOptions(): void;
     generateOperatorOptions(): void;
     ngAfterContentInit(): void;
@@ -266,14 +240,6 @@ export declare class ColumnFilter implements AfterContentInit {
     clearFilter(): void;
     applyFilter(): void;
     ngOnDestroy(): void;
-    toggleCustomFilterList(): void;
-    selectCustomFilter(option: any): void;
-    get isCustomCommonFilterSelected(): boolean;
-    get isCustomStringFilterSelected(): boolean;
-    get isCustomNumberFilterSelected(): boolean;
-    get isCustomDateFilterSelected(): boolean;
-    onClearCustomFilters(): void;
-    onApplyCustomFilters(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "cax-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, true, never>;
     static ngAcceptInputType_showMenu: unknown;

package/table/components/table-header-checkbox/table-header-checkbox.d.ts

@@ -11,6 +11,7 @@ export declare class TableHeaderCheckbox {
     inputId: string | undefined;
     name: string | undefined;
     ariaLabel: string | undefined;
+    required: boolean | undefined;
     checked: boolean | undefined;
     focused: boolean | undefined;
     selectionChangeSubscription: Subscription;
@@ -24,6 +25,7 @@ export declare class TableHeaderCheckbox {
     ngOnDestroy(): void;
     updateCheckedState(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableHeaderCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCheckbox, "cax-tableHeaderCheckbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableHeaderCheckbox, "cax-tableHeaderCheckbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
 }

package/table/directives/cell-extend.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef, Renderer2, AfterViewInit, OnChanges, SimpleChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class CaxCellExtendDirective implements AfterViewInit, OnChanges {
+    private el;
+    private renderer;
+    lineClamp: number | string | undefined;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private wrapContent;
+    private updateLineClamp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaxCellExtendDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CaxCellExtendDirective, "[caxCellExtend]", never, { "lineClamp": { "alias": "caxCellExtend"; "required": false; }; }, {}, never, never, true, never>;
+}

package/table/directives/cell-highlight.directive.d.ts

@@ -1,14 +1,12 @@
-import { ElementRef, OnInit, Renderer2 } from '@angular/core';
+import { ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class CellHighlightDirective implements OnInit {
+export declare class CellHighlightDirective implements OnChanges {
     private el;
     private renderer;
     caxCellHighlight: 'default' | 'error';
     constructor(el: ElementRef, renderer: Renderer2);
-    ngOnInit(): void;
-    onMouseEnter(): void;
-    onMouseLeave(): void;
-    private getHighlightClass;
+    ngOnChanges(changes: SimpleChanges): void;
+    private updateClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<CellHighlightDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<CellHighlightDirective, "[caxCellHighlight]", never, { "caxCellHighlight": { "alias": "caxCellHighlight"; "required": false; }; }, {}, never, never, true, never>;
 }

package/table/public_api.d.ts

@@ -28,3 +28,4 @@ export * from './directives/selectable-row.directive';
 export * from './directives/sortable-column.directive';
 export * from './directives/dynamic-column-width.directive';
 export * from './directives/cell-highlight.directive';
+export * from './directives/cell-extend.directive';