import { LitElement } from 'lit'; import '../textInput'; import './checkbox'; declare const CheckboxGroup_base: (new (...args: any[]) => import("../../../common/mixins/form-input").FormMixinInterface) & typeof LitElement; /** * Checkbox group container. * @fires on-checkbox-group-change - Captures the change event and emits the selected values. `detail:{ value: Array }` * @fires on-search - Captures the search input event and emits the search term. `detail:{ searchTerm: string }` * @fires on-limit-toggle - Captures the show more/less click and emits the expanded state. `detail:{ expanded: boolean }` * @slot unnamed - Slot for individual checkboxes. * @slot tooltip - Slot for tooltip. * @slot description - Slot for description text. * @attr {array} [value=[]] - The selected values of the checkbox group. * @attr {string} [name=''] - The name of the input, used for form submission. * @attr {string} [invalidText=''] - The custom validation message when the input is invalid. */ export declare class CheckboxGroup extends CheckboxGroup_base { static styles: import("lit").CSSResult; /** Checkbox group selected values. */ value: Array; /** Makes a single selection required. */ accessor required: boolean; /** Checkbox group disabled state. */ accessor disabled: boolean; /** Checkbox group readonly state. */ accessor readonly: boolean; /** Checkbox group horizontal style. */ accessor horizontal: boolean; /** Adds a "Select All" checkbox to the top of the group. */ accessor selectAll: boolean; /** Is "Select All" box checked. * @internal */ accessor selectAllChecked: boolean; /** Is "Select All" indeterminate boolean. * @internal */ accessor selectAllIndeterminate: boolean; /** Select All scope behavior. * @internal */ accessor selectAllScope: 'legacy' | 'visible' | 'filtered' | 'all'; /** Hide the group legend/label visually. */ accessor hideLegend: boolean; /** Adds a search input to enable filtering of checkboxes. */ accessor filterable: boolean; /** Label text. */ accessor label: string; /** Search input value */ accessor searchTerm: string; /** Limits visible checkboxes behind a "Show all" button. */ accessor limitCheckboxes: boolean; /** Number of checkboxes visible when limited. */ accessor limitCount: number; /** Checkbox limit visibility. * @internal */ accessor limitRevealed: boolean; /** Text string customization. */ accessor textStrings: { selectAll: string; showMore: string; showLess: string; search: string; required: string; error: string; }; /** Internal text strings. * @internal */ accessor _textStrings: { selectAll: string; showMore: string; showLess: string; search: string; required: string; error: string; }; /** Checkboxes array. * @internal */ accessor checkboxes: Array; /** Filtered Checkboxes array. * @internal */ accessor filteredCheckboxes: Array; render(): import("lit-html").TemplateResult<1>; willUpdate(changedProps: any): void; updated(changedProps: any): void; private _scopeRelevant; private _computeSelectAllFromValues; private _updateCheckboxStates; private _validate; private _handleCheckboxChange; private _emitChangeEvent; private _handleFilter; private _applyFilter; private _toggleRevealed; private _handleSlotChange; private _updateChildren; private _handleSubgroupChange; /** _onCheckboxChange event. * @ignore */ private _onCheckboxChange; /** _onCheckboxSubgroupChange event. * @ignore */ private _onCheckboxSubgroupChange; connectedCallback(): void; disconnectedCallback(): void; } declare global { interface HTMLElementTagNameMap { 'kyn-checkbox-group': CheckboxGroup; } } export {}; //# sourceMappingURL=checkboxGroup.d.ts.map