@koobiq/components 16.0.0-beta.1

package/progress-bar/_progress-bar-theme.scss

@@ -0,0 +1,41 @@
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-progress-bar-theme($theme) {
+    $progress-bar: map.get(map.get($theme, components), progress-bar);
+
+    .kbq-progress-bar.kbq-theme {
+        $bar: map.get($progress-bar, bar);
+
+        .kbq-progress-bar__inner {
+            background-color: map.get($bar, background);
+        }
+
+        .kbq-progress-bar__line {
+            background-color: map.get($bar, foreground);
+        }
+    }
+
+    .kbq-progress-bar-text {
+        color: map.get($progress-bar, text);
+    }
+
+    .kbq-progress-bar-caption {
+        color: map.get($progress-bar, caption);
+    }
+}
+
+@mixin kbq-progress-bar-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-progress-bar-text {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, progress-bar-font-label));
+    }
+
+    .kbq-progress-bar-caption {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, progress-bar-font-caption));
+    }
+}

package/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,28 @@
+import { ElementRef } from '@angular/core';
+import { CanColor, CanColorCtor } from '@koobiq/components/core';
+import * as i0 from "@angular/core";
+export type ProgressBarMode = 'determinate' | 'indeterminate';
+/** @docs-private */
+export declare class KbqProgressBarBase {
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
+}
+/** @docs-private */
+export declare const KbqProgressBarMixinBase: CanColorCtor & typeof KbqProgressBarBase;
+export declare class KbqProgressBarText {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressBarText, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqProgressBarText, "[kbq-progress-bar-text]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqProgressBarCaption {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressBarCaption, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqProgressBarCaption, "[kbq-progress-bar-caption]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqProgressBar extends KbqProgressBarMixinBase implements CanColor {
+    id: string;
+    value: number;
+    mode: ProgressBarMode;
+    constructor(elementRef: ElementRef);
+    get percentage(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqProgressBar, "kbq-progress-bar", never, { "color": { "alias": "color"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, {}, never, ["[kbq-progress-bar-text]", "[kbq-progress-bar-caption]"], false, never>;
+}

package/progress-bar/progress-bar.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-bar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/platform";
+export declare class KbqProgressBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqProgressBarModule, [typeof i1.KbqProgressBar, typeof i1.KbqProgressBarText, typeof i1.KbqProgressBarCaption], [typeof i2.CommonModule, typeof i3.PlatformModule], [typeof i1.KbqProgressBar, typeof i1.KbqProgressBarText, typeof i1.KbqProgressBarCaption]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqProgressBarModule>;
+}

package/progress-bar/progress-bar.scss

@@ -0,0 +1,68 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/functions/timing';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@keyframes kbq-progress-bar-indeterminate {
+    0% {
+        width: 25%;
+        transform: translateX(-150%);
+    }
+
+    100% {
+        width: 40%;
+        transform: translateX(250%);
+    }
+}
+
+.kbq-progress-bar {
+    display: block;
+    overflow: hidden;
+
+    .kbq-progress-bar-text {
+        margin-bottom: var(
+            --kbq-progress-bar-size-container-content-gap,
+            map.get($tokens, progress-bar-size-container-content-gap)
+        );
+    }
+
+    .kbq-progress-bar-caption {
+        margin-top: var(
+            --kbq-progress-bar-size-container-content-gap,
+            map.get($tokens, progress-bar-size-container-content-gap)
+        );
+    }
+
+    & .kbq-progress-bar__inner {
+        overflow: hidden;
+
+        height: var(--kbq-progress-bar-size-bar-height, map.get($tokens, progress-bar-size-bar-height));
+        border-radius: var(
+            --kbq-progress-bar-size-container-border-radius,
+            map.get($tokens, progress-bar-size-container-border-radius)
+        );
+    }
+
+    & .kbq-progress-bar__line {
+        height: 100%;
+        transform-origin: top left;
+
+        border-radius: var(
+            --kbq-progress-bar-size-bar-border-radius,
+            map.get($tokens, progress-bar-size-bar-border-radius)
+        );
+    }
+
+    &.kbq-progress-bar_determinate .kbq-progress-bar__line {
+        transition: width 0.3s;
+    }
+
+    &.kbq-progress-bar_indeterminate .kbq-progress-bar__line {
+        animation: kbq-progress-bar-indeterminate 2.1s timing.$ease-in-out-quad infinite;
+    }
+}

package/progress-bar/public-api.d.ts

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

package/progress-spinner/_progress-spinner-theme.scss

@@ -0,0 +1,35 @@
+@use 'sass:map';
+
+@use '../core/styles/theming/theming' as *;
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-progress-spinner-theme($theme) {
+    $progress-spinner: map.get(map.get($theme, components), progress-spinner);
+
+    .kbq-progress-spinner {
+        .kbq-progress-spinner__circle {
+            stroke: map.get($progress-spinner, circle);
+        }
+    }
+
+    .kbq-progress-spinner-text {
+        color: map.get($progress-spinner, text);
+    }
+
+    .kbq-progress-spinner-caption {
+        color: map.get($progress-spinner, caption);
+    }
+}
+
+@mixin kbq-progress-spinner-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-progress-spinner-text {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, progress-spinner-font-label));
+    }
+
+    .kbq-progress-spinner-caption {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, progress-spinner-font-caption));
+    }
+}

