feat(checkbox): allow configuration of default checkbox options

projects/demo/src/modules/components/checkbox/checkbox.component.ts

@@ -5,6 +5,7 @@ import {default as example2Html} from '!!raw-loader!./examples/2/index.html';
 import {default as example2Ts} from '!!raw-loader!./examples/2/index.ts';
 
 import {default as exampleDeclareForm} from '!!raw-loader!./examples/import/declare-form.txt';
+import {default as exampleDefineOptions} from '!!raw-loader!./examples/import/define-options.txt';
 import {default as exampleImportModule} from '!!raw-loader!./examples/import/import-module.txt';
 import {default as exampleInsertTemplate} from '!!raw-loader!./examples/import/insert-template.txt';
 
@@ -30,6 +31,7 @@ import {AbstractExampleTuiReactiveField} from '../abstract/reactive-field';
 })
 export class ExampleTuiCheckboxComponent extends AbstractExampleTuiReactiveField {
     readonly exampleDeclareForm = exampleDeclareForm;
+    readonly exampleDefineOptions = exampleDefineOptions;
     readonly exampleImportModule = exampleImportModule;
     readonly exampleInsertTemplate = exampleInsertTemplate;
 

projects/demo/src/modules/components/checkbox/checkbox.template.html

@@ -106,6 +106,19 @@
                 ></tui-doc-code>
             </li>
 
+            <li>
+                <p i18n>
+                    Optionally use the
+                    <code>TUI_CHECKBOX_OPTIONS</code> injection token to
+                    override the default options for the component.
+                </p>
+
+                <tui-doc-code
+                    filename="myComponent.module.ts"
+                    [code]="exampleDefineOptions"
+                ></tui-doc-code>
+            </li>
+
             <li>
                 <p i18n>
                     Declare a form (<code>FormGroup</code>) or a control

projects/demo/src/modules/components/checkbox/examples/import/define-options.txt

@@ -0,0 +1,13 @@
+import {TUI_CHECKBOX_OPTIONS, TUI_CHECKBOX_DEFAULT_OPTIONS} from '@taiga-ui/kit';
+
+...
+
+@NgModule({
+    providers: [{
+        provide: TUI_CHECKBOX_OPTIONS,
+        useValue: {
+            ...TUI_CHECKBOX_DEFAULT_OPTIONS,
+            size: 'l'
+        }
+    }],
+...

projects/kit/components/checkbox/checkbox-options.ts

@@ -0,0 +1,19 @@
+import {InjectionToken} from '@angular/core';
+import {TuiSizeL} from '@taiga-ui/core';
+
+export interface CheckboxOptions {
+    size: TuiSizeL;
+}
+
+/** Default values for the checkbox options. */
+export const TUI_CHECKBOX_DEFAULT_OPTIONS: CheckboxOptions = {
+    size: 'm',
+};
+
+/** Injection token that can be used to specify checkbox options. */
+export const TUI_CHECKBOX_OPTIONS = new InjectionToken<Readonly<CheckboxOptions>>(
+    'tui-checkbox-default-options',
+    {
+        factory: () => TUI_CHECKBOX_DEFAULT_OPTIONS,
+    },
+);

projects/kit/components/checkbox/checkbox.component.ts

@@ -20,6 +20,7 @@ import {
     TuiFocusableElementAccessor,
 } from '@taiga-ui/cdk';
 import {TuiSizeL} from '@taiga-ui/core';
+import {CheckboxOptions, TUI_CHECKBOX_OPTIONS} from './checkbox-options';
 
 @Component({
     selector: 'tui-checkbox',
@@ -35,11 +36,11 @@ import {TuiSizeL} from '@taiga-ui/core';
 })
 export class TuiCheckboxComponent
     extends AbstractTuiNullableControl<boolean>
-    implements TuiFocusableElementAccessor {
+    implements TuiFocusableElementAccessor, CheckboxOptions {
     @Input()
     @HostBinding('attr.data-tui-host-size')
     @tuiDefaultProp()
-    size: TuiSizeL = 'm';
+    size: TuiSizeL = this.options.size;
 
     @ViewChild('focusableElement')
     private readonly focusableElement?: ElementRef<HTMLInputElement>;
@@ -49,6 +50,8 @@ export class TuiCheckboxComponent
         @Self()
         @Inject(NgControl)
         control: NgControl | null,
+        @Inject(TUI_CHECKBOX_OPTIONS)
+        private readonly options: CheckboxOptions,
         @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,
     ) {
         super(control, changeDetectorRef);

projects/kit/components/checkbox/index.ts

@@ -1,2 +1,3 @@
+export * from './checkbox-options';
 export * from './checkbox.component';
 export * from './checkbox.module';