carbon-components-angular 6.0.0-rc.21 → 6.0.0-rc.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/aspect-ratio/aspect-ratio.directive.d.ts +1 -1
- package/aspect-ratio/aspect-ratio.module.d.ts +1 -1
- package/datepicker/datepicker.component.d.ts +1 -0
- package/datepicker-input/datepicker-input.component.d.ts +1 -0
- package/docs/documentation/components/AILabelComponent.html +2 -2
- package/docs/documentation/components/ActionableNotification.html +3 -3
- package/docs/documentation/components/ButtonSet.html +5 -5
- package/docs/documentation/components/ComboButtonComponent.html +3 -3
- package/docs/documentation/components/ContextMenuItemComponent.html +3 -3
- package/docs/documentation/components/DatePicker.html +242 -155
- package/docs/documentation/components/DatePickerInput.html +239 -149
- package/docs/documentation/components/IconTab.html +48 -50
- package/docs/documentation/components/Label.html +38 -44
- package/docs/documentation/components/MenuButtonComponent.html +3 -3
- package/docs/documentation/components/PaginationOverflow.html +3 -3
- package/docs/documentation/components/Select.html +183 -65
- package/docs/documentation/components/Tab.html +56 -59
- package/docs/documentation/components/TabHeaderComponent.html +5 -5
- package/docs/documentation/components/TableBody.html +3 -3
- package/docs/documentation/components/TableContainer.html +3 -3
- package/docs/documentation/components/TableHead.html +3 -3
- package/docs/documentation/components/TableHeader.html +3 -3
- package/docs/documentation/components/TableRadio.html +22 -24
- package/docs/documentation/components/TableRowComponent.html +3 -3
- package/docs/documentation/components/Tabs.html +36 -40
- package/docs/documentation/components/TabsVertical.html +34 -36
- package/docs/documentation/components/TabsVerticalGrouped.html +3 -3
- package/docs/documentation/components/Tag.html +5 -5
- package/docs/documentation/components/TagFilter.html +2 -2
- package/docs/documentation/components/TagOperationalComponent.html +2 -2
- package/docs/documentation/components/TagSelectableComponent.html +2 -2
- package/docs/documentation/components/Tile.html +19 -23
- package/docs/documentation/components/TimePickerSelect.html +104 -32
- package/docs/documentation/components/Toggle.html +460 -1680
- package/docs/documentation/components/Toggletip.html +5 -5
- package/docs/documentation/coverage.html +17 -17
- package/docs/documentation/directives/AspectRatioDirective.html +23 -24
- package/docs/documentation/directives/PasswordInput.html +1 -1
- package/docs/documentation/directives/TextInput.html +1 -1
- package/docs/documentation/graph/dependencies.svg +179 -179
- package/docs/documentation/js/menu-wc.js +6 -3
- package/docs/documentation/js/menu-wc_es5.js +1 -1
- package/docs/documentation/js/search/search_index.js +2 -2
- package/docs/documentation/miscellaneous/enumerations.html +0 -37
- package/docs/documentation/modules/AspectRatioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/AspectRatioModule.html +9 -8
- package/docs/documentation/modules/ContextMenuModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ContextMenuModule.html +4 -4
- package/docs/documentation/modules/DialogModule/dependencies.svg +80 -80
- package/docs/documentation/modules/DialogModule.html +80 -80
- package/docs/documentation/modules/DropdownModule/dependencies.svg +4 -4
- package/docs/documentation/modules/DropdownModule.html +4 -4
- package/docs/documentation/modules/GridModule/dependencies.svg +4 -4
- package/docs/documentation/modules/GridModule.html +4 -4
- package/docs/documentation/modules/HeaderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/HeaderModule.html +4 -4
- package/docs/documentation/modules/I18nModule/dependencies.svg +4 -4
- package/docs/documentation/modules/I18nModule.html +4 -4
- package/docs/documentation/modules/InputModule/dependencies.svg +4 -4
- package/docs/documentation/modules/InputModule.html +4 -4
- package/docs/documentation/modules/LayerModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LayerModule.html +4 -4
- package/docs/documentation/modules/LayoutModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LayoutModule.html +4 -4
- package/docs/documentation/modules/ListModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ListModule.html +4 -4
- package/docs/documentation/modules/LoadingModule/dependencies.svg +4 -4
- package/docs/documentation/modules/LoadingModule.html +4 -4
- package/docs/documentation/modules/MenuButton/dependencies.svg +4 -4
- package/docs/documentation/modules/MenuButton.html +4 -4
- package/docs/documentation/modules/ModalModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ModalModule.html +4 -4
- package/docs/documentation/modules/NFormsModule/dependencies.svg +4 -4
- package/docs/documentation/modules/NFormsModule.html +4 -4
- package/docs/documentation/modules/PaginationModule/dependencies.svg +4 -4
- package/docs/documentation/modules/PaginationModule.html +4 -4
- package/docs/documentation/modules/PlaceholderModule/dependencies.svg +4 -4
- package/docs/documentation/modules/PlaceholderModule.html +4 -4
- package/docs/documentation/modules/PopoverModule/dependencies.svg +4 -4
- package/docs/documentation/modules/PopoverModule.html +4 -4
- package/docs/documentation/modules/RadioModule/dependencies.svg +4 -4
- package/docs/documentation/modules/RadioModule.html +4 -4
- package/docs/documentation/modules/TableModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TableModule.html +4 -4
- package/docs/documentation/modules/ThemeModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ThemeModule.html +4 -4
- package/docs/documentation/modules/TimePickerSelectModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TimePickerSelectModule.html +4 -4
- package/docs/documentation/modules/ToggleModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggleModule.html +4 -4
- package/docs/documentation/modules/ToggletipModule/dependencies.svg +4 -4
- package/docs/documentation/modules/ToggletipModule.html +4 -4
- package/docs/documentation/modules/TreeviewModule/dependencies.svg +4 -4
- package/docs/documentation/modules/TreeviewModule.html +4 -4
- package/docs/documentation/overview.html +179 -179
- package/docs/documentation.json +872 -1252
- package/docs/storybook/117.bb979a2a.iframe.bundle.js +1 -0
- package/docs/storybook/{3419.8754f6b3.iframe.bundle.js → 3419.fbf4e882.iframe.bundle.js} +1 -1
- package/docs/storybook/{4333.ab38752d.iframe.bundle.js → 4333.fefbcaa4.iframe.bundle.js} +1 -1
- package/docs/storybook/4539.cd802ae1.iframe.bundle.js +1 -0
- package/docs/storybook/5028.4f8835f2.iframe.bundle.js +1 -0
- package/docs/storybook/{5118.d8e064f1.iframe.bundle.js → 5118.02beb793.iframe.bundle.js} +1 -1
- package/docs/storybook/{6372.9f376681.iframe.bundle.js → 6372.f041a629.iframe.bundle.js} +1 -1
- package/docs/storybook/{6878.5ee808b5.iframe.bundle.js → 6878.c010cd64.iframe.bundle.js} +1 -1
- package/docs/storybook/{6931.bca31e10.iframe.bundle.js → 6931.723d7595.iframe.bundle.js} +1 -1
- package/docs/storybook/880.f7aa41d3.iframe.bundle.js +1 -0
- package/docs/storybook/9851.97cd4b72.iframe.bundle.js +1 -0
- package/docs/storybook/{aspect-ratio-aspect-ratio-stories.a66b9c60.iframe.bundle.js → aspect-ratio-aspect-ratio-stories.8433112e.iframe.bundle.js} +1 -1
- package/docs/storybook/breadcrumb-breadcrumb-stories.f128b6d0.iframe.bundle.js +1 -0
- package/docs/storybook/button-button-set-stories.c2612349.iframe.bundle.js +1 -0
- package/docs/storybook/button-button-stories.30b119cd.iframe.bundle.js +1 -0
- package/docs/storybook/button-icon-button-stories.0da0527f.iframe.bundle.js +1 -0
- package/docs/storybook/checkbox-checkbox-stories.2ebd0a3e.iframe.bundle.js +1 -0
- package/docs/storybook/code-snippet-code-snippet-stories.395927b5.iframe.bundle.js +1 -0
- package/docs/storybook/combo-button-combo-button-stories.06cafdbe.iframe.bundle.js +1 -0
- package/docs/storybook/contained-list-contained-list-stories.0ef7351b.iframe.bundle.js +1 -0
- package/docs/storybook/datepicker-datepicker-stories.402c0d61.iframe.bundle.js +1 -0
- package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.1820773f.iframe.bundle.js +1 -0
- package/docs/storybook/file-uploader-file-stories.f98094f5.iframe.bundle.js +1 -0
- package/docs/storybook/iframe.html +2 -2
- package/docs/storybook/index-stories.dc944c09.iframe.bundle.js +1 -0
- package/docs/storybook/inline-loading-inline-loading-stories.4eb2d84e.iframe.bundle.js +1 -0
- package/docs/storybook/input-password-stories.30fb2577.iframe.bundle.js +1 -0
- package/docs/storybook/main.80067634.iframe.bundle.js +1 -0
- package/docs/storybook/menu-button-menu-button-stories.bdfe8d92.iframe.bundle.js +1 -0
- package/docs/storybook/modal-modal-stories.2a043fe5.iframe.bundle.js +1 -0
- package/docs/storybook/pagination-pagination-nav-stories.0f81f31c.iframe.bundle.js +1 -0
- package/docs/storybook/pagination-pagination-stories.eec922d6.iframe.bundle.js +1 -0
- package/docs/storybook/patterns-dialogs-modal-with-table-stories.5d05e9a4.iframe.bundle.js +1 -0
- package/docs/storybook/patterns-filtering-multiple-categories-stories.3ae46ebd.iframe.bundle.js +1 -0
- package/docs/storybook/patterns-forms-multi-step-form-stories.fe0953e3.iframe.bundle.js +1 -0
- package/docs/storybook/patterns-loading-large-loading-stories.66bf3964.iframe.bundle.js +1 -0
- package/docs/storybook/project.json +1 -1
- package/docs/storybook/{runtime~main.e29a4f3e.iframe.bundle.js → runtime~main.d45fe031.iframe.bundle.js} +1 -1
- package/docs/storybook/{select-select-stories.e5a6b6fd.iframe.bundle.js → select-select-stories.6494aa35.iframe.bundle.js} +1 -1
- package/docs/storybook/tag-tag-stories.c0c023cc.iframe.bundle.js +1 -0
- package/docs/storybook/toggle-toggle-stories.fa8a4852.iframe.bundle.js +1 -0
- package/docs/storybook/toggletip-toggletip-stories.9b065bb4.iframe.bundle.js +1 -0
- package/fesm2022/carbon-components-angular-ai-label.mjs +1 -1
- package/fesm2022/carbon-components-angular-ai-label.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-aspect-ratio.mjs +4 -5
- package/fesm2022/carbon-components-angular-aspect-ratio.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-button.mjs +4 -4
- package/fesm2022/carbon-components-angular-button.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-combo-button.mjs +2 -2
- package/fesm2022/carbon-components-angular-combo-button.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-context-menu.mjs +2 -2
- package/fesm2022/carbon-components-angular-context-menu.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-datepicker-input.mjs +7 -5
- package/fesm2022/carbon-components-angular-datepicker-input.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-datepicker.mjs +7 -7
- package/fesm2022/carbon-components-angular-datepicker.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-forms.mjs +1 -1
- package/fesm2022/carbon-components-angular-forms.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-input.mjs +8 -14
- package/fesm2022/carbon-components-angular-input.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-menu-button.mjs +2 -2
- package/fesm2022/carbon-components-angular-menu-button.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-notification.mjs +2 -2
- package/fesm2022/carbon-components-angular-notification.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-pagination.mjs +2 -2
- package/fesm2022/carbon-components-angular-pagination.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-select.mjs +14 -14
- package/fesm2022/carbon-components-angular-select.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-table.mjs +12 -14
- package/fesm2022/carbon-components-angular-table.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-tabs.mjs +38 -48
- package/fesm2022/carbon-components-angular-tabs.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-tag.mjs +6 -6
- package/fesm2022/carbon-components-angular-tag.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-tiles.mjs +4 -8
- package/fesm2022/carbon-components-angular-tiles.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-toggle.mjs +73 -31
- package/fesm2022/carbon-components-angular-toggle.mjs.map +1 -1
- package/fesm2022/carbon-components-angular-toggletip.mjs +4 -4
- package/fesm2022/carbon-components-angular-toggletip.mjs.map +1 -1
- package/forms/index.d.ts +1 -1
- package/input/input.directive.d.ts +1 -1
- package/input/password.directive.d.ts +1 -1
- package/package.json +1 -1
- package/select/select.component.d.ts +2 -0
- package/tag/tag-filter.component.d.ts +1 -1
- package/tag/tag-operational.component.d.ts +1 -1
- package/tag/tag-selectable.component.d.ts +1 -1
- package/tag/tag.component.d.ts +1 -1
- package/toggle/toggle.component.d.ts +36 -21
- package/docs/storybook/117.97eb4444.iframe.bundle.js +0 -1
- package/docs/storybook/4539.3c2d13f6.iframe.bundle.js +0 -1
- package/docs/storybook/5028.d2f8d70a.iframe.bundle.js +0 -1
- package/docs/storybook/880.b32b1797.iframe.bundle.js +0 -1
- package/docs/storybook/9851.65fc740b.iframe.bundle.js +0 -1
- package/docs/storybook/breadcrumb-breadcrumb-stories.8b85700c.iframe.bundle.js +0 -1
- package/docs/storybook/button-button-set-stories.fa675e32.iframe.bundle.js +0 -1
- package/docs/storybook/button-button-stories.018cbff3.iframe.bundle.js +0 -1
- package/docs/storybook/button-icon-button-stories.dd6cbcba.iframe.bundle.js +0 -1
- package/docs/storybook/checkbox-checkbox-stories.5ef654f3.iframe.bundle.js +0 -1
- package/docs/storybook/code-snippet-code-snippet-stories.3613f4e0.iframe.bundle.js +0 -1
- package/docs/storybook/combo-button-combo-button-stories.d30cbfba.iframe.bundle.js +0 -1
- package/docs/storybook/contained-list-contained-list-stories.fa371c0d.iframe.bundle.js +0 -1
- package/docs/storybook/datepicker-datepicker-stories.b2c80ef4.iframe.bundle.js +0 -1
- package/docs/storybook/dialog-overflow-menu-overflow-menu-stories.23d0247a.iframe.bundle.js +0 -1
- package/docs/storybook/file-uploader-file-stories.81d58618.iframe.bundle.js +0 -1
- package/docs/storybook/index-stories.1efbdb52.iframe.bundle.js +0 -1
- package/docs/storybook/inline-loading-inline-loading-stories.af3ae602.iframe.bundle.js +0 -1
- package/docs/storybook/input-password-stories.f98ce325.iframe.bundle.js +0 -1
- package/docs/storybook/main.05801aa6.iframe.bundle.js +0 -1
- package/docs/storybook/menu-button-menu-button-stories.76c3d1f4.iframe.bundle.js +0 -1
- package/docs/storybook/modal-modal-stories.0a4034f4.iframe.bundle.js +0 -1
- package/docs/storybook/pagination-pagination-nav-stories.1580b524.iframe.bundle.js +0 -1
- package/docs/storybook/pagination-pagination-stories.a3328d94.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-dialogs-modal-with-table-stories.1051be79.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-filtering-multiple-categories-stories.77608d33.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-forms-multi-step-form-stories.73cd2f55.iframe.bundle.js +0 -1
- package/docs/storybook/patterns-loading-large-loading-stories.66a25868.iframe.bundle.js +0 -1
- package/docs/storybook/tag-tag-stories.eed011b8.iframe.bundle.js +0 -1
- package/docs/storybook/toggle-toggle-stories.5c291417.iframe.bundle.js +0 -1
- package/docs/storybook/toggletip-toggletip-stories.2987ef51.iframe.bundle.js +0 -1
|
@@ -141,15 +141,15 @@
|
|
|
141
141
|
|
|
142
142
|
</p>
|
|
143
143
|
|
|
144
|
+
|
|
144
145
|
<p class="comment">
|
|
145
|
-
<h3>
|
|
146
|
+
<h3>Implements</h3>
|
|
146
147
|
</p>
|
|
147
148
|
<p class="comment">
|
|
148
|
-
|
|
149
|
+
<code>ControlValueAccessor</code>
|
|
149
150
|
</p>
|
|
150
151
|
|
|
151
152
|
|
|
152
|
-
|
|
153
153
|
<section data-compodoc="block-metadata">
|
|
154
154
|
<h3>Metadata</h3>
|
|
155
155
|
<table class="table table-sm table-hover metadata">
|
|
@@ -274,6 +274,10 @@
|
|
|
274
274
|
<tr>
|
|
275
275
|
<td class="col-md-4">
|
|
276
276
|
<ul class="index-list">
|
|
277
|
+
<li>
|
|
278
|
+
<span class="modifier">Protected</span>
|
|
279
|
+
<a href="#_checked" >_checked</a>
|
|
280
|
+
</li>
|
|
277
281
|
<li>
|
|
278
282
|
<span class="modifier">Protected</span>
|
|
279
283
|
<a href="#_offValues" >_offValues</a>
|
|
@@ -286,44 +290,18 @@
|
|
|
286
290
|
<a href="#id" >id</a>
|
|
287
291
|
</li>
|
|
288
292
|
<li>
|
|
289
|
-
|
|
290
|
-
<a href="#toggleClass" >toggleClass</a>
|
|
291
|
-
</li>
|
|
292
|
-
<li>
|
|
293
|
-
<span class="modifier">Static</span>
|
|
294
|
-
<a href="#toggleCount" >toggleCount</a>
|
|
295
|
-
</li>
|
|
296
|
-
<li>
|
|
297
|
-
<a href="#_checked" >_checked</a>
|
|
298
|
-
</li>
|
|
299
|
-
<li>
|
|
300
|
-
<a href="#_indeterminate" >_indeterminate</a>
|
|
301
|
-
</li>
|
|
302
|
-
<li>
|
|
303
|
-
<span class="modifier">Static</span>
|
|
304
|
-
<a href="#checkboxCount" >checkboxCount</a>
|
|
305
|
-
</li>
|
|
306
|
-
<li>
|
|
307
|
-
<a href="#currentCheckboxState" >currentCheckboxState</a>
|
|
308
|
-
</li>
|
|
309
|
-
<li>
|
|
310
|
-
<span class="modifier">Readonly</span>
|
|
311
|
-
<a href="#helperId" >helperId</a>
|
|
293
|
+
<a href="#onTouched" >onTouched</a>
|
|
312
294
|
</li>
|
|
313
295
|
<li>
|
|
314
|
-
|
|
315
|
-
<span class="modifier">Static</span>
|
|
316
|
-
<a href="#helperIdCounter" >helperIdCounter</a>
|
|
296
|
+
<a href="#propagateChange" >propagateChange</a>
|
|
317
297
|
</li>
|
|
318
298
|
<li>
|
|
319
299
|
<span class="modifier"></span>
|
|
320
|
-
<a href="#
|
|
321
|
-
</li>
|
|
322
|
-
<li>
|
|
323
|
-
<a href="#onTouched" >onTouched</a>
|
|
300
|
+
<a href="#toggleClass" >toggleClass</a>
|
|
324
301
|
</li>
|
|
325
302
|
<li>
|
|
326
|
-
|
|
303
|
+
<span class="modifier">Static</span>
|
|
304
|
+
<a href="#toggleCount" >toggleCount</a>
|
|
327
305
|
</li>
|
|
328
306
|
</ul>
|
|
329
307
|
</td>
|
|
@@ -340,6 +318,10 @@
|
|
|
340
318
|
<li>
|
|
341
319
|
<a href="#emitChangeEvent" >emitChangeEvent</a>
|
|
342
320
|
</li>
|
|
321
|
+
<li>
|
|
322
|
+
<span class="modifier"></span>
|
|
323
|
+
<a href="#focusOut" >focusOut</a>
|
|
324
|
+
</li>
|
|
343
325
|
<li>
|
|
344
326
|
<a href="#getCheckedText" >getCheckedText</a>
|
|
345
327
|
</li>
|
|
@@ -353,22 +335,6 @@
|
|
|
353
335
|
<span class="modifier">Public</span>
|
|
354
336
|
<a href="#isTemplate" >isTemplate</a>
|
|
355
337
|
</li>
|
|
356
|
-
<li>
|
|
357
|
-
<a href="#setDisabledState" >setDisabledState</a>
|
|
358
|
-
</li>
|
|
359
|
-
<li>
|
|
360
|
-
<span class="modifier"></span>
|
|
361
|
-
<a href="#focusOut" >focusOut</a>
|
|
362
|
-
</li>
|
|
363
|
-
<li>
|
|
364
|
-
<a href="#markForCheckFromGroup" >markForCheckFromGroup</a>
|
|
365
|
-
</li>
|
|
366
|
-
<li>
|
|
367
|
-
<a href="#ngAfterViewInit" >ngAfterViewInit</a>
|
|
368
|
-
</li>
|
|
369
|
-
<li>
|
|
370
|
-
<a href="#onChange" >onChange</a>
|
|
371
|
-
</li>
|
|
372
338
|
<li>
|
|
373
339
|
<a href="#onClick" >onClick</a>
|
|
374
340
|
</li>
|
|
@@ -385,11 +351,7 @@
|
|
|
385
351
|
<a href="#setChecked" >setChecked</a>
|
|
386
352
|
</li>
|
|
387
353
|
<li>
|
|
388
|
-
|
|
389
|
-
<a href="#toggle" >toggle</a>
|
|
390
|
-
</li>
|
|
391
|
-
<li>
|
|
392
|
-
<a href="#transitionCheckboxState" >transitionCheckboxState</a>
|
|
354
|
+
<a href="#setDisabledState" >setDisabledState</a>
|
|
393
355
|
</li>
|
|
394
356
|
<li>
|
|
395
357
|
<span class="modifier">Public</span>
|
|
@@ -410,71 +372,29 @@
|
|
|
410
372
|
<li>
|
|
411
373
|
<a href="#ariaLabel" >ariaLabel</a>
|
|
412
374
|
</li>
|
|
413
|
-
<li>
|
|
414
|
-
<a href="#hideLabel" >hideLabel</a>
|
|
415
|
-
</li>
|
|
416
|
-
<li>
|
|
417
|
-
<a href="#label" >label</a>
|
|
418
|
-
</li>
|
|
419
|
-
<li>
|
|
420
|
-
<a href="#offText" >offText</a>
|
|
421
|
-
</li>
|
|
422
|
-
<li>
|
|
423
|
-
<a href="#onText" >onText</a>
|
|
424
|
-
</li>
|
|
425
|
-
<li>
|
|
426
|
-
<a href="#size" >size</a>
|
|
427
|
-
</li>
|
|
428
|
-
<li>
|
|
429
|
-
<a href="#skeleton" >skeleton</a>
|
|
430
|
-
</li>
|
|
431
|
-
<li>
|
|
432
|
-
<a href="#ariaLabelledby" >ariaLabelledby</a>
|
|
433
|
-
</li>
|
|
434
375
|
<li>
|
|
435
376
|
<a href="#checked" >checked</a>
|
|
436
377
|
</li>
|
|
437
|
-
<li>
|
|
438
|
-
<a href="#decorator" >decorator</a>
|
|
439
|
-
</li>
|
|
440
378
|
<li>
|
|
441
379
|
<a href="#disabled" >disabled</a>
|
|
442
380
|
</li>
|
|
443
381
|
<li>
|
|
444
|
-
<a href="#
|
|
445
|
-
</li>
|
|
446
|
-
<li>
|
|
447
|
-
<a href="#id" >id</a>
|
|
448
|
-
</li>
|
|
449
|
-
<li>
|
|
450
|
-
<a href="#indeterminate" >indeterminate</a>
|
|
451
|
-
</li>
|
|
452
|
-
<li>
|
|
453
|
-
<a href="#invalid" >invalid</a>
|
|
454
|
-
</li>
|
|
455
|
-
<li>
|
|
456
|
-
<a href="#invalidText" >invalidText</a>
|
|
457
|
-
</li>
|
|
458
|
-
<li>
|
|
459
|
-
<a href="#name" >name</a>
|
|
460
|
-
</li>
|
|
461
|
-
<li>
|
|
462
|
-
<a href="#readOnly" >readOnly</a>
|
|
382
|
+
<a href="#hideLabel" >hideLabel</a>
|
|
463
383
|
</li>
|
|
464
384
|
<li>
|
|
465
|
-
<a href="#
|
|
385
|
+
<a href="#label" >label</a>
|
|
466
386
|
</li>
|
|
467
387
|
<li>
|
|
468
|
-
<a href="#
|
|
388
|
+
<a href="#offText" >offText</a>
|
|
469
389
|
</li>
|
|
470
390
|
<li>
|
|
471
|
-
<a href="#
|
|
391
|
+
<a href="#onText" >onText</a>
|
|
472
392
|
</li>
|
|
473
393
|
<li>
|
|
474
|
-
<a href="#
|
|
394
|
+
<a href="#size" >size</a>
|
|
475
395
|
</li>
|
|
476
396
|
<li>
|
|
477
|
-
<a href="#
|
|
397
|
+
<a href="#skeleton" >skeleton</a>
|
|
478
398
|
</li>
|
|
479
399
|
</ul>
|
|
480
400
|
</td>
|
|
@@ -491,12 +411,6 @@
|
|
|
491
411
|
<li>
|
|
492
412
|
<a href="#checkedChange" >checkedChange</a>
|
|
493
413
|
</li>
|
|
494
|
-
<li>
|
|
495
|
-
<a href="#click" >click</a>
|
|
496
|
-
</li>
|
|
497
|
-
<li>
|
|
498
|
-
<a href="#indeterminateChange" >indeterminateChange</a>
|
|
499
|
-
</li>
|
|
500
414
|
</ul>
|
|
501
415
|
</td>
|
|
502
416
|
</tr>
|
|
@@ -545,6 +459,9 @@
|
|
|
545
459
|
<tr>
|
|
546
460
|
<td class="col-md-4">
|
|
547
461
|
<ul class="index-list">
|
|
462
|
+
<li>
|
|
463
|
+
<a href="#checked" >checked</a>
|
|
464
|
+
</li>
|
|
548
465
|
<li>
|
|
549
466
|
<a href="#offText" >offText</a>
|
|
550
467
|
</li>
|
|
@@ -570,12 +487,12 @@
|
|
|
570
487
|
<tbody>
|
|
571
488
|
<tr>
|
|
572
489
|
<td class="col-md-4">
|
|
573
|
-
<code>constructor(changeDetectorRef: ChangeDetectorRef,
|
|
490
|
+
<code>constructor(changeDetectorRef: ChangeDetectorRef, i18n: <a href="../injectables/I18n.html" target="_self">I18n</a>)</code>
|
|
574
491
|
</td>
|
|
575
492
|
</tr>
|
|
576
493
|
<tr>
|
|
577
494
|
<td class="col-md-4">
|
|
578
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
495
|
+
<div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/toggle/toggle.component.ts:187</a></div>
|
|
579
496
|
</td>
|
|
580
497
|
</tr>
|
|
581
498
|
|
|
@@ -605,18 +522,6 @@
|
|
|
605
522
|
No
|
|
606
523
|
</td>
|
|
607
524
|
|
|
608
|
-
</tr>
|
|
609
|
-
<tr>
|
|
610
|
-
<td>hostGroup</td>
|
|
611
|
-
|
|
612
|
-
<td>
|
|
613
|
-
<code><a href="../interfaces/CheckboxGroupHost.html" target="_self" >CheckboxGroupHost | null</a></code>
|
|
614
|
-
</td>
|
|
615
|
-
|
|
616
|
-
<td>
|
|
617
|
-
No
|
|
618
|
-
</td>
|
|
619
|
-
|
|
620
525
|
</tr>
|
|
621
526
|
<tr>
|
|
622
527
|
<td>i18n</td>
|
|
@@ -655,21 +560,74 @@
|
|
|
655
560
|
|
|
656
561
|
</td>
|
|
657
562
|
</tr>
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
<div class="io-line">
|
|
563
|
+
<tr>
|
|
564
|
+
<td class="col-md-2" colspan="2">
|
|
565
|
+
<div class="io-line">Defined in <a href="" data-line="166" class="link-to-prism">src/toggle/toggle.component.ts:166</a></div>
|
|
566
|
+
</td>
|
|
567
|
+
</tr>
|
|
568
|
+
<tr>
|
|
569
|
+
<td class="col-md-4">
|
|
570
|
+
<div class="io-description"><p>Set <code>aria-label</code> property for the button when label is empty</p>
|
|
661
571
|
</div>
|
|
662
|
-
|
|
663
|
-
|
|
572
|
+
</td>
|
|
573
|
+
</tr>
|
|
574
|
+
</tbody>
|
|
575
|
+
</table>
|
|
576
|
+
<table class="table table-sm table-bordered">
|
|
577
|
+
<tbody>
|
|
578
|
+
<tr>
|
|
579
|
+
<td class="col-md-4">
|
|
580
|
+
<a name="checked"></a>
|
|
581
|
+
<b>checked</b>
|
|
582
|
+
</td>
|
|
583
|
+
</tr>
|
|
584
|
+
<tr>
|
|
585
|
+
<td class="col-md-4">
|
|
586
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
587
|
+
|
|
588
|
+
</td>
|
|
589
|
+
</tr>
|
|
664
590
|
<tr>
|
|
665
591
|
<td class="col-md-2" colspan="2">
|
|
666
|
-
<div class="io-line">Defined in
|
|
592
|
+
<div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/toggle/toggle.component.ts:113</a></div>
|
|
593
|
+
</td>
|
|
594
|
+
</tr>
|
|
595
|
+
<tr>
|
|
596
|
+
<td class="col-md-4">
|
|
597
|
+
<div class="io-description"><p>Sets the <code>checked</code> state. <code>true</code> for on, <code>false</code> for off.
|
|
598
|
+
Allows double binding with the <code>checkedChange</code> Output.</p>
|
|
667
599
|
</div>
|
|
600
|
+
</td>
|
|
601
|
+
</tr>
|
|
602
|
+
</tbody>
|
|
603
|
+
</table>
|
|
604
|
+
<table class="table table-sm table-bordered">
|
|
605
|
+
<tbody>
|
|
606
|
+
<tr>
|
|
607
|
+
<td class="col-md-4">
|
|
608
|
+
<a name="disabled"></a>
|
|
609
|
+
<b>disabled</b>
|
|
610
|
+
</td>
|
|
611
|
+
</tr>
|
|
612
|
+
<tr>
|
|
613
|
+
<td class="col-md-4">
|
|
614
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
615
|
+
|
|
616
|
+
</td>
|
|
617
|
+
</tr>
|
|
618
|
+
<tr>
|
|
619
|
+
<td class="col-md-4">
|
|
620
|
+
<i>Default value : </i><code>false</code>
|
|
621
|
+
</td>
|
|
622
|
+
</tr>
|
|
623
|
+
<tr>
|
|
624
|
+
<td class="col-md-2" colspan="2">
|
|
625
|
+
<div class="io-line">Defined in <a href="" data-line="106" class="link-to-prism">src/toggle/toggle.component.ts:106</a></div>
|
|
668
626
|
</td>
|
|
669
627
|
</tr>
|
|
670
628
|
<tr>
|
|
671
629
|
<td class="col-md-4">
|
|
672
|
-
<div class="io-description"><p>Set <code>
|
|
630
|
+
<div class="io-description"><p>Set to <code>true</code> for a disabled toggle.</p>
|
|
673
631
|
</div>
|
|
674
632
|
</td>
|
|
675
633
|
</tr>
|
|
@@ -694,16 +652,9 @@
|
|
|
694
652
|
<i>Default value : </i><code>false</code>
|
|
695
653
|
</td>
|
|
696
654
|
</tr>
|
|
697
|
-
<tr>
|
|
698
|
-
<td class="col-md-4" colspan="2">
|
|
699
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
700
|
-
</div>
|
|
701
|
-
</td>
|
|
702
|
-
</tr>
|
|
703
655
|
<tr>
|
|
704
656
|
<td class="col-md-2" colspan="2">
|
|
705
|
-
<div class="io-line">Defined in
|
|
706
|
-
</div>
|
|
657
|
+
<div class="io-line">Defined in <a href="" data-line="161" class="link-to-prism">src/toggle/toggle.component.ts:161</a></div>
|
|
707
658
|
</td>
|
|
708
659
|
</tr>
|
|
709
660
|
<tr>
|
|
@@ -730,7 +681,7 @@
|
|
|
730
681
|
</tr>
|
|
731
682
|
<tr>
|
|
732
683
|
<td class="col-md-2" colspan="2">
|
|
733
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
684
|
+
<div class="io-line">Defined in <a href="" data-line="153" class="link-to-prism">src/toggle/toggle.component.ts:153</a></div>
|
|
734
685
|
</td>
|
|
735
686
|
</tr>
|
|
736
687
|
<tr>
|
|
@@ -757,7 +708,7 @@
|
|
|
757
708
|
</tr>
|
|
758
709
|
<tr>
|
|
759
710
|
<td class="col-md-2" colspan="2">
|
|
760
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
711
|
+
<div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/toggle/toggle.component.ts:131</a></div>
|
|
761
712
|
</td>
|
|
762
713
|
</tr>
|
|
763
714
|
<tr>
|
|
@@ -784,7 +735,7 @@
|
|
|
784
735
|
</tr>
|
|
785
736
|
<tr>
|
|
786
737
|
<td class="col-md-2" colspan="2">
|
|
787
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
738
|
+
<div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/toggle/toggle.component.ts:143</a></div>
|
|
788
739
|
</td>
|
|
789
740
|
</tr>
|
|
790
741
|
<tr>
|
|
@@ -816,7 +767,7 @@
|
|
|
816
767
|
</tr>
|
|
817
768
|
<tr>
|
|
818
769
|
<td class="col-md-2" colspan="2">
|
|
819
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
770
|
+
<div class="io-line">Defined in <a href="" data-line="157" class="link-to-prism">src/toggle/toggle.component.ts:157</a></div>
|
|
820
771
|
</td>
|
|
821
772
|
</tr>
|
|
822
773
|
<tr>
|
|
@@ -846,1037 +797,201 @@
|
|
|
846
797
|
<i>Default value : </i><code>false</code>
|
|
847
798
|
</td>
|
|
848
799
|
</tr>
|
|
849
|
-
<tr>
|
|
850
|
-
<td class="col-md-4" colspan="2">
|
|
851
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
852
|
-
</div>
|
|
853
|
-
</td>
|
|
854
|
-
</tr>
|
|
855
800
|
<tr>
|
|
856
801
|
<td class="col-md-2" colspan="2">
|
|
857
|
-
<div class="io-line">Defined in
|
|
858
|
-
</div>
|
|
802
|
+
<div class="io-line">Defined in <a href="" data-line="168" class="link-to-prism">src/toggle/toggle.component.ts:168</a></div>
|
|
859
803
|
</td>
|
|
860
804
|
</tr>
|
|
861
805
|
</tbody>
|
|
862
806
|
</table>
|
|
807
|
+
</section>
|
|
808
|
+
<section data-compodoc="block-outputs">
|
|
809
|
+
<h3 id="outputs">Outputs</h3>
|
|
863
810
|
<table class="table table-sm table-bordered">
|
|
864
811
|
<tbody>
|
|
865
812
|
<tr>
|
|
866
813
|
<td class="col-md-4">
|
|
867
|
-
<a name="
|
|
868
|
-
<b>
|
|
814
|
+
<a name="checkedChange"></a>
|
|
815
|
+
<b>checkedChange</b>
|
|
869
816
|
</td>
|
|
870
817
|
</tr>
|
|
871
818
|
<tr>
|
|
872
819
|
<td class="col-md-4">
|
|
873
|
-
<i>Type : </i>
|
|
820
|
+
<i>Type : </i> <code>EventEmitter</code>
|
|
874
821
|
|
|
875
822
|
</td>
|
|
876
823
|
</tr>
|
|
877
|
-
<tr>
|
|
878
|
-
<td class="col-md-4" colspan="2">
|
|
879
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
880
|
-
</div>
|
|
881
|
-
</td>
|
|
882
|
-
</tr>
|
|
883
824
|
<tr>
|
|
884
825
|
<td class="col-md-2" colspan="2">
|
|
885
|
-
<div class="io-line">Defined in
|
|
886
|
-
</div>
|
|
826
|
+
<div class="io-line">Defined in <a href="" data-line="125" class="link-to-prism">src/toggle/toggle.component.ts:125</a></div>
|
|
887
827
|
</td>
|
|
888
828
|
</tr>
|
|
889
|
-
</tbody>
|
|
890
|
-
</table>
|
|
891
|
-
<table class="table table-sm table-bordered">
|
|
892
|
-
<tbody>
|
|
893
829
|
<tr>
|
|
894
830
|
<td class="col-md-4">
|
|
895
|
-
<
|
|
896
|
-
|
|
831
|
+
<div class="io-description"><p>Emits an event when the value of the toggle changes.
|
|
832
|
+
Allows double binding with the <code>checked</code> Input.</p>
|
|
833
|
+
</div>
|
|
897
834
|
</td>
|
|
898
835
|
</tr>
|
|
836
|
+
</tbody>
|
|
837
|
+
</table>
|
|
838
|
+
</section>
|
|
839
|
+
<section data-compodoc="block-properties">
|
|
840
|
+
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
841
|
+
<tbody>
|
|
842
|
+
<tr>
|
|
843
|
+
<td class="col-md-4">
|
|
844
|
+
<a name="class.cds--form-item"></a>
|
|
845
|
+
<span class="name">
|
|
846
|
+
<span ><b>class.cds--form-item</b></span>
|
|
847
|
+
<a href="#class.cds--form-item"><span class="icon ion-ios-link"></span></a>
|
|
848
|
+
</span>
|
|
849
|
+
</td>
|
|
850
|
+
</tr>
|
|
899
851
|
<tr>
|
|
900
852
|
<td class="col-md-4">
|
|
901
853
|
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
902
854
|
|
|
903
855
|
</td>
|
|
904
856
|
</tr>
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
</
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
857
|
+
<tr>
|
|
858
|
+
<td class="col-md-4">
|
|
859
|
+
<div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/toggle/toggle.component.ts:175</a></div>
|
|
860
|
+
</td>
|
|
861
|
+
</tr>
|
|
862
|
+
|
|
863
|
+
|
|
864
|
+
</tbody>
|
|
865
|
+
</table>
|
|
866
|
+
<table class="table table-sm table-bordered">
|
|
867
|
+
<tbody>
|
|
868
|
+
<tr>
|
|
869
|
+
<td class="col-md-4">
|
|
870
|
+
<a name="class.cds--toggle"></a>
|
|
871
|
+
<span class="name">
|
|
872
|
+
<span ><b>class.cds--toggle</b></span>
|
|
873
|
+
<a href="#class.cds--toggle"><span class="icon ion-ios-link"></span></a>
|
|
874
|
+
</span>
|
|
875
|
+
</td>
|
|
876
|
+
</tr>
|
|
917
877
|
<tr>
|
|
918
878
|
<td class="col-md-4">
|
|
919
|
-
<
|
|
920
|
-
|
|
921
|
-
</div>
|
|
879
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
880
|
+
|
|
922
881
|
</td>
|
|
923
882
|
</tr>
|
|
924
|
-
</tbody>
|
|
925
|
-
</table>
|
|
926
|
-
<table class="table table-sm table-bordered">
|
|
927
|
-
<tbody>
|
|
928
883
|
<tr>
|
|
929
884
|
<td class="col-md-4">
|
|
930
|
-
<
|
|
931
|
-
<b>decorator</b>
|
|
885
|
+
<i>Default value : </i><code>true</code>
|
|
932
886
|
</td>
|
|
933
887
|
</tr>
|
|
934
|
-
<tr>
|
|
935
|
-
<td class="col-md-4">
|
|
936
|
-
<i>Type : </i> <code>TemplateRef<any></code>
|
|
937
|
-
|
|
938
|
-
</td>
|
|
939
|
-
</tr>
|
|
940
|
-
<tr>
|
|
941
|
-
<td class="col-md-4" colspan="2">
|
|
942
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
943
|
-
</div>
|
|
944
|
-
</td>
|
|
945
|
-
</tr>
|
|
946
|
-
<tr>
|
|
947
|
-
<td class="col-md-2" colspan="2">
|
|
948
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:221</a></code>
|
|
949
|
-
</div>
|
|
950
|
-
</td>
|
|
951
|
-
</tr>
|
|
952
|
-
<tr>
|
|
953
|
-
<td class="col-md-4">
|
|
954
|
-
<div class="io-description"><p>Optional <code>TemplateRef</code> (e.g. AI label) rendered next to the label text.</p>
|
|
955
|
-
</div>
|
|
956
|
-
</td>
|
|
957
|
-
</tr>
|
|
958
|
-
</tbody>
|
|
959
|
-
</table>
|
|
960
|
-
<table class="table table-sm table-bordered">
|
|
961
|
-
<tbody>
|
|
962
|
-
<tr>
|
|
963
|
-
<td class="col-md-4">
|
|
964
|
-
<a name="disabled"></a>
|
|
965
|
-
<b>disabled</b>
|
|
966
|
-
</td>
|
|
967
|
-
</tr>
|
|
968
|
-
<tr>
|
|
969
|
-
<td class="col-md-4">
|
|
970
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
971
|
-
|
|
972
|
-
</td>
|
|
973
|
-
</tr>
|
|
974
|
-
<tr>
|
|
975
|
-
<td class="col-md-4">
|
|
976
|
-
<i>Default value : </i><code>false</code>
|
|
977
|
-
</td>
|
|
978
|
-
</tr>
|
|
979
|
-
<tr>
|
|
980
|
-
<td class="col-md-4" colspan="2">
|
|
981
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
982
|
-
</div>
|
|
983
|
-
</td>
|
|
984
|
-
</tr>
|
|
985
|
-
<tr>
|
|
986
|
-
<td class="col-md-2" colspan="2">
|
|
987
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:151</a></code>
|
|
988
|
-
</div>
|
|
989
|
-
</td>
|
|
990
|
-
</tr>
|
|
991
|
-
<tr>
|
|
992
|
-
<td class="col-md-4">
|
|
993
|
-
<div class="io-description"><p>Set to <code>true</code> for a disabled checkbox.</p>
|
|
994
|
-
</div>
|
|
995
|
-
</td>
|
|
996
|
-
</tr>
|
|
997
|
-
</tbody>
|
|
998
|
-
</table>
|
|
999
|
-
<table class="table table-sm table-bordered">
|
|
1000
|
-
<tbody>
|
|
1001
|
-
<tr>
|
|
1002
|
-
<td class="col-md-4">
|
|
1003
|
-
<a name="helperText"></a>
|
|
1004
|
-
<b>helperText</b>
|
|
1005
|
-
</td>
|
|
1006
|
-
</tr>
|
|
1007
|
-
<tr>
|
|
1008
|
-
<td class="col-md-4">
|
|
1009
|
-
<i>Type : </i> <code>string | TemplateRef<any></code>
|
|
1010
|
-
|
|
1011
|
-
</td>
|
|
1012
|
-
</tr>
|
|
1013
|
-
<tr>
|
|
1014
|
-
<td class="col-md-4" colspan="2">
|
|
1015
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1016
|
-
</div>
|
|
1017
|
-
</td>
|
|
1018
|
-
</tr>
|
|
1019
|
-
<tr>
|
|
1020
|
-
<td class="col-md-2" colspan="2">
|
|
1021
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:188</a></code>
|
|
1022
|
-
</div>
|
|
1023
|
-
</td>
|
|
1024
|
-
</tr>
|
|
1025
|
-
<tr>
|
|
1026
|
-
<td class="col-md-4">
|
|
1027
|
-
<div class="io-description"><p>Optional helper text displayed below the checkbox label.
|
|
1028
|
-
Not shown when <code>invalid</code> or <code>warn</code> is <code>true</code>.</p>
|
|
1029
|
-
</div>
|
|
1030
|
-
</td>
|
|
1031
|
-
</tr>
|
|
1032
|
-
</tbody>
|
|
1033
|
-
</table>
|
|
1034
|
-
<table class="table table-sm table-bordered">
|
|
1035
|
-
<tbody>
|
|
1036
|
-
<tr>
|
|
1037
|
-
<td class="col-md-4">
|
|
1038
|
-
<a name="id"></a>
|
|
1039
|
-
<b>id</b>
|
|
1040
|
-
</td>
|
|
1041
|
-
</tr>
|
|
1042
|
-
<tr>
|
|
1043
|
-
<td class="col-md-4">
|
|
1044
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
1045
|
-
|
|
1046
|
-
</td>
|
|
1047
|
-
</tr>
|
|
1048
|
-
<tr>
|
|
1049
|
-
<td class="col-md-4">
|
|
1050
|
-
<i>Default value : </i><code>`checkbox-${Checkbox.checkboxCount}`</code>
|
|
1051
|
-
</td>
|
|
1052
|
-
</tr>
|
|
1053
|
-
<tr>
|
|
1054
|
-
<td class="col-md-4" colspan="2">
|
|
1055
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1056
|
-
</div>
|
|
1057
|
-
</td>
|
|
1058
|
-
</tr>
|
|
1059
|
-
<tr>
|
|
1060
|
-
<td class="col-md-2" colspan="2">
|
|
1061
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:167</a></code>
|
|
1062
|
-
</div>
|
|
1063
|
-
</td>
|
|
1064
|
-
</tr>
|
|
1065
|
-
<tr>
|
|
1066
|
-
<td class="col-md-4">
|
|
1067
|
-
<div class="io-description"><p>The unique id for the checkbox component.</p>
|
|
1068
|
-
</div>
|
|
1069
|
-
</td>
|
|
1070
|
-
</tr>
|
|
1071
|
-
</tbody>
|
|
1072
|
-
</table>
|
|
1073
|
-
<table class="table table-sm table-bordered">
|
|
1074
|
-
<tbody>
|
|
1075
|
-
<tr>
|
|
1076
|
-
<td class="col-md-4">
|
|
1077
|
-
<a name="indeterminate"></a>
|
|
1078
|
-
<b>indeterminate</b>
|
|
1079
|
-
</td>
|
|
1080
|
-
</tr>
|
|
1081
|
-
<tr>
|
|
1082
|
-
<td class="col-md-4">
|
|
1083
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1084
|
-
|
|
1085
|
-
</td>
|
|
1086
|
-
</tr>
|
|
1087
|
-
<tr>
|
|
1088
|
-
<td class="col-md-4" colspan="2">
|
|
1089
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1090
|
-
</div>
|
|
1091
|
-
</td>
|
|
1092
|
-
</tr>
|
|
1093
|
-
<tr>
|
|
1094
|
-
<td class="col-md-2" colspan="2">
|
|
1095
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:228</a></code>
|
|
1096
|
-
</div>
|
|
1097
|
-
</td>
|
|
1098
|
-
</tr>
|
|
1099
|
-
<tr>
|
|
1100
|
-
<td class="col-md-4">
|
|
1101
|
-
<div class="io-description"><p>Set the checkbox's indeterminate state to match the parameter and transition the view to reflect the change.</p>
|
|
1102
|
-
<p>Allows double binding with the <code>indeterminateChange</code> Output.</p>
|
|
1103
|
-
</div>
|
|
1104
|
-
</td>
|
|
1105
|
-
</tr>
|
|
1106
|
-
</tbody>
|
|
1107
|
-
</table>
|
|
1108
|
-
<table class="table table-sm table-bordered">
|
|
1109
|
-
<tbody>
|
|
1110
|
-
<tr>
|
|
1111
|
-
<td class="col-md-4">
|
|
1112
|
-
<a name="invalid"></a>
|
|
1113
|
-
<b>invalid</b>
|
|
1114
|
-
</td>
|
|
1115
|
-
</tr>
|
|
1116
|
-
<tr>
|
|
1117
|
-
<td class="col-md-4">
|
|
1118
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1119
|
-
|
|
1120
|
-
</td>
|
|
1121
|
-
</tr>
|
|
1122
|
-
<tr>
|
|
1123
|
-
<td class="col-md-4" colspan="2">
|
|
1124
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1125
|
-
</div>
|
|
1126
|
-
</td>
|
|
1127
|
-
</tr>
|
|
1128
|
-
<tr>
|
|
1129
|
-
<td class="col-md-2" colspan="2">
|
|
1130
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:194</a></code>
|
|
1131
|
-
</div>
|
|
1132
|
-
</td>
|
|
1133
|
-
</tr>
|
|
1134
|
-
<tr>
|
|
1135
|
-
<td class="col-md-4">
|
|
1136
|
-
<div class="io-description"><p>Set to <code>true</code> to show the checkbox in an invalid/error state.
|
|
1137
|
-
When omitted inside a <code>cds-checkbox-group</code>, the group's <code>invalid</code> value applies.</p>
|
|
1138
|
-
</div>
|
|
1139
|
-
</td>
|
|
1140
|
-
</tr>
|
|
1141
|
-
</tbody>
|
|
1142
|
-
</table>
|
|
1143
|
-
<table class="table table-sm table-bordered">
|
|
1144
|
-
<tbody>
|
|
1145
|
-
<tr>
|
|
1146
|
-
<td class="col-md-4">
|
|
1147
|
-
<a name="invalidText"></a>
|
|
1148
|
-
<b>invalidText</b>
|
|
1149
|
-
</td>
|
|
1150
|
-
</tr>
|
|
1151
|
-
<tr>
|
|
1152
|
-
<td class="col-md-4">
|
|
1153
|
-
<i>Type : </i> <code>string | TemplateRef<any></code>
|
|
1154
|
-
|
|
1155
|
-
</td>
|
|
1156
|
-
</tr>
|
|
1157
|
-
<tr>
|
|
1158
|
-
<td class="col-md-4" colspan="2">
|
|
1159
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1160
|
-
</div>
|
|
1161
|
-
</td>
|
|
1162
|
-
</tr>
|
|
1163
|
-
<tr>
|
|
1164
|
-
<td class="col-md-2" colspan="2">
|
|
1165
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:199</a></code>
|
|
1166
|
-
</div>
|
|
1167
|
-
</td>
|
|
1168
|
-
</tr>
|
|
1169
|
-
<tr>
|
|
1170
|
-
<td class="col-md-4">
|
|
1171
|
-
<div class="io-description"><p>The error message displayed when <code>invalid</code> is <code>true</code>.</p>
|
|
1172
|
-
</div>
|
|
1173
|
-
</td>
|
|
1174
|
-
</tr>
|
|
1175
|
-
</tbody>
|
|
1176
|
-
</table>
|
|
1177
|
-
<table class="table table-sm table-bordered">
|
|
1178
|
-
<tbody>
|
|
1179
|
-
<tr>
|
|
1180
|
-
<td class="col-md-4">
|
|
1181
|
-
<a name="name"></a>
|
|
1182
|
-
<b>name</b>
|
|
1183
|
-
</td>
|
|
1184
|
-
</tr>
|
|
1185
|
-
<tr>
|
|
1186
|
-
<td class="col-md-4">
|
|
1187
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
1188
|
-
|
|
1189
|
-
</td>
|
|
1190
|
-
</tr>
|
|
1191
|
-
<tr>
|
|
1192
|
-
<td class="col-md-4" colspan="2">
|
|
1193
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1194
|
-
</div>
|
|
1195
|
-
</td>
|
|
1196
|
-
</tr>
|
|
1197
|
-
<tr>
|
|
1198
|
-
<td class="col-md-2" colspan="2">
|
|
1199
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:163</a></code>
|
|
1200
|
-
</div>
|
|
1201
|
-
</td>
|
|
1202
|
-
</tr>
|
|
1203
|
-
<tr>
|
|
1204
|
-
<td class="col-md-4">
|
|
1205
|
-
<div class="io-description"><p>Sets the name attribute on the <code>input</code> element.</p>
|
|
1206
|
-
</div>
|
|
1207
|
-
</td>
|
|
1208
|
-
</tr>
|
|
1209
|
-
</tbody>
|
|
1210
|
-
</table>
|
|
1211
|
-
<table class="table table-sm table-bordered">
|
|
1212
|
-
<tbody>
|
|
1213
|
-
<tr>
|
|
1214
|
-
<td class="col-md-4">
|
|
1215
|
-
<a name="readOnly"></a>
|
|
1216
|
-
<b>readOnly</b>
|
|
1217
|
-
</td>
|
|
1218
|
-
</tr>
|
|
1219
|
-
<tr>
|
|
1220
|
-
<td class="col-md-4">
|
|
1221
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1222
|
-
|
|
1223
|
-
</td>
|
|
1224
|
-
</tr>
|
|
1225
|
-
<tr>
|
|
1226
|
-
<td class="col-md-4" colspan="2">
|
|
1227
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1228
|
-
</div>
|
|
1229
|
-
</td>
|
|
1230
|
-
</tr>
|
|
1231
|
-
<tr>
|
|
1232
|
-
<td class="col-md-2" colspan="2">
|
|
1233
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:216</a></code>
|
|
1234
|
-
</div>
|
|
1235
|
-
</td>
|
|
1236
|
-
</tr>
|
|
1237
|
-
<tr>
|
|
1238
|
-
<td class="col-md-4">
|
|
1239
|
-
<div class="io-description"><p>When <code>true</code>, the checkbox cannot be toggled (matches <code>readonly</code> attribute semantics for form controls).
|
|
1240
|
-
When omitted inside a <code>cds-checkbox-group</code>, the group's <code>readOnly</code> value applies.</p>
|
|
1241
|
-
</div>
|
|
1242
|
-
</td>
|
|
1243
|
-
</tr>
|
|
1244
|
-
</tbody>
|
|
1245
|
-
</table>
|
|
1246
|
-
<table class="table table-sm table-bordered">
|
|
1247
|
-
<tbody>
|
|
1248
|
-
<tr>
|
|
1249
|
-
<td class="col-md-4">
|
|
1250
|
-
<a name="required"></a>
|
|
1251
|
-
<b>required</b>
|
|
1252
|
-
</td>
|
|
1253
|
-
</tr>
|
|
1254
|
-
<tr>
|
|
1255
|
-
<td class="col-md-4">
|
|
1256
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1257
|
-
|
|
1258
|
-
</td>
|
|
1259
|
-
</tr>
|
|
1260
|
-
<tr>
|
|
1261
|
-
<td class="col-md-4" colspan="2">
|
|
1262
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1263
|
-
</div>
|
|
1264
|
-
</td>
|
|
1265
|
-
</tr>
|
|
1266
|
-
<tr>
|
|
1267
|
-
<td class="col-md-2" colspan="2">
|
|
1268
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:171</a></code>
|
|
1269
|
-
</div>
|
|
1270
|
-
</td>
|
|
1271
|
-
</tr>
|
|
1272
|
-
<tr>
|
|
1273
|
-
<td class="col-md-4">
|
|
1274
|
-
<div class="io-description"><p>Reflects the required attribute of the <code>input</code> element.</p>
|
|
1275
|
-
</div>
|
|
1276
|
-
</td>
|
|
1277
|
-
</tr>
|
|
1278
|
-
</tbody>
|
|
1279
|
-
</table>
|
|
1280
|
-
<table class="table table-sm table-bordered">
|
|
1281
|
-
<tbody>
|
|
1282
|
-
<tr>
|
|
1283
|
-
<td class="col-md-4">
|
|
1284
|
-
<a name="title"></a>
|
|
1285
|
-
<b>title</b>
|
|
1286
|
-
</td>
|
|
1287
|
-
</tr>
|
|
1288
|
-
<tr>
|
|
1289
|
-
<td class="col-md-4">
|
|
1290
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
|
|
1291
|
-
|
|
1292
|
-
</td>
|
|
1293
|
-
</tr>
|
|
1294
|
-
<tr>
|
|
1295
|
-
<td class="col-md-4">
|
|
1296
|
-
<i>Default value : </i><code>""</code>
|
|
1297
|
-
</td>
|
|
1298
|
-
</tr>
|
|
1299
|
-
<tr>
|
|
1300
|
-
<td class="col-md-4" colspan="2">
|
|
1301
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1302
|
-
</div>
|
|
1303
|
-
</td>
|
|
1304
|
-
</tr>
|
|
1305
|
-
<tr>
|
|
1306
|
-
<td class="col-md-2" colspan="2">
|
|
1307
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:182</a></code>
|
|
1308
|
-
</div>
|
|
1309
|
-
</td>
|
|
1310
|
-
</tr>
|
|
1311
|
-
<tr>
|
|
1312
|
-
<td class="col-md-4">
|
|
1313
|
-
<div class="io-description"><p>Optional title for the <code><label></code> element.</p>
|
|
1314
|
-
</div>
|
|
1315
|
-
</td>
|
|
1316
|
-
</tr>
|
|
1317
|
-
</tbody>
|
|
1318
|
-
</table>
|
|
1319
|
-
<table class="table table-sm table-bordered">
|
|
1320
|
-
<tbody>
|
|
1321
|
-
<tr>
|
|
1322
|
-
<td class="col-md-4">
|
|
1323
|
-
<a name="value"></a>
|
|
1324
|
-
<b>value</b>
|
|
1325
|
-
</td>
|
|
1326
|
-
</tr>
|
|
1327
|
-
<tr>
|
|
1328
|
-
<td class="col-md-4">
|
|
1329
|
-
<i>Type : </i> <code><a href="../miscellaneous/typealiases.html#CheckboxValue" target="_self" >CheckboxValue</a></code>
|
|
1330
|
-
|
|
1331
|
-
</td>
|
|
1332
|
-
</tr>
|
|
1333
|
-
<tr>
|
|
1334
|
-
<td class="col-md-4" colspan="2">
|
|
1335
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1336
|
-
</div>
|
|
1337
|
-
</td>
|
|
1338
|
-
</tr>
|
|
1339
|
-
<tr>
|
|
1340
|
-
<td class="col-md-2" colspan="2">
|
|
1341
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:175</a></code>
|
|
1342
|
-
</div>
|
|
1343
|
-
</td>
|
|
1344
|
-
</tr>
|
|
1345
|
-
<tr>
|
|
1346
|
-
<td class="col-md-4">
|
|
1347
|
-
<div class="io-description"><p>Sets the value attribute on the <code>input</code> element.</p>
|
|
1348
|
-
</div>
|
|
1349
|
-
</td>
|
|
1350
|
-
</tr>
|
|
1351
|
-
</tbody>
|
|
1352
|
-
</table>
|
|
1353
|
-
<table class="table table-sm table-bordered">
|
|
1354
|
-
<tbody>
|
|
1355
|
-
<tr>
|
|
1356
|
-
<td class="col-md-4">
|
|
1357
|
-
<a name="warn"></a>
|
|
1358
|
-
<b>warn</b>
|
|
1359
|
-
</td>
|
|
1360
|
-
</tr>
|
|
1361
|
-
<tr>
|
|
1362
|
-
<td class="col-md-4">
|
|
1363
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1364
|
-
|
|
1365
|
-
</td>
|
|
1366
|
-
</tr>
|
|
1367
|
-
<tr>
|
|
1368
|
-
<td class="col-md-4" colspan="2">
|
|
1369
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1370
|
-
</div>
|
|
1371
|
-
</td>
|
|
1372
|
-
</tr>
|
|
1373
|
-
<tr>
|
|
1374
|
-
<td class="col-md-2" colspan="2">
|
|
1375
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:205</a></code>
|
|
1376
|
-
</div>
|
|
1377
|
-
</td>
|
|
1378
|
-
</tr>
|
|
1379
|
-
<tr>
|
|
1380
|
-
<td class="col-md-4">
|
|
1381
|
-
<div class="io-description"><p>Set to <code>true</code> to show the checkbox in a warning state.
|
|
1382
|
-
When omitted inside a <code>cds-checkbox-group</code>, the group's <code>warn</code> value applies.</p>
|
|
1383
|
-
</div>
|
|
1384
|
-
</td>
|
|
1385
|
-
</tr>
|
|
1386
|
-
</tbody>
|
|
1387
|
-
</table>
|
|
1388
|
-
<table class="table table-sm table-bordered">
|
|
1389
|
-
<tbody>
|
|
1390
|
-
<tr>
|
|
1391
|
-
<td class="col-md-4">
|
|
1392
|
-
<a name="warnText"></a>
|
|
1393
|
-
<b>warnText</b>
|
|
1394
|
-
</td>
|
|
1395
|
-
</tr>
|
|
1396
|
-
<tr>
|
|
1397
|
-
<td class="col-md-4">
|
|
1398
|
-
<i>Type : </i> <code>string | TemplateRef<any></code>
|
|
1399
|
-
|
|
1400
|
-
</td>
|
|
1401
|
-
</tr>
|
|
1402
|
-
<tr>
|
|
1403
|
-
<td class="col-md-4" colspan="2">
|
|
1404
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1405
|
-
</div>
|
|
1406
|
-
</td>
|
|
1407
|
-
</tr>
|
|
1408
|
-
<tr>
|
|
1409
|
-
<td class="col-md-2" colspan="2">
|
|
1410
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:210</a></code>
|
|
1411
|
-
</div>
|
|
1412
|
-
</td>
|
|
1413
|
-
</tr>
|
|
1414
|
-
<tr>
|
|
1415
|
-
<td class="col-md-4">
|
|
1416
|
-
<div class="io-description"><p>The warning message displayed when <code>warn</code> is <code>true</code> and <code>invalid</code> is <code>false</code>.</p>
|
|
1417
|
-
</div>
|
|
1418
|
-
</td>
|
|
1419
|
-
</tr>
|
|
1420
|
-
</tbody>
|
|
1421
|
-
</table>
|
|
1422
|
-
</section>
|
|
1423
|
-
<section data-compodoc="block-outputs">
|
|
1424
|
-
<h3 id="outputs">Outputs</h3>
|
|
1425
|
-
<table class="table table-sm table-bordered">
|
|
1426
|
-
<tbody>
|
|
1427
|
-
<tr>
|
|
1428
|
-
<td class="col-md-4">
|
|
1429
|
-
<a name="checkedChange"></a>
|
|
1430
|
-
<b>checkedChange</b>
|
|
1431
|
-
</td>
|
|
1432
|
-
</tr>
|
|
1433
|
-
<tr>
|
|
1434
|
-
<td class="col-md-4">
|
|
1435
|
-
<i>Type : </i> <code>EventEmitter</code>
|
|
1436
|
-
|
|
1437
|
-
</td>
|
|
1438
|
-
</tr>
|
|
1439
|
-
<tr>
|
|
1440
|
-
<td class="col-md-4" colspan="2">
|
|
1441
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1442
|
-
</div>
|
|
1443
|
-
</td>
|
|
1444
|
-
</tr>
|
|
1445
|
-
<tr>
|
|
1446
|
-
<td class="col-md-2" colspan="2">
|
|
1447
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:282</a></code>
|
|
1448
|
-
</div>
|
|
1449
|
-
</td>
|
|
1450
|
-
</tr>
|
|
1451
|
-
<tr>
|
|
1452
|
-
<td class="col-md-4">
|
|
1453
|
-
<div class="io-description"><p>Emits an event when the value of the checkbox changes.</p>
|
|
1454
|
-
<p>Allows double biding with the <code>checked</code> Input.</p>
|
|
1455
|
-
</div>
|
|
1456
|
-
</td>
|
|
1457
|
-
</tr>
|
|
1458
|
-
</tbody>
|
|
1459
|
-
</table>
|
|
1460
|
-
<table class="table table-sm table-bordered">
|
|
1461
|
-
<tbody>
|
|
1462
|
-
<tr>
|
|
1463
|
-
<td class="col-md-4">
|
|
1464
|
-
<a name="click"></a>
|
|
1465
|
-
<b>click</b>
|
|
1466
|
-
</td>
|
|
1467
|
-
</tr>
|
|
1468
|
-
<tr>
|
|
1469
|
-
<td class="col-md-4">
|
|
1470
|
-
<i>Type : </i> <code>EventEmitter</code>
|
|
1471
|
-
|
|
1472
|
-
</td>
|
|
1473
|
-
</tr>
|
|
1474
|
-
<tr>
|
|
1475
|
-
<td class="col-md-4" colspan="2">
|
|
1476
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1477
|
-
</div>
|
|
1478
|
-
</td>
|
|
1479
|
-
</tr>
|
|
1480
|
-
<tr>
|
|
1481
|
-
<td class="col-md-2" colspan="2">
|
|
1482
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:275</a></code>
|
|
1483
|
-
</div>
|
|
1484
|
-
</td>
|
|
1485
|
-
</tr>
|
|
1486
|
-
<tr>
|
|
1487
|
-
<td class="col-md-4">
|
|
1488
|
-
<div class="io-description"><p>Emits click event.</p>
|
|
1489
|
-
</div>
|
|
1490
|
-
</td>
|
|
1491
|
-
</tr>
|
|
1492
|
-
</tbody>
|
|
1493
|
-
</table>
|
|
1494
|
-
<table class="table table-sm table-bordered">
|
|
1495
|
-
<tbody>
|
|
1496
|
-
<tr>
|
|
1497
|
-
<td class="col-md-4">
|
|
1498
|
-
<a name="indeterminateChange"></a>
|
|
1499
|
-
<b>indeterminateChange</b>
|
|
1500
|
-
</td>
|
|
1501
|
-
</tr>
|
|
1502
|
-
<tr>
|
|
1503
|
-
<td class="col-md-4">
|
|
1504
|
-
<i>Type : </i> <code>EventEmitter</code>
|
|
1505
|
-
|
|
1506
|
-
</td>
|
|
1507
|
-
</tr>
|
|
1508
|
-
<tr>
|
|
1509
|
-
<td class="col-md-4" colspan="2">
|
|
1510
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1511
|
-
</div>
|
|
1512
|
-
</td>
|
|
1513
|
-
</tr>
|
|
1514
|
-
<tr>
|
|
1515
|
-
<td class="col-md-2" colspan="2">
|
|
1516
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:288</a></code>
|
|
1517
|
-
</div>
|
|
1518
|
-
</td>
|
|
1519
|
-
</tr>
|
|
1520
|
-
<tr>
|
|
1521
|
-
<td class="col-md-4">
|
|
1522
|
-
<div class="io-description"><p>Emits event notifying other classes when a change in state occurs specifically
|
|
1523
|
-
on an indeterminate checkbox.</p>
|
|
1524
|
-
</div>
|
|
1525
|
-
</td>
|
|
1526
|
-
</tr>
|
|
1527
|
-
</tbody>
|
|
1528
|
-
</table>
|
|
1529
|
-
</section>
|
|
1530
|
-
<section data-compodoc="block-properties">
|
|
1531
|
-
<h3>HostBindings</h3> <table class="table table-sm table-bordered">
|
|
1532
|
-
<tbody>
|
|
1533
|
-
<tr>
|
|
1534
|
-
<td class="col-md-4">
|
|
1535
|
-
<a name="class.cds--form-item"></a>
|
|
1536
|
-
<span class="name">
|
|
1537
|
-
<span ><b>class.cds--form-item</b></span>
|
|
1538
|
-
<a href="#class.cds--form-item"><span class="icon ion-ios-link"></span></a>
|
|
1539
|
-
</span>
|
|
1540
|
-
</td>
|
|
1541
|
-
</tr>
|
|
1542
|
-
<tr>
|
|
1543
|
-
<td class="col-md-4">
|
|
1544
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1545
|
-
|
|
1546
|
-
</td>
|
|
1547
|
-
</tr>
|
|
1548
|
-
<tr>
|
|
1549
|
-
<td class="col-md-4">
|
|
1550
|
-
<div class="io-line">Defined in <a href="" data-line="167" class="link-to-prism">src/toggle/toggle.component.ts:167</a></div>
|
|
1551
|
-
</td>
|
|
1552
|
-
</tr>
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
</tbody>
|
|
1556
|
-
</table>
|
|
1557
|
-
<table class="table table-sm table-bordered">
|
|
1558
|
-
<tbody>
|
|
1559
|
-
<tr>
|
|
1560
|
-
<td class="col-md-4">
|
|
1561
|
-
<a name="class.cds--toggle"></a>
|
|
1562
|
-
<span class="name">
|
|
1563
|
-
<span ><b>class.cds--toggle</b></span>
|
|
1564
|
-
<a href="#class.cds--toggle"><span class="icon ion-ios-link"></span></a>
|
|
1565
|
-
</span>
|
|
1566
|
-
</td>
|
|
1567
|
-
</tr>
|
|
1568
|
-
<tr>
|
|
1569
|
-
<td class="col-md-4">
|
|
1570
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1571
|
-
|
|
1572
|
-
</td>
|
|
1573
|
-
</tr>
|
|
1574
|
-
<tr>
|
|
1575
|
-
<td class="col-md-4">
|
|
1576
|
-
<i>Default value : </i><code>true</code>
|
|
1577
|
-
</td>
|
|
1578
|
-
</tr>
|
|
1579
|
-
<tr>
|
|
1580
|
-
<td class="col-md-4">
|
|
1581
|
-
<div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/toggle/toggle.component.ts:162</a></div>
|
|
1582
|
-
</td>
|
|
1583
|
-
</tr>
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
</tbody>
|
|
1587
|
-
</table>
|
|
1588
|
-
<table class="table table-sm table-bordered">
|
|
1589
|
-
<tbody>
|
|
1590
|
-
<tr>
|
|
1591
|
-
<td class="col-md-4">
|
|
1592
|
-
<a name="class.cds--toggle--disabled"></a>
|
|
1593
|
-
<span class="name">
|
|
1594
|
-
<span ><b>class.cds--toggle--disabled</b></span>
|
|
1595
|
-
<a href="#class.cds--toggle--disabled"><span class="icon ion-ios-link"></span></a>
|
|
1596
|
-
</span>
|
|
1597
|
-
</td>
|
|
1598
|
-
</tr>
|
|
1599
|
-
<tr>
|
|
1600
|
-
<td class="col-md-4">
|
|
1601
|
-
<i>Type : </i> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
1602
|
-
|
|
1603
|
-
</td>
|
|
1604
|
-
</tr>
|
|
1605
|
-
<tr>
|
|
1606
|
-
<td class="col-md-4">
|
|
1607
|
-
<div class="io-line">Defined in <a href="" data-line="163" class="link-to-prism">src/toggle/toggle.component.ts:163</a></div>
|
|
1608
|
-
</td>
|
|
1609
|
-
</tr>
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
</tbody>
|
|
1613
|
-
</table>
|
|
1614
|
-
</section>
|
|
1615
|
-
|
|
1616
|
-
<section data-compodoc="block-methods">
|
|
1617
|
-
<h3>HostListeners</h3> <table class="table table-sm table-bordered">
|
|
1618
|
-
<tbody>
|
|
1619
|
-
<tr>
|
|
1620
|
-
<td class="col-md-4">
|
|
1621
|
-
<a name="focusout"></a>
|
|
1622
|
-
<span class="name">
|
|
1623
|
-
<span ><b>focusout</b></span>
|
|
1624
|
-
<a href="#focusout"><span class="icon ion-ios-link"></span></a>
|
|
1625
|
-
</span>
|
|
1626
|
-
</td>
|
|
1627
|
-
</tr>
|
|
1628
|
-
<tr>
|
|
1629
|
-
<td class="col-md-4">
|
|
1630
|
-
<code>focusout()</code>
|
|
1631
|
-
</td>
|
|
1632
|
-
</tr>
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
<tr>
|
|
1636
|
-
<td class="col-md-4">
|
|
1637
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1638
|
-
</div>
|
|
1639
|
-
</td>
|
|
1640
|
-
</tr>
|
|
1641
|
-
<tr>
|
|
1642
|
-
<td class="col-md-4">
|
|
1643
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:398</a></code>
|
|
1644
|
-
</div>
|
|
1645
|
-
</td>
|
|
1646
|
-
</tr>
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
</tbody>
|
|
1650
|
-
</table>
|
|
1651
|
-
</section>
|
|
1652
|
-
<section data-compodoc="block-methods">
|
|
1653
|
-
|
|
1654
|
-
<h3 id="methods">
|
|
1655
|
-
Methods
|
|
1656
|
-
</h3>
|
|
1657
|
-
<table class="table table-sm table-bordered">
|
|
1658
|
-
<tbody>
|
|
1659
|
-
<tr>
|
|
1660
|
-
<td class="col-md-4">
|
|
1661
|
-
<a name="emitChangeEvent"></a>
|
|
1662
|
-
<span class="name">
|
|
1663
|
-
<span ><b>emitChangeEvent</b></span>
|
|
1664
|
-
<a href="#emitChangeEvent"><span class="icon ion-ios-link"></span></a>
|
|
1665
|
-
</span>
|
|
1666
|
-
</td>
|
|
1667
|
-
</tr>
|
|
1668
|
-
<tr>
|
|
1669
|
-
<td class="col-md-4">
|
|
1670
|
-
<code>emitChangeEvent()</code>
|
|
1671
|
-
</td>
|
|
1672
|
-
</tr>
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
<tr>
|
|
1676
|
-
<td class="col-md-4">
|
|
1677
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
1678
|
-
</div>
|
|
1679
|
-
</td>
|
|
1680
|
-
</tr>
|
|
1681
|
-
<tr>
|
|
1682
|
-
<td class="col-md-4">
|
|
1683
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:219</a></code>
|
|
1684
|
-
</div>
|
|
1685
|
-
</td>
|
|
1686
|
-
</tr>
|
|
1687
|
-
|
|
1688
|
-
|
|
1689
|
-
<tr>
|
|
1690
|
-
<td class="col-md-4">
|
|
1691
|
-
<div class="io-description"><p>Creates instance of <code>ToggleChange</code> used to propagate the change event.</p>
|
|
1692
|
-
</div>
|
|
1693
|
-
|
|
1694
|
-
<div class="io-description">
|
|
1695
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1696
|
-
|
|
1697
|
-
</div>
|
|
1698
|
-
</td>
|
|
1699
|
-
</tr>
|
|
1700
|
-
</tbody>
|
|
1701
|
-
</table>
|
|
1702
|
-
<table class="table table-sm table-bordered">
|
|
1703
|
-
<tbody>
|
|
1704
|
-
<tr>
|
|
1705
|
-
<td class="col-md-4">
|
|
1706
|
-
<a name="getCheckedText"></a>
|
|
1707
|
-
<span class="name">
|
|
1708
|
-
<span ><b>getCheckedText</b></span>
|
|
1709
|
-
<a href="#getCheckedText"><span class="icon ion-ios-link"></span></a>
|
|
1710
|
-
</span>
|
|
1711
|
-
</td>
|
|
1712
|
-
</tr>
|
|
1713
|
-
<tr>
|
|
1714
|
-
<td class="col-md-4">
|
|
1715
|
-
<code>getCheckedText()</code>
|
|
1716
|
-
</td>
|
|
1717
|
-
</tr>
|
|
1718
|
-
|
|
1719
|
-
|
|
1720
888
|
<tr>
|
|
1721
889
|
<td class="col-md-4">
|
|
1722
|
-
|
|
1723
|
-
class="link-to-prism">src/toggle/toggle.component.ts:209</a></div>
|
|
890
|
+
<div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/toggle/toggle.component.ts:170</a></div>
|
|
1724
891
|
</td>
|
|
1725
892
|
</tr>
|
|
1726
893
|
|
|
1727
894
|
|
|
1728
|
-
<tr>
|
|
1729
|
-
<td class="col-md-4">
|
|
1730
|
-
|
|
1731
|
-
<div class="io-description">
|
|
1732
|
-
<b>Returns : </b> <code>Observable<string></code>
|
|
1733
|
-
|
|
1734
|
-
</div>
|
|
1735
|
-
</td>
|
|
1736
|
-
</tr>
|
|
1737
895
|
</tbody>
|
|
1738
896
|
</table>
|
|
1739
897
|
<table class="table table-sm table-bordered">
|
|
1740
898
|
<tbody>
|
|
1741
899
|
<tr>
|
|
1742
900
|
<td class="col-md-4">
|
|
1743
|
-
<a name="
|
|
901
|
+
<a name="class.cds--toggle--disabled"></a>
|
|
1744
902
|
<span class="name">
|
|
1745
|
-
<span ><b>
|
|
1746
|
-
<a href="#
|
|
903
|
+
<span ><b>class.cds--toggle--disabled</b></span>
|
|
904
|
+
<a href="#class.cds--toggle--disabled"><span class="icon ion-ios-link"></span></a>
|
|
1747
905
|
</span>
|
|
1748
906
|
</td>
|
|
1749
907
|
</tr>
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
<code>
|
|
1753
|
-
</td>
|
|
1754
|
-
</tr>
|
|
1755
|
-
|
|
908
|
+
<tr>
|
|
909
|
+
<td class="col-md-4">
|
|
910
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1756
911
|
|
|
912
|
+
</td>
|
|
913
|
+
</tr>
|
|
1757
914
|
<tr>
|
|
1758
915
|
<td class="col-md-4">
|
|
1759
|
-
|
|
1760
|
-
class="link-to-prism">src/toggle/toggle.component.ts:201</a></div>
|
|
916
|
+
<div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/toggle/toggle.component.ts:171</a></div>
|
|
1761
917
|
</td>
|
|
1762
918
|
</tr>
|
|
1763
919
|
|
|
1764
920
|
|
|
1765
|
-
<tr>
|
|
1766
|
-
<td class="col-md-4">
|
|
1767
|
-
|
|
1768
|
-
<div class="io-description">
|
|
1769
|
-
<b>Returns : </b> <code>Observable<string></code>
|
|
1770
|
-
|
|
1771
|
-
</div>
|
|
1772
|
-
</td>
|
|
1773
|
-
</tr>
|
|
1774
921
|
</tbody>
|
|
1775
922
|
</table>
|
|
1776
|
-
|
|
923
|
+
</section>
|
|
924
|
+
|
|
925
|
+
<section data-compodoc="block-methods">
|
|
926
|
+
<h3>HostListeners</h3> <table class="table table-sm table-bordered">
|
|
1777
927
|
<tbody>
|
|
1778
928
|
<tr>
|
|
1779
929
|
<td class="col-md-4">
|
|
1780
|
-
<a name="
|
|
930
|
+
<a name="focusout"></a>
|
|
1781
931
|
<span class="name">
|
|
1782
|
-
<span ><b>
|
|
1783
|
-
<a href="#
|
|
932
|
+
<span ><b>focusout</b></span>
|
|
933
|
+
<a href="#focusout"><span class="icon ion-ios-link"></span></a>
|
|
1784
934
|
</span>
|
|
1785
935
|
</td>
|
|
1786
936
|
</tr>
|
|
1787
937
|
<tr>
|
|
1788
938
|
<td class="col-md-4">
|
|
1789
|
-
<code>
|
|
939
|
+
<code>focusout()</code>
|
|
1790
940
|
</td>
|
|
1791
941
|
</tr>
|
|
1792
942
|
|
|
1793
943
|
|
|
1794
944
|
<tr>
|
|
1795
945
|
<td class="col-md-4">
|
|
1796
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1797
|
-
class="link-to-prism">src/toggle/toggle.component.ts:
|
|
946
|
+
<div class="io-line">Defined in <a href="" data-line="264"
|
|
947
|
+
class="link-to-prism">src/toggle/toggle.component.ts:264</a></div>
|
|
1798
948
|
</td>
|
|
1799
949
|
</tr>
|
|
1800
950
|
|
|
1801
951
|
|
|
1802
|
-
<tr>
|
|
1803
|
-
<td class="col-md-4">
|
|
1804
|
-
|
|
1805
|
-
<div class="io-description">
|
|
1806
|
-
<b>Returns : </b> <code>Observable<string></code>
|
|
1807
|
-
|
|
1808
|
-
</div>
|
|
1809
|
-
</td>
|
|
1810
|
-
</tr>
|
|
1811
952
|
</tbody>
|
|
1812
953
|
</table>
|
|
954
|
+
</section>
|
|
955
|
+
<section data-compodoc="block-methods">
|
|
956
|
+
|
|
957
|
+
<h3 id="methods">
|
|
958
|
+
Methods
|
|
959
|
+
</h3>
|
|
1813
960
|
<table class="table table-sm table-bordered">
|
|
1814
961
|
<tbody>
|
|
1815
962
|
<tr>
|
|
1816
963
|
<td class="col-md-4">
|
|
1817
|
-
<a name="
|
|
964
|
+
<a name="emitChangeEvent"></a>
|
|
1818
965
|
<span class="name">
|
|
1819
|
-
|
|
1820
|
-
<span
|
|
1821
|
-
<a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
|
|
966
|
+
<span ><b>emitChangeEvent</b></span>
|
|
967
|
+
<a href="#emitChangeEvent"><span class="icon ion-ios-link"></span></a>
|
|
1822
968
|
</span>
|
|
1823
969
|
</td>
|
|
1824
970
|
</tr>
|
|
1825
971
|
<tr>
|
|
1826
972
|
<td class="col-md-4">
|
|
1827
|
-
|
|
1828
|
-
<code>isTemplate(value)</code>
|
|
973
|
+
<code>emitChangeEvent()</code>
|
|
1829
974
|
</td>
|
|
1830
975
|
</tr>
|
|
1831
976
|
|
|
1832
977
|
|
|
1833
978
|
<tr>
|
|
1834
979
|
<td class="col-md-4">
|
|
1835
|
-
<div class="io-line">
|
|
1836
|
-
</div>
|
|
1837
|
-
</td>
|
|
1838
|
-
</tr>
|
|
1839
|
-
<tr>
|
|
1840
|
-
<td class="col-md-4">
|
|
1841
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:224</a></code>
|
|
1842
|
-
</div>
|
|
980
|
+
<div class="io-line">Defined in <a href="" data-line="228"
|
|
981
|
+
class="link-to-prism">src/toggle/toggle.component.ts:228</a></div>
|
|
1843
982
|
</td>
|
|
1844
983
|
</tr>
|
|
1845
984
|
|
|
1846
985
|
|
|
1847
986
|
<tr>
|
|
1848
987
|
<td class="col-md-4">
|
|
988
|
+
<div class="io-description"><p>Creates instance used to propagate the change event.</p>
|
|
989
|
+
</div>
|
|
1849
990
|
|
|
1850
|
-
<div class="io-description">
|
|
1851
|
-
<b>Parameters :</b>
|
|
1852
|
-
|
|
1853
|
-
<table class="params">
|
|
1854
|
-
<thead>
|
|
1855
|
-
<tr>
|
|
1856
|
-
<td>Name</td>
|
|
1857
|
-
<td>Optional</td>
|
|
1858
|
-
</tr>
|
|
1859
|
-
</thead>
|
|
1860
|
-
<tbody>
|
|
1861
|
-
<tr>
|
|
1862
|
-
<td>value</td>
|
|
1863
|
-
|
|
1864
|
-
<td>
|
|
1865
|
-
No
|
|
1866
|
-
</td>
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
</tr>
|
|
1870
|
-
</tbody>
|
|
1871
|
-
</table>
|
|
1872
|
-
</div>
|
|
1873
991
|
<div class="io-description">
|
|
1874
|
-
<b>Returns : </b> <code><a href="https://
|
|
992
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1875
993
|
|
|
1876
994
|
</div>
|
|
1877
|
-
<div class="io-description">
|
|
1878
|
-
|
|
1879
|
-
</div>
|
|
1880
995
|
</td>
|
|
1881
996
|
</tr>
|
|
1882
997
|
</tbody>
|
|
@@ -1885,79 +1000,44 @@ on an indeterminate checkbox.</p>
|
|
|
1885
1000
|
<tbody>
|
|
1886
1001
|
<tr>
|
|
1887
1002
|
<td class="col-md-4">
|
|
1888
|
-
<a name="
|
|
1003
|
+
<a name="focusOut"></a>
|
|
1889
1004
|
<span class="name">
|
|
1890
|
-
|
|
1891
|
-
<
|
|
1005
|
+
<span class="modifier"></span>
|
|
1006
|
+
<span ><b>focusOut</b></span>
|
|
1007
|
+
<a href="#focusOut"><span class="icon ion-ios-link"></span></a>
|
|
1892
1008
|
</span>
|
|
1893
1009
|
</td>
|
|
1894
1010
|
</tr>
|
|
1895
1011
|
<tr>
|
|
1896
1012
|
<td class="col-md-4">
|
|
1897
|
-
<
|
|
1013
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1014
|
+
<code>focusOut()</code>
|
|
1898
1015
|
</td>
|
|
1899
1016
|
</tr>
|
|
1900
1017
|
|
|
1018
|
+
<tr>
|
|
1019
|
+
<td class="col-md-4">
|
|
1020
|
+
<b>Decorators : </b>
|
|
1021
|
+
<br />
|
|
1022
|
+
<code>@HostListener('focusout')<br /></code>
|
|
1023
|
+
</td>
|
|
1024
|
+
</tr>
|
|
1901
1025
|
|
|
1902
1026
|
<tr>
|
|
1903
1027
|
<td class="col-md-4">
|
|
1904
|
-
<div class="io-line">
|
|
1905
|
-
</div>
|
|
1906
|
-
</td>
|
|
1907
|
-
</tr>
|
|
1908
|
-
<tr>
|
|
1909
|
-
<td class="col-md-4">
|
|
1910
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:197</a></code>
|
|
1911
|
-
</div>
|
|
1028
|
+
<div class="io-line">Defined in <a href="" data-line="264"
|
|
1029
|
+
class="link-to-prism">src/toggle/toggle.component.ts:264</a></div>
|
|
1912
1030
|
</td>
|
|
1913
1031
|
</tr>
|
|
1914
1032
|
|
|
1915
1033
|
|
|
1916
1034
|
<tr>
|
|
1917
1035
|
<td class="col-md-4">
|
|
1918
|
-
<div class="io-description"><p><code>ControlValueAccessor</code> method to programmatically disable the toggle input.</p>
|
|
1919
|
-
<p>ex: <code>this.formGroup.get("myToggle").disable();</code></p>
|
|
1920
|
-
</div>
|
|
1921
|
-
|
|
1922
|
-
<div class="io-description">
|
|
1923
|
-
<b>Parameters :</b>
|
|
1924
|
-
|
|
1925
|
-
<table class="params">
|
|
1926
|
-
<thead>
|
|
1927
|
-
<tr>
|
|
1928
|
-
<td>Name</td>
|
|
1929
|
-
<td>Type</td>
|
|
1930
|
-
<td>Optional</td>
|
|
1931
|
-
<td>Description</td>
|
|
1932
|
-
</tr>
|
|
1933
|
-
</thead>
|
|
1934
|
-
<tbody>
|
|
1935
|
-
<tr>
|
|
1936
|
-
<td>isDisabled</td>
|
|
1937
|
-
<td>
|
|
1938
|
-
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1939
|
-
</td>
|
|
1940
|
-
|
|
1941
|
-
<td>
|
|
1942
|
-
No
|
|
1943
|
-
</td>
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
<td>
|
|
1947
|
-
<p><code>true</code> to disable the input</p>
|
|
1948
1036
|
|
|
1949
|
-
</td>
|
|
1950
|
-
</tr>
|
|
1951
|
-
</tbody>
|
|
1952
|
-
</table>
|
|
1953
|
-
</div>
|
|
1954
1037
|
<div class="io-description">
|
|
1955
1038
|
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
1956
1039
|
|
|
1957
1040
|
</div>
|
|
1958
|
-
<div class="io-description">
|
|
1959
|
-
|
|
1960
|
-
</div>
|
|
1961
1041
|
</td>
|
|
1962
1042
|
</tr>
|
|
1963
1043
|
</tbody>
|
|
@@ -1966,39 +1046,24 @@ on an indeterminate checkbox.</p>
|
|
|
1966
1046
|
<tbody>
|
|
1967
1047
|
<tr>
|
|
1968
1048
|
<td class="col-md-4">
|
|
1969
|
-
<a name="
|
|
1049
|
+
<a name="getCheckedText"></a>
|
|
1970
1050
|
<span class="name">
|
|
1971
|
-
|
|
1972
|
-
<span
|
|
1973
|
-
<a href="#focusOut"><span class="icon ion-ios-link"></span></a>
|
|
1051
|
+
<span ><b>getCheckedText</b></span>
|
|
1052
|
+
<a href="#getCheckedText"><span class="icon ion-ios-link"></span></a>
|
|
1974
1053
|
</span>
|
|
1975
1054
|
</td>
|
|
1976
1055
|
</tr>
|
|
1977
1056
|
<tr>
|
|
1978
1057
|
<td class="col-md-4">
|
|
1979
|
-
|
|
1980
|
-
<code>focusOut()</code>
|
|
1058
|
+
<code>getCheckedText()</code>
|
|
1981
1059
|
</td>
|
|
1982
1060
|
</tr>
|
|
1983
1061
|
|
|
1984
|
-
<tr>
|
|
1985
|
-
<td class="col-md-4">
|
|
1986
|
-
<b>Decorators : </b>
|
|
1987
|
-
<br />
|
|
1988
|
-
<code>@HostListener('focusout')<br /></code>
|
|
1989
|
-
</td>
|
|
1990
|
-
</tr>
|
|
1991
1062
|
|
|
1992
1063
|
<tr>
|
|
1993
1064
|
<td class="col-md-4">
|
|
1994
|
-
<div class="io-line">
|
|
1995
|
-
</div>
|
|
1996
|
-
</td>
|
|
1997
|
-
</tr>
|
|
1998
|
-
<tr>
|
|
1999
|
-
<td class="col-md-4">
|
|
2000
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:398</a></code>
|
|
2001
|
-
</div>
|
|
1065
|
+
<div class="io-line">Defined in <a href="" data-line="218"
|
|
1066
|
+
class="link-to-prism">src/toggle/toggle.component.ts:218</a></div>
|
|
2002
1067
|
</td>
|
|
2003
1068
|
</tr>
|
|
2004
1069
|
|
|
@@ -2007,7 +1072,7 @@ on an indeterminate checkbox.</p>
|
|
|
2007
1072
|
<td class="col-md-4">
|
|
2008
1073
|
|
|
2009
1074
|
<div class="io-description">
|
|
2010
|
-
<b>Returns : </b>
|
|
1075
|
+
<b>Returns : </b> <code>Observable<string></code>
|
|
2011
1076
|
|
|
2012
1077
|
</div>
|
|
2013
1078
|
</td>
|
|
@@ -2018,42 +1083,33 @@ on an indeterminate checkbox.</p>
|
|
|
2018
1083
|
<tbody>
|
|
2019
1084
|
<tr>
|
|
2020
1085
|
<td class="col-md-4">
|
|
2021
|
-
<a name="
|
|
1086
|
+
<a name="getOffText"></a>
|
|
2022
1087
|
<span class="name">
|
|
2023
|
-
<span ><b>
|
|
2024
|
-
<a href="#
|
|
1088
|
+
<span ><b>getOffText</b></span>
|
|
1089
|
+
<a href="#getOffText"><span class="icon ion-ios-link"></span></a>
|
|
2025
1090
|
</span>
|
|
2026
1091
|
</td>
|
|
2027
1092
|
</tr>
|
|
2028
1093
|
<tr>
|
|
2029
1094
|
<td class="col-md-4">
|
|
2030
|
-
<code>
|
|
1095
|
+
<code>getOffText()</code>
|
|
2031
1096
|
</td>
|
|
2032
1097
|
</tr>
|
|
2033
1098
|
|
|
2034
1099
|
|
|
2035
1100
|
<tr>
|
|
2036
1101
|
<td class="col-md-4">
|
|
2037
|
-
<div class="io-line">
|
|
2038
|
-
</div>
|
|
2039
|
-
</td>
|
|
2040
|
-
</tr>
|
|
2041
|
-
<tr>
|
|
2042
|
-
<td class="col-md-4">
|
|
2043
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:393</a></code>
|
|
2044
|
-
</div>
|
|
1102
|
+
<div class="io-line">Defined in <a href="" data-line="210"
|
|
1103
|
+
class="link-to-prism">src/toggle/toggle.component.ts:210</a></div>
|
|
2045
1104
|
</td>
|
|
2046
1105
|
</tr>
|
|
2047
1106
|
|
|
2048
1107
|
|
|
2049
1108
|
<tr>
|
|
2050
1109
|
<td class="col-md-4">
|
|
2051
|
-
<div class="io-description"><p>Invoked by <code>CheckboxGroup</code> when group <code>readOnly</code>, <code>invalid</code>, <code>warn</code> change so <code>OnPush</code>
|
|
2052
|
-
checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.</p>
|
|
2053
|
-
</div>
|
|
2054
1110
|
|
|
2055
1111
|
<div class="io-description">
|
|
2056
|
-
<b>Returns : </b>
|
|
1112
|
+
<b>Returns : </b> <code>Observable<string></code>
|
|
2057
1113
|
|
|
2058
1114
|
</div>
|
|
2059
1115
|
</td>
|
|
@@ -2064,41 +1120,33 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2064
1120
|
<tbody>
|
|
2065
1121
|
<tr>
|
|
2066
1122
|
<td class="col-md-4">
|
|
2067
|
-
<a name="
|
|
1123
|
+
<a name="getOnText"></a>
|
|
2068
1124
|
<span class="name">
|
|
2069
|
-
<span ><b>
|
|
2070
|
-
<a href="#
|
|
1125
|
+
<span ><b>getOnText</b></span>
|
|
1126
|
+
<a href="#getOnText"><span class="icon ion-ios-link"></span></a>
|
|
2071
1127
|
</span>
|
|
2072
1128
|
</td>
|
|
2073
1129
|
</tr>
|
|
2074
1130
|
<tr>
|
|
2075
1131
|
<td class="col-md-4">
|
|
2076
|
-
<code>
|
|
1132
|
+
<code>getOnText()</code>
|
|
2077
1133
|
</td>
|
|
2078
1134
|
</tr>
|
|
2079
1135
|
|
|
2080
1136
|
|
|
2081
1137
|
<tr>
|
|
2082
1138
|
<td class="col-md-4">
|
|
2083
|
-
<div class="io-line">
|
|
2084
|
-
</div>
|
|
2085
|
-
</td>
|
|
2086
|
-
</tr>
|
|
2087
|
-
<tr>
|
|
2088
|
-
<td class="col-md-4">
|
|
2089
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:458</a></code>
|
|
2090
|
-
</div>
|
|
1139
|
+
<div class="io-line">Defined in <a href="" data-line="214"
|
|
1140
|
+
class="link-to-prism">src/toggle/toggle.component.ts:214</a></div>
|
|
2091
1141
|
</td>
|
|
2092
1142
|
</tr>
|
|
2093
1143
|
|
|
2094
1144
|
|
|
2095
1145
|
<tr>
|
|
2096
1146
|
<td class="col-md-4">
|
|
2097
|
-
<div class="io-description"><p>Updates the checkbox if it is in the indeterminate state.</p>
|
|
2098
|
-
</div>
|
|
2099
1147
|
|
|
2100
1148
|
<div class="io-description">
|
|
2101
|
-
<b>Returns : </b>
|
|
1149
|
+
<b>Returns : </b> <code>Observable<string></code>
|
|
2102
1150
|
|
|
2103
1151
|
</div>
|
|
2104
1152
|
</td>
|
|
@@ -2109,38 +1157,32 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2109
1157
|
<tbody>
|
|
2110
1158
|
<tr>
|
|
2111
1159
|
<td class="col-md-4">
|
|
2112
|
-
<a name="
|
|
1160
|
+
<a name="isTemplate"></a>
|
|
2113
1161
|
<span class="name">
|
|
2114
|
-
|
|
2115
|
-
<
|
|
1162
|
+
<span class="modifier">Public</span>
|
|
1163
|
+
<span ><b>isTemplate</b></span>
|
|
1164
|
+
<a href="#isTemplate"><span class="icon ion-ios-link"></span></a>
|
|
2116
1165
|
</span>
|
|
2117
1166
|
</td>
|
|
2118
1167
|
</tr>
|
|
2119
1168
|
<tr>
|
|
2120
1169
|
<td class="col-md-4">
|
|
2121
|
-
<
|
|
1170
|
+
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
1171
|
+
<code>isTemplate(value)</code>
|
|
2122
1172
|
</td>
|
|
2123
1173
|
</tr>
|
|
2124
1174
|
|
|
2125
1175
|
|
|
2126
1176
|
<tr>
|
|
2127
1177
|
<td class="col-md-4">
|
|
2128
|
-
<div class="io-line">
|
|
2129
|
-
</div>
|
|
2130
|
-
</td>
|
|
2131
|
-
</tr>
|
|
2132
|
-
<tr>
|
|
2133
|
-
<td class="col-md-4">
|
|
2134
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:405</a></code>
|
|
2135
|
-
</div>
|
|
1178
|
+
<div class="io-line">Defined in <a href="" data-line="233"
|
|
1179
|
+
class="link-to-prism">src/toggle/toggle.component.ts:233</a></div>
|
|
2136
1180
|
</td>
|
|
2137
1181
|
</tr>
|
|
2138
1182
|
|
|
2139
1183
|
|
|
2140
1184
|
<tr>
|
|
2141
1185
|
<td class="col-md-4">
|
|
2142
|
-
<div class="io-description"><p>Executes on the event of a change within <code>Checkbox</code> to block propagation.</p>
|
|
2143
|
-
</div>
|
|
2144
1186
|
|
|
2145
1187
|
<div class="io-description">
|
|
2146
1188
|
<b>Parameters :</b>
|
|
@@ -2149,16 +1191,12 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2149
1191
|
<thead>
|
|
2150
1192
|
<tr>
|
|
2151
1193
|
<td>Name</td>
|
|
2152
|
-
<td>Type</td>
|
|
2153
1194
|
<td>Optional</td>
|
|
2154
1195
|
</tr>
|
|
2155
1196
|
</thead>
|
|
2156
1197
|
<tbody>
|
|
2157
1198
|
<tr>
|
|
2158
|
-
<td>
|
|
2159
|
-
<td>
|
|
2160
|
-
<code>Event</code>
|
|
2161
|
-
</td>
|
|
1199
|
+
<td>value</td>
|
|
2162
1200
|
|
|
2163
1201
|
<td>
|
|
2164
1202
|
No
|
|
@@ -2170,7 +1208,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2170
1208
|
</table>
|
|
2171
1209
|
</div>
|
|
2172
1210
|
<div class="io-description">
|
|
2173
|
-
<b>Returns : </b> <code><a href="https://
|
|
1211
|
+
<b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
2174
1212
|
|
|
2175
1213
|
</div>
|
|
2176
1214
|
<div class="io-description">
|
|
@@ -2200,22 +1238,14 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2200
1238
|
|
|
2201
1239
|
<tr>
|
|
2202
1240
|
<td class="col-md-4">
|
|
2203
|
-
<div class="io-line">
|
|
2204
|
-
</div>
|
|
2205
|
-
</td>
|
|
2206
|
-
</tr>
|
|
2207
|
-
<tr>
|
|
2208
|
-
<td class="col-md-4">
|
|
2209
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:412</a></code>
|
|
2210
|
-
</div>
|
|
1241
|
+
<div class="io-line">Defined in <a href="" data-line="254"
|
|
1242
|
+
class="link-to-prism">src/toggle/toggle.component.ts:254</a></div>
|
|
2211
1243
|
</td>
|
|
2212
1244
|
</tr>
|
|
2213
1245
|
|
|
2214
1246
|
|
|
2215
1247
|
<tr>
|
|
2216
1248
|
<td class="col-md-4">
|
|
2217
|
-
<div class="io-description"><p>Handles click events on the <code>Checkbox</code> and emits changes to other classes.</p>
|
|
2218
|
-
</div>
|
|
2219
1249
|
|
|
2220
1250
|
<div class="io-description">
|
|
2221
1251
|
<b>Parameters :</b>
|
|
@@ -2270,29 +1300,21 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2270
1300
|
<tr>
|
|
2271
1301
|
<td class="col-md-4">
|
|
2272
1302
|
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
2273
|
-
<code>registerOnChange(fn: <a href="https://
|
|
1303
|
+
<code>registerOnChange(fn: (value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>) => void)</code>
|
|
2274
1304
|
</td>
|
|
2275
1305
|
</tr>
|
|
2276
1306
|
|
|
2277
1307
|
|
|
2278
1308
|
<tr>
|
|
2279
1309
|
<td class="col-md-4">
|
|
2280
|
-
<div class="io-line">
|
|
2281
|
-
</div>
|
|
2282
|
-
</td>
|
|
2283
|
-
</tr>
|
|
2284
|
-
<tr>
|
|
2285
|
-
<td class="col-md-4">
|
|
2286
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:365</a></code>
|
|
2287
|
-
</div>
|
|
1310
|
+
<div class="io-line">Defined in <a href="" data-line="246"
|
|
1311
|
+
class="link-to-prism">src/toggle/toggle.component.ts:246</a></div>
|
|
2288
1312
|
</td>
|
|
2289
1313
|
</tr>
|
|
2290
1314
|
|
|
2291
1315
|
|
|
2292
1316
|
<tr>
|
|
2293
1317
|
<td class="col-md-4">
|
|
2294
|
-
<div class="io-description"><p>Sets a method in order to propagate changes back to the form.</p>
|
|
2295
|
-
</div>
|
|
2296
1318
|
|
|
2297
1319
|
<div class="io-description">
|
|
2298
1320
|
<b>Parameters :</b>
|
|
@@ -2309,7 +1331,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2309
1331
|
<tr>
|
|
2310
1332
|
<td>fn</td>
|
|
2311
1333
|
<td>
|
|
2312
|
-
<code><a href="https://
|
|
1334
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
|
|
2313
1335
|
</td>
|
|
2314
1336
|
|
|
2315
1337
|
<td>
|
|
@@ -2347,29 +1369,21 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2347
1369
|
<tr>
|
|
2348
1370
|
<td class="col-md-4">
|
|
2349
1371
|
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
2350
|
-
<code>registerOnTouched(fn:
|
|
1372
|
+
<code>registerOnTouched(fn: () => void)</code>
|
|
2351
1373
|
</td>
|
|
2352
1374
|
</tr>
|
|
2353
1375
|
|
|
2354
1376
|
|
|
2355
1377
|
<tr>
|
|
2356
1378
|
<td class="col-md-4">
|
|
2357
|
-
<div class="io-line">
|
|
2358
|
-
</div>
|
|
2359
|
-
</td>
|
|
2360
|
-
</tr>
|
|
2361
|
-
<tr>
|
|
2362
|
-
<td class="col-md-4">
|
|
2363
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:373</a></code>
|
|
2364
|
-
</div>
|
|
1379
|
+
<div class="io-line">Defined in <a href="" data-line="250"
|
|
1380
|
+
class="link-to-prism">src/toggle/toggle.component.ts:250</a></div>
|
|
2365
1381
|
</td>
|
|
2366
1382
|
</tr>
|
|
2367
1383
|
|
|
2368
1384
|
|
|
2369
1385
|
<tr>
|
|
2370
1386
|
<td class="col-md-4">
|
|
2371
|
-
<div class="io-description"><p>Registers a callback to be triggered when the control has been touched.</p>
|
|
2372
|
-
</div>
|
|
2373
1387
|
|
|
2374
1388
|
<div class="io-description">
|
|
2375
1389
|
<b>Parameters :</b>
|
|
@@ -2380,14 +1394,13 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2380
1394
|
<td>Name</td>
|
|
2381
1395
|
<td>Type</td>
|
|
2382
1396
|
<td>Optional</td>
|
|
2383
|
-
<td>Description</td>
|
|
2384
1397
|
</tr>
|
|
2385
1398
|
</thead>
|
|
2386
1399
|
<tbody>
|
|
2387
1400
|
<tr>
|
|
2388
1401
|
<td>fn</td>
|
|
2389
1402
|
<td>
|
|
2390
|
-
<code><a href="https://
|
|
1403
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
|
|
2391
1404
|
</td>
|
|
2392
1405
|
|
|
2393
1406
|
<td>
|
|
@@ -2395,10 +1408,6 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2395
1408
|
</td>
|
|
2396
1409
|
|
|
2397
1410
|
|
|
2398
|
-
<td>
|
|
2399
|
-
<p>Callback to be triggered when the checkbox is touched.</p>
|
|
2400
|
-
|
|
2401
|
-
</td>
|
|
2402
1411
|
</tr>
|
|
2403
1412
|
</tbody>
|
|
2404
1413
|
</table>
|
|
@@ -2429,29 +1438,21 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2429
1438
|
<tr>
|
|
2430
1439
|
<td class="col-md-4">
|
|
2431
1440
|
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
2432
|
-
<code>setChecked(checked: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a
|
|
1441
|
+
<code>setChecked(checked: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
|
|
2433
1442
|
</td>
|
|
2434
1443
|
</tr>
|
|
2435
1444
|
|
|
2436
1445
|
|
|
2437
1446
|
<tr>
|
|
2438
1447
|
<td class="col-md-4">
|
|
2439
|
-
<div class="io-line">
|
|
2440
|
-
</div>
|
|
2441
|
-
</td>
|
|
2442
|
-
</tr>
|
|
2443
|
-
<tr>
|
|
2444
|
-
<td class="col-md-4">
|
|
2445
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:479</a></code>
|
|
2446
|
-
</div>
|
|
1448
|
+
<div class="io-line">Defined in <a href="" data-line="272"
|
|
1449
|
+
class="link-to-prism">src/toggle/toggle.component.ts:272</a></div>
|
|
2447
1450
|
</td>
|
|
2448
1451
|
</tr>
|
|
2449
1452
|
|
|
2450
1453
|
|
|
2451
1454
|
<tr>
|
|
2452
1455
|
<td class="col-md-4">
|
|
2453
|
-
<div class="io-description"><p>Sets checked state and optionally resets indeterminate state.</p>
|
|
2454
|
-
</div>
|
|
2455
1456
|
|
|
2456
1457
|
<div class="io-description">
|
|
2457
1458
|
<b>Parameters :</b>
|
|
@@ -2476,18 +1477,6 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2476
1477
|
</td>
|
|
2477
1478
|
|
|
2478
1479
|
|
|
2479
|
-
</tr>
|
|
2480
|
-
<tr>
|
|
2481
|
-
<td>resetIndeterminate</td>
|
|
2482
|
-
<td>
|
|
2483
|
-
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
2484
|
-
</td>
|
|
2485
|
-
|
|
2486
|
-
<td>
|
|
2487
|
-
No
|
|
2488
|
-
</td>
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
1480
|
</tr>
|
|
2492
1481
|
</tbody>
|
|
2493
1482
|
</table>
|
|
@@ -2507,84 +1496,32 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2507
1496
|
<tbody>
|
|
2508
1497
|
<tr>
|
|
2509
1498
|
<td class="col-md-4">
|
|
2510
|
-
<a name="
|
|
2511
|
-
<span class="name">
|
|
2512
|
-
<span class="modifier">Public</span>
|
|
2513
|
-
<span ><b>toggle</b></span>
|
|
2514
|
-
<a href="#toggle"><span class="icon ion-ios-link"></span></a>
|
|
2515
|
-
</span>
|
|
2516
|
-
</td>
|
|
2517
|
-
</tr>
|
|
2518
|
-
<tr>
|
|
2519
|
-
<td class="col-md-4">
|
|
2520
|
-
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
2521
|
-
<code>toggle()</code>
|
|
2522
|
-
</td>
|
|
2523
|
-
</tr>
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
<tr>
|
|
2527
|
-
<td class="col-md-4">
|
|
2528
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
2529
|
-
</div>
|
|
2530
|
-
</td>
|
|
2531
|
-
</tr>
|
|
2532
|
-
<tr>
|
|
2533
|
-
<td class="col-md-4">
|
|
2534
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:342</a></code>
|
|
2535
|
-
</div>
|
|
2536
|
-
</td>
|
|
2537
|
-
</tr>
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
<tr>
|
|
2541
|
-
<td class="col-md-4">
|
|
2542
|
-
<div class="io-description"><p>Toggle the selected state of the checkbox.</p>
|
|
2543
|
-
</div>
|
|
2544
|
-
|
|
2545
|
-
<div class="io-description">
|
|
2546
|
-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
2547
|
-
|
|
2548
|
-
</div>
|
|
2549
|
-
</td>
|
|
2550
|
-
</tr>
|
|
2551
|
-
</tbody>
|
|
2552
|
-
</table>
|
|
2553
|
-
<table class="table table-sm table-bordered">
|
|
2554
|
-
<tbody>
|
|
2555
|
-
<tr>
|
|
2556
|
-
<td class="col-md-4">
|
|
2557
|
-
<a name="transitionCheckboxState"></a>
|
|
1499
|
+
<a name="setDisabledState"></a>
|
|
2558
1500
|
<span class="name">
|
|
2559
|
-
<span ><b>
|
|
2560
|
-
<a href="#
|
|
1501
|
+
<span ><b>setDisabledState</b></span>
|
|
1502
|
+
<a href="#setDisabledState"><span class="icon ion-ios-link"></span></a>
|
|
2561
1503
|
</span>
|
|
2562
1504
|
</td>
|
|
2563
1505
|
</tr>
|
|
2564
1506
|
<tr>
|
|
2565
1507
|
<td class="col-md-4">
|
|
2566
|
-
<code>
|
|
1508
|
+
<code>setDisabledState(isDisabled: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code>
|
|
2567
1509
|
</td>
|
|
2568
1510
|
</tr>
|
|
2569
1511
|
|
|
2570
1512
|
|
|
2571
1513
|
<tr>
|
|
2572
1514
|
<td class="col-md-4">
|
|
2573
|
-
<div class="io-line">
|
|
2574
|
-
</div>
|
|
2575
|
-
</td>
|
|
2576
|
-
</tr>
|
|
2577
|
-
<tr>
|
|
2578
|
-
<td class="col-md-4">
|
|
2579
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:443</a></code>
|
|
2580
|
-
</div>
|
|
1515
|
+
<div class="io-line">Defined in <a href="" data-line="205"
|
|
1516
|
+
class="link-to-prism">src/toggle/toggle.component.ts:205</a></div>
|
|
2581
1517
|
</td>
|
|
2582
1518
|
</tr>
|
|
2583
1519
|
|
|
2584
1520
|
|
|
2585
1521
|
<tr>
|
|
2586
1522
|
<td class="col-md-4">
|
|
2587
|
-
<div class="io-description"><p>
|
|
1523
|
+
<div class="io-description"><p><code>ControlValueAccessor</code> method to programmatically disable the toggle input.</p>
|
|
1524
|
+
<p>ex: <code>this.formGroup.get("myToggle").disable();</code></p>
|
|
2588
1525
|
</div>
|
|
2589
1526
|
|
|
2590
1527
|
<div class="io-description">
|
|
@@ -2596,13 +1533,14 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2596
1533
|
<td>Name</td>
|
|
2597
1534
|
<td>Type</td>
|
|
2598
1535
|
<td>Optional</td>
|
|
1536
|
+
<td>Description</td>
|
|
2599
1537
|
</tr>
|
|
2600
1538
|
</thead>
|
|
2601
1539
|
<tbody>
|
|
2602
1540
|
<tr>
|
|
2603
|
-
<td>
|
|
1541
|
+
<td>isDisabled</td>
|
|
2604
1542
|
<td>
|
|
2605
|
-
<code><a href="
|
|
1543
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
2606
1544
|
</td>
|
|
2607
1545
|
|
|
2608
1546
|
<td>
|
|
@@ -2610,6 +1548,10 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2610
1548
|
</td>
|
|
2611
1549
|
|
|
2612
1550
|
|
|
1551
|
+
<td>
|
|
1552
|
+
<p><code>true</code> to disable the input</p>
|
|
1553
|
+
|
|
1554
|
+
</td>
|
|
2613
1555
|
</tr>
|
|
2614
1556
|
</tbody>
|
|
2615
1557
|
</table>
|
|
@@ -2640,21 +1582,15 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2640
1582
|
<tr>
|
|
2641
1583
|
<td class="col-md-4">
|
|
2642
1584
|
<span class="modifier-icon icon ion-ios-reset"></span>
|
|
2643
|
-
<code>writeValue(value
|
|
1585
|
+
<code>writeValue(value)</code>
|
|
2644
1586
|
</td>
|
|
2645
1587
|
</tr>
|
|
2646
1588
|
|
|
2647
1589
|
|
|
2648
1590
|
<tr>
|
|
2649
1591
|
<td class="col-md-4">
|
|
2650
|
-
<div class="io-line">
|
|
2651
|
-
</div>
|
|
2652
|
-
</td>
|
|
2653
|
-
</tr>
|
|
2654
|
-
<tr>
|
|
2655
|
-
<td class="col-md-4">
|
|
2656
|
-
<div class="io-line">Defined in <code><a href="../components/Checkbox.html#source" target="_self" >Checkbox:357</a></code>
|
|
2657
|
-
</div>
|
|
1592
|
+
<div class="io-line">Defined in <a href="" data-line="242"
|
|
1593
|
+
class="link-to-prism">src/toggle/toggle.component.ts:242</a></div>
|
|
2658
1594
|
</td>
|
|
2659
1595
|
</tr>
|
|
2660
1596
|
|
|
@@ -2662,7 +1598,6 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2662
1598
|
<tr>
|
|
2663
1599
|
<td class="col-md-4">
|
|
2664
1600
|
<div class="io-description"><p>Writes a value from <code>ngModel</code> to the component.</p>
|
|
2665
|
-
<p>In this case the value is the <code>checked</code> property.</p>
|
|
2666
1601
|
</div>
|
|
2667
1602
|
|
|
2668
1603
|
<div class="io-description">
|
|
@@ -2672,7 +1607,6 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2672
1607
|
<thead>
|
|
2673
1608
|
<tr>
|
|
2674
1609
|
<td>Name</td>
|
|
2675
|
-
<td>Type</td>
|
|
2676
1610
|
<td>Optional</td>
|
|
2677
1611
|
<td>Description</td>
|
|
2678
1612
|
</tr>
|
|
@@ -2680,9 +1614,6 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2680
1614
|
<tbody>
|
|
2681
1615
|
<tr>
|
|
2682
1616
|
<td>value</td>
|
|
2683
|
-
<td>
|
|
2684
|
-
<code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >any</a></code>
|
|
2685
|
-
</td>
|
|
2686
1617
|
|
|
2687
1618
|
<td>
|
|
2688
1619
|
No
|
|
@@ -2714,168 +1645,13 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2714
1645
|
<h3 id="inputs">
|
|
2715
1646
|
Properties
|
|
2716
1647
|
</h3>
|
|
2717
|
-
<table class="table table-sm table-bordered">
|
|
2718
|
-
<tbody>
|
|
2719
|
-
<tr>
|
|
2720
|
-
<td class="col-md-4">
|
|
2721
|
-
<a name="_offValues"></a>
|
|
2722
|
-
<span class="name">
|
|
2723
|
-
<span class="modifier">Protected</span>
|
|
2724
|
-
<span ><b>_offValues</b></span>
|
|
2725
|
-
<a href="#_offValues"><span class="icon ion-ios-link"></span></a>
|
|
2726
|
-
</span>
|
|
2727
|
-
</td>
|
|
2728
|
-
</tr>
|
|
2729
|
-
<tr>
|
|
2730
|
-
<td class="col-md-4">
|
|
2731
|
-
<i>Default value : </i><code>this.i18n.getOverridable("TOGGLE.OFF")</code>
|
|
2732
|
-
</td>
|
|
2733
|
-
</tr>
|
|
2734
|
-
<tr>
|
|
2735
|
-
<td class="col-md-4">
|
|
2736
|
-
<div class="io-line">Defined in <a href="" data-line="176" class="link-to-prism">src/toggle/toggle.component.ts:176</a></div>
|
|
2737
|
-
</td>
|
|
2738
|
-
</tr>
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
</tbody>
|
|
2742
|
-
</table>
|
|
2743
|
-
<table class="table table-sm table-bordered">
|
|
2744
|
-
<tbody>
|
|
2745
|
-
<tr>
|
|
2746
|
-
<td class="col-md-4">
|
|
2747
|
-
<a name="_onValues"></a>
|
|
2748
|
-
<span class="name">
|
|
2749
|
-
<span class="modifier">Protected</span>
|
|
2750
|
-
<span ><b>_onValues</b></span>
|
|
2751
|
-
<a href="#_onValues"><span class="icon ion-ios-link"></span></a>
|
|
2752
|
-
</span>
|
|
2753
|
-
</td>
|
|
2754
|
-
</tr>
|
|
2755
|
-
<tr>
|
|
2756
|
-
<td class="col-md-4">
|
|
2757
|
-
<i>Default value : </i><code>this.i18n.getOverridable("TOGGLE.ON")</code>
|
|
2758
|
-
</td>
|
|
2759
|
-
</tr>
|
|
2760
|
-
<tr>
|
|
2761
|
-
<td class="col-md-4">
|
|
2762
|
-
<div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/toggle/toggle.component.ts:177</a></div>
|
|
2763
|
-
</td>
|
|
2764
|
-
</tr>
|
|
2765
|
-
|
|
2766
|
-
|
|
2767
|
-
</tbody>
|
|
2768
|
-
</table>
|
|
2769
|
-
<table class="table table-sm table-bordered">
|
|
2770
|
-
<tbody>
|
|
2771
|
-
<tr>
|
|
2772
|
-
<td class="col-md-4">
|
|
2773
|
-
<a name="id"></a>
|
|
2774
|
-
<span class="name">
|
|
2775
|
-
<span ><b>id</b></span>
|
|
2776
|
-
<a href="#id"><span class="icon ion-ios-link"></span></a>
|
|
2777
|
-
</span>
|
|
2778
|
-
</td>
|
|
2779
|
-
</tr>
|
|
2780
|
-
<tr>
|
|
2781
|
-
<td class="col-md-4">
|
|
2782
|
-
<i>Default value : </i><code>"toggle-" + Toggle.toggleCount</code>
|
|
2783
|
-
</td>
|
|
2784
|
-
</tr>
|
|
2785
|
-
<tr>
|
|
2786
|
-
<td class="col-md-4">
|
|
2787
|
-
<div class="io-line">Defined in <a href="" data-line="174" class="link-to-prism">src/toggle/toggle.component.ts:174</a></div>
|
|
2788
|
-
</td>
|
|
2789
|
-
</tr>
|
|
2790
|
-
|
|
2791
|
-
<tr>
|
|
2792
|
-
<td class="col-md-4">
|
|
2793
|
-
<div class="io-description"><p>The unique id allocated to the <code>Toggle</code>.</p>
|
|
2794
|
-
</div>
|
|
2795
|
-
</td>
|
|
2796
|
-
</tr>
|
|
2797
|
-
|
|
2798
|
-
</tbody>
|
|
2799
|
-
</table>
|
|
2800
|
-
<table class="table table-sm table-bordered">
|
|
2801
|
-
<tbody>
|
|
2802
|
-
<tr>
|
|
2803
|
-
<td class="col-md-4">
|
|
2804
|
-
<a name="toggleClass"></a>
|
|
2805
|
-
<span class="name">
|
|
2806
|
-
<span class="modifier"></span>
|
|
2807
|
-
<span ><b>toggleClass</b></span>
|
|
2808
|
-
<a href="#toggleClass"><span class="icon ion-ios-link"></span></a>
|
|
2809
|
-
</span>
|
|
2810
|
-
</td>
|
|
2811
|
-
</tr>
|
|
2812
|
-
<tr>
|
|
2813
|
-
<td class="col-md-4">
|
|
2814
|
-
<i>Default value : </i><code>true</code>
|
|
2815
|
-
</td>
|
|
2816
|
-
</tr>
|
|
2817
|
-
<tr>
|
|
2818
|
-
<td class="col-md-4">
|
|
2819
|
-
<b>Decorators : </b>
|
|
2820
|
-
<br />
|
|
2821
|
-
<code>
|
|
2822
|
-
@HostBinding('class.cds--toggle')<br />
|
|
2823
|
-
</code>
|
|
2824
|
-
</td>
|
|
2825
|
-
</tr>
|
|
2826
|
-
<tr>
|
|
2827
|
-
<td class="col-md-4">
|
|
2828
|
-
<div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/toggle/toggle.component.ts:162</a></div>
|
|
2829
|
-
</td>
|
|
2830
|
-
</tr>
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
</tbody>
|
|
2834
|
-
</table>
|
|
2835
|
-
<table class="table table-sm table-bordered">
|
|
2836
|
-
<tbody>
|
|
2837
|
-
<tr>
|
|
2838
|
-
<td class="col-md-4">
|
|
2839
|
-
<a name="toggleCount"></a>
|
|
2840
|
-
<span class="name">
|
|
2841
|
-
<span class="modifier">Static</span>
|
|
2842
|
-
<span ><b>toggleCount</b></span>
|
|
2843
|
-
<a href="#toggleCount"><span class="icon ion-ios-link"></span></a>
|
|
2844
|
-
</span>
|
|
2845
|
-
</td>
|
|
2846
|
-
</tr>
|
|
2847
|
-
<tr>
|
|
2848
|
-
<td class="col-md-4">
|
|
2849
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
2850
|
-
|
|
2851
|
-
</td>
|
|
2852
|
-
</tr>
|
|
2853
|
-
<tr>
|
|
2854
|
-
<td class="col-md-4">
|
|
2855
|
-
<i>Default value : </i><code>0</code>
|
|
2856
|
-
</td>
|
|
2857
|
-
</tr>
|
|
2858
|
-
<tr>
|
|
2859
|
-
<td class="col-md-4">
|
|
2860
|
-
<div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/toggle/toggle.component.ts:117</a></div>
|
|
2861
|
-
</td>
|
|
2862
|
-
</tr>
|
|
2863
|
-
|
|
2864
|
-
<tr>
|
|
2865
|
-
<td class="col-md-4">
|
|
2866
|
-
<div class="io-description"><p>Variable used for creating unique ids for toggle components.</p>
|
|
2867
|
-
</div>
|
|
2868
|
-
</td>
|
|
2869
|
-
</tr>
|
|
2870
|
-
|
|
2871
|
-
</tbody>
|
|
2872
|
-
</table>
|
|
2873
1648
|
<table class="table table-sm table-bordered">
|
|
2874
1649
|
<tbody>
|
|
2875
1650
|
<tr>
|
|
2876
1651
|
<td class="col-md-4">
|
|
2877
1652
|
<a name="_checked"></a>
|
|
2878
1653
|
<span class="name">
|
|
1654
|
+
<span class="modifier">Protected</span>
|
|
2879
1655
|
<span ><b>_checked</b></span>
|
|
2880
1656
|
<a href="#_checked"><span class="icon ion-ios-link"></span></a>
|
|
2881
1657
|
</span>
|
|
@@ -2886,25 +1662,12 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2886
1662
|
<i>Default value : </i><code>false</code>
|
|
2887
1663
|
</td>
|
|
2888
1664
|
</tr>
|
|
2889
|
-
<tr>
|
|
2890
|
-
<td class="col-md-4">
|
|
2891
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
2892
|
-
</div>
|
|
2893
|
-
</td>
|
|
2894
|
-
</tr>
|
|
2895
1665
|
<tr>
|
|
2896
1666
|
<td class="col-md-4">
|
|
2897
|
-
<div class="io-line">Defined in
|
|
2898
|
-
</div>
|
|
1667
|
+
<div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/toggle/toggle.component.ts:184</a></div>
|
|
2899
1668
|
</td>
|
|
2900
|
-
</tr>
|
|
2901
|
-
|
|
2902
|
-
<tr>
|
|
2903
|
-
<td class="col-md-4">
|
|
2904
|
-
<div class="io-description"><p>Set to <code>true</code> if the input checkbox is selected (or checked).</p>
|
|
2905
|
-
</div>
|
|
2906
|
-
</td>
|
|
2907
|
-
</tr>
|
|
1669
|
+
</tr>
|
|
1670
|
+
|
|
2908
1671
|
|
|
2909
1672
|
</tbody>
|
|
2910
1673
|
</table>
|
|
@@ -2912,37 +1675,25 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2912
1675
|
<tbody>
|
|
2913
1676
|
<tr>
|
|
2914
1677
|
<td class="col-md-4">
|
|
2915
|
-
<a name="
|
|
1678
|
+
<a name="_offValues"></a>
|
|
2916
1679
|
<span class="name">
|
|
2917
|
-
|
|
2918
|
-
<
|
|
1680
|
+
<span class="modifier">Protected</span>
|
|
1681
|
+
<span ><b>_offValues</b></span>
|
|
1682
|
+
<a href="#_offValues"><span class="icon ion-ios-link"></span></a>
|
|
2919
1683
|
</span>
|
|
2920
1684
|
</td>
|
|
2921
1685
|
</tr>
|
|
2922
1686
|
<tr>
|
|
2923
1687
|
<td class="col-md-4">
|
|
2924
|
-
<i>Default value : </i><code>
|
|
1688
|
+
<i>Default value : </i><code>this.i18n.getOverridable("TOGGLE.OFF")</code>
|
|
2925
1689
|
</td>
|
|
2926
1690
|
</tr>
|
|
2927
|
-
<tr>
|
|
2928
|
-
<td class="col-md-4">
|
|
2929
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
2930
|
-
</div>
|
|
2931
|
-
</td>
|
|
2932
|
-
</tr>
|
|
2933
1691
|
<tr>
|
|
2934
1692
|
<td class="col-md-4">
|
|
2935
|
-
<div class="io-line">Defined in
|
|
2936
|
-
</div>
|
|
1693
|
+
<div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/toggle/toggle.component.ts:186</a></div>
|
|
2937
1694
|
</td>
|
|
2938
1695
|
</tr>
|
|
2939
1696
|
|
|
2940
|
-
<tr>
|
|
2941
|
-
<td class="col-md-4">
|
|
2942
|
-
<div class="io-description"><p>Set to <code>true</code> if the input checkbox is in state indeterminate.</p>
|
|
2943
|
-
</div>
|
|
2944
|
-
</td>
|
|
2945
|
-
</tr>
|
|
2946
1697
|
|
|
2947
1698
|
</tbody>
|
|
2948
1699
|
</table>
|
|
@@ -2950,44 +1701,25 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2950
1701
|
<tbody>
|
|
2951
1702
|
<tr>
|
|
2952
1703
|
<td class="col-md-4">
|
|
2953
|
-
<a name="
|
|
1704
|
+
<a name="_onValues"></a>
|
|
2954
1705
|
<span class="name">
|
|
2955
|
-
<span class="modifier">
|
|
2956
|
-
<span ><b>
|
|
2957
|
-
<a href="#
|
|
1706
|
+
<span class="modifier">Protected</span>
|
|
1707
|
+
<span ><b>_onValues</b></span>
|
|
1708
|
+
<a href="#_onValues"><span class="icon ion-ios-link"></span></a>
|
|
2958
1709
|
</span>
|
|
2959
1710
|
</td>
|
|
2960
1711
|
</tr>
|
|
2961
1712
|
<tr>
|
|
2962
1713
|
<td class="col-md-4">
|
|
2963
|
-
<i>
|
|
2964
|
-
|
|
2965
|
-
</td>
|
|
2966
|
-
</tr>
|
|
2967
|
-
<tr>
|
|
2968
|
-
<td class="col-md-4">
|
|
2969
|
-
<i>Default value : </i><code>0</code>
|
|
1714
|
+
<i>Default value : </i><code>this.i18n.getOverridable("TOGGLE.ON")</code>
|
|
2970
1715
|
</td>
|
|
2971
1716
|
</tr>
|
|
2972
|
-
<tr>
|
|
2973
|
-
<td class="col-md-4">
|
|
2974
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
2975
|
-
</div>
|
|
2976
|
-
</td>
|
|
2977
|
-
</tr>
|
|
2978
1717
|
<tr>
|
|
2979
1718
|
<td class="col-md-4">
|
|
2980
|
-
<div class="io-line">Defined in
|
|
2981
|
-
</div>
|
|
1719
|
+
<div class="io-line">Defined in <a href="" data-line="187" class="link-to-prism">src/toggle/toggle.component.ts:187</a></div>
|
|
2982
1720
|
</td>
|
|
2983
1721
|
</tr>
|
|
2984
1722
|
|
|
2985
|
-
<tr>
|
|
2986
|
-
<td class="col-md-4">
|
|
2987
|
-
<div class="io-description"><p>Variable used for creating unique ids for checkbox components.</p>
|
|
2988
|
-
</div>
|
|
2989
|
-
</td>
|
|
2990
|
-
</tr>
|
|
2991
1723
|
|
|
2992
1724
|
</tbody>
|
|
2993
1725
|
</table>
|
|
@@ -2995,34 +1727,27 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
2995
1727
|
<tbody>
|
|
2996
1728
|
<tr>
|
|
2997
1729
|
<td class="col-md-4">
|
|
2998
|
-
<a name="
|
|
1730
|
+
<a name="id"></a>
|
|
2999
1731
|
<span class="name">
|
|
3000
|
-
<span ><b>
|
|
3001
|
-
<a href="#
|
|
1732
|
+
<span ><b>id</b></span>
|
|
1733
|
+
<a href="#id"><span class="icon ion-ios-link"></span></a>
|
|
3002
1734
|
</span>
|
|
3003
1735
|
</td>
|
|
3004
1736
|
</tr>
|
|
3005
1737
|
<tr>
|
|
3006
1738
|
<td class="col-md-4">
|
|
3007
|
-
<i>Default value : </i><code
|
|
1739
|
+
<i>Default value : </i><code>"toggle-" + Toggle.toggleCount</code>
|
|
3008
1740
|
</td>
|
|
3009
1741
|
</tr>
|
|
3010
|
-
<tr>
|
|
3011
|
-
<td class="col-md-4">
|
|
3012
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
3013
|
-
</div>
|
|
3014
|
-
</td>
|
|
3015
|
-
</tr>
|
|
3016
1742
|
<tr>
|
|
3017
1743
|
<td class="col-md-4">
|
|
3018
|
-
<div class="io-line">Defined in
|
|
3019
|
-
</div>
|
|
1744
|
+
<div class="io-line">Defined in <a href="" data-line="182" class="link-to-prism">src/toggle/toggle.component.ts:182</a></div>
|
|
3020
1745
|
</td>
|
|
3021
1746
|
</tr>
|
|
3022
1747
|
|
|
3023
1748
|
<tr>
|
|
3024
1749
|
<td class="col-md-4">
|
|
3025
|
-
<div class="io-description"><p>
|
|
1750
|
+
<div class="io-description"><p>The unique id allocated to the <code>Toggle</code>.</p>
|
|
3026
1751
|
</div>
|
|
3027
1752
|
</td>
|
|
3028
1753
|
</tr>
|
|
@@ -3033,29 +1758,27 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3033
1758
|
<tbody>
|
|
3034
1759
|
<tr>
|
|
3035
1760
|
<td class="col-md-4">
|
|
3036
|
-
<a name="
|
|
1761
|
+
<a name="onTouched"></a>
|
|
3037
1762
|
<span class="name">
|
|
3038
|
-
|
|
3039
|
-
<span
|
|
3040
|
-
<a href="#helperId"><span class="icon ion-ios-link"></span></a>
|
|
1763
|
+
<span ><b>onTouched</b></span>
|
|
1764
|
+
<a href="#onTouched"><span class="icon ion-ios-link"></span></a>
|
|
3041
1765
|
</span>
|
|
3042
1766
|
</td>
|
|
3043
1767
|
</tr>
|
|
3044
1768
|
<tr>
|
|
3045
1769
|
<td class="col-md-4">
|
|
3046
|
-
<i>
|
|
1770
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
|
|
1771
|
+
|
|
1772
|
+
</td>
|
|
1773
|
+
</tr>
|
|
1774
|
+
<tr>
|
|
1775
|
+
<td class="col-md-4">
|
|
1776
|
+
<i>Default value : </i><code>() => {...}</code>
|
|
3047
1777
|
</td>
|
|
3048
1778
|
</tr>
|
|
3049
|
-
<tr>
|
|
3050
|
-
<td class="col-md-4">
|
|
3051
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
3052
|
-
</div>
|
|
3053
|
-
</td>
|
|
3054
|
-
</tr>
|
|
3055
1779
|
<tr>
|
|
3056
1780
|
<td class="col-md-4">
|
|
3057
|
-
<div class="io-line">Defined in
|
|
3058
|
-
</div>
|
|
1781
|
+
<div class="io-line">Defined in <a href="" data-line="268" class="link-to-prism">src/toggle/toggle.component.ts:268</a></div>
|
|
3059
1782
|
</td>
|
|
3060
1783
|
</tr>
|
|
3061
1784
|
|
|
@@ -3066,36 +1789,27 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3066
1789
|
<tbody>
|
|
3067
1790
|
<tr>
|
|
3068
1791
|
<td class="col-md-4">
|
|
3069
|
-
<a name="
|
|
1792
|
+
<a name="propagateChange"></a>
|
|
3070
1793
|
<span class="name">
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
<span ><b>helperIdCounter</b></span>
|
|
3074
|
-
<a href="#helperIdCounter"><span class="icon ion-ios-link"></span></a>
|
|
1794
|
+
<span ><b>propagateChange</b></span>
|
|
1795
|
+
<a href="#propagateChange"><span class="icon ion-ios-link"></span></a>
|
|
3075
1796
|
</span>
|
|
3076
1797
|
</td>
|
|
3077
1798
|
</tr>
|
|
3078
1799
|
<tr>
|
|
3079
1800
|
<td class="col-md-4">
|
|
3080
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/
|
|
1801
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/function" target="_blank" >function</a></code>
|
|
3081
1802
|
|
|
3082
1803
|
</td>
|
|
3083
1804
|
</tr>
|
|
3084
1805
|
<tr>
|
|
3085
1806
|
<td class="col-md-4">
|
|
3086
|
-
<i>Default value : </i><code>
|
|
1807
|
+
<i>Default value : </i><code>() => {...}</code>
|
|
3087
1808
|
</td>
|
|
3088
1809
|
</tr>
|
|
3089
|
-
<tr>
|
|
3090
|
-
<td class="col-md-4">
|
|
3091
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
3092
|
-
</div>
|
|
3093
|
-
</td>
|
|
3094
|
-
</tr>
|
|
3095
1810
|
<tr>
|
|
3096
1811
|
<td class="col-md-4">
|
|
3097
|
-
<div class="io-line">Defined in
|
|
3098
|
-
</div>
|
|
1812
|
+
<div class="io-line">Defined in <a href="" data-line="270" class="link-to-prism">src/toggle/toggle.component.ts:270</a></div>
|
|
3099
1813
|
</td>
|
|
3100
1814
|
</tr>
|
|
3101
1815
|
|
|
@@ -3106,18 +1820,17 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3106
1820
|
<tbody>
|
|
3107
1821
|
<tr>
|
|
3108
1822
|
<td class="col-md-4">
|
|
3109
|
-
<a name="
|
|
1823
|
+
<a name="toggleClass"></a>
|
|
3110
1824
|
<span class="name">
|
|
3111
1825
|
<span class="modifier"></span>
|
|
3112
|
-
<span ><b>
|
|
3113
|
-
<a href="#
|
|
1826
|
+
<span ><b>toggleClass</b></span>
|
|
1827
|
+
<a href="#toggleClass"><span class="icon ion-ios-link"></span></a>
|
|
3114
1828
|
</span>
|
|
3115
1829
|
</td>
|
|
3116
1830
|
</tr>
|
|
3117
1831
|
<tr>
|
|
3118
1832
|
<td class="col-md-4">
|
|
3119
|
-
<i>
|
|
3120
|
-
|
|
1833
|
+
<i>Default value : </i><code>true</code>
|
|
3121
1834
|
</td>
|
|
3122
1835
|
</tr>
|
|
3123
1836
|
<tr>
|
|
@@ -3125,29 +1838,16 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3125
1838
|
<b>Decorators : </b>
|
|
3126
1839
|
<br />
|
|
3127
1840
|
<code>
|
|
3128
|
-
@
|
|
1841
|
+
@HostBinding('class.cds--toggle')<br />
|
|
3129
1842
|
</code>
|
|
3130
1843
|
</td>
|
|
3131
1844
|
</tr>
|
|
3132
|
-
<tr>
|
|
3133
|
-
<td class="col-md-4">
|
|
3134
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
3135
|
-
</div>
|
|
3136
|
-
</td>
|
|
3137
|
-
</tr>
|
|
3138
1845
|
<tr>
|
|
3139
1846
|
<td class="col-md-4">
|
|
3140
|
-
<div class="io-line">Defined in
|
|
3141
|
-
</div>
|
|
1847
|
+
<div class="io-line">Defined in <a href="" data-line="170" class="link-to-prism">src/toggle/toggle.component.ts:170</a></div>
|
|
3142
1848
|
</td>
|
|
3143
1849
|
</tr>
|
|
3144
1850
|
|
|
3145
|
-
<tr>
|
|
3146
|
-
<td class="col-md-4">
|
|
3147
|
-
<div class="io-description"><p>Maintains a reference to the view DOM element of the <code>Checkbox</code>.</p>
|
|
3148
|
-
</div>
|
|
3149
|
-
</td>
|
|
3150
|
-
</tr>
|
|
3151
1851
|
|
|
3152
1852
|
</tbody>
|
|
3153
1853
|
</table>
|
|
@@ -3155,90 +1855,118 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3155
1855
|
<tbody>
|
|
3156
1856
|
<tr>
|
|
3157
1857
|
<td class="col-md-4">
|
|
3158
|
-
<a name="
|
|
1858
|
+
<a name="toggleCount"></a>
|
|
3159
1859
|
<span class="name">
|
|
3160
|
-
|
|
3161
|
-
<
|
|
1860
|
+
<span class="modifier">Static</span>
|
|
1861
|
+
<span ><b>toggleCount</b></span>
|
|
1862
|
+
<a href="#toggleCount"><span class="icon ion-ios-link"></span></a>
|
|
3162
1863
|
</span>
|
|
3163
1864
|
</td>
|
|
3164
1865
|
</tr>
|
|
3165
1866
|
<tr>
|
|
3166
1867
|
<td class="col-md-4">
|
|
3167
|
-
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/
|
|
1868
|
+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/number" target="_blank" >number</a></code>
|
|
3168
1869
|
|
|
3169
1870
|
</td>
|
|
3170
1871
|
</tr>
|
|
3171
1872
|
<tr>
|
|
3172
1873
|
<td class="col-md-4">
|
|
3173
|
-
<i>Default value : </i><code>
|
|
1874
|
+
<i>Default value : </i><code>0</code>
|
|
3174
1875
|
</td>
|
|
3175
1876
|
</tr>
|
|
3176
|
-
<tr>
|
|
3177
|
-
<td class="col-md-4">
|
|
3178
|
-
<div class="io-line">Inherited from <code><a href="../components/Checkbox.html" target="_self" >Checkbox</a></code>
|
|
3179
|
-
</div>
|
|
3180
|
-
</td>
|
|
3181
|
-
</tr>
|
|
3182
1877
|
<tr>
|
|
3183
1878
|
<td class="col-md-4">
|
|
3184
|
-
<div class="io-line">Defined in
|
|
3185
|
-
</div>
|
|
1879
|
+
<div class="io-line">Defined in <a href="" data-line="101" class="link-to-prism">src/toggle/toggle.component.ts:101</a></div>
|
|
3186
1880
|
</td>
|
|
3187
1881
|
</tr>
|
|
3188
1882
|
|
|
3189
1883
|
<tr>
|
|
3190
1884
|
<td class="col-md-4">
|
|
3191
|
-
<div class="io-description"><p>
|
|
1885
|
+
<div class="io-description"><p>Variable used for creating unique ids for toggle components.</p>
|
|
3192
1886
|
</div>
|
|
3193
1887
|
</td>
|
|
3194
1888
|
</tr>
|
|
3195
1889
|
|
|
3196
1890
|
</tbody>
|
|
3197
1891
|
</table>
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
</span>
|
|
3207
|
-
</td>
|
|
3208
|
-
</tr>
|
|
1892
|
+
</section>
|
|
1893
|
+
|
|
1894
|
+
<section data-compodoc="block-accessors">
|
|
1895
|
+
<h3 id="accessors">
|
|
1896
|
+
Accessors
|
|
1897
|
+
</h3>
|
|
1898
|
+
<table class="table table-sm table-bordered">
|
|
1899
|
+
<tbody>
|
|
3209
1900
|
<tr>
|
|
3210
1901
|
<td class="col-md-4">
|
|
3211
|
-
<
|
|
1902
|
+
<a name="checked"></a>
|
|
1903
|
+
<span class="name"><b>checked</b><a href="#checked"><span class="icon ion-ios-link"></span></a></span>
|
|
3212
1904
|
</td>
|
|
3213
1905
|
</tr>
|
|
3214
|
-
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
</
|
|
3218
|
-
|
|
3219
|
-
|
|
1906
|
+
|
|
1907
|
+
<tr>
|
|
1908
|
+
<td class="col-md-4">
|
|
1909
|
+
<span class="accessor"><b>get</b><code>checked()</code></span>
|
|
1910
|
+
</td>
|
|
1911
|
+
</tr>
|
|
1912
|
+
<tr>
|
|
1913
|
+
<td class="col-md-4">
|
|
1914
|
+
<div class="io-line">Defined in <a href="" data-line="117" class="link-to-prism">src/toggle/toggle.component.ts:117</a></div>
|
|
1915
|
+
</td>
|
|
1916
|
+
</tr>
|
|
1917
|
+
|
|
1918
|
+
<tr>
|
|
1919
|
+
<td class="col-md-4">
|
|
1920
|
+
<span class="accessor"><b>set</b><code>checked(checked: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank">boolean</a>)</code></span>
|
|
1921
|
+
</td>
|
|
1922
|
+
</tr>
|
|
1923
|
+
<tr>
|
|
1924
|
+
<td class="col-md-4">
|
|
1925
|
+
<div class="io-line">Defined in <a href="" data-line="113" class="link-to-prism">src/toggle/toggle.component.ts:113</a></div>
|
|
1926
|
+
</td>
|
|
1927
|
+
</tr>
|
|
3220
1928
|
<tr>
|
|
3221
1929
|
<td class="col-md-4">
|
|
3222
|
-
<div class="io-
|
|
3223
|
-
</
|
|
3224
|
-
</td>
|
|
3225
|
-
</tr>
|
|
3226
|
-
|
|
3227
|
-
<tr>
|
|
3228
|
-
<td class="col-md-4">
|
|
3229
|
-
<div class="io-description"><p>Method set in <code>registerOnChange</code> to propagate changes back to the form.</p>
|
|
1930
|
+
<div class="io-description"><p>Sets the <code>checked</code> state. <code>true</code> for on, <code>false</code> for off.
|
|
1931
|
+
Allows double binding with the <code>checkedChange</code> Output.</p>
|
|
3230
1932
|
</div>
|
|
3231
|
-
</td>
|
|
3232
|
-
</tr>
|
|
3233
1933
|
|
|
3234
|
-
|
|
3235
|
-
|
|
3236
|
-
|
|
1934
|
+
<div class="io-description">
|
|
1935
|
+
<b>Parameters :</b>
|
|
1936
|
+
<table class="params">
|
|
1937
|
+
<thead>
|
|
1938
|
+
<tr>
|
|
1939
|
+
<td>Name</td>
|
|
1940
|
+
<td>Type</td>
|
|
1941
|
+
<td>Optional</td>
|
|
1942
|
+
</tr>
|
|
1943
|
+
</thead>
|
|
1944
|
+
<tbody>
|
|
1945
|
+
<tr>
|
|
1946
|
+
<td>checked</td>
|
|
1947
|
+
|
|
1948
|
+
<td>
|
|
1949
|
+
<code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
|
|
1950
|
+
</td>
|
|
1951
|
+
|
|
1952
|
+
<td>
|
|
1953
|
+
No
|
|
1954
|
+
</td>
|
|
1955
|
+
|
|
1956
|
+
</tr>
|
|
1957
|
+
</tbody>
|
|
1958
|
+
</table>
|
|
1959
|
+
</div>
|
|
1960
|
+
<div>
|
|
1961
|
+
</div>
|
|
1962
|
+
<div class="io-description">
|
|
1963
|
+
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
|
|
3237
1964
|
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
|
|
3241
|
-
|
|
1965
|
+
</div>
|
|
1966
|
+
</td>
|
|
1967
|
+
</tr>
|
|
1968
|
+
</tbody>
|
|
1969
|
+
</table>
|
|
3242
1970
|
<table class="table table-sm table-bordered">
|
|
3243
1971
|
<tbody>
|
|
3244
1972
|
<tr>
|
|
@@ -3255,7 +1983,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3255
1983
|
</tr>
|
|
3256
1984
|
<tr>
|
|
3257
1985
|
<td class="col-md-4">
|
|
3258
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1986
|
+
<div class="io-line">Defined in <a href="" data-line="135" class="link-to-prism">src/toggle/toggle.component.ts:135</a></div>
|
|
3259
1987
|
</td>
|
|
3260
1988
|
</tr>
|
|
3261
1989
|
|
|
@@ -3266,7 +1994,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3266
1994
|
</tr>
|
|
3267
1995
|
<tr>
|
|
3268
1996
|
<td class="col-md-4">
|
|
3269
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
1997
|
+
<div class="io-line">Defined in <a href="" data-line="131" class="link-to-prism">src/toggle/toggle.component.ts:131</a></div>
|
|
3270
1998
|
</td>
|
|
3271
1999
|
</tr>
|
|
3272
2000
|
<tr>
|
|
@@ -3326,7 +2054,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3326
2054
|
</tr>
|
|
3327
2055
|
<tr>
|
|
3328
2056
|
<td class="col-md-4">
|
|
3329
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2057
|
+
<div class="io-line">Defined in <a href="" data-line="147" class="link-to-prism">src/toggle/toggle.component.ts:147</a></div>
|
|
3330
2058
|
</td>
|
|
3331
2059
|
</tr>
|
|
3332
2060
|
|
|
@@ -3337,7 +2065,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3337
2065
|
</tr>
|
|
3338
2066
|
<tr>
|
|
3339
2067
|
<td class="col-md-4">
|
|
3340
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2068
|
+
<div class="io-line">Defined in <a href="" data-line="143" class="link-to-prism">src/toggle/toggle.component.ts:143</a></div>
|
|
3341
2069
|
</td>
|
|
3342
2070
|
</tr>
|
|
3343
2071
|
<tr>
|
|
@@ -3397,7 +2125,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3397
2125
|
</tr>
|
|
3398
2126
|
<tr>
|
|
3399
2127
|
<td class="col-md-4">
|
|
3400
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2128
|
+
<div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/toggle/toggle.component.ts:171</a></div>
|
|
3401
2129
|
</td>
|
|
3402
2130
|
</tr>
|
|
3403
2131
|
|
|
@@ -3419,7 +2147,7 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3419
2147
|
</tr>
|
|
3420
2148
|
<tr>
|
|
3421
2149
|
<td class="col-md-4">
|
|
3422
|
-
<div class="io-line">Defined in <a href="" data-line="
|
|
2150
|
+
<div class="io-line">Defined in <a href="" data-line="175" class="link-to-prism">src/toggle/toggle.component.ts:175</a></div>
|
|
3423
2151
|
</td>
|
|
3424
2152
|
</tr>
|
|
3425
2153
|
|
|
@@ -3430,38 +2158,22 @@ checkboxes still refresh inherited state from <code>CHECKBOX_GROUP_HOST</code>.<
|
|
|
3430
2158
|
|
|
3431
2159
|
|
|
3432
2160
|
<div class="tab-pane fade tab-source-code" id="source">
|
|
3433
|
-
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
|
|
3434
|
-
import {
|
|
2161
|
+
<pre class="line-numbers compodoc-sourcecode"><code class="language-typescript">import {
|
|
3435
2162
|
ChangeDetectorRef,
|
|
3436
2163
|
Component,
|
|
3437
|
-
|
|
3438
|
-
Input,
|
|
3439
|
-
Optional,
|
|
2164
|
+
EventEmitter,
|
|
3440
2165
|
HostBinding,
|
|
2166
|
+
HostListener,
|
|
2167
|
+
Input,
|
|
2168
|
+
Output,
|
|
3441
2169
|
TemplateRef
|
|
3442
2170
|
} from "@angular/core";
|
|
3443
|
-
import { NG_VALUE_ACCESSOR } from "@angular/forms";
|
|
2171
|
+
import { ControlValueAccessor, NG_VALUE_ACCESSOR } from "@angular/forms";
|
|
3444
2172
|
|
|
3445
2173
|
import { I18n } from "carbon-components-angular/i18n";
|
|
3446
2174
|
import { Observable } from "rxjs";
|
|
3447
2175
|
import { NgClass, NgTemplateOutlet, AsyncPipe } from "@angular/common";
|
|
3448
2176
|
|
|
3449
|
-
/**
|
|
3450
|
-
* @deprecated since v5 - Use boolean
|
|
3451
|
-
* Defines the set of states for a toggle component.
|
|
3452
|
-
*/
|
|
3453
|
-
export enum ToggleState {
|
|
3454
|
-
Init,
|
|
3455
|
-
Checked,
|
|
3456
|
-
Unchecked
|
|
3457
|
-
}
|
|
3458
|
-
|
|
3459
|
-
/**
|
|
3460
|
-
* @todo - Toggle component will no longer extend `Checkbox` component as of v6
|
|
3461
|
-
* Toggle is no longer repies on using checkbox, so doesn't make sense for us to continue inheriting ALL checkbox
|
|
3462
|
-
* component attributes.
|
|
3463
|
-
*/
|
|
3464
|
-
|
|
3465
2177
|
/**
|
|
3466
2178
|
* Get started with importing the component:
|
|
3467
2179
|
*
|
|
@@ -3542,12 +2254,36 @@ export enum ToggleState {
|
|
|
3542
2254
|
],
|
|
3543
2255
|
imports: [NgClass, NgTemplateOutlet, AsyncPipe]
|
|
3544
2256
|
})
|
|
3545
|
-
export class Toggle
|
|
2257
|
+
export class Toggle implements ControlValueAccessor {
|
|
3546
2258
|
/**
|
|
3547
2259
|
* Variable used for creating unique ids for toggle components.
|
|
3548
2260
|
*/
|
|
3549
2261
|
static toggleCount = 0;
|
|
3550
2262
|
|
|
2263
|
+
/**
|
|
2264
|
+
* Set to `true` for a disabled toggle.
|
|
2265
|
+
*/
|
|
2266
|
+
@Input() disabled = false;
|
|
2267
|
+
|
|
2268
|
+
/**
|
|
2269
|
+
* Sets the `checked` state. `true` for on, `false` for off.
|
|
2270
|
+
* Allows double binding with the `checkedChange` Output.
|
|
2271
|
+
*/
|
|
2272
|
+
@Input()
|
|
2273
|
+
set checked(checked: boolean) {
|
|
2274
|
+
this.setChecked(!!checked);
|
|
2275
|
+
}
|
|
2276
|
+
|
|
2277
|
+
get checked() {
|
|
2278
|
+
return this._checked;
|
|
2279
|
+
}
|
|
2280
|
+
|
|
2281
|
+
/**
|
|
2282
|
+
* Emits an event when the value of the toggle changes.
|
|
2283
|
+
* Allows double binding with the `checked` Input.
|
|
2284
|
+
*/
|
|
2285
|
+
@Output() checkedChange = new EventEmitter<boolean>();
|
|
2286
|
+
|
|
3551
2287
|
/**
|
|
3552
2288
|
* Text that is set on the left side of the toggle.
|
|
3553
2289
|
*/
|
|
@@ -3605,6 +2341,8 @@ export class Toggle extends Checkbox {
|
|
|
3605
2341
|
*/
|
|
3606
2342
|
id = "toggle-" + Toggle.toggleCount;
|
|
3607
2343
|
|
|
2344
|
+
protected _checked = false;
|
|
2345
|
+
|
|
3608
2346
|
protected _offValues = this.i18n.getOverridable("TOGGLE.OFF");
|
|
3609
2347
|
protected _onValues = this.i18n.getOverridable("TOGGLE.ON");
|
|
3610
2348
|
/**
|
|
@@ -3612,10 +2350,8 @@ export class Toggle extends Checkbox {
|
|
|
3612
2350
|
*/
|
|
3613
2351
|
constructor(
|
|
3614
2352
|
protected changeDetectorRef: ChangeDetectorRef,
|
|
3615
|
-
@Optional() @Inject(CHECKBOX_GROUP_HOST) hostGroup: CheckboxGroupHost | null,
|
|
3616
2353
|
protected i18n: I18n
|
|
3617
2354
|
) {
|
|
3618
|
-
super(changeDetectorRef, hostGroup);
|
|
3619
2355
|
Toggle.toggleCount++;
|
|
3620
2356
|
}
|
|
3621
2357
|
|
|
@@ -3628,6 +2364,7 @@ export class Toggle extends Checkbox {
|
|
|
3628
2364
|
*/
|
|
3629
2365
|
setDisabledState(isDisabled: boolean) {
|
|
3630
2366
|
this.disabled = isDisabled;
|
|
2367
|
+
this.changeDetectorRef.markForCheck();
|
|
3631
2368
|
}
|
|
3632
2369
|
|
|
3633
2370
|
getOffText(): Observable<string> {
|
|
@@ -3646,7 +2383,7 @@ export class Toggle extends Checkbox {
|
|
|
3646
2383
|
}
|
|
3647
2384
|
|
|
3648
2385
|
/**
|
|
3649
|
-
* Creates instance
|
|
2386
|
+
* Creates instance used to propagate the change event.
|
|
3650
2387
|
*/
|
|
3651
2388
|
emitChangeEvent() {
|
|
3652
2389
|
this.checkedChange.emit(this.checked);
|
|
@@ -3656,6 +2393,49 @@ export class Toggle extends Checkbox {
|
|
|
3656
2393
|
public isTemplate(value) {
|
|
3657
2394
|
return value instanceof TemplateRef;
|
|
3658
2395
|
}
|
|
2396
|
+
|
|
2397
|
+
/**
|
|
2398
|
+
* Writes a value from `ngModel` to the component.
|
|
2399
|
+
*
|
|
2400
|
+
* @param value boolean, corresponds to the `checked` property.
|
|
2401
|
+
*/
|
|
2402
|
+
public writeValue(value: unknown) {
|
|
2403
|
+
this.setChecked(!!value);
|
|
2404
|
+
}
|
|
2405
|
+
|
|
2406
|
+
public registerOnChange(fn: (value: boolean) => void) {
|
|
2407
|
+
this.propagateChange = fn;
|
|
2408
|
+
}
|
|
2409
|
+
|
|
2410
|
+
public registerOnTouched(fn: () => void) {
|
|
2411
|
+
this.onTouched = fn;
|
|
2412
|
+
}
|
|
2413
|
+
|
|
2414
|
+
onClick(event: Event) {
|
|
2415
|
+
event.stopPropagation();
|
|
2416
|
+
if (this.disabled) {
|
|
2417
|
+
return;
|
|
2418
|
+
}
|
|
2419
|
+
this.setChecked(!this._checked);
|
|
2420
|
+
this.emitChangeEvent();
|
|
2421
|
+
}
|
|
2422
|
+
|
|
2423
|
+
@HostListener("focusout")
|
|
2424
|
+
focusOut() {
|
|
2425
|
+
this.onTouched();
|
|
2426
|
+
}
|
|
2427
|
+
|
|
2428
|
+
onTouched: () => void = () => {};
|
|
2429
|
+
|
|
2430
|
+
propagateChange: (value: boolean) => void = () => {};
|
|
2431
|
+
|
|
2432
|
+
private setChecked(checked: boolean) {
|
|
2433
|
+
if (checked === this._checked) {
|
|
2434
|
+
return;
|
|
2435
|
+
}
|
|
2436
|
+
this._checked = checked;
|
|
2437
|
+
this.changeDetectorRef.markForCheck();
|
|
2438
|
+
}
|
|
3659
2439
|
}
|
|
3660
2440
|
</code></pre>
|
|
3661
2441
|
</div>
|