@haiilo/catalyst-angular 13.5.1-beta.1 → 14.0.1

package/fesm2022/haiilo-catalyst-angular.mjs

@@ -0,0 +1,1942 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, HostListener, Directive, Optional, SkipSelf, Input, ContentChild, ViewEncapsulation, Component, ChangeDetectionStrategy, EventEmitter, Output, inject, Self, Host, TemplateRef, ViewContainerRef, NgModule, Injectable } from '@angular/core';
+import { catI18nRegistry, catIconRegistry, catNotificationService } from '@haiilo/catalyst';
+import log from 'loglevel';
+import { DialogRef, DialogModule, Dialog } from '@angular/cdk/dialog';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { defineCustomElements } from '@haiilo/catalyst/loader';
+import * as i1 from '@angular/forms';
+import { Validators, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { __decorate } from 'tslib';
+import { fromEvent } from 'rxjs';
+
+// It is important to declare the InjectionTokens first
+const CAT_LOG_TOKEN = new InjectionToken('CAT_LOG', {
+    providedIn: 'root',
+    factory: () => log
+});
+const CAT_I18N_REGISTRY_TOKEN = new InjectionToken('CAT_I18N_REGISTRY', {
+    providedIn: 'root',
+    factory: () => catI18nRegistry
+});
+const CAT_ICON_REGISTRY_TOKEN = new InjectionToken('CAT_ICON_REGISTRY', {
+    providedIn: 'root',
+    factory: () => catIconRegistry
+});
+const CAT_NOTIFICATION_SERVICE_TOKEN = new InjectionToken('CAT_NOTIFICATION_SERVICE', {
+    providedIn: 'root',
+    factory: () => catNotificationService
+});
+
+class ValueAccessor {
+    el;
+    onChange = () => { };
+    onTouched = () => { };
+    lastValue;
+    constructor(el) {
+        this.el = el;
+    }
+    writeValue(value) {
+        this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+    }
+    handleChangeEvent(value) {
+        if (value !== this.lastValue) {
+            this.lastValue = value;
+            this.onChange(value);
+        }
+    }
+    _handleBlurEvent() {
+        this.onTouched();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.el.nativeElement.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: ValueAccessor, isStandalone: true, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ValueAccessor, decorators: [{
+            type: Directive,
+            args: [{}]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _handleBlurEvent: [{
+                type: HostListener,
+                args: ['focusout']
+            }] } });
+
+class DateValueAccessor extends ValueAccessor {
+    ngControl;
+    constructor(el, ngControl) {
+        super(el);
+        this.ngControl = ngControl;
+    }
+    get nativeElement() {
+        return this.el.nativeElement;
+    }
+    ngAfterViewInit() {
+        if (this.ngControl?.control?.hasValidator(Validators.required)) {
+            this.el.nativeElement.required = true;
+        }
+    }
+    writeValue(value) {
+        if (!this.el.nativeElement.range) {
+            return super.writeValue(this.toISO(value));
+        }
+        else if (value instanceof Array) {
+            const data = [this.toISO(value[0]), this.toISO(value[1])];
+            return super.writeValue(JSON.stringify(data));
+        }
+        return super.writeValue(undefined);
+    }
+    handleChangeEvent(value) {
+        if (!this.el.nativeElement.range) {
+            return super.handleChangeEvent(this.toDate(value));
+        }
+        else if (typeof value === 'string') {
+            const data = JSON.parse(value).map(this.toDate);
+            data[1]?.setHours(23, 59, 59, 999);
+            return super.handleChangeEvent(data);
+        }
+        super.handleChangeEvent(null);
+    }
+    updateErrors() {
+        setTimeout(() => {
+            this.el.nativeElement.errors =
+                this.ngControl?.control?.errors?.required && !this.el.nativeElement.value ? { required: true } : null;
+        });
+    }
+    toISO(value) {
+        if (value instanceof Date) {
+            const year = value.getFullYear();
+            const month = (value.getMonth() + 1).toString().padStart(2, '0');
+            const day = value.getDate().toString().padStart(2, '0');
+            return `${year}-${month}-${day}`;
+        }
+        return undefined;
+    }
+    toDate(value) {
+        const [match, year, month, day] = value?.match(/^(\d{4})-(\d{2})-(\d{2})/) ?? [];
+        return match ? new Date(Number(year), Number(month) - 1, Number(day)) : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DateValueAccessor, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: DateValueAccessor, isStandalone: false, selector: "cat-date, cat-date-inline", host: { listeners: { "catChange": "handleChangeEvent($event.target.value); updateErrors()", "catBlur": "updateErrors()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: DateValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DateValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-date, cat-date-inline',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target.value); updateErrors()',
+                        '(catBlur)': 'updateErrors()'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: DateValueAccessor,
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }] });
+
+class TimeValueAccessor extends ValueAccessor {
+    ngControl;
+    constructor(el, ngControl) {
+        super(el);
+        this.ngControl = ngControl;
+    }
+    get nativeElement() {
+        return this.el.nativeElement;
+    }
+    ngAfterViewInit() {
+        if (this.ngControl?.control?.hasValidator(Validators.required)) {
+            this.el.nativeElement.required = true;
+        }
+    }
+    writeValue(value) {
+        if (value && value instanceof Date) {
+            const hours = value.getHours().toString().padStart(2, '0');
+            const mins = value.getMinutes().toString().padStart(2, '0');
+            return super.writeValue(`${hours}:${mins}`);
+        }
+        return super.writeValue(undefined);
+    }
+    handleChangeEvent(value) {
+        const [match, hours, mins] = value?.match(/^(\d{2}):(\d{2})/) ?? [];
+        if (match) {
+            const date = new Date();
+            date.setHours(Number(hours), Number(mins), 0, 0);
+            return super.handleChangeEvent(date);
+        }
+        return super.handleChangeEvent(null);
+    }
+    updateErrors() {
+        setTimeout(() => {
+            this.el.nativeElement.errors =
+                this.ngControl?.control?.errors?.required && !this.el.nativeElement.value ? { required: true } : null;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TimeValueAccessor, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: TimeValueAccessor, isStandalone: false, selector: "cat-time", host: { listeners: { "catChange": "handleChangeEvent($event.target.value); updateErrors()", "catBlur": "updateErrors()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: TimeValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TimeValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-time',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target.value); updateErrors()',
+                        '(catBlur)': 'updateErrors()'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TimeValueAccessor,
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }] });
+
+class DatetimeComponent {
+    lastValue;
+    lastDateValue;
+    lastTimeValue;
+    dateInput;
+    timeInput;
+    _min;
+    get min() {
+        return this._min ?? null;
+    }
+    set min(value) {
+        this._min = value;
+        setTimeout(() => {
+            const min = value ? this.toLocalISODate(value) : undefined;
+            this.dateInput?.nativeElement.setAttribute('min', min);
+            this.limitTime('min');
+        });
+    }
+    _max;
+    get max() {
+        return this._max ?? null;
+    }
+    set max(value) {
+        this._max = value;
+        setTimeout(() => {
+            const max = value ? this.toLocalISODate(value) : undefined;
+            this.dateInput?.nativeElement.setAttribute('max', max);
+            this.limitTime('max');
+        });
+    }
+    ngAfterContentInit() {
+        if (!this.dateInput) {
+            throw new Error('Missing child element <cat-date></cat-date>');
+        }
+        if (!this.timeInput) {
+            throw new Error('Missing child element <cat-time></cat-time>');
+        }
+    }
+    writeValue(value) {
+        this.lastValue = this.lastDateValue = this.lastTimeValue = value;
+        setTimeout(() => {
+            this.dateInput?.writeValue(value);
+            const timeAfterChangeDate = this.value?.getTime();
+            this.limitTime('min');
+            this.limitTime('max');
+            const isTimeChangedAfterLimit = this.value?.getTime() !== timeAfterChangeDate;
+            this.timeInput?.writeValue(value);
+            if (isTimeChangedAfterLimit) {
+                this.timeInput?.handleChangeEvent(this.timeInput?.nativeElement.value);
+            }
+        });
+    }
+    registerOnChange(fn) {
+        setTimeout(() => {
+            this.dateInput?.registerOnChange((value) => {
+                this.lastDateValue = value;
+                this.limitTime('min');
+                this.limitTime('max');
+                fn(this.value);
+            });
+            this.timeInput?.registerOnChange((value) => {
+                this.lastTimeValue = value;
+                fn(this.value);
+            });
+        });
+    }
+    registerOnTouched(fn) {
+        setTimeout(() => {
+            this.dateInput?.registerOnTouched(fn);
+            this.timeInput?.registerOnTouched(fn);
+        });
+    }
+    setDisabledState(isDisabled) {
+        setTimeout(() => {
+            this.dateInput?.setDisabledState(isDisabled);
+            this.timeInput?.setDisabledState(isDisabled);
+        });
+    }
+    get value() {
+        if (this.lastDateValue && this.lastTimeValue) {
+            const result = new Date(this.lastDateValue);
+            result.setHours(this.lastTimeValue.getHours(), this.lastTimeValue.getMinutes(), this.lastTimeValue.getSeconds(), this.lastTimeValue.getMilliseconds());
+            return result;
+        }
+        return null;
+    }
+    limitTime(mode) {
+        const limit = mode === 'min' ? this.min : this.max;
+        const limitIso = limit ? this.toLocalISODate(limit) : undefined;
+        const dateIso = this.lastDateValue ? this.toLocalISODate(this.lastDateValue) : undefined;
+        const attr = limit && limitIso === dateIso ? this.toLocalISOTime(limit) : undefined;
+        if (attr) {
+            this.timeInput?.nativeElement.setAttribute(mode, attr);
+        }
+        else {
+            this.timeInput?.nativeElement.removeAttribute(mode);
+        }
+    }
+    toLocalISODate(value) {
+        const year = value.getFullYear();
+        const month = (value.getMonth() + 1).toString().padStart(2, '0');
+        const day = value.getDate().toString().padStart(2, '0');
+        return `${year}-${month}-${day}`;
+    }
+    toLocalISOTime(value) {
+        const hours = value.getHours().toString().padStart(2, '0');
+        const mins = value.getMinutes().toString().padStart(2, '0');
+        return `${hours}:${mins}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DatetimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: DatetimeComponent, isStandalone: false, selector: "cat-datetime", inputs: { min: "min", max: "max" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: DatetimeComponent,
+                multi: true
+            }
+        ], queries: [{ propertyName: "dateInput", first: true, predicate: DateValueAccessor, descendants: true }, { propertyName: "timeInput", first: true, predicate: TimeValueAccessor, descendants: true }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["cat-datetime{display:contents}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DatetimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cat-datetime', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: DatetimeComponent,
+                            multi: true
+                        }
+                    ], standalone: false, styles: ["cat-datetime{display:contents}\n"] }]
+        }], propDecorators: { dateInput: [{
+                type: ContentChild,
+                args: [DateValueAccessor]
+            }], timeInput: [{
+                type: ContentChild,
+                args: [TimeValueAccessor]
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }] } });
+
+/**
+ * The bottom actions of a dialog.
+ */
+class CatDialogActionsComponent {
+    /**
+     * Horizontal alignment of action buttons.
+     */
+    align = 'end';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatDialogActionsComponent, isStandalone: false, selector: "cat-dialog-actions", inputs: { align: "align" }, host: { properties: { "class.cat-dialog-actions-center": "align === \"center\"", "class.cat-dialog-actions-end": "align === \"end\"", "class.cat-dialog-actions-space-between": "align === \"space-between\"" }, classAttribute: "cat-dialog-actions" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".cat-dialog-actions-center{justify-content:center}.cat-dialog-actions-end{justify-content:end}.cat-dialog-actions-space-between{justify-content:space-between}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cat-dialog-actions', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'cat-dialog-actions',
+                        '[class.cat-dialog-actions-center]': 'align === "center"',
+                        '[class.cat-dialog-actions-end]': 'align === "end"',
+                        '[class.cat-dialog-actions-space-between]': 'align === "space-between"'
+                    }, standalone: false, styles: [".cat-dialog-actions-center{justify-content:center}.cat-dialog-actions-end{justify-content:end}.cat-dialog-actions-space-between{justify-content:space-between}\n"] }]
+        }], propDecorators: { align: [{
+                type: Input
+            }] } });
+
+/* eslint-disable */
+/* tslint:disable */
+const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach((item) => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
+        });
+    });
+};
+const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach((methodName) => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+const proxyOutputs = (instance, el, events) => {
+    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
+};
+const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+// tslint:disable-next-line: only-arrow-functions
+function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
+        }
+        if (inputs) {
+            proxyInputs(cls, inputs);
+        }
+        if (methods) {
+            proxyMethods(cls, methods);
+        }
+        return cls;
+    };
+    return decorator;
+}
+
+let CatAlert = class CatAlert {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatAlert, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatAlert, isStandalone: false, selector: "cat-alert", inputs: { color: "color", icon: "icon", noIcon: "noIcon" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatAlert = __decorate([
+    ProxyCmp({
+        inputs: ['color', 'icon', 'noIcon']
+    })
+], CatAlert);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatAlert, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-alert',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'icon', 'noIcon'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatAvatar = class CatAvatar {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatAvatar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatAvatar, isStandalone: false, selector: "cat-avatar", inputs: { icon: "icon", initials: "initials", label: "label", round: "round", size: "size", src: "src", url: "url", urlTarget: "urlTarget" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatAvatar = __decorate([
+    ProxyCmp({
+        inputs: ['icon', 'initials', 'label', 'round', 'size', 'src', 'url', 'urlTarget']
+    })
+], CatAvatar);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatAvatar, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-avatar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['icon', 'initials', 'label', 'round', 'size', 'src', 'url', 'urlTarget'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatBadge = class CatBadge {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatBadge, isStandalone: false, selector: "cat-badge", inputs: { color: "color", icon: "icon", iconOnly: "iconOnly", iconRight: "iconRight", pulse: "pulse", round: "round", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatBadge = __decorate([
+    ProxyCmp({
+        inputs: ['color', 'icon', 'iconOnly', 'iconRight', 'pulse', 'round', 'size', 'variant']
+    })
+], CatBadge);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatBadge, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-badge',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'icon', 'iconOnly', 'iconRight', 'pulse', 'round', 'size', 'variant'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatButton = class CatButton {
+    z;
+    el;
+    catClick = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatButton, isStandalone: false, selector: "cat-button", inputs: { a11yCurrent: "a11yCurrent", a11yLabel: "a11yLabel", active: "active", buttonGroupPosition: "buttonGroupPosition", buttonId: "buttonId", color: "color", disabled: "disabled", icon: "icon", iconOnly: "iconOnly", iconRight: "iconRight", loading: "loading", name: "name", nativeAttributes: "nativeAttributes", nativeContentAttributes: "nativeContentAttributes", noEllipsis: "noEllipsis", round: "round", size: "size", submit: "submit", testId: "testId", url: "url", urlTarget: "urlTarget", value: "value", variant: "variant" }, outputs: { catClick: "catClick", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatButton = __decorate([
+    ProxyCmp({
+        inputs: ['a11yCurrent', 'a11yLabel', 'active', 'buttonGroupPosition', 'buttonId', 'color', 'disabled', 'icon', 'iconOnly', 'iconRight', 'loading', 'name', 'nativeAttributes', 'nativeContentAttributes', 'noEllipsis', 'round', 'size', 'submit', 'testId', 'url', 'urlTarget', 'value', 'variant'],
+        methods: ['doFocus', 'doBlur', 'doClick']
+    })
+], CatButton);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-button',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yCurrent', 'a11yLabel', 'active', 'buttonGroupPosition', 'buttonId', 'color', 'disabled', 'icon', 'iconOnly', 'iconRight', 'loading', 'name', 'nativeAttributes', 'nativeContentAttributes', 'noEllipsis', 'round', 'size', 'submit', 'testId', 'url', 'urlTarget', 'value', 'variant'],
+                    outputs: ['catClick', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catClick: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatButtonGroup = class CatButtonGroup {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatButtonGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatButtonGroup, isStandalone: false, selector: "cat-button-group", inputs: { a11yLabel: "a11yLabel" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatButtonGroup = __decorate([
+    ProxyCmp({
+        inputs: ['a11yLabel']
+    })
+], CatButtonGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatButtonGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-button-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yLabel'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatCard = class CatCard {
+    z;
+    el;
+    catLoad = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatCard, isStandalone: false, selector: "cat-card", outputs: { catLoad: "catLoad" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatCard = __decorate([
+    ProxyCmp({})
+], CatCard);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatCard, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-card',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    outputs: ['catLoad'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catLoad: [{
+                type: Output
+            }] } });
+let CatCheckbox = class CatCheckbox {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatCheckbox, isStandalone: false, selector: "cat-checkbox", inputs: { alignment: "alignment", checked: "checked", disabled: "disabled", hint: "hint", identifier: "identifier", indeterminate: "indeterminate", label: "label", labelHidden: "labelHidden", labelLeft: "labelLeft", name: "name", nativeAttributes: "nativeAttributes", noValue: "noValue", required: "required", requiredMarker: "requiredMarker", resolvedValue: "resolvedValue", testId: "testId", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatCheckbox = __decorate([
+    ProxyCmp({
+        inputs: ['alignment', 'checked', 'disabled', 'hint', 'identifier', 'indeterminate', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'noValue', 'required', 'requiredMarker', 'resolvedValue', 'testId', 'value'],
+        methods: ['doFocus', 'doBlur']
+    })
+], CatCheckbox);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-checkbox',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alignment', 'checked', 'disabled', 'hint', 'identifier', 'indeterminate', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'noValue', 'required', 'requiredMarker', 'resolvedValue', 'testId', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatDate = class CatDate {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDate, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatDate, isStandalone: false, selector: "cat-date", inputs: { autoComplete: "autoComplete", clearable: "clearable", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", icon: "icon", iconRight: "iconRight", identifier: "identifier", label: "label", labelHidden: "labelHidden", max: "max", min: "min", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", placement: "placement", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", testId: "testId", textPrefix: "textPrefix", textSuffix: "textSuffix", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatDate = __decorate([
+    ProxyCmp({
+        inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'testId', 'textPrefix', 'textSuffix', 'value'],
+        methods: ['doFocus', 'doBlur', 'clear']
+    })
+], CatDate);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-date',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'testId', 'textPrefix', 'textSuffix', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatDateInline = class CatDateInline {
+    z;
+    el;
+    catChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDateInline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatDateInline, isStandalone: false, selector: "cat-date-inline", inputs: { a11yLabel: "a11yLabel", hint: "hint", identifier: "identifier", label: "label", labelHidden: "labelHidden", max: "max", min: "min", noClear: "noClear", noToday: "noToday", range: "range", required: "required", requiredMarker: "requiredMarker", value: "value", weeks: "weeks" }, outputs: { catChange: "catChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatDateInline = __decorate([
+    ProxyCmp({
+        inputs: ['a11yLabel', 'hint', 'identifier', 'label', 'labelHidden', 'max', 'min', 'noClear', 'noToday', 'range', 'required', 'requiredMarker', 'value', 'weeks'],
+        methods: ['select', 'clear', 'resetView', 'doFocus']
+    })
+], CatDateInline);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDateInline, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-date-inline',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yLabel', 'hint', 'identifier', 'label', 'labelHidden', 'max', 'min', 'noClear', 'noToday', 'range', 'required', 'requiredMarker', 'value', 'weeks'],
+                    outputs: ['catChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }] } });
+let CatDatepicker = class CatDatepicker {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDatepicker, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatDatepicker, isStandalone: false, selector: "cat-datepicker", inputs: { attachToElement: "attachToElement", autoComplete: "autoComplete", clearable: "clearable", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", icon: "icon", iconRight: "iconRight", identifier: "identifier", label: "label", labelHidden: "labelHidden", max: "max", min: "min", mode: "mode", name: "name", nativeAttributes: "nativeAttributes", nativePickerAttributes: "nativePickerAttributes", placeholder: "placeholder", position: "position", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", step: "step", textPrefix: "textPrefix", textSuffix: "textSuffix", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatDatepicker = __decorate([
+    ProxyCmp({
+        inputs: ['attachToElement', 'autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'mode', 'name', 'nativeAttributes', 'nativePickerAttributes', 'placeholder', 'position', 'readonly', 'required', 'requiredMarker', 'step', 'textPrefix', 'textSuffix', 'value'],
+        methods: ['doFocus', 'doBlur']
+    })
+], CatDatepicker);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDatepicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-datepicker',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['attachToElement', 'autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'mode', 'name', 'nativeAttributes', 'nativePickerAttributes', 'placeholder', 'position', 'readonly', 'required', 'requiredMarker', 'step', 'textPrefix', 'textSuffix', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatDatepickerInline = class CatDatepickerInline {
+    z;
+    el;
+    catChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDatepickerInline, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatDatepickerInline, isStandalone: false, selector: "cat-datepicker-inline", inputs: { disabled: "disabled", max: "max", min: "min", mode: "mode", nativePickerAttributes: "nativePickerAttributes", readonly: "readonly", step: "step", value: "value" }, outputs: { catChange: "catChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatDatepickerInline = __decorate([
+    ProxyCmp({
+        inputs: ['disabled', 'max', 'min', 'mode', 'nativePickerAttributes', 'readonly', 'step', 'value']
+    })
+], CatDatepickerInline);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDatepickerInline, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-datepicker-inline',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['disabled', 'max', 'min', 'mode', 'nativePickerAttributes', 'readonly', 'step', 'value'],
+                    outputs: ['catChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }] } });
+let CatDropdown = class CatDropdown {
+    z;
+    el;
+    catOpen = new EventEmitter();
+    catClose = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatDropdown, isStandalone: false, selector: "cat-dropdown", inputs: { arrowNavigation: "arrowNavigation", delayedTriggerInit: "delayedTriggerInit", isOpen: "isOpen", justify: "justify", noAutoClose: "noAutoClose", noInitialFocus: "noInitialFocus", noResize: "noResize", noReturnFocus: "noReturnFocus", overflow: "overflow", placement: "placement" }, outputs: { catOpen: "catOpen", catClose: "catClose" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatDropdown = __decorate([
+    ProxyCmp({
+        inputs: ['arrowNavigation', 'delayedTriggerInit', 'isOpen', 'justify', 'noAutoClose', 'noInitialFocus', 'noResize', 'noReturnFocus', 'overflow', 'placement'],
+        methods: ['toggle', 'open', 'close']
+    })
+], CatDropdown);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDropdown, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-dropdown',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['arrowNavigation', 'delayedTriggerInit', 'isOpen', 'justify', 'noAutoClose', 'noInitialFocus', 'noResize', 'noReturnFocus', 'overflow', 'placement'],
+                    outputs: ['catOpen', 'catClose'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catOpen: [{
+                type: Output
+            }], catClose: [{
+                type: Output
+            }] } });
+let CatFormGroup = class CatFormGroup {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatFormGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatFormGroup, isStandalone: false, selector: "cat-form-group", inputs: { horizontal: "horizontal", labelSize: "labelSize", requiredMarker: "requiredMarker" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatFormGroup = __decorate([
+    ProxyCmp({
+        inputs: ['horizontal', 'labelSize', 'requiredMarker']
+    })
+], CatFormGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatFormGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-form-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['horizontal', 'labelSize', 'requiredMarker'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatIcon = class CatIcon {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatIcon, isStandalone: false, selector: "cat-icon", inputs: { a11yLabel: "a11yLabel", icon: "icon", iconSrc: "iconSrc", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatIcon = __decorate([
+    ProxyCmp({
+        inputs: ['a11yLabel', 'icon', 'iconSrc', 'size']
+    })
+], CatIcon);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-icon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yLabel', 'icon', 'iconSrc', 'size'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatInput = class CatInput {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    catChangeFiles = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatInput, isStandalone: false, selector: "cat-input", inputs: { accept: "accept", autoComplete: "autoComplete", clearable: "clearable", dateMaskOptions: "dateMaskOptions", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", icon: "icon", iconRight: "iconRight", identifier: "identifier", label: "label", labelHidden: "labelHidden", loading: "loading", max: "max", maxLength: "maxLength", min: "min", minLength: "minLength", multiple: "multiple", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", round: "round", testId: "testId", textPrefix: "textPrefix", textSuffix: "textSuffix", timeMaskOptions: "timeMaskOptions", togglePassword: "togglePassword", type: "type", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur", catChangeFiles: "catChangeFiles" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatInput = __decorate([
+    ProxyCmp({
+        inputs: ['accept', 'autoComplete', 'clearable', 'dateMaskOptions', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'loading', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'nativeAttributes', 'placeholder', 'readonly', 'required', 'requiredMarker', 'round', 'testId', 'textPrefix', 'textSuffix', 'timeMaskOptions', 'togglePassword', 'type', 'value'],
+        methods: ['doFocus', 'doBlur', 'clear']
+    })
+], CatInput);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatInput, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['accept', 'autoComplete', 'clearable', 'dateMaskOptions', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'loading', 'max', 'maxLength', 'min', 'minLength', 'multiple', 'name', 'nativeAttributes', 'placeholder', 'readonly', 'required', 'requiredMarker', 'round', 'testId', 'textPrefix', 'textSuffix', 'timeMaskOptions', 'togglePassword', 'type', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur', 'catChangeFiles'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }], catChangeFiles: [{
+                type: Output
+            }] } });
+let CatPagination = class CatPagination {
+    z;
+    el;
+    catChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatPagination, isStandalone: false, selector: "cat-pagination", inputs: { activePadding: "activePadding", compact: "compact", iconNext: "iconNext", iconPrev: "iconPrev", page: "page", pageCount: "pageCount", round: "round", sidePadding: "sidePadding", size: "size", variant: "variant" }, outputs: { catChange: "catChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatPagination = __decorate([
+    ProxyCmp({
+        inputs: ['activePadding', 'compact', 'iconNext', 'iconPrev', 'page', 'pageCount', 'round', 'sidePadding', 'size', 'variant']
+    })
+], CatPagination);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatPagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-pagination',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activePadding', 'compact', 'iconNext', 'iconPrev', 'page', 'pageCount', 'round', 'sidePadding', 'size', 'variant'],
+                    outputs: ['catChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }] } });
+let CatRadio = class CatRadio {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatRadio, isStandalone: false, selector: "cat-radio", inputs: { alignment: "alignment", checked: "checked", disabled: "disabled", hint: "hint", identifier: "identifier", label: "label", labelHidden: "labelHidden", labelLeft: "labelLeft", name: "name", nativeAttributes: "nativeAttributes", required: "required", testId: "testId", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatRadio = __decorate([
+    ProxyCmp({
+        inputs: ['alignment', 'checked', 'disabled', 'hint', 'identifier', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'required', 'testId', 'value'],
+        methods: ['doFocus', 'doBlur']
+    })
+], CatRadio);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatRadio, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-radio',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alignment', 'checked', 'disabled', 'hint', 'identifier', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'required', 'testId', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatRadioGroup = class CatRadioGroup {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatRadioGroup, isStandalone: false, selector: "cat-radio-group", inputs: { a11yLabel: "a11yLabel", disabled: "disabled", labelLeft: "labelLeft", name: "name", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatRadioGroup = __decorate([
+    ProxyCmp({
+        inputs: ['a11yLabel', 'disabled', 'labelLeft', 'name', 'value']
+    })
+], CatRadioGroup);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatRadioGroup, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-radio-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yLabel', 'disabled', 'labelLeft', 'name', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatScrollable = class CatScrollable {
+    z;
+    el;
+    scrolledTop = new EventEmitter();
+    scrolledLeft = new EventEmitter();
+    scrolledRight = new EventEmitter();
+    scrolledBottom = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatScrollable, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatScrollable, isStandalone: false, selector: "cat-scrollable", inputs: { noOverflowX: "noOverflowX", noOverflowY: "noOverflowY", noOverscroll: "noOverscroll", noScrolledInit: "noScrolledInit", noShadowX: "noShadowX", noShadowY: "noShadowY", scrolledBuffer: "scrolledBuffer" }, outputs: { scrolledTop: "scrolledTop", scrolledLeft: "scrolledLeft", scrolledRight: "scrolledRight", scrolledBottom: "scrolledBottom" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatScrollable = __decorate([
+    ProxyCmp({
+        inputs: ['noOverflowX', 'noOverflowY', 'noOverscroll', 'noScrolledInit', 'noShadowX', 'noShadowY', 'scrolledBuffer']
+    })
+], CatScrollable);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatScrollable, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-scrollable',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['noOverflowX', 'noOverflowY', 'noOverscroll', 'noScrolledInit', 'noShadowX', 'noShadowY', 'scrolledBuffer'],
+                    outputs: ['scrolledTop', 'scrolledLeft', 'scrolledRight', 'scrolledBottom'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { scrolledTop: [{
+                type: Output
+            }], scrolledLeft: [{
+                type: Output
+            }], scrolledRight: [{
+                type: Output
+            }], scrolledBottom: [{
+                type: Output
+            }] } });
+let CatSelect = class CatSelect {
+    z;
+    el;
+    catOpen = new EventEmitter();
+    catClose = new EventEmitter();
+    catChange = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatSelect, isStandalone: false, selector: "cat-select", inputs: { clearable: "clearable", debounce: "debounce", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", identifier: "identifier", label: "label", labelHidden: "labelHidden", multiple: "multiple", name: "name", nativeAttributes: "nativeAttributes", noItems: "noItems", placeholder: "placeholder", placement: "placement", required: "required", requiredMarker: "requiredMarker", tagHint: "tagHint", tags: "tags", testId: "testId", value: "value" }, outputs: { catOpen: "catOpen", catClose: "catClose", catChange: "catChange", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatSelect = __decorate([
+    ProxyCmp({
+        inputs: ['clearable', 'debounce', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'identifier', 'label', 'labelHidden', 'multiple', 'name', 'nativeAttributes', 'noItems', 'placeholder', 'placement', 'required', 'requiredMarker', 'tagHint', 'tags', 'testId', 'value'],
+        methods: ['doFocus', 'doBlur', 'clear', 'connect']
+    })
+], CatSelect);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSelect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-select',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['clearable', 'debounce', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'identifier', 'label', 'labelHidden', 'multiple', 'name', 'nativeAttributes', 'noItems', 'placeholder', 'placement', 'required', 'requiredMarker', 'tagHint', 'tags', 'testId', 'value'],
+                    outputs: ['catOpen', 'catClose', 'catChange', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catOpen: [{
+                type: Output
+            }], catClose: [{
+                type: Output
+            }], catChange: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatSelectDemo = class CatSelectDemo {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSelectDemo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatSelectDemo, isStandalone: false, selector: "cat-select-demo", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatSelectDemo = __decorate([
+    ProxyCmp({})
+], CatSelectDemo);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSelectDemo, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-select-demo',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: [],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatSkeleton = class CatSkeleton {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSkeleton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatSkeleton, isStandalone: false, selector: "cat-skeleton", inputs: { effect: "effect", lines: "lines", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatSkeleton = __decorate([
+    ProxyCmp({
+        inputs: ['effect', 'lines', 'size', 'variant']
+    })
+], CatSkeleton);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSkeleton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-skeleton',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['effect', 'lines', 'size', 'variant'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatSpinner = class CatSpinner {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSpinner, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatSpinner, isStandalone: false, selector: "cat-spinner", inputs: { a11yLabel: "a11yLabel", size: "size", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatSpinner = __decorate([
+    ProxyCmp({
+        inputs: ['a11yLabel', 'size', 'value']
+    })
+], CatSpinner);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatSpinner, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-spinner',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['a11yLabel', 'size', 'value'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+let CatTab = class CatTab {
+    z;
+    el;
+    catClick = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTab, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatTab, isStandalone: false, selector: "cat-tab", inputs: { deactivated: "deactivated", error: "error", icon: "icon", iconOnly: "iconOnly", iconRight: "iconRight", label: "label", nativeAttributes: "nativeAttributes", noActive: "noActive", sticky: "sticky", testId: "testId", url: "url", urlTarget: "urlTarget" }, outputs: { catClick: "catClick" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatTab = __decorate([
+    ProxyCmp({
+        inputs: ['deactivated', 'error', 'icon', 'iconOnly', 'iconRight', 'label', 'nativeAttributes', 'noActive', 'sticky', 'testId', 'url', 'urlTarget']
+    })
+], CatTab);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTab, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-tab',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['deactivated', 'error', 'icon', 'iconOnly', 'iconRight', 'label', 'nativeAttributes', 'noActive', 'sticky', 'testId', 'url', 'urlTarget'],
+                    outputs: ['catClick'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catClick: [{
+                type: Output
+            }] } });
+let CatTabs = class CatTabs {
+    z;
+    el;
+    catChange = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTabs, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatTabs, isStandalone: false, selector: "cat-tabs", inputs: { activeTab: "activeTab", activeTabAlwaysVisible: "activeTabAlwaysVisible", adaptive: "adaptive", tabsAlign: "tabsAlign" }, outputs: { catChange: "catChange" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatTabs = __decorate([
+    ProxyCmp({
+        inputs: ['activeTab', 'activeTabAlwaysVisible', 'adaptive', 'tabsAlign'],
+        methods: ['setActive', 'setActiveIndex', 'updateAdaptiveTabs']
+    })
+], CatTabs);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTabs, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-tabs',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['activeTab', 'activeTabAlwaysVisible', 'adaptive', 'tabsAlign'],
+                    outputs: ['catChange'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }] } });
+let CatTag = class CatTag {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTag, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatTag, isStandalone: false, selector: "cat-tag", inputs: { addOnBlur: "addOnBlur", clearable: "clearable", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", identifier: "identifier", label: "label", labelHidden: "labelHidden", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", required: "required", requiredMarker: "requiredMarker", tagCreationChars: "tagCreationChars", testId: "testId", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatTag = __decorate([
+    ProxyCmp({
+        inputs: ['addOnBlur', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'identifier', 'label', 'labelHidden', 'name', 'nativeAttributes', 'placeholder', 'required', 'requiredMarker', 'tagCreationChars', 'testId', 'value']
+    })
+], CatTag);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTag, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-tag',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['addOnBlur', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'identifier', 'label', 'labelHidden', 'name', 'nativeAttributes', 'placeholder', 'required', 'requiredMarker', 'tagCreationChars', 'testId', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatTextarea = class CatTextarea {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatTextarea, isStandalone: false, selector: "cat-textarea", inputs: { autoComplete: "autoComplete", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", identifier: "identifier", label: "label", labelHidden: "labelHidden", maxLength: "maxLength", minLength: "minLength", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", rows: "rows", testId: "testId", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatTextarea = __decorate([
+    ProxyCmp({
+        inputs: ['autoComplete', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'identifier', 'label', 'labelHidden', 'maxLength', 'minLength', 'name', 'nativeAttributes', 'placeholder', 'readonly', 'required', 'requiredMarker', 'rows', 'testId', 'value'],
+        methods: ['doFocus', 'doBlur', 'clear']
+    })
+], CatTextarea);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTextarea, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-textarea',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoComplete', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'identifier', 'label', 'labelHidden', 'maxLength', 'minLength', 'name', 'nativeAttributes', 'placeholder', 'readonly', 'required', 'requiredMarker', 'rows', 'testId', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatTime = class CatTime {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatTime, isStandalone: false, selector: "cat-time", inputs: { autoComplete: "autoComplete", clearable: "clearable", disabled: "disabled", errorUpdate: "errorUpdate", errors: "errors", hint: "hint", horizontal: "horizontal", icon: "icon", iconRight: "iconRight", identifier: "identifier", label: "label", labelHidden: "labelHidden", max: "max", min: "min", name: "name", nativeAttributes: "nativeAttributes", placeholder: "placeholder", placement: "placement", readonly: "readonly", required: "required", requiredMarker: "requiredMarker", step: "step", testId: "testId", textPrefix: "textPrefix", textSuffix: "textSuffix", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatTime = __decorate([
+    ProxyCmp({
+        inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'step', 'testId', 'textPrefix', 'textSuffix', 'value'],
+        methods: ['select', 'doFocus', 'doBlur', 'clear']
+    })
+], CatTime);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-time',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autoComplete', 'clearable', 'disabled', 'errorUpdate', 'errors', 'hint', 'horizontal', 'icon', 'iconRight', 'identifier', 'label', 'labelHidden', 'max', 'min', 'name', 'nativeAttributes', 'placeholder', 'placement', 'readonly', 'required', 'requiredMarker', 'step', 'testId', 'textPrefix', 'textSuffix', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatToggle = class CatToggle {
+    z;
+    el;
+    catChange = new EventEmitter();
+    catFocus = new EventEmitter();
+    catBlur = new EventEmitter();
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatToggle, isStandalone: false, selector: "cat-toggle", inputs: { alignment: "alignment", checked: "checked", disabled: "disabled", hint: "hint", identifier: "identifier", label: "label", labelHidden: "labelHidden", labelLeft: "labelLeft", name: "name", nativeAttributes: "nativeAttributes", noValue: "noValue", required: "required", resolvedValue: "resolvedValue", testId: "testId", value: "value" }, outputs: { catChange: "catChange", catFocus: "catFocus", catBlur: "catBlur" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatToggle = __decorate([
+    ProxyCmp({
+        inputs: ['alignment', 'checked', 'disabled', 'hint', 'identifier', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'noValue', 'required', 'resolvedValue', 'testId', 'value'],
+        methods: ['doFocus', 'doBlur']
+    })
+], CatToggle);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatToggle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-toggle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['alignment', 'checked', 'disabled', 'hint', 'identifier', 'label', 'labelHidden', 'labelLeft', 'name', 'nativeAttributes', 'noValue', 'required', 'resolvedValue', 'testId', 'value'],
+                    outputs: ['catChange', 'catFocus', 'catBlur'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { catChange: [{
+                type: Output
+            }], catFocus: [{
+                type: Output
+            }], catBlur: [{
+                type: Output
+            }] } });
+let CatTooltip = class CatTooltip {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTooltip, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: CatTooltip, isStandalone: false, selector: "cat-tooltip", inputs: { content: "content", disabled: "disabled", hideDelay: "hideDelay", longTouchDuration: "longTouchDuration", placement: "placement", round: "round", showDelay: "showDelay", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+CatTooltip = __decorate([
+    ProxyCmp({
+        inputs: ['content', 'disabled', 'hideDelay', 'longTouchDuration', 'placement', 'round', 'showDelay', 'size']
+    })
+], CatTooltip);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTooltip, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'cat-tooltip',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['content', 'disabled', 'hideDelay', 'longTouchDuration', 'placement', 'round', 'showDelay', 'size'],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+
+/**
+ * The header of a dialog.
+ */
+class CatDialogHeaderComponent {
+    closeTxt;
+    i18n = inject(CAT_I18N_REGISTRY_TOKEN);
+    constructor() {
+        this.closeTxt = this.i18n.t('dialog.close');
+    }
+    /**
+     * The title of the dialog.
+     */
+    headline;
+    /**
+     * The subtitle of the dialog.
+     */
+    subline;
+    /**
+     * Whether the dialog can be closed via a close button.
+     */
+    closable = true;
+    /**
+     * Emits when the close button is clicked.
+     */
+    close = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: CatDialogHeaderComponent, isStandalone: false, selector: "cat-dialog-header", inputs: { headline: "headline", subline: "subline", closable: "closable" }, outputs: { close: "close" }, host: { classAttribute: "cat-dialog-header" }, ngImport: i0, template: "@if (headline || subline) {\n  <div class=\"cat-dialog-header-content\">\n    @if (headline) {\n      <h3 class=\"cat-h5 cat-m-0\">{{ headline }}</h3>\n    }\n    @if (subline) {\n      <h4 class=\"cat-text-m cat-m-0\">{{ subline }}</h4>\n    }\n  </div>\n}\n<ng-content></ng-content>\n@if (closable) {\n  <cat-button\n    class=\"cat-dialog-close cat-button-pull\"\n    variant=\"text\"\n    size=\"s\"\n    icon=\"$cat:dialog-close\"\n    [iconOnly]=\"true\"\n    [a11yLabel]=\"closeTxt\"\n    (click)=\"close.emit()\"\n  ></cat-button>\n}\n", styles: [".cat-dialog-close{margin-left:auto;align-self:start}\n"], dependencies: [{ kind: "component", type: CatButton, selector: "cat-button", inputs: ["a11yCurrent", "a11yLabel", "active", "buttonGroupPosition", "buttonId", "color", "disabled", "icon", "iconOnly", "iconRight", "loading", "name", "nativeAttributes", "nativeContentAttributes", "noEllipsis", "round", "size", "submit", "testId", "url", "urlTarget", "value", "variant"], outputs: ["catClick", "catFocus", "catBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cat-dialog-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'cat-dialog-header'
+                    }, standalone: false, template: "@if (headline || subline) {\n  <div class=\"cat-dialog-header-content\">\n    @if (headline) {\n      <h3 class=\"cat-h5 cat-m-0\">{{ headline }}</h3>\n    }\n    @if (subline) {\n      <h4 class=\"cat-text-m cat-m-0\">{{ subline }}</h4>\n    }\n  </div>\n}\n<ng-content></ng-content>\n@if (closable) {\n  <cat-button\n    class=\"cat-dialog-close cat-button-pull\"\n    variant=\"text\"\n    size=\"s\"\n    icon=\"$cat:dialog-close\"\n    [iconOnly]=\"true\"\n    [a11yLabel]=\"closeTxt\"\n    (click)=\"close.emit()\"\n  ></cat-button>\n}\n", styles: [".cat-dialog-close{margin-left:auto;align-self:start}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { headline: [{
+                type: Input
+            }], subline: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+
+/**
+ * A modal dialog.
+ */
+class CatDialogComponent {
+    /**
+     * Flag to disable scrolling behavior of dialog content. Default is false. If set to true the
+     * using component is responsible for not overflowing the viewport.
+     */
+    noScroll = false;
+    /**
+     * Flag to disable/enable overscroll behavior.
+     */
+    noOverscroll = false;
+    /**
+     * Flag to not fire an initial scroll event after content initialization.
+     */
+    noScrolledInit = false;
+    /**
+     * Buffer to be used to calculate the content scroll distance.
+     */
+    scrolledBuffer = 0;
+    /**
+     * Emitted when the dialog content is fully scrolled to the bottom.
+     */
+    scrolledBottom = new EventEmitter();
+    header;
+    dialogRef = inject(DialogRef);
+    ngAfterContentInit() {
+        this.header?.close.subscribe(() => this.dialogRef.close());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: CatDialogComponent, isStandalone: false, selector: "cat-dialog", inputs: { noScroll: "noScroll", noOverscroll: "noOverscroll", noScrolledInit: "noScrolledInit", scrolledBuffer: "scrolledBuffer" }, outputs: { scrolledBottom: "scrolledBottom" }, host: { classAttribute: "cat-dialog" }, queries: [{ propertyName: "header", first: true, predicate: CatDialogHeaderComponent, descendants: true }], ngImport: i0, template: "<ng-content select=\"cat-dialog-header\"></ng-content>\n@if (!noScroll) {\n  <cat-scrollable\n    [noOverscroll]=\"noOverscroll\"\n    [noScrolledInit]=\"noScrolledInit\"\n    [scrolledBuffer]=\"scrolledBuffer\"\n    (scrolledBottom)=\"scrolledBottom.emit()\"\n  >\n    <div class=\"cat-dialog-content\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </cat-scrollable>\n} @else {\n  <div class=\"cat-dialog-content no-scroll\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n}\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n<ng-content select=\"cat-dialog-actions\"></ng-content>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}.cat-backdrop{transition-duration:.5s}.cat-dialog-pane{transform:translateZ(0)}.cat-dialog-pane .cdk-dialog-container>*:only-child{display:block;width:100%;height:100%;min-height:inherit;max-height:inherit}.cat-dialog{width:100%;height:100%;min-height:inherit;max-height:inherit;animation:cat-dialog-enter .25s ease}.cat-dialog cat-scrollable{flex-grow:1}@keyframes cat-dialog-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.cat-dialog-content.no-scroll{height:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CatScrollable, selector: "cat-scrollable", inputs: ["noOverflowX", "noOverflowY", "noOverscroll", "noScrolledInit", "noShadowX", "noShadowY", "scrolledBuffer"], outputs: ["scrolledTop", "scrolledLeft", "scrolledRight", "scrolledBottom"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cat-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'cat-dialog'
+                    }, standalone: false, template: "<ng-content select=\"cat-dialog-header\"></ng-content>\n@if (!noScroll) {\n  <cat-scrollable\n    [noOverscroll]=\"noOverscroll\"\n    [noScrolledInit]=\"noScrolledInit\"\n    [scrolledBuffer]=\"scrolledBuffer\"\n    (scrolledBottom)=\"scrolledBottom.emit()\"\n  >\n    <div class=\"cat-dialog-content\">\n      <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </div>\n  </cat-scrollable>\n} @else {\n  <div class=\"cat-dialog-content no-scroll\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n}\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n<ng-content select=\"cat-dialog-actions\"></ng-content>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}.cat-backdrop{transition-duration:.5s}.cat-dialog-pane{transform:translateZ(0)}.cat-dialog-pane .cdk-dialog-container>*:only-child{display:block;width:100%;height:100%;min-height:inherit;max-height:inherit}.cat-dialog{width:100%;height:100%;min-height:inherit;max-height:inherit;animation:cat-dialog-enter .25s ease}.cat-dialog cat-scrollable{flex-grow:1}@keyframes cat-dialog-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.cat-dialog-content.no-scroll{height:100%;overflow:hidden}\n"] }]
+        }], propDecorators: { noScroll: [{
+                type: Input
+            }], noOverscroll: [{
+                type: Input
+            }], noScrolledInit: [{
+                type: Input
+            }], scrolledBuffer: [{
+                type: Input
+            }], scrolledBottom: [{
+                type: Output
+            }], header: [{
+                type: ContentChild,
+                args: [CatDialogHeaderComponent]
+            }] } });
+
+class BooleanValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    writeValue(value) {
+        this.el.nativeElement.checked = this.lastValue = this.el.nativeElement.value == null ? value : this.el.nativeElement.value === value;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: BooleanValueAccessor, isStandalone: false, selector: "cat-checkbox, cat-toggle", host: { listeners: { "catChange": "handleChangeEvent($event.target?.[\"resolvedValue\"])" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: BooleanValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: BooleanValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-checkbox, cat-toggle',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target?.["resolvedValue"])'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: BooleanValueAccessor,
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class RadioValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: RadioValueAccessor, isStandalone: false, selector: "cat-radio, cat-radio-group", host: { listeners: { "catChange": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: RadioValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: RadioValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-radio, cat-radio-group',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target?.["value"])'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: RadioValueAccessor,
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class SelectValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SelectValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: SelectValueAccessor, isStandalone: false, selector: "cat-select, cat-tag", host: { listeners: { "catChange": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: SelectValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SelectValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-select, cat-tag',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target?.["value"])'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: SelectValueAccessor,
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class SelectValueAccessorDecorator {
+    el;
+    /**
+     * The connector to use for the select.
+     */
+    connector;
+    constructor(el) {
+        this.el = el;
+    }
+    ngOnChanges({ connector }) {
+        if (connector?.currentValue) {
+            this.el.nativeElement.connect(connector.currentValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SelectValueAccessorDecorator, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: SelectValueAccessorDecorator, isStandalone: false, selector: "cat-select", inputs: { connector: "connector" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SelectValueAccessorDecorator, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-select',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { connector: [{
+                type: Input
+            }] } });
+
+class TextValueAccessor extends ValueAccessor {
+    constructor(el) {
+        super(el);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: TextValueAccessor, isStandalone: false, selector: "cat-input, cat-textarea, cat-datepicker, cat-datepicker-inline", host: { listeners: { "catChange": "handleChangeEvent($event.target?.[\"value\"])" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: TextValueAccessor,
+                multi: true
+            }
+        ], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: TextValueAccessor, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-input, cat-textarea, cat-datepicker, cat-datepicker-inline',
+                    host: {
+                        '(catChange)': 'handleChangeEvent($event.target?.["value"])'
+                    },
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: TextValueAccessor,
+                            multi: true
+                        }
+                    ],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
+
+class ValueAccessorDecorator {
+    el;
+    controlDirective;
+    controlContainer;
+    /**
+     * Whether to show errors directly after initialization
+     * (i.e. before the user has interacted with the input).
+     */
+    errorInit = false;
+    constructor(el, controlDirective, controlContainer) {
+        this.el = el;
+        this.controlDirective = controlDirective;
+        this.controlContainer = controlContainer;
+    }
+    ngAfterViewInit() {
+        this.controlDirective?.statusChanges?.subscribe(() => this.updateErrors());
+        const controlName = this.controlDirective?.name?.toString() ?? '';
+        const control = this.controlContainer?.control?.get(controlName);
+        if (control?.hasValidator(Validators.required)) {
+            this.el.nativeElement.required = true;
+        }
+        if (this.errorInit) {
+            this.updateErrors();
+        }
+    }
+    updateErrors() {
+        this.el.nativeElement.errors = this.controlDirective?.errors || !!this.controlDirective?.invalid;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ValueAccessorDecorator, deps: [{ token: i0.ElementRef }, { token: i1.NgControl, optional: true, self: true }, { token: i1.ControlContainer, host: true, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: ValueAccessorDecorator, isStandalone: false, selector: "cat-input, cat-textarea, cat-datepicker, cat-select, cat-date, cat-time, cat-tag", inputs: { errorInit: "errorInit" }, host: { listeners: { "catBlur": "updateErrors()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ValueAccessorDecorator, decorators: [{
+            type: Directive,
+            args: [{
+                    /* tslint:disable-next-line:directive-selector */
+                    selector: 'cat-input, cat-textarea, cat-datepicker, cat-select, cat-date, cat-time, cat-tag',
+                    host: {
+                        '(catBlur)': 'updateErrors()'
+                    },
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i1.ControlContainer, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }, {
+                    type: SkipSelf
+                }] }], propDecorators: { errorInit: [{
+                type: Input
+            }] } });
+
+/**
+ * A directive that can be used to add a Catalyst tooltip to an element.
+ */
+class CatTooltipDirective {
+    catTooltip;
+    component;
+    templateRef = inject(TemplateRef);
+    viewContainer = inject(ViewContainerRef);
+    ngOnInit() {
+        this.component = this.viewContainer.createComponent(CatTooltip, {
+            projectableNodes: [this.viewContainer.createEmbeddedView(this.templateRef).rootNodes]
+        });
+        this.component.instance.content = this.catTooltip;
+    }
+    ngOnChanges() {
+        if (this.component) {
+            this.component.instance.content = this.catTooltip;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.3", type: CatTooltipDirective, isStandalone: false, selector: "[catTooltip]", inputs: { catTooltip: "catTooltip" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[catTooltip]',
+                    standalone: false
+                }]
+        }], propDecorators: { catTooltip: [{
+                type: Input
+            }] } });
+
+const CatComponents = [
+    CatAlert,
+    CatAvatar,
+    CatBadge,
+    CatButton,
+    CatButtonGroup,
+    CatCard,
+    CatCheckbox,
+    CatDate,
+    CatDateInline,
+    CatDatepicker,
+    CatDropdown,
+    CatFormGroup,
+    CatIcon,
+    CatInput,
+    CatPagination,
+    CatRadio,
+    CatRadioGroup,
+    CatScrollable,
+    CatSelect,
+    CatSkeleton,
+    CatSpinner,
+    CatTab,
+    CatTabs,
+    CatTextarea,
+    CatTime,
+    CatToggle,
+    CatTooltip,
+    CatTag
+];
+const CatDirectives = [
+    BooleanValueAccessor,
+    DateValueAccessor,
+    RadioValueAccessor,
+    SelectValueAccessor,
+    SelectValueAccessorDecorator,
+    TextValueAccessor,
+    TimeValueAccessor,
+    ValueAccessorDecorator,
+    DatetimeComponent
+];
+class CatalystModule {
+    static forRoot() {
+        defineCustomElements();
+        return {
+            ngModule: CatalystModule
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatalystModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.3", ngImport: i0, type: CatalystModule, declarations: [CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatTime, CatToggle, CatTooltip, CatTag, BooleanValueAccessor,
+            DateValueAccessor,
+            RadioValueAccessor,
+            SelectValueAccessor,
+            SelectValueAccessorDecorator,
+            TextValueAccessor,
+            TimeValueAccessor,
+            ValueAccessorDecorator,
+            DatetimeComponent, CatDialogComponent,
+            CatDialogHeaderComponent,
+            CatDialogActionsComponent,
+            CatTooltipDirective], imports: [CommonModule, DialogModule], exports: [CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatTime, CatToggle, CatTooltip, CatTag, BooleanValueAccessor,
+            DateValueAccessor,
+            RadioValueAccessor,
+            SelectValueAccessor,
+            SelectValueAccessorDecorator,
+            TextValueAccessor,
+            TimeValueAccessor,
+            ValueAccessorDecorator,
+            DatetimeComponent, CatDialogComponent,
+            CatDialogHeaderComponent,
+            CatDialogActionsComponent,
+            CatTooltipDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatalystModule, imports: [CommonModule, DialogModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatalystModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, DialogModule],
+                    declarations: [
+                        ...CatComponents,
+                        ...CatDirectives,
+                        CatDialogComponent,
+                        CatDialogHeaderComponent,
+                        CatDialogActionsComponent,
+                        CatTooltipDirective
+                    ],
+                    exports: [
+                        ...CatComponents,
+                        ...CatDirectives,
+                        CatDialogComponent,
+                        CatDialogHeaderComponent,
+                        CatDialogActionsComponent,
+                        CatTooltipDirective
+                    ],
+                    providers: []
+                }]
+        }] });
+
+/**
+ * Injection token for custom dialog sizes. The map should contain a key-value
+ * pair of size names and their corresponding CSS width values. The key `default`
+ * is used as the default size when no size is specified.
+ */
+const CAT_DIALOG_SIZE_TOKEN = new InjectionToken('CatDialogSize');
+/**
+ * A service for managing modal dialogs.
+ */
+class CatDialogService {
+    dialog = inject(Dialog);
+    size = inject(CAT_DIALOG_SIZE_TOKEN, { optional: true });
+    /**
+     * Opens a modal dialog containing the given component.
+     *
+     * @param component The component to render as dialog content.
+     * @param config The dialog configuration.
+     * @returns The return value of the dialog.
+     */
+    open(component, config) {
+        return this.openWithRef(component, config).closed;
+    }
+    /**
+     * Opens a modal dialog containing the given component and returns a reference to the dialog.
+     *
+     * @param component - The component to render as dialog content.
+     * @param config - The dialog configuration.
+     * @returns A reference to the just opened dialog.
+     */
+    openWithRef(component, config) {
+        const panelClass = config?.panelClass ?? [];
+        return this.dialog.open(component, {
+            backdropClass: 'cat-backdrop',
+            minWidth: 'clamp(240px, 100vw - 16px, 320px)',
+            minHeight: 'clamp(144px, 100vh - 16px, 160px)',
+            maxHeight: 'calc(100vh - 64px)',
+            maxWidth: 'calc(100vw - 64px)',
+            ...config,
+            width: config?.width ? (this.size?.[config.width] ?? config.width) : (this.size?.['default'] ?? '600px'),
+            panelClass: ['cat-dialog-pane', ...(Array.isArray(panelClass) ? panelClass : [panelClass])]
+        });
+    }
+    /**
+     * Closes all open dialogs.
+     */
+    closeAll() {
+        this.dialog.closeAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: CatDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BooleanValueAccessor, CAT_DIALOG_SIZE_TOKEN, CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CAT_LOG_TOKEN, CAT_NOTIFICATION_SERVICE_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatButtonGroup, CatCard, CatCheckbox, CatDate, CatDateInline, CatDatepicker, CatDatepickerInline, CatDialogActionsComponent, CatDialogComponent, CatDialogHeaderComponent, CatDialogService, CatDropdown, CatFormGroup, CatIcon, CatInput, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSelectDemo, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTag, CatTextarea, CatTime, CatToggle, CatTooltip, CatTooltipDirective, CatalystModule, DateValueAccessor, DatetimeComponent, RadioValueAccessor, SelectValueAccessor, SelectValueAccessorDecorator, TextValueAccessor, TimeValueAccessor, ValueAccessor, ValueAccessorDecorator };
+//# sourceMappingURL=haiilo-catalyst-angular.mjs.map