package/progress-spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/progress-spinner/progress-spinner.component.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef } from '@angular/core';
+import { CanColor, CanColorCtor } from '@koobiq/components/core';
+import * as i0 from "@angular/core";
+export type ProgressSpinnerMode = 'determinate' | 'indeterminate';
+export type ProgressSpinnerSize = 'compact' | 'big';
+export declare class KbqProgressSpinnerText {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressSpinnerText, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqProgressSpinnerText, "[kbq-progress-spinner-text]", never, {}, {}, never, never, false, never>;
+}
+export declare class KbqProgressSpinnerCaption {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressSpinnerCaption, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqProgressSpinnerCaption, "[kbq-progress-spinner-caption]", never, {}, {}, never, never, false, never>;
+}
+/** @docs-private */
+export declare class KbqProgressSpinnerBase {
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
+}
+/** @docs-private */
+export declare const KbqProgressSpinnerMixinBase: CanColorCtor & typeof KbqProgressSpinnerBase;
+export declare class KbqProgressSpinner extends KbqProgressSpinnerMixinBase implements CanColor {
+    id: string;
+    value: number;
+    mode: ProgressSpinnerMode;
+    get size(): ProgressSpinnerSize;
+    set size(value: ProgressSpinnerSize);
+    private _size;
+    svgCircleRadius: string;
+    constructor(elementRef: ElementRef);
+    get percentage(): number;
+    get dashOffsetPercent(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressSpinner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqProgressSpinner, "kbq-progress-spinner", never, { "color": { "alias": "color"; "required": false; }; "id": { "alias": "id"; "required": false; }; "value": { "alias": "value"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["[kbq-progress-spinner-text]", "[kbq-progress-spinner-caption]"], false, never>;
+}

package/progress-spinner/progress-spinner.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./progress-spinner.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/platform";
+export declare class KbqProgressSpinnerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqProgressSpinnerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqProgressSpinnerModule, [typeof i1.KbqProgressSpinner, typeof i1.KbqProgressSpinnerText, typeof i1.KbqProgressSpinnerCaption], [typeof i2.CommonModule, typeof i3.PlatformModule], [typeof i1.KbqProgressSpinner, typeof i1.KbqProgressSpinnerText, typeof i1.KbqProgressSpinnerCaption]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqProgressSpinnerModule>;
+}

package/progress-spinner/progress-spinner.scss

@@ -0,0 +1,72 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/functions/timing';
+
+@use '../core/styles/tokens';
+
+
+$tokens: meta.module-variables(tokens) !default;
+
+@keyframes kbq-progress-spinner-indeterminate {
+    100% {
+        transform: rotateZ(270deg);
+    }
+}
+
+.kbq-progress-spinner {
+    display: flex;
+    flex-direction: row;
+}
+
+.kbq-progress-spinner__circle {
+    fill: none;
+    stroke: black;
+    stroke-dasharray: 295%;
+    stroke-width: 13%;
+    transition: stroke-dashoffset 0.3s;
+    transform-origin: center center;
+}
+
+.kbq-progress-spinner__inner {
+    width: var(--kbq-progress-spinner-size-compact-size, map.get($tokens, progress-spinner-size-compact-size));
+    height: var(--kbq-progress-spinner-size-compact-size, map.get($tokens, progress-spinner-size-compact-size));
+
+    transform: rotateZ(-90deg);
+
+    font-size: 0;
+}
+
+.kbq-progress-spinner__content {
+    padding-left: var(
+        --kbq-progress-spinner-size-compact-content-gap-horizontal,
+        map.get($tokens, progress-spinner-size-compact-content-gap-horizontal)
+    );
+
+    .kbq-progress-spinner-text {
+        margin-bottom: var(
+            --kbq-progress-spinner-size-compact-content-gap-vertical,
+            map.get($tokens, progress-spinner-size-compact-content-gap-vertical)
+        );
+    }
+}
+
+.kbq-progress-spinner_big {
+    & .kbq-progress-spinner__inner {
+        width: var(--kbq-progress-spinner-size-big-size, map.get($tokens, progress-spinner-size-big-size));
+        height: var(--kbq-progress-spinner-size-big-size, map.get($tokens, progress-spinner-size-big-size));
+    }
+
+    & .kbq-progress-spinner__circle {
+        stroke-width: 6%;
+    }
+}
+
+.kbq-progress-spinner_indeterminate .kbq-progress-spinner__inner {
+    animation: kbq-progress-spinner-indeterminate 1.5s timing.$ease-in-out-quad infinite;
+
+    // TODO: rework this place
+    .kbq-progress-spinner__circle {
+        stroke-dashoffset: 80%;
+    }
+}

package/progress-spinner/public-api.d.ts

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

package/public-api.d.ts

@@ -0,0 +1 @@
+export {};

package/radio/_radio-theme.scss

@@ -0,0 +1,95 @@
+@use 'sass:meta';
+@use 'sass:map';
+
+@use '../core/styles/typography/typography-utils' as *;
+
+
+@mixin kbq-radio-state($state) {
+    & .kbq-radio-button__outer-circle {
+        border-color: map.get($state, outer-circle-border);
+        background: map.get($state, outer-circle-background);
+        box-shadow: map.get($state, outer-circle-shadow);
+    }
+
+    & .kbq-radio-button__inner-circle {
+        background: map.get($state, inner-circle-background);
+    }
+}
+
+@mixin kbq-radio-color($radio) {
+    $default: map.get($radio, default);
+    @include kbq-radio-state($default);
+
+    &:hover {
+        $hover: map.get($radio, hover);
+        @include kbq-radio-state($hover);
+    }
+
+    &.cdk-keyboard-focused {
+        $focused: map.get($radio, focused);
+        @include kbq-radio-state($focused);
+    }
+
+    &.kbq-selected:not(.kbq-disabled) {
+        $selected: map.get($radio, checked);
+        @include kbq-radio-state($selected);
+    }
+
+    &.kbq-disabled {
+        $disabled: map.get($radio, disabled);
+        @include kbq-radio-state($disabled);
+
+        & .kbq-radio-label {
+            cursor: default;
+        }
+    }
+}
+
+@mixin kbq-radio-theme($theme) {
+    $foreground: map.get($theme, foreground);
+
+    $radio: map.get(map.get($theme, components), radio);
+
+    $radio-theme: map.get($radio, theme);
+    $radio-error: map.get($radio, error);
+
+    .kbq-radio-group {
+
+    }
+
+    .kbq-radio-button {
+        & .kbq-radio-button__inner-circle {
+            border-width: 0 !important;
+        }
+
+        @include kbq-radio-color($radio-theme);
+
+        color: map.get($foreground, text);
+
+        &.kbq-error {
+            @include kbq-radio-color($radio-error);
+
+            color: map.get($foreground, text);
+        }
+    }
+}
+
+@mixin kbq-radio-typography($config) {
+    $tokens: map.get($config, tokens);
+
+    .kbq-radio-button {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, radio-font-normal-label));
+
+        & .kbq-hint {
+            @include kbq-typography-level-to-styles($config, map.get($tokens, radio-font-normal-caption));
+        }
+    }
+
+    .kbq-radio-button.kbq-radio-button_big {
+        @include kbq-typography-level-to-styles($config, map.get($tokens, radio-font-big-label));
+
+        & .kbq-hint {
+            @include kbq-typography-level-to-styles($config, map.get($tokens, radio-font-big-caption));
+        }
+    }
+}

