cax-design-system 2.8.2 → 2.8.4

package/fesm2022/cax-design-system-virtualscroller.mjs

@@ -112,8 +112,8 @@ class VirtualScroller {
     scrollToIndex(index, mode) {
         this.scroller?.scrollToIndex(index, mode);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: VirtualScroller, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.9", type: VirtualScroller, selector: "p-virtualScroller", inputs: { value: "value", itemSize: ["itemSize", "itemSize", numberAttribute], style: "style", styleClass: "styleClass", scrollHeight: "scrollHeight", lazy: ["lazy", "lazy", booleanAttribute], options: "options", delay: ["delay", "delay", numberAttribute] }, outputs: { onLazyLoad: "onLazyLoad" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "header", first: true, predicate: Header, descendants: true }, { propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: VirtualScroller, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.16", type: VirtualScroller, isStandalone: false, selector: "p-virtualScroller", inputs: { value: "value", itemSize: ["itemSize", "itemSize", numberAttribute], style: "style", styleClass: "styleClass", scrollHeight: "scrollHeight", lazy: ["lazy", "lazy", booleanAttribute], options: "options", delay: ["delay", "delay", numberAttribute] }, outputs: { onLazyLoad: "onLazyLoad" }, host: { classAttribute: "cax-element" }, queries: [{ propertyName: "header", first: true, predicate: Header, descendants: true }, { propertyName: "footer", first: true, predicate: Footer, descendants: true }, { propertyName: "templates", predicate: CaxTemplate }], viewQueries: [{ propertyName: "scroller", first: true, predicate: ["scroller"], descendants: true }], ngImport: i0, template: `
         <div [ngClass]="'p-virtualscroller p-component'" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'virtualscroller'" [attr.data-pc-section]="'root'">
             <div class="p-virtualscroller-header" *ngIf="header || headerTemplate">
                 <ng-content select="cax-header"></ng-content>
@@ -135,10 +135,11 @@ class VirtualScroller {
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.CaxTemplate, selector: "[caxTemplate]", inputs: ["type", "caxTemplate"] }, { kind: "component", type: i3.Scroller, selector: "cax-scroller", inputs: ["id", "style", "styleClass", "tabindex", "items", "itemSize", "scrollHeight", "scrollWidth", "orientation", "step", "delay", "resizeDelay", "appendOnly", "inline", "lazy", "disabled", "loaderDisabled", "columns", "showSpacer", "showLoader", "numToleratedItems", "loading", "autoSize", "trackBy", "options"], outputs: ["onLazyLoad", "onScroll", "onScrollIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: VirtualScroller, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: VirtualScroller, decorators: [{
             type: Component,
             args: [{
                     selector: 'p-virtualScroller',
+                    standalone: false,
                     template: `
         <div [ngClass]="'p-virtualscroller p-component'" [ngStyle]="style" [class]="styleClass" [attr.data-pc-name]="'virtualscroller'" [attr.data-pc-section]="'root'">
             <div class="p-virtualscroller-header" *ngIf="header || headerTemplate">
@@ -201,11 +202,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 args: ['scroller']
             }] } });
 class VirtualScrollerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: VirtualScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: VirtualScrollerModule, declarations: [VirtualScroller], imports: [CommonModule, SharedModule, ScrollerModule], exports: [VirtualScroller, SharedModule, ScrollerModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: VirtualScrollerModule, imports: [CommonModule, SharedModule, ScrollerModule, SharedModule, ScrollerModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: VirtualScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.16", ngImport: i0, type: VirtualScrollerModule, declarations: [VirtualScroller], imports: [CommonModule, SharedModule, ScrollerModule], exports: [VirtualScroller, SharedModule, ScrollerModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: VirtualScrollerModule, imports: [CommonModule, SharedModule, ScrollerModule, SharedModule, ScrollerModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: VirtualScrollerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.16", ngImport: i0, type: VirtualScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SharedModule, ScrollerModule],

package/fesm2022/cax-design-system-virtualscroller.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cax-design-system-virtualscroller.mjs","sources":["../../src/app/components/virtualscroller/virtualscroller.ts","../../src/app/components/virtualscroller/cax-design-system-virtualscroller.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { BlockableUI, Footer, Header, CaxTemplate, ScrollerOptions, SharedModule } from 'cax-design-system/api';\nimport { Scroller, ScrollerModule } from 'cax-design-system/scroller';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface';\n/**\n * VirtualScroller is a performant approach to handle huge data efficiently.\n * @group Components\n */\n@Component({\n    selector: 'p-virtualScroller',\n    template: `\n        <div [ngClass]=\"'p-virtualscroller p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'virtualscroller'\" [attr.data-pc-section]=\"'root'\">\n            <div class=\"p-virtualscroller-header\" *ngIf=\"header || headerTemplate\">\n                <ng-content select=\"cax-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <div #content class=\"p-virtualscroller-content\" [attr.data-pc-section]=\"'content'\">\n                <cax-scroller #scroller [items]=\"value\" styleClass=\"p-virtualscroller-list\" [style]=\"{ height: scrollHeight }\" [itemSize]=\"itemSize\" [lazy]=\"lazy\" (onLazyLoad)=\"onLazyItemLoad($event)\" [options]=\"options\">\n                    <ng-template caxTemplate=\"item\" let-item let-scrollerOptions=\"options\">\n                        <div [ngStyle]=\"{ height: itemSize + 'px' }\" class=\"p-virtualscroller-item\">\n                            <ng-container *ngTemplateOutlet=\"item ? itemTemplate : loadingItemTemplate; context: { $implicit: item, options: scrollerOptions }\"></ng-container>\n                        </div>\n                    </ng-template>\n                </cax-scroller>\n            </div>\n            <div class=\"p-virtualscroller-footer\" *ngIf=\"footer || footerTemplate\" [attr.data-pc-section]=\"'footer'\">\n                <ng-content select=\"cax-footer\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class VirtualScroller implements AfterContentInit, BlockableUI {\n    /**\n     * An array of objects to display.\n     * @group Props\n     */\n    @Input() value: any[] | undefined;\n    /**\n     * Height of an item in the list.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) itemSize: number | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Max height of the content area in inline mode.\n     * @group Props\n     */\n    @Input() scrollHeight: any;\n    /**\n     * Defines if data is loaded and interacted with in lazy manner.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) lazy: boolean | undefined;\n    /**\n     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.\n     * @group Props\n     */\n    @Input() options: ScrollerOptions | undefined;\n    /**\n     * Threshold in milliseconds to delay lazy loading during scrolling.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) delay: number = 250;\n    /**\n     * Callback to invoke in lazy mode to load new data.\n     * @param {VirtualScrollerLazyLoadEvent} event - custom lazy load event.\n     * @group Emits\n     */\n    @Output() onLazyLoad: EventEmitter<VirtualScrollerLazyLoadEvent> = new EventEmitter<VirtualScrollerLazyLoadEvent>();\n\n    @ContentChild(Header) header: Header | undefined;\n\n    @ContentChild(Footer) footer: Footer | undefined;\n\n    @ContentChildren(CaxTemplate) templates: Nullable<QueryList<CaxTemplate>>;\n\n    @ViewChild('scroller') scroller: Nullable<Scroller>;\n\n    itemTemplate: Nullable<TemplateRef<any>>;\n\n    headerTemplate: Nullable<TemplateRef<any>>;\n\n    footerTemplate: Nullable<TemplateRef<any>>;\n\n    loadingItemTemplate: Nullable<TemplateRef<any>>;\n\n    virtualScrollTimeout: any;\n\n    constructor(\n        public el: ElementRef,\n        public cd: ChangeDetectorRef\n    ) {}\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'item':\n                    this.itemTemplate = item.template;\n                    break;\n\n                case 'loadingItem':\n                    this.loadingItemTemplate = item.template;\n                    break;\n\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n\n                case 'footer':\n                    this.footerTemplate = item.template;\n                    break;\n\n                default:\n                    this.itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onLazyItemLoad(event: VirtualScrollerLazyLoadEvent) {\n        if (this.virtualScrollTimeout) {\n            clearTimeout(this.virtualScrollTimeout);\n        }\n\n        this.virtualScrollTimeout = setTimeout(() => {\n            this.onLazyLoad.emit({\n                ...event,\n                rows: <number>event.last - <number>event.first,\n                forceUpdate: () => this.cd.detectChanges()\n            });\n        }, this.delay);\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n\n    scrollToIndex(index: number, mode?: ScrollBehavior): void {\n        this.scroller?.scrollToIndex(index, mode);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule, ScrollerModule],\n    exports: [VirtualScroller, SharedModule, ScrollerModule],\n    declarations: [VirtualScroller]\n})\nexport class VirtualScrollerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cax-design-system-virtualscroller.mjs","sources":["../../src/app/components/virtualscroller/virtualscroller.ts","../../src/app/components/virtualscroller/cax-design-system-virtualscroller.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ContentChildren,\n    ElementRef,\n    EventEmitter,\n    Input,\n    NgModule,\n    Output,\n    QueryList,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    numberAttribute\n} from '@angular/core';\nimport { BlockableUI, Footer, Header, CaxTemplate, ScrollerOptions, SharedModule } from 'cax-design-system/api';\nimport { Scroller, ScrollerModule } from 'cax-design-system/scroller';\nimport { Nullable } from 'cax-design-system/ts-helpers';\nimport { VirtualScrollerLazyLoadEvent } from './virtualscroller.interface';\n/**\n * VirtualScroller is a performant approach to handle huge data efficiently.\n * @group Components\n */\n@Component({\n    selector: 'p-virtualScroller',\n    standalone: false,\n    template: `\n        <div [ngClass]=\"'p-virtualscroller p-component'\" [ngStyle]=\"style\" [class]=\"styleClass\" [attr.data-pc-name]=\"'virtualscroller'\" [attr.data-pc-section]=\"'root'\">\n            <div class=\"p-virtualscroller-header\" *ngIf=\"header || headerTemplate\">\n                <ng-content select=\"cax-header\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n            </div>\n            <div #content class=\"p-virtualscroller-content\" [attr.data-pc-section]=\"'content'\">\n                <cax-scroller #scroller [items]=\"value\" styleClass=\"p-virtualscroller-list\" [style]=\"{ height: scrollHeight }\" [itemSize]=\"itemSize\" [lazy]=\"lazy\" (onLazyLoad)=\"onLazyItemLoad($event)\" [options]=\"options\">\n                    <ng-template caxTemplate=\"item\" let-item let-scrollerOptions=\"options\">\n                        <div [ngStyle]=\"{ height: itemSize + 'px' }\" class=\"p-virtualscroller-item\">\n                            <ng-container *ngTemplateOutlet=\"item ? itemTemplate : loadingItemTemplate; context: { $implicit: item, options: scrollerOptions }\"></ng-container>\n                        </div>\n                    </ng-template>\n                </cax-scroller>\n            </div>\n            <div class=\"p-virtualscroller-footer\" *ngIf=\"footer || footerTemplate\" [attr.data-pc-section]=\"'footer'\">\n                <ng-content select=\"cax-footer\"></ng-content>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        </div>\n    `,\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'cax-element'\n    }\n})\nexport class VirtualScroller implements AfterContentInit, BlockableUI {\n    /**\n     * An array of objects to display.\n     * @group Props\n     */\n    @Input() value: any[] | undefined;\n    /**\n     * Height of an item in the list.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) itemSize: number | undefined;\n    /**\n     * Inline style of the component.\n     * @group Props\n     */\n    @Input() style: { [klass: string]: any } | null | undefined;\n    /**\n     * Style class of the component.\n     * @group Props\n     */\n    @Input() styleClass: string | undefined;\n    /**\n     * Max height of the content area in inline mode.\n     * @group Props\n     */\n    @Input() scrollHeight: any;\n    /**\n     * Defines if data is loaded and interacted with in lazy manner.\n     * @group Props\n     */\n    @Input({ transform: booleanAttribute }) lazy: boolean | undefined;\n    /**\n     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.\n     * @group Props\n     */\n    @Input() options: ScrollerOptions | undefined;\n    /**\n     * Threshold in milliseconds to delay lazy loading during scrolling.\n     * @group Props\n     */\n    @Input({ transform: numberAttribute }) delay: number = 250;\n    /**\n     * Callback to invoke in lazy mode to load new data.\n     * @param {VirtualScrollerLazyLoadEvent} event - custom lazy load event.\n     * @group Emits\n     */\n    @Output() onLazyLoad: EventEmitter<VirtualScrollerLazyLoadEvent> = new EventEmitter<VirtualScrollerLazyLoadEvent>();\n\n    @ContentChild(Header) header: Header | undefined;\n\n    @ContentChild(Footer) footer: Footer | undefined;\n\n    @ContentChildren(CaxTemplate) templates: Nullable<QueryList<CaxTemplate>>;\n\n    @ViewChild('scroller') scroller: Nullable<Scroller>;\n\n    itemTemplate: Nullable<TemplateRef<any>>;\n\n    headerTemplate: Nullable<TemplateRef<any>>;\n\n    footerTemplate: Nullable<TemplateRef<any>>;\n\n    loadingItemTemplate: Nullable<TemplateRef<any>>;\n\n    virtualScrollTimeout: any;\n\n    constructor(\n        public el: ElementRef,\n        public cd: ChangeDetectorRef\n    ) {}\n\n    ngAfterContentInit() {\n        (this.templates as QueryList<CaxTemplate>).forEach((item) => {\n            switch (item.getType()) {\n                case 'item':\n                    this.itemTemplate = item.template;\n                    break;\n\n                case 'loadingItem':\n                    this.loadingItemTemplate = item.template;\n                    break;\n\n                case 'header':\n                    this.headerTemplate = item.template;\n                    break;\n\n                case 'footer':\n                    this.footerTemplate = item.template;\n                    break;\n\n                default:\n                    this.itemTemplate = item.template;\n                    break;\n            }\n        });\n    }\n\n    onLazyItemLoad(event: VirtualScrollerLazyLoadEvent) {\n        if (this.virtualScrollTimeout) {\n            clearTimeout(this.virtualScrollTimeout);\n        }\n\n        this.virtualScrollTimeout = setTimeout(() => {\n            this.onLazyLoad.emit({\n                ...event,\n                rows: <number>event.last - <number>event.first,\n                forceUpdate: () => this.cd.detectChanges()\n            });\n        }, this.delay);\n    }\n\n    getBlockableElement(): HTMLElement {\n        return this.el.nativeElement.children[0];\n    }\n\n    scrollToIndex(index: number, mode?: ScrollBehavior): void {\n        this.scroller?.scrollToIndex(index, mode);\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, SharedModule, ScrollerModule],\n    exports: [VirtualScroller, SharedModule, ScrollerModule],\n    declarations: [VirtualScroller]\n})\nexport class VirtualScrollerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fieldset/fieldset.d.ts

@@ -0,0 +1,93 @@
+import { AfterContentInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { BlockableUI, CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import { FieldsetAfterToggleEvent, FieldsetBeforeToggleEvent } from './fieldset.interface';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "cax-design-system/ripple";
+import * as i3 from "cax-design-system/icons/minus";
+import * as i4 from "cax-design-system/icons/plus";
+import * as i5 from "cax-design-system/api";
+/**
+ * Fieldset is a grouping component with the optional content toggle feature.
+ * @group Components
+ */
+export declare class Fieldset implements AfterContentInit, BlockableUI {
+    private el;
+    /**
+     * Header text of the fieldset.
+     * @group Props
+     */
+    legend: string | undefined;
+    /**
+     * When specified, content can toggled by clicking the legend.
+     * @group Props
+     * @defaultValue false
+     */
+    toggleable: boolean | undefined;
+    /**
+     * Defines the default visibility state of the content.
+     * * @group Props
+     */
+    collapsed: boolean | undefined;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Transition options of the panel animation.
+     * @group Props
+     */
+    transitionOptions: string;
+    /**
+     * Emits when the collapsed state changes.
+     * @param {boolean} value - New value.
+     * @group Emits
+     */
+    collapsedChange: EventEmitter<boolean>;
+    /**
+     * Callback to invoke before panel toggle.
+     * @param {PanelBeforeToggleEvent} event - Custom toggle event
+     * @group Emits
+     */
+    onBeforeToggle: EventEmitter<FieldsetBeforeToggleEvent>;
+    /**
+     * Callback to invoke after panel toggle.
+     * @param {PanelAfterToggleEvent} event - Custom toggle event
+     * @group Emits
+     */
+    onAfterToggle: EventEmitter<FieldsetAfterToggleEvent>;
+    templates: QueryList<CaxTemplate>;
+    get id(): string;
+    get buttonAriaLabel(): string;
+    animating: Nullable<boolean>;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    contentTemplate: Nullable<TemplateRef<any>>;
+    collapseIconTemplate: Nullable<TemplateRef<any>>;
+    expandIconTemplate: Nullable<TemplateRef<any>>;
+    constructor(el: ElementRef);
+    ngAfterContentInit(): void;
+    toggle(event: MouseEvent): boolean;
+    onKeyDown(event: any): void;
+    expand(): void;
+    collapse(): void;
+    getBlockableElement(): HTMLElement;
+    onToggleDone(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Fieldset, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "p-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["templates"], ["cax-header", "*"], false, never>;
+    static ngAcceptInputType_toggleable: unknown;
+    static ngAcceptInputType_collapsed: unknown;
+}
+export declare class FieldsetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldsetModule, [typeof Fieldset], [typeof i1.CommonModule, typeof i2.RippleModule, typeof i3.MinusIcon, typeof i4.PlusIcon], [typeof Fieldset, typeof i5.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FieldsetModule>;
+}

package/fieldset/fieldset.interface.d.ts

@@ -0,0 +1,46 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * Custom panel toggle event, emits after toggle.
+ * @see {@link Fieldset.onAfterToggle}
+ * @group Events
+ */
+export interface FieldsetAfterToggleEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Collapsed state of the panel.
+     */
+    collapsed: boolean | undefined;
+}
+/**
+ * Custom panel toggle event, emits before toggle.
+ * @see {@link Fieldset.onBeforeToggle}
+ * @extends {FieldsetAfterToggleEvent}
+ * @group Events
+ */
+export interface FieldsetBeforeToggleEvent extends FieldsetAfterToggleEvent {
+}
+/**
+ * Defines valid templates in Fieldset.
+ * @group Templates
+ */
+export interface FieldsetTemplates {
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom content template.
+     */
+    content(): TemplateRef<any>;
+    /**
+     * Custom footer template.
+     */
+    expandicon(): TemplateRef<any>;
+    /**
+     * Custom icons template of the panel toggler.
+     */
+    collapseicon(): TemplateRef<any>;
+}

package/fieldset/index.d.ts

@@ -1,142 +1,5 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, EventEmitter, QueryList, ElementRef } from '@angular/core';
-import * as i5 from 'cax-design-system/api';
-import { BlockableUI, CaxTemplate } from 'cax-design-system/api';
-import { Nullable } from 'cax-design-system/ts-helpers';
-import * as i1 from '@angular/common';
-import * as i2 from 'cax-design-system/ripple';
-import * as i3 from 'cax-design-system/icons/minus';
-import * as i4 from 'cax-design-system/icons/plus';
-
 /**
- * Custom panel toggle event, emits after toggle.
- * @see {@link Fieldset.onAfterToggle}
- * @group Events
+ * Generated bundle index. Do not edit.
  */
-interface FieldsetAfterToggleEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Collapsed state of the panel.
-     */
-    collapsed: boolean | undefined;
-}
-/**
- * Custom panel toggle event, emits before toggle.
- * @see {@link Fieldset.onBeforeToggle}
- * @extends {FieldsetAfterToggleEvent}
- * @group Events
- */
-interface FieldsetBeforeToggleEvent extends FieldsetAfterToggleEvent {
-}
-/**
- * Defines valid templates in Fieldset.
- * @group Templates
- */
-interface FieldsetTemplates {
-    /**
-     * Custom header template.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom content template.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom footer template.
-     */
-    expandicon(): TemplateRef<any>;
-    /**
-     * Custom icons template of the panel toggler.
-     */
-    collapseicon(): TemplateRef<any>;
-}
-
-/**
- * Fieldset is a grouping component with the optional content toggle feature.
- * @group Components
- */
-declare class Fieldset implements AfterContentInit, BlockableUI {
-    private el;
-    /**
-     * Header text of the fieldset.
-     * @group Props
-     */
-    legend: string | undefined;
-    /**
-     * When specified, content can toggled by clicking the legend.
-     * @group Props
-     * @defaultValue false
-     */
-    toggleable: boolean | undefined;
-    /**
-     * Defines the default visibility state of the content.
-     * * @group Props
-     */
-    collapsed: boolean | undefined;
-    /**
-     * Inline style of the component.
-     * @group Props
-     */
-    style: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Style class of the component.
-     * @group Props
-     */
-    styleClass: string | undefined;
-    /**
-     * Transition options of the panel animation.
-     * @group Props
-     */
-    transitionOptions: string;
-    /**
-     * Emits when the collapsed state changes.
-     * @param {boolean} value - New value.
-     * @group Emits
-     */
-    collapsedChange: EventEmitter<boolean>;
-    /**
-     * Callback to invoke before panel toggle.
-     * @param {PanelBeforeToggleEvent} event - Custom toggle event
-     * @group Emits
-     */
-    onBeforeToggle: EventEmitter<FieldsetBeforeToggleEvent>;
-    /**
-     * Callback to invoke after panel toggle.
-     * @param {PanelAfterToggleEvent} event - Custom toggle event
-     * @group Emits
-     */
-    onAfterToggle: EventEmitter<FieldsetAfterToggleEvent>;
-    templates: QueryList<CaxTemplate>;
-    get id(): string;
-    get buttonAriaLabel(): string;
-    animating: Nullable<boolean>;
-    headerTemplate: Nullable<TemplateRef<any>>;
-    contentTemplate: Nullable<TemplateRef<any>>;
-    collapseIconTemplate: Nullable<TemplateRef<any>>;
-    expandIconTemplate: Nullable<TemplateRef<any>>;
-    constructor(el: ElementRef);
-    ngAfterContentInit(): void;
-    toggle(event: MouseEvent): boolean;
-    onKeyDown(event: any): void;
-    expand(): void;
-    collapse(): void;
-    getBlockableElement(): HTMLElement;
-    onToggleDone(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Fieldset, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Fieldset, "p-fieldset", never, { "legend": { "alias": "legend"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "collapsed": { "alias": "collapsed"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; }, { "collapsedChange": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["templates"], ["cax-header", "*"], false, never>;
-    static ngAcceptInputType_toggleable: unknown;
-    static ngAcceptInputType_collapsed: unknown;
-}
-declare class FieldsetModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FieldsetModule, [typeof Fieldset], [typeof i1.CommonModule, typeof i2.RippleModule, typeof i3.MinusIcon, typeof i4.PlusIcon], [typeof Fieldset, typeof i5.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<FieldsetModule>;
-}
-
-export { Fieldset, FieldsetModule };
-export type { FieldsetAfterToggleEvent, FieldsetBeforeToggleEvent, FieldsetTemplates };
+/// <amd-module name="cax-design-system/fieldset" />
+export * from './public_api';

package/fieldset/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './fieldset';
+export * from './fieldset.interface';