@progress/kendo-angular-inputs 19.1.1-develop.2 → 19.1.1

package/colorpicker/models/tile-size.d.ts

@@ -6,6 +6,12 @@
  * Specifies the size of a color cell in the ColorPalette component.
  */
 export interface TileSize {
+    /**
+     * The width of the tile in pixels.
+     */
     width: number;
+    /**
+     * The height of the tile in pixels.
+     */
     height: number;
 }

package/colorpicker.module.d.ts

@@ -9,8 +9,24 @@ import * as i3 from "./colorpicker/flatcolorpicker.component";
 import * as i4 from "./colorpicker/color-gradient.component";
 import * as i5 from "./colorpicker/color-palette.component";
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the ColorPicker.
+ * Defines the [NgModule](link:site.data.urls.angular['ngmoduleapi']) for the ColorPicker.
+ *
+ * Use this module to add ColorPicker features to your NgModule-based Angular application.
+ *
+ * @example
+ * ```typescript
+ * import { ColorPickerModule } from '@progress/kendo-angular-inputs';
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, ColorPickerModule],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
  */
 export declare class ColorPickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ColorPickerModule, never>;

package/common/models/fillmode.d.ts

@@ -3,7 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible fillMode options of the inputs.
+ * Specifies the possible `fillMode` options for the inputs.
+ *
+ * Use this type to set the `fillMode` property.
+ *
  * @default `solid`
  */
 export type InputFillMode = 'solid' | 'flat' | 'outline' | 'none';

package/common/models/rounded.d.ts

@@ -3,12 +3,18 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible rounded options of the inputs.
+ * Specifies the possible `rounded` options for the inputs.
+ *
+ * Use this type to set the `rounded` property.
+ *
  * @default `medium`
  */
 export type InputRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
 /**
- * Represents the possible rounded options of the CheckBox.
+ * Specifies the possible `rounded` options for the CheckBox.
+ *
+ * Use this type to set the `rounded` property of the CheckBox.
+ *
  * @default `medium`
  */
 export type CheckBoxRounded = 'small' | 'medium' | 'large' | 'none';

package/common/models/size.d.ts

@@ -3,7 +3,10 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible size options of the inputs.
+ * Specifies the possible `size` options for the inputs.
+ *
+ * Use this type to set the `size` property.
+ *
  * @default `medium`
  */
 export type InputSize = 'small' | 'medium' | 'large' | 'none';

package/common/models/type.d.ts

@@ -3,7 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
- * Represents the possible input `type` options of the TextBox.
+ * Specifies the possible input type options for the TextBox.
+ *
+ * Use this type to set the `type` property.
  *
  * @default `text`
  */

package/common/radio-checkbox.base.d.ts

@@ -55,11 +55,6 @@ export declare class RadioCheckBoxBase implements ControlValueAccessor {
      *
      * @default 'medium'
      *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `none`
      */
     set size(size: InputSize);
     get size(): InputSize;
@@ -76,13 +71,11 @@ export declare class RadioCheckBoxBase implements ControlValueAccessor {
     /**
      * Fires each time the user focuses the component.
      *
-     * > To wire the event programmatically, use the `onFocus` property.
      */
     onFocus: EventEmitter<any>;
     /**
      * Fires each time the component gets blurred.
      *
-     * > To wire the event programmatically, use the `onBlur` property.
      */
     onBlur: EventEmitter<any>;
     /**

package/directives.d.ts

@@ -44,74 +44,272 @@ import { TextBoxDirective } from "./textbox/textbox.directive";
 import { OTPInputComponent } from "./otpinput/otpinput.component";
 import { OTPInputCustomMessagesComponent } from "./otpinput/localization/custom-messages.component";
 /**
- * Utility array that contains all `TextBox` related components and directives
+ * Use the `KENDO_TEXTBOX` utility array to add all TextBox-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_TEXTBOX } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_TEXTBOX],
+ *   template: `<kendo-textbox></kendo-textbox>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_TEXTBOX: readonly [typeof TextBoxDirective, typeof TextBoxComponent, typeof InputSeparatorComponent, typeof TextBoxSuffixTemplateDirective, typeof TextBoxPrefixTemplateDirective, typeof TextBoxCustomMessagesComponent, typeof PrefixTemplateDirective, typeof SuffixTemplateDirective, typeof SeparatorComponent];
 /**
- * Utility array that contains all `NumericTextBox` related components and directives
+ * Use the `KENDO_NUMERICTEXTBOX` utility array to add all NumericTextBox-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_NUMERICTEXTBOX } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_NUMERICTEXTBOX],
+ *   template: `<kendo-numerictextbox></kendo-numerictextbox>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_NUMERICTEXTBOX: readonly [typeof NumericTextBoxComponent, typeof NumericTextBoxCustomMessagesComponent, typeof PrefixTemplateDirective, typeof SuffixTemplateDirective, typeof SeparatorComponent];
 /**
- * Utility array that contains all `MaskedTextBox` related components and directives
+ * Use the `KENDO_MASKEDTEXTBOX` utility array to add all MaskedTextBox-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_MASKEDTEXTBOX } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_MASKEDTEXTBOX],
+ *   template: `<kendo-maskedtextbox></kendo-maskedtextbox>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_MASKEDTEXTBOX: readonly [typeof MaskedTextBoxComponent, typeof PrefixTemplateDirective, typeof SuffixTemplateDirective, typeof SeparatorComponent];
 /**
- * Utility array that contains all `OTP` related components and directives
+ * Use the `KENDO_OTPINPUT` utility array to add all OTPInput-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_OTPINPUT } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_OTPINPUT],
+ *   template: `<kendo-otpinput></kendo-otpinput>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_OTPINPUT: readonly [typeof OTPInputComponent, typeof OTPInputCustomMessagesComponent];
 /**
- * Utility array that contains all `TextArea` related components and directives
+ * Use the `KENDO_TEXTAREA` utility array to add all TextArea-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_TEXTAREA } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_TEXTAREA],
+ *   template: `<kendo-textarea></kendo-textarea>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_TEXTAREA: readonly [typeof TextAreaComponent, typeof TextAreaDirective, typeof TextAreaPrefixComponent, typeof TextAreaSuffixComponent, typeof SeparatorComponent];
 /**
- * Utility array that contains all `CheckBox` related components and directives
+ * Use the `KENDO_CHECKBOX` utility array to add all CheckBox-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_CHECKBOX } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_CHECKBOX],
+ *   template: `<kendo-checkbox></kendo-checkbox>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_CHECKBOX: readonly [typeof CheckBoxComponent, typeof CheckBoxDirective];
 /**
- * Utility array that contains all `RadioButton` related components and directives
+ * Use the `KENDO_RADIOBUTTON` utility array to add all RadioButton-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_RADIOBUTTON } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_RADIOBUTTON],
+ *   template: `<kendo-radiobutton></kendo-radiobutton>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_RADIOBUTTON: readonly [typeof RadioButtonComponent, typeof RadioButtonDirective];
 /**
- * Utility array that contains all `Switch` related components and directives
+ * Use the `KENDO_SWITCH` utility array to add all Switch-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_SWITCH } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SWITCH],
+ *   template: `<kendo-switch></kendo-switch>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_SWITCH: readonly [typeof SwitchComponent, typeof SwitchCustomMessagesComponent];
 /**
- * Utility array that contains all `FormField` related components and directives
+ * Use the `KENDO_FORMFIELD` utility array to add all FormField-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_FORMFIELD } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_FORMFIELD],
+ *   template: `<kendo-formfield></kendo-formfield>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_FORMFIELD: readonly [typeof FormFieldComponent, typeof HintComponent, typeof ErrorComponent];
 /**
- * Utility array that contains all `Slider` related components and directives
+ * Use the `KENDO_SLIDER` utility array to add all Slider-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_SLIDER } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SLIDER],
+ *   template: `<kendo-slider></kendo-slider>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_SLIDER: readonly [typeof SliderComponent, typeof SliderCustomMessagesComponent, typeof LabelTemplateDirective];
 /**
- * Utility array that contains all `RangeSlider` related components and directives
+ * Use the `KENDO_RANGESLIDER` utility array to add all RangeSlider-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_RANGESLIDER } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_RANGESLIDER],
+ *   template: `<kendo-rangeslider></kendo-rangeslider>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_RANGESLIDER: readonly [typeof RangeSliderComponent, typeof RangeSliderCustomMessagesComponent, typeof LabelTemplateDirective];
 /**
- * Utility array that contains all `Rating` related components and directives
+ * Use the `KENDO_RATING` utility array to add all Rating-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_RATING } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_RATING],
+ *   template: `<kendo-rating></kendo-rating>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_RATING: readonly [typeof RatingComponent, typeof RatingItemTemplateDirective, typeof RatingHoveredItemTemplateDirective, typeof RatingSelectedItemTemplateDirective];
 /**
- * Utility array that contains all `Signature` related components and directives
+ * Use the `KENDO_SIGNATURE` utility array to add all Signature-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_SIGNATURE } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SIGNATURE],
+ *   template: `<kendo-signature></kendo-signature>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_SIGNATURE: readonly [typeof SignatureComponent, typeof SignatureCustomMessagesComponent];
 /**
- * Utility array that contains all `ColorPicker` related components and directives
+ * Use the `KENDO_COLORPICKER` utility array to add all ColorPicker-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_COLORPICKER } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_COLORPICKER],
+ *   template: `<kendo-colorpicker></kendo-colorpicker>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_COLORPICKER: readonly [typeof ColorPickerComponent, typeof ColorPickerCustomMessagesComponent];
 /**
- * Utility array that contains all `FlatColorPicker` related components and directives
+ * Use the `KENDO_FLATCOLORPICKER` utility array to add all FlatColorPicker-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_FLATCOLORPICKER } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_FLATCOLORPICKER],
+ *   template: `<kendo-flatcolorpicker></kendo-flatcolorpicker>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_FLATCOLORPICKER: readonly [typeof FlatColorPickerComponent, typeof ColorPickerCustomMessagesComponent];
 /**
- * Utility array that contains all `ColorPallete` related components and directives
+ * Use the `KENDO_COLORPALETTE` utility array to add all ColorPalette-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_COLORPALETTE } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_COLORPALETTE],
+ *   template: `<kendo-colorpalette></kendo-colorpalette>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_COLORPALETTE: readonly [typeof ColorPaletteComponent, typeof ColorPickerCustomMessagesComponent];
 /**
- * Utility array that contains all `ColorGradient` related components and directives
+ * Use the `KENDO_COLORGRADIENT` utility array to add all ColorGradient-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_COLORGRADIENT } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_COLORGRADIENT],
+ *   template: `<kendo-colorgradient></kendo-colorgradient>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_COLORGRADIENT: readonly [typeof ColorGradientComponent, typeof ColorPickerCustomMessagesComponent];
 /**
- * Utility array that contains all `@progress/kendo-angular-inputs` related components and directives
+ * Use the `KENDO_INPUTS` utility array to add all `@progress/kendo-angular-inputs`-related components and directives to a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { KENDO_INPUTS } from '@progress/kendo-angular-inputs';
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_INPUTS],
+ *   template: `<kendo-textbox></kendo-textbox>`
+ * })
+ * export class MyComponent {}
+ * ```
  */
 export declare const KENDO_INPUTS: readonly [typeof TextBoxDirective, typeof TextBoxComponent, typeof InputSeparatorComponent, typeof TextBoxSuffixTemplateDirective, typeof TextBoxPrefixTemplateDirective, typeof TextBoxCustomMessagesComponent, typeof PrefixTemplateDirective, typeof SuffixTemplateDirective, typeof SeparatorComponent, typeof NumericTextBoxComponent, typeof NumericTextBoxCustomMessagesComponent, typeof PrefixTemplateDirective, typeof SuffixTemplateDirective, typeof SeparatorComponent, typeof MaskedTextBoxComponent, typeof PrefixTemplateDirective, typeof SuffixTemplateDirective, typeof SeparatorComponent, typeof TextAreaComponent, typeof TextAreaDirective, typeof TextAreaPrefixComponent, typeof TextAreaSuffixComponent, typeof SeparatorComponent, typeof CheckBoxComponent, typeof CheckBoxDirective, typeof RadioButtonComponent, typeof RadioButtonDirective, typeof SwitchComponent, typeof SwitchCustomMessagesComponent, typeof FormFieldComponent, typeof HintComponent, typeof ErrorComponent, typeof SliderComponent, typeof SliderCustomMessagesComponent, typeof LabelTemplateDirective, typeof RangeSliderComponent, typeof RangeSliderCustomMessagesComponent, typeof LabelTemplateDirective, typeof RatingComponent, typeof RatingItemTemplateDirective, typeof RatingHoveredItemTemplateDirective, typeof RatingSelectedItemTemplateDirective, typeof SignatureComponent, typeof SignatureCustomMessagesComponent, typeof ColorPickerComponent, typeof ColorPickerCustomMessagesComponent, typeof FlatColorPickerComponent, typeof ColorPickerCustomMessagesComponent, typeof ColorGradientComponent, typeof ColorPickerCustomMessagesComponent, typeof ColorPaletteComponent, typeof ColorPickerCustomMessagesComponent, typeof OTPInputComponent, typeof OTPInputCustomMessagesComponent];

