kage-ui

import * as _angular_core from '@angular/core'; import { AfterViewInit, ElementRef, QueryList, InputSignal, TemplateRef, AfterContentInit, OnInit, OnDestroy, Renderer2, PipeTransform, Type, ComponentRef, EmbeddedViewRef } from '@angular/core'; import { ControlValueAccessor } from '@angular/forms'; import * as rxjs from 'rxjs'; declare class KageAccordion implements AfterViewInit { header: ElementRef; content: ElementRef; cssClass: _angular_core.InputSignal<string | undefined>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; expanded: _angular_core.InputSignal<boolean>; private renderer; ngAfterViewInit(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageAccordion, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageAccordion, "kage-accordion", never, { "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, {}, never, ["[slot='header']", "[slot='content']"], true, never>; } declare class KageAvatar { src: _angular_core.InputSignal<string | undefined>; alt: _angular_core.InputSignal<string | undefined>; cssClass: _angular_core.InputSignal<string | undefined>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageAvatar, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageAvatar, "kage-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageBadge { cssClass: _angular_core.InputSignal<string | undefined>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageBadge, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageBadge, "kage-badge", never, { "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageBreadCrumb { label: _angular_core.InputSignal<string | undefined>; href: _angular_core.InputSignal<string | undefined>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageBreadCrumb, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageBreadCrumb, "kage-bread-crumb", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageBreadCrumbs { cssClass: _angular_core.InputSignal<string | undefined>; iconDepth: _angular_core.InputSignal<number | undefined>; breadCrumps: QueryList<KageBreadCrumb>; private location; backToPreviousPage(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageBreadCrumbs, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageBreadCrumbs, "kage-bread-crumbs", never, { "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "iconDepth": { "alias": "iconDepth"; "required": false; "isSignal": true; }; }, {}, ["breadCrumps"], never, true, never>; } declare class KageButton { cssClass: _angular_core.InputSignal<string | undefined>; type: _angular_core.InputSignal<"button" | "reset" | "submit">; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; disabled: _angular_core.InputSignal<boolean>; isDisabled: _angular_core.WritableSignal<boolean>; loading: _angular_core.InputSignal<boolean>; iconRight: _angular_core.InputSignal<boolean>; ariaLabel: _angular_core.InputSignal<string>; fill: _angular_core.InputSignal<"clear" | "outline">; private onChange; private onTouched; value: any; get getRippleColor(): "var(--color-primary)" | "var(--color-secondary)" | "var(--color-tertiary)" | "var(--color-success)" | "var(--color-warning)" | "var(--color-danger)" | "var(--color-info)" | "var(--color-medium)"; writeValue(value: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState?(isDisabled: boolean): void; handleClick(): void; handleKeydown(event: KeyboardEvent): void; onHostClick(event: MouseEvent): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageButton, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageButton, "kage-button", never, { "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "*", "[icon]"], true, never>; } declare class KageCalendar implements ControlValueAccessor { mode: _angular_core.InputSignal<"single" | "range" | "multiple">; disabled: _angular_core.ModelSignal<boolean>; disabledDateFn: _angular_core.InputSignal<((date: Date | null) => boolean) | undefined>; invalidDateFn: _angular_core.InputSignal<((date: Date | null) => boolean) | undefined>; onChange: (_: any) => void; onTouched: () => void; kageChange: _angular_core.OutputEmitterRef<void>; kageTouched: _angular_core.OutputEmitterRef<void>; calendar: Array<Array<Date | null>>; value: any; private range; private multipleDates; constructor(); writeValue(obj: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState?(isDisabled: boolean): void; onBlur(): void; /** * Adjust class based on boolean values * @param date - Disable date * @returns - boolean */ isDateMultiple(date: Date | null): boolean; /** * Adjust class based on boolean values * @param date - Disable date * @returns - boolean */ isDateSelected(date: Date | null): boolean; /** * Modify calendar based on these * @param date - Date * @returns - Booelan */ isInRange(date: Date | null): boolean; /** * Adjust class based on boolean values * @param date - Disable date * @returns - boolean */ isDateDisabled(date: Date | null): boolean; /** * Depends on user which date to be set as invalid * @param date - Date * @returns - Boolean */ isinvalidDate(date: Date | null): boolean; /** * Today validation * @param date - For any date * @returns - boolean */ isToday(date: Date | null): boolean; /** * Calculate and recalculate date * @param date */ dateClicked(date: Date | null): void; /** * Calendar navigation next month */ nextMonth(): void; /** * Calendar navigation prev month */ prevMonth(): void; createCalendar(month: number, year: number): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageCalendar, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageCalendar, "kage-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "disabledDateFn": { "alias": "disabledDateFn"; "required": false; "isSignal": true; }; "invalidDateFn": { "alias": "invalidDateFn"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "kageChange": "kageChange"; "kageTouched": "kageTouched"; }, never, never, true, never>; } declare class KageCard { href: _angular_core.InputSignal<string | undefined>; cssClass: _angular_core.InputSignal<string | undefined>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageCard, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageCard, "kage-card", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, {}, never, ["[slot='card-image']", "[slot='card-title']", "[slot='card-subtitle']", "[slot='card-content']", "[slot='card-action']"], true, never>; } declare class KageCheckbox implements ControlValueAccessor { label: _angular_core.InputSignal<string>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; disabled: _angular_core.InputSignal<boolean>; isDisabled: _angular_core.WritableSignal<boolean>; checked: boolean; name: _angular_core.InputSignal<string | undefined>; id: _angular_core.InputSignal<string | undefined>; cssClass: _angular_core.InputSignal<string | undefined>; private onChange; private onTouched; writeValue(value: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState?(isDisabled: boolean): void; toggleChecked(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageCheckbox, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageCheckbox, "kage-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageChip { color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; onRemove: _angular_core.OutputEmitterRef<void>; removable: _angular_core.InputSignal<boolean>; removeIconDepth: _angular_core.InputSignal<number | undefined>; removeChip(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageChip, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageChip, "kage-chip", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeIconDepth": { "alias": "removeIconDepth"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; }, never, ["[slot='icon']", "*"], true, never>; } declare class KageCol { xs: _angular_core.InputSignal<number | undefined>; sm: _angular_core.InputSignal<number | undefined>; md: _angular_core.InputSignal<number | undefined>; lg: _angular_core.InputSignal<number | undefined>; xl: _angular_core.InputSignal<number | undefined>; offsetXs: _angular_core.InputSignal<number | undefined>; offsetSm: _angular_core.InputSignal<number | undefined>; offsetMd: _angular_core.InputSignal<number | undefined>; offsetLg: _angular_core.InputSignal<number | undefined>; offsetXl: _angular_core.InputSignal<number | undefined>; span: _angular_core.InputSignal<number | undefined>; offset: _angular_core.InputSignal<number | undefined>; get isXs(): boolean; get isSm(): boolean; get isMd(): boolean; get isLg(): boolean; get isXl(): boolean; get autoStack(): boolean; get xsSpan(): string | null; get smSpan(): string | null; get mdSpan(): string | null; get lgSpan(): string | null; get xlSpan(): string | null; get xsOffset(): string | null; get smOffset(): string | null; get mdOffset(): string | null; get lgOffset(): string | null; get xlOffset(): string | null; get baseFlex(): string | null; get baseOffset(): string | null; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageCol, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageCol, "kage-col", never, { "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "offsetXs": { "alias": "offsetXs"; "required": false; "isSignal": true; }; "offsetSm": { "alias": "offsetSm"; "required": false; "isSignal": true; }; "offsetMd": { "alias": "offsetMd"; "required": false; "isSignal": true; }; "offsetLg": { "alias": "offsetLg"; "required": false; "isSignal": true; }; "offsetXl": { "alias": "offsetXl"; "required": false; "isSignal": true; }; "span": { "alias": "span"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageFabItem { title: InputSignal<string | undefined>; color: InputSignal<"danger" | "success" | "warning" | undefined>; redirectURI: InputSignal<string | undefined>; disabled: InputSignal<boolean>; cssClass: InputSignal<string | undefined>; content: TemplateRef<any>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageFabItem, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageFabItem, "kage-fab-item", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "redirectURI": { "alias": "redirectURI"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageFab { expandItems: QueryList<KageFabItem>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; position: _angular_core.InputSignal<"top-left" | "top-right" | "bottom-left" | "bottom-right">; cssClass: _angular_core.InputSignal<string | undefined>; onClick: _angular_core.OutputEmitterRef<Event>; onChange: _angular_core.OutputEmitterRef<string>; clicked(event: Event): void; onChangeEffect(event: any): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageFab, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageFab, "kage-fab-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onChange": "onChange"; }, ["expandItems"], ["[slot='icon']"], true, never>; } declare class KageGrid { gap: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageGrid, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageGrid, "kage-grid", never, { "gap": { "alias": "gap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageIcon implements AfterViewInit { name: _angular_core.InputSignal<string | undefined>; svgSrc: _angular_core.InputSignal<string | undefined>; size: _angular_core.InputSignal<number | undefined>; depth: _angular_core.InputSignal<number | undefined>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; private renderer; private elementRef; private http; constructor(); ngAfterViewInit(): void; private decide; private insertSvg; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageIcon, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageIcon, "kage-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "svgSrc": { "alias": "svgSrc"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "depth": { "alias": "depth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageInput implements ControlValueAccessor, AfterViewInit { label: _angular_core.InputSignal<string>; name: _angular_core.InputSignal<string>; type: _angular_core.InputSignal<string>; placeholder: _angular_core.InputSignal<string>; disabled: _angular_core.ModelSignal<boolean>; readonly: _angular_core.InputSignal<boolean>; autoFocus: _angular_core.InputSignal<boolean>; debounce: _angular_core.InputSignal<number | undefined>; autocomplete: _angular_core.InputSignal<InputAutoComplete$1>; cssClass: _angular_core.InputSignal<string | undefined>; valueChanged: _angular_core.OutputEmitterRef<string>; maxLength: _angular_core.InputSignal<number | undefined>; inputRef: ElementRef; private debouncer; value: string; private platformId; onChange: (_: any) => void; onTouched: () => void; ngAfterViewInit(): void; writeValue(val: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState?(isDisabled: boolean): void; handleInput(event: Event): void; updateValue(val: string): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageInput, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageInput, "kage-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "valueChanged": "valueChanged"; }, never, ["[slot='icon-start']", "[slot='icon-end']", "[slot='hint']", "[slot='error']"], true, never>; } type InputAutoComplete$1 = 'on' | 'off' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'street-address' | 'country' | 'country-name' | 'postal-code' | 'name' | 'additional-name' | 'family-name' | 'given-name' | 'honoric-prefix' | 'honoric-suffix' | 'nickname' | 'organization-title' | 'username' | 'new-password' | 'current-password' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'one-time-code' | 'organization' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'url' | 'email' | 'photo' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-extension' | 'impp'; declare class KageOption { value: _angular_core.InputSignal<any>; label: _angular_core.InputSignal<string>; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageOption, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageOption, "kage-option", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } interface PaginationInfo { totalPages: number; currentPage: number; } declare class KagePagination { onPageChange: _angular_core.OutputEmitterRef<number>; info: _angular_core.InputSignal<PaginationInfo>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium">; pages: _angular_core.Signal<(string | number)[]>; previousPage(): void; nextPage(): void; toPage(page: number): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KagePagination, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KagePagination, "kage-pagination", never, { "info": { "alias": "info"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "onPageChange": "onPageChange"; }, never, never, true, never>; } declare class KageProgressBar { mode: _angular_core.InputSignal<"determinate" | "buffer" | "indeterminate">; value: _angular_core.InputSignal<number>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium">; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageProgressBar, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageProgressBar, "kage-progress-bar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageRadioGroup implements ControlValueAccessor, AfterContentInit { name: _angular_core.InputSignal<string>; disabled: _angular_core.InputSignal<boolean>; isDisabled: _angular_core.WritableSignal<boolean>; radios: QueryList<KageRadio>; private _value; private onChange; private onTouched; constructor(); ngAfterContentInit(): void; writeValue(value: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState(isDisabled: boolean): void; selectValue(value: any): void; private updateSelection; private updateDisabled; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageRadioGroup, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageRadioGroup, "kage-radio-group", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["radios"], ["*"], true, never>; } declare class KageRadio { value: _angular_core.InputSignal<any>; disabled: _angular_core.InputSignal<boolean>; isDisabled: _angular_core.WritableSignal<boolean>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium">; checked: boolean; cssClass: _angular_core.InputSignal<string | undefined>; name: string; private group; setGroup(group: KageRadioGroup): void; setDisabled(disabled: boolean): void; onSelect(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageRadio, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageRadio, "kage-radio", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageRange { min: _angular_core.InputSignal<number>; max: _angular_core.InputSignal<number>; step: _angular_core.InputSignal<number>; disabled: _angular_core.InputSignal<boolean>; ticks: _angular_core.InputSignal<boolean | string[]>; vertical: _angular_core.InputSignal<boolean>; showTooltip: _angular_core.InputSignal<boolean>; valueChange: _angular_core.OutputEmitterRef<number>; focus: _angular_core.OutputEmitterRef<void>; blur: _angular_core.OutputEmitterRef<void>; cssClass: _angular_core.InputSignal<string | undefined>; color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; value: number; isDisabled: _angular_core.WritableSignal<boolean>; private onChange; private onTouched; private valueChange$; constructor(); get tickArray(): number[]; get tickLabels(): string[]; get hasLabeledTicks(): boolean; get tooltipPosition(): string; onInput(event: Event): void; onFocus(): void; onBlur(): void; writeValue(val: number): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState(isDisabled: boolean): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageRange, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageRange, "kage-range", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ticks": { "alias": "ticks"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>; } declare class KageRow { align: _angular_core.InputSignal<"start" | "end" | "center">; justify: _angular_core.InputSignal<"start" | "end" | "center" | "between" | "around" | "evenly">; get alignClass(): string; get justifyClass(): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageRow, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageRow, "kage-row", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageSearchbar implements ControlValueAccessor, OnInit { placeholder: _angular_core.InputSignal<string>; debounce: _angular_core.InputSignal<number>; autofocus: _angular_core.InputSignal<boolean>; disabled: _angular_core.InputSignal<boolean>; showClear: _angular_core.InputSignal<boolean>; search: _angular_core.OutputEmitterRef<string>; value: string; isDisabled: _angular_core.WritableSignal<boolean>; onChange: (value: string) => void; onTouched: () => void; private input$; ngOnInit(): void; onInput(event: Event): void; clear(): void; writeValue(value: string): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState(disabled: boolean): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageSearchbar, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageSearchbar, "kage-searchbar", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; }, { "search": "search"; }, never, never, true, never>; } interface KageSegmentOption { label: string; value: string | number; disabled?: boolean; } declare class KageSegment implements ControlValueAccessor { options: _angular_core.InputSignal<string[] | KageSegmentOption[]>; disabled: _angular_core.InputSignal<boolean>; onSegmentChange: _angular_core.OutputEmitterRef<string | number>; selectedValue: string | number; isDisabled: _angular_core.WritableSignal<boolean>; private onChange; private onTouched; get normalizedOptions(): Array<KageSegmentOption>; select(value: string | number, disabled?: boolean): void; onKeyDown(e: KeyboardEvent): void; writeValue(val: string | number): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState(isDisabled: boolean): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageSegment, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageSegment, "kage-segment", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onSegmentChange": "onSegmentChange"; }, never, ["*"], true, never>; } declare class KageSelect implements ControlValueAccessor, AfterContentInit, OnDestroy { containerRef: ElementRef; childrens: QueryList<KageOption>; private obsDestroyer$; label: _angular_core.InputSignal<string | undefined>; placeholder: _angular_core.InputSignal<string>; disabled: _angular_core.InputSignal<boolean>; isDisabled: _angular_core.WritableSignal<boolean>; cssClass: _angular_core.InputSignal<string | undefined>; valueChange: _angular_core.OutputEmitterRef<any>; isOpen: boolean; selectedOption: any; focusedIndex: number; options: Array<{ label: string; value: any; }>; onChange: (value: any) => void; onTouched: () => void; ngAfterContentInit(): void; toggleDropdown(): void; selectOption(option: any, index: number): void; onKeyDown(event: KeyboardEvent): void; handleOutsideClick(event: MouseEvent): void; writeValue(value: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState(isDisabled: boolean): void; ngOnDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageSelect, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageSelect, "kage-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["childrens"], ["[slot='icon-start']", "[slot='icon-end']"], true, never>; } declare class KageTextarea { label: _angular_core.InputSignal<string>; placeholder: _angular_core.InputSignal<string>; disabled: _angular_core.InputSignal<boolean>; readonly: _angular_core.InputSignal<boolean>; maxLength: _angular_core.InputSignal<number | undefined>; autoFocus: _angular_core.InputSignal<boolean>; debounce: _angular_core.InputSignal<number | undefined>; rows: _angular_core.InputSignal<number>; autoResize: _angular_core.InputSignal<boolean | undefined>; autocomplete: _angular_core.InputSignal<InputAutoComplete>; cssClass: _angular_core.InputSignal<string | undefined>; valueChanged: _angular_core.OutputEmitterRef<string>; textareaRef: ElementRef; private debouncer; value: string; isDisabled: _angular_core.WritableSignal<boolean>; private platformId; onChange: (_: any) => void; onTouched: () => void; ngAfterViewInit(): void; writeValue(val: any): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState?(isDisabled: boolean): void; handleInput(event: Event): void; updateValue(val: string): void; resizeTextarea(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageTextarea, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageTextarea, "kage-textarea", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "cssClass": { "alias": "cssClass"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, never, ["[slot='icon-start']", "[slot='icon-end']", "[slot='hint']", "[slot='error']"], true, never>; } type InputAutoComplete = 'on' | 'off' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level1' | 'address-level2' | 'address-level3' | 'address-level4' | 'street-address' | 'country' | 'country-name' | 'postal-code' | 'name' | 'additional-name' | 'family-name' | 'given-name' | 'honoric-prefix' | 'honoric-suffix' | 'nickname' | 'organization-title' | 'username' | 'new-password' | 'current-password' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'one-time-code' | 'organization' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'url' | 'email' | 'photo' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-local-prefix' | 'tel-local-suffix' | 'tel-extension' | 'impp'; declare class KageToggle implements ControlValueAccessor { color: _angular_core.InputSignal<"primary" | "secondary" | "tertiary" | "danger" | "success" | "warning" | "info" | "medium" | undefined>; disabled: _angular_core.InputSignal<boolean>; isDisabled: _angular_core.WritableSignal<boolean>; checked: _angular_core.InputSignal<boolean>; private _checkedSignal; private onChange; private onTouched; constructor(); writeValue(value: boolean): void; registerOnChange(fn: any): void; registerOnTouched(fn: any): void; setDisabledState?(isDisabled: boolean): void; handleToggle(event: any): void; get isChecked(): boolean; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageToggle, never>; static ɵcmp: _angular_core.ɵɵComponentDeclaration<KageToggle, "kage-toggle", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>; } declare class KageCopyDirective { kageCopy: _angular_core.InputSignal<string>; private toast; onClick(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageCopyDirective, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KageCopyDirective, "[kageCopy]", never, { "kageCopy": { "alias": "kageCopy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageImageViewDirective implements AfterViewInit { private element; private document; private toastService; private imageCmp; ngAfterViewInit(): void; private previewImage; private downloadImage; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageImageViewDirective, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KageImageViewDirective, "[kageImageView]", never, {}, {}, never, never, true, never>; } type ClassCondition = { width?: number; height?: number; className: string; }; declare class KageResizeDirective implements OnInit, OnDestroy { observeWidth: _angular_core.InputSignal<boolean>; observeHeight: _angular_core.InputSignal<boolean>; debounceTime: _angular_core.InputSignal<number>; resizeMode: _angular_core.InputSignal<"debounce" | "throttle">; minWidthClass: _angular_core.InputSignal<ClassCondition | undefined>; maxWidthClass: _angular_core.InputSignal<ClassCondition | undefined>; minHeightClass: _angular_core.InputSignal<ClassCondition | undefined>; maxHeightClass: _angular_core.InputSignal<ClassCondition | undefined>; onResize?: (rect: DOMRectReadOnly) => void; kageResized: _angular_core.OutputEmitterRef<DOMRectReadOnly>; private resizeSubject; private observer?; private el; private zone; private renderer; ngOnInit(): void; private applyClasses; ngOnDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageResizeDirective, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KageResizeDirective, "[kageResized]", never, { "observeWidth": { "alias": "observeWidth"; "required": false; "isSignal": true; }; "observeHeight": { "alias": "observeHeight"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "resizeMode": { "alias": "resizeMode"; "required": false; "isSignal": true; }; "minWidthClass": { "alias": "minWidthClass"; "required": false; "isSignal": true; }; "maxWidthClass": { "alias": "maxWidthClass"; "required": false; "isSignal": true; }; "minHeightClass": { "alias": "minHeightClass"; "required": false; "isSignal": true; }; "maxHeightClass": { "alias": "maxHeightClass"; "required": false; "isSignal": true; }; "onResize": { "alias": "onResize"; "required": false; }; }, { "kageResized": "kageResized"; }, never, never, true, never>; } declare class KageRippleDirective { rippleColor: _angular_core.InputSignal<string | undefined>; private container; private keyframesInjected; private el; private renderer; private document; private platformId; constructor(); onClick(event: MouseEvent): void; private injectRippleKeyframes; ngOnDestroy(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageRippleDirective, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KageRippleDirective, "[kageRipple]", never, { "rippleColor": { "alias": "rippleColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageImageFallbackDirective { private el; private renderer; fallbackUrl: _angular_core.InputSignal<string>; constructor(el: ElementRef, renderer: Renderer2); loadFallbackOnError(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageImageFallbackDirective, never>; static ɵdir: _angular_core.ɵɵDirectiveDeclaration<KageImageFallbackDirective, "[kageImageFallback]", never, { "fallbackUrl": { "alias": "kageImageFallback"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>; } declare class KageBytesPipe implements PipeTransform { transform(value: number | null | undefined, decimalPlaces?: number): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageBytesPipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageBytesPipe, "bytes", true>; } declare class KageCapitalizePipe implements PipeTransform { transform(value: string | null | undefined): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageCapitalizePipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageCapitalizePipe, "capitalize", true>; } declare class KageHighlightPipe implements PipeTransform { transform(text: string, search: string, tag?: string): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageHighlightPipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageHighlightPipe, "highlight", true>; } declare class KageMaskPipe implements PipeTransform { transform(value: string | null | undefined, maskChar?: string, visibleStart?: number, visibleEnd?: number, preset?: 'email' | 'phone' | 'card'): string; private maskEmail; private maskPhone; private maskCard; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageMaskPipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageMaskPipe, "mask", true>; } declare class KageOrdinatePipe implements PipeTransform { transform(value: number | null | undefined): string; private getOrdinalSuffix; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageOrdinatePipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageOrdinatePipe, "ordinate", true>; } declare class KageRepeatPipe implements PipeTransform { transform(value: string | null | undefined, count?: number): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageRepeatPipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageRepeatPipe, "repeat", true>; } declare class KageSlugifyPipe implements PipeTransform { transform(value: string | null | undefined): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageSlugifyPipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageSlugifyPipe, "slugify", true>; } declare class KageTimeAgoPipe implements PipeTransform { transform(value: Date | string | number): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageTimeAgoPipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageTimeAgoPipe, "timeAgo", true>; } declare class KageTruncatePipe implements PipeTransform { transform(value: string | null | undefined, limit?: number, suffix?: string): string; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageTruncatePipe, never>; static ɵpipe: _angular_core.ɵɵPipeDeclaration<KageTruncatePipe, "truncate", true>; } interface AlertButton { label: string; role?: 'confirm' | 'cancel' | string; handler?: (values?: Record<string, string>) => void | Promise<void>; primary?: boolean; disabled?: boolean; color?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'success' | 'warning' | 'info'; } interface AlertInput { name: string; label?: string; type?: string; placeholder?: string; value?: string; } interface AlertOptions { title?: string; message: string; dismissible?: boolean; buttons?: AlertButton[]; inputs?: AlertInput[]; } declare class KageAlertCtrl { private appRef; private injector; private compRef; show(options: AlertOptions): Promise<{ values: Record<string, string>; button: AlertButton | null; }>; close(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageAlertCtrl, never>; static ɵprov: _angular_core.ɵɵInjectableDeclaration<KageAlertCtrl>; } declare class KageDrawerCtrl { private stack; private envInjector; private injector; private appRef; private document; openFromTemplate(content: TemplateRef<any>, config?: { position?: 'left' | 'right'; width?: string; }): void; openFromComponent<T>(component: Type<T>, config?: { position?: 'left' | 'right'; width?: string; inputs?: Record<string, any>; outputs?: Record<string, (...args: any[]) => void>; }): void; close(): void; closeAll(): void; private createDrawer; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageDrawerCtrl, never>; static ɵprov: _angular_core.ɵɵInjectableDeclaration<KageDrawerCtrl>; } declare class KageModalCtrl { private hostRef?; private injector; private appRef; private envInjector; private document; open<T>(component: Type<T>, componentInputs?: Partial<T>): ComponentRef<T>; close(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageModalCtrl, never>; static ɵprov: _angular_core.ɵɵInjectableDeclaration<KageModalCtrl>; } declare class KagePopoverRef { private closed$; private componentRef?; private viewRef?; close(result?: any): void; afterClosed(): rxjs.Observable<any>; _setComponent(componentRef: ComponentRef<any>): void; _setView(viewRef: EmbeddedViewRef<any>): void; } declare class KagePopoverCtrl { private activePopover?; private outsideClickHandler?; private appRef; private envInjector; private document; open<T>(config: { content: Type<T> | TemplateRef<any>; data?: any; trigger?: MouseEvent | HTMLElement; offsetX?: number; offsetY?: number; closeOnOutsideClick?: boolean; }): KagePopoverRef; private calculateSmartPosition; private destroyPopover; private disablePageScroll; private enablePageScroll; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KagePopoverCtrl, never>; static ɵprov: _angular_core.ɵɵInjectableDeclaration<KagePopoverCtrl>; } type KageToastType = 'success' | 'danger' | 'info' | 'warning'; type KageToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'; interface KageToastOptions { message: string; type?: KageToastType; duration?: number; position?: KageToastPosition; } declare class KageToastCtrl { private wrappers; private appRef; private injector; private envInjector; private document; show(options: KageToastOptions): void; private removeToast; private ensureWrapper; clearAll(): void; static ɵfac: _angular_core.ɵɵFactoryDeclaration<KageToastCtrl, never>; static ɵprov: _angular_core.ɵɵInjectableDeclaration<KageToastCtrl>; } export { KageAccordion, KageAlertCtrl, KageAvatar, KageBadge, KageBreadCrumb, KageBreadCrumbs, KageButton, KageBytesPipe, KageCalendar, KageCapitalizePipe, KageCard, KageCheckbox, KageChip, KageCol, KageCopyDirective, KageDrawerCtrl, KageFab, KageFabItem, KageGrid, KageHighlightPipe, KageIcon, KageImageFallbackDirective, KageImageViewDirective, KageInput, KageMaskPipe, KageModalCtrl, KageOption, KageOrdinatePipe, KagePagination, KagePopoverCtrl, KageProgressBar, KageRadio, KageRadioGroup, KageRange, KageRepeatPipe, KageResizeDirective, KageRippleDirective, KageRow, KageSearchbar, KageSegment, KageSelect, KageSlugifyPipe, KageTextarea, KageTimeAgoPipe, KageToastCtrl, KageToggle, KageTruncatePipe }; export type { KageSegmentOption };