package/radio/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/radio/public-api.d.ts

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

package/radio/radio.component.d.ts

@@ -0,0 +1,204 @@
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { UniqueSelectionDispatcher } from '@angular/cdk/collections';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CanColor, CanColorCtor, CanDisable, CanDisableCtor, HasTabIndex, HasTabIndexCtor } from '@koobiq/components/core';
+import * as i0 from "@angular/core";
+/** Change event object emitted by KbqRadio. */
+export declare class KbqRadioChange {
+    /** The KbqRadioButton that emits the change event. */
+    source: KbqRadioButton;
+    /** The value of the KbqRadioButton. */
+    value: any;
+    constructor(
+    /** The KbqRadioButton that emits the change event. */
+    source: KbqRadioButton, 
+    /** The value of the KbqRadioButton. */
+    value: any);
+}
+/** @docs-private */
+export declare class KbqRadioGroupBase {
+    elementRef: ElementRef;
+    constructor(elementRef: ElementRef);
+}
+/** @docs-private */
+export declare const KbqRadioGroupMixinBase: CanDisableCtor & typeof KbqRadioGroupBase;
+/**
+ * Provider Expression that allows kbq-radio-group to register as a ControlValueAccessor. This
+ * allows it to support [(ngModel)] and ngControl.
+ * @docs-private
+ */
+export declare const KBQ_RADIO_GROUP_CONTROL_VALUE_ACCESSOR: any;
+export declare class KbqRadioGroup extends KbqRadioGroupMixinBase implements AfterContentInit, ControlValueAccessor, CanDisable {
+    private readonly changeDetector;
+    big: boolean;
+    /** Name of the radio button group. All radio buttons inside this group will use this name. */
+    get name(): string;
+    set name(value: string);
+    /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */
+    get labelPosition(): 'before' | 'after';
+    set labelPosition(v: 'before' | 'after');
+    /** Value of the radio button. */
+    get value(): any;
+    set value(newValue: any);
+    /** Whether the radio button is selected. */
+    get selected(): KbqRadioButton | null;
+    set selected(selected: KbqRadioButton | null);
+    /** Whether the radio group is disabled */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** Whether the radio group is required */
+    get required(): boolean;
+    set required(value: boolean);
+    /**
+     * Event emitted when the group value changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * a radio button (the same behavior as `<input type-"radio">`).
+     */
+    readonly change: EventEmitter<KbqRadioChange>;
+    /** Child radio buttons. */
+    radios: QueryList<KbqRadioButton>;
+    /**
+     * Selected value for group. Should equal the value of the selected radio button if there *is*
+     * a corresponding radio button with a matching value. If there is *not* such a corresponding
+     * radio button, this value persists to be applied in case a new radio button is added with a
+     * matching value.
+     */
+    private _value;
+    /** The HTML name attribute applied to radio buttons in this group. */
+    private _name;
+    /** The currently selected radio button. Should match value. */
+    private _selected;
+    /** Whether the `value` has been set to its initial value. */
+    private isInitialized;
+    /** Whether the labels should appear after or before the radio-buttons. Defaults to 'after' */
+    private _labelPosition;
+    /** Whether the radio group is disabled. */
+    private _disabled;
+    /** Whether the radio group is required. */
+    private _required;
+    constructor(elementRef: ElementRef, changeDetector: ChangeDetectorRef);
+    /** The method to be called in order to update ngModel */
+    controlValueAccessorChangeFn: (value: any) => void;
+    /**
+     * onTouch function registered via registerOnTouch (ControlValueAccessor).
+     * @docs-private
+     */
+    onTouched: () => any;
+    checkSelectedRadioButton(): void;
+    /**
+     * Initialize properties once content children are available.
+     * This allows us to propagate relevant attributes to associated buttons.
+     */
+    ngAfterContentInit(): void;
+    /**
+     * Mark this group as being "touched" (for ngModel). Meant to be called by the contained
+     * radio buttons upon their blur.
+     */
+    touch(): void;
+    /** Dispatch change event with current selection and group value. */
+    emitChangeEvent(): void;
+    markRadiosForCheck(): void;
+    /**
+     * Sets the model value. Implemented as part of ControlValueAccessor.
+     */
+    writeValue(value: any): void;
+    /**
+     * Registers a callback to be triggered when the model value changes.
+     * Implemented as part of ControlValueAccessor.
+     * @param fn Callback to be registered.
+     */
+    registerOnChange(fn: (value: any) => void): void;
+    /**
+     * Registers a callback to be triggered when the control is touched.
+     * Implemented as part of ControlValueAccessor.
+     * @param fn Callback to be registered.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Sets the disabled state of the control. Implemented as a part of ControlValueAccessor.
+     * @param isDisabled Whether the control should be disabled.
+     */
+    setDisabledState(isDisabled: boolean): void;
+    private updateRadioButtonNames;
+    /** Updates the `selected` radio button from the internal _value state. */
+    private updateSelectedRadioFromValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqRadioGroup, "kbq-radio-group", ["mcRadioGroup"], { "big": { "alias": "big"; "required": false; }; "name": { "alias": "name"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; }, ["radios"], never, false, never>;
+}
+/** @docs-private */
+declare abstract class KbqRadioButtonBase {
+    elementRef: ElementRef;
+    abstract disabled: boolean;
+    constructor(elementRef: ElementRef);
+}
+/** @docs-private */
+export declare const KbqRadioButtonMixinBase: CanColorCtor & HasTabIndexCtor & typeof KbqRadioButtonBase;
+export declare class KbqRadioButton extends KbqRadioButtonMixinBase implements OnInit, AfterViewInit, OnDestroy, CanColor, HasTabIndex {
+    private readonly changeDetector;
+    private focusMonitor;
+    private readonly radioDispatcher;
+    /** Whether this radio button is checked. */
+    get checked(): boolean;
+    set checked(value: boolean);
+    /** The value of this radio button. */
+    get value(): any;
+    set value(value: any);
+    /** Whether the radio button is disabled. */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    /** Whether the radio button is required. */
+    get required(): boolean;
+    set required(value: boolean);
+    /** Whether the label should appear after or before the radio button. Defaults to 'after' */
+    get labelPosition(): 'before' | 'after';
+    set labelPosition(value: 'before' | 'after');
+    /** Analog to HTML 'name' attribute used to group radios for unique selection. */
+    name: string;
+    /** The native `<input type=radio>` element */
+    inputElement: ElementRef;
+    /**
+     * Event emitted when the checked state of this radio button changes.
+     * Change events are only emitted when the value changes due to user interaction with
+     * the radio button (the same behavior as `<input type-"radio">`).
+     */
+    readonly change: EventEmitter<KbqRadioChange>;
+    /** The parent radio group. May or may not be present. */
+    radioGroup: KbqRadioGroup;
+    isFocused: boolean;
+    /** The unique ID for the radio button. */
+    id: string;
+    /** ID of the native input element inside `<kbq-radio-button>` */
+    get inputId(): string;
+    private _labelPosition;
+    private readonly uniqueId;
+    /** Whether this radio is checked. */
+    private _checked;
+    /** Whether this radio is disabled. */
+    private _disabled;
+    /** Whether this radio is required. */
+    private _required;
+    /** Value assigned to this radio. */
+    private _value;
+    constructor(radioGroup: KbqRadioGroup, elementRef: ElementRef, changeDetector: ChangeDetectorRef, focusMonitor: FocusMonitor, radioDispatcher: UniqueSelectionDispatcher);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Focuses the radio button. */
+    focus(): void;
+    /**
+     * Marks the radio button as needing checking for change detection.
+     * This method is exposed because the parent radio group will directly
+     * update bound properties of the radio button.
+     */
+    markForCheck(): void;
+    onInputClick(event: Event): void;
+    onInputChange(event: Event): void;
+    /** Unregister function for _radioDispatcher */
+    private readonly removeUniqueSelectionListener;
+    /** Dispatch change event with current value. */
+    private emitChangeEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioButton, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqRadioButton, "kbq-radio-button", ["mcRadioButton"], { "color": { "alias": "color"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "name": { "alias": "name"; "required": false; }; "isFocused": { "alias": "isFocused"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "change": "change"; }, never, ["*", "kbq-hint"], false, never>;
+}
+export {};

package/radio/radio.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./radio.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@koobiq/components/core";
+export declare class KbqRadioModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqRadioModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqRadioModule, [typeof i1.KbqRadioGroup, typeof i1.KbqRadioButton], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.KbqCommonModule], [typeof i1.KbqRadioGroup, typeof i1.KbqRadioButton]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KbqRadioModule>;
+}