package/esm2022/checkbox/checkbox.component.mjs

@@ -12,6 +12,15 @@ import { RadioCheckBoxBase } from '../common/radio-checkbox.base';
 import { SharedInputEventsDirective } from '../shared/shared-events.directive';
 import * as i0 from "@angular/core";
 const DEFAULT_ROUNDED = 'medium';
+/**
+ * Represents the Kendo UI CheckBox component for Angular.
+ * Use this component to create a styled checkbox with support for indeterminate state.
+ *
+ * @example
+ * ```html
+ * <kendo-checkbox [(checkedState)]="value"></kendo-checkbox>
+ * ```
+ */
 export class CheckBoxComponent extends RadioCheckBoxBase {
     renderer;
     hostElement;
@@ -22,6 +31,8 @@ export class CheckBoxComponent extends RadioCheckBoxBase {
     /**
      * Sets the checked state of the component.
      *
+     * Use `true`, `false`, or `'indeterminate'` to control the state.
+     *
      * @default false
      */
     set checkedState(value) {
@@ -35,16 +46,10 @@ export class CheckBoxComponent extends RadioCheckBoxBase {
         return this._checkedState;
     }
     /**
-     * The rounded property specifies the border radius of the CheckBox
+     * Sets the `rounded` property to specify the border radius of the CheckBox
      * ([see example](slug:appearance_checkboxdirective#toc-roundness)).
      *
      * @default 'medium'
-     *
-     * The possible values are:
-     * * `small`
-     * * `medium`
-     * * `large`
-     * * `none`
      */
     set rounded(rounded) {
         const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
@@ -55,12 +60,9 @@ export class CheckBoxComponent extends RadioCheckBoxBase {
         return this._rounded;
     }
     /**
-     * Fires each time the inner input's checked state is changed.
-     * When the state of the component is programmatically changed to `ngModel` or `formControl`
-     * through its API or form binding, the `checkedStateChange` event is not triggered because it
-     * might cause a mix-up with the built-in mechanisms of the `ngModel` or `formControl` bindings.
-     *
-     * Used to provide a two-way binding for the `checkedState` property.
+     * Fires when the inner input's checked state changes.
+     * This event does not fire when you change the state programmatically using `ngModel` or `formControl`.
+     * Use this event for two-way binding with the `checkedState` property.
      */
     checkedStateChange = new EventEmitter();
     /**

package/esm2022/checkbox/checkbox.directive.mjs

@@ -8,11 +8,11 @@ import * as i0 from "@angular/core";
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_ROUNDED = 'medium';
 /**
- * Represents the directive that renders the [Kendo UI CheckBox]({% slug overview_checkbox %}) input component.
- * The directive is placed on input type="checkbox" elements.
+ * Renders the [Kendo UI CheckBox]({% slug overview_checkbox %}) input component.
+ * Apply this directive to `input type="checkbox"` HTML elements.
  *
  * @example
- * ```ts-no-run
+ * ```html
  * <input type="checkbox" kendoCheckBox />
  * ```
  */
@@ -21,14 +21,10 @@ export class CheckBoxDirective {
     hostElement;
     kendoClass = true;
     /**
-     * The size property specifies the width and height of the CheckBox
+     * Sets the `size` property to specify the width and height of the CheckBox
      * ([see example]({% slug appearance_checkboxdirective %}#toc-size)).
      *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
+     * @default 'medium'
      */
     set size(size) {
         const newSize = size ? size : DEFAULT_SIZE;
@@ -39,14 +35,11 @@ export class CheckBoxDirective {
         return this._size;
     }
     /**
-     * The rounded property specifies the border radius of the CheckBox
+     * Sets the `rounded` property to specify the border radius of the CheckBox
      * ([see example](slug:appearance_checkboxdirective#toc-roundness)).
      *
-     * The possible values are:
-     * * `small`
-     * * `medium` (default)
-     * * `large`
-     * * `none`
+     * @default 'medium'
+     *
      */
     set rounded(rounded) {
         const newRounded = rounded ? rounded : DEFAULT_ROUNDED;

package/esm2022/checkbox.module.mjs

@@ -9,34 +9,23 @@ import * as i1 from "./checkbox/checkbox.component";
 import * as i2 from "./checkbox/checkbox.directive";
 //IMPORTANT: NgModule export kept for backwards compatibility
 /**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the CheckBox directive and CheckBoxComponent.
+ * Defines the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) for the CheckBox directive and CheckBoxComponent.
  *
- * @example
+ * Use this module to add CheckBox features to your NgModule-based Angular application.
  *
- * ```ts-no-run
- * // Import the CheckBox module
+ * @example
+ * ```typescript
  * import { CheckBoxModule } from '@progress/kendo-angular-inputs';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
  * import { NgModule } from '@angular/core';
- *
- * // Import the app component
+ * import { BrowserModule } from '@angular/platform-browser';
  * import { AppComponent } from './app.component';
  *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, CheckBoxModule], // import CheckBox module
- *     bootstrap:    [AppComponent]
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, CheckBoxModule],
+ *   bootstrap: [AppComponent]
  * })
  * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
  * ```
  */
 export class CheckBoxModule {