@skyux/code-examples 12.0.0-alpha.8 → 12.0.0-alpha.9

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.
Files changed (175) hide show
  1. package/fesm2022/skyux-code-examples.mjs +1281 -839
  2. package/fesm2022/skyux-code-examples.mjs.map +1 -1
  3. package/index.d.ts +0 -2
  4. package/lib/modules/action-bars/summary-action-bar/basic/example.component.d.ts +4 -0
  5. package/lib/modules/action-bars/summary-action-bar/modal/example.component.d.ts +3 -0
  6. package/lib/modules/action-bars/summary-action-bar/tab/example.component.d.ts +4 -0
  7. package/lib/modules/ag-grid/data-entry-grid/basic/example.component.d.ts +3 -0
  8. package/lib/modules/ag-grid/data-entry-grid/data-manager-added/example.component.d.ts +3 -0
  9. package/lib/modules/ag-grid/data-entry-grid/focus/example.component.d.ts +3 -0
  10. package/lib/modules/ag-grid/data-entry-grid/inline-help/example.component.d.ts +3 -0
  11. package/lib/modules/ag-grid/data-grid/basic/example.component.d.ts +3 -0
  12. package/lib/modules/ag-grid/data-grid/basic-multiselect/example.component.d.ts +3 -0
  13. package/lib/modules/ag-grid/data-grid/data-manager/example.component.d.ts +3 -0
  14. package/lib/modules/ag-grid/data-grid/data-manager-multiselect/example.component.d.ts +3 -0
  15. package/lib/modules/ag-grid/data-grid/inline-help/example.component.d.ts +3 -0
  16. package/lib/modules/ag-grid/data-grid/paging/example.component.d.ts +3 -0
  17. package/lib/modules/ag-grid/data-grid/template-ref-column/example.component.d.ts +3 -0
  18. package/lib/modules/ag-grid/data-grid/top-scroll/example.component.d.ts +3 -0
  19. package/lib/modules/angular-tree-component/angular-tree/basic/example.component.d.ts +3 -0
  20. package/lib/modules/angular-tree-component/angular-tree/help-key/example.component.d.ts +3 -0
  21. package/lib/modules/autonumeric/autonumeric/currency/example.component.d.ts +3 -0
  22. package/lib/modules/autonumeric/autonumeric/international-formatting/example.component.d.ts +3 -0
  23. package/lib/modules/autonumeric/autonumeric/options-provider/example.component.d.ts +3 -0
  24. package/lib/modules/autonumeric/autonumeric/preset/example.component.d.ts +3 -0
  25. package/lib/modules/avatar/avatar/example.component.d.ts +3 -0
  26. package/lib/modules/colorpicker/colorpicker/basic/example.component.d.ts +3 -0
  27. package/lib/modules/colorpicker/colorpicker/help-key/example.component.d.ts +3 -0
  28. package/lib/modules/colorpicker/colorpicker/programmatic/example.component.d.ts +3 -0
  29. package/lib/modules/core/id/example.component.d.ts +3 -0
  30. package/lib/modules/core/media-query/basic/example.component.d.ts +3 -0
  31. package/lib/modules/core/media-query/responsive-host/example.component.d.ts +3 -0
  32. package/lib/modules/core/numeric/basic/example.component.d.ts +3 -0
  33. package/lib/modules/data-manager/data-manager/basic/example.component.d.ts +3 -0
  34. package/lib/modules/datetime/date-pipe/basic/example.component.d.ts +3 -0
  35. package/lib/modules/datetime/date-range-picker/basic/example.component.d.ts +3 -0
  36. package/lib/modules/datetime/date-range-picker/custom-calculator/example.component.d.ts +3 -0
  37. package/lib/modules/datetime/date-range-picker/help-key/example.component.d.ts +3 -0
  38. package/lib/modules/datetime/datepicker/basic/example.component.d.ts +3 -0
  39. package/lib/modules/datetime/datepicker/custom-dates/example.component.d.ts +3 -0
  40. package/lib/modules/datetime/datepicker/fuzzy/example.component.d.ts +3 -0
  41. package/lib/modules/datetime/timepicker/basic/example.component.d.ts +3 -0
  42. package/lib/modules/errors/error/embedded/example.component.d.ts +3 -0
  43. package/lib/modules/errors/error/modal/example.component.d.ts +3 -0
  44. package/lib/modules/flyout/flyout/basic/example.component.d.ts +3 -0
  45. package/lib/modules/flyout/flyout/custom-headers/example.component.d.ts +3 -0
  46. package/lib/modules/forms/character-count/example.component.d.ts +3 -0
  47. package/lib/modules/forms/checkbox/basic/example.component.d.ts +3 -0
  48. package/lib/modules/forms/checkbox/help-key/example.component.d.ts +3 -0
  49. package/lib/modules/forms/checkbox/icon-group/example.component.d.ts +3 -0
  50. package/lib/modules/forms/field-group/basic/example.component.d.ts +3 -0
  51. package/lib/modules/forms/field-group/help-key/example.component.d.ts +3 -0
  52. package/lib/modules/forms/file-attachment/basic/example.component.d.ts +3 -0
  53. package/lib/modules/forms/file-attachment/help-key/example.component.d.ts +3 -0
  54. package/lib/modules/forms/file-drop/basic/example.component.d.ts +3 -0
  55. package/lib/modules/forms/file-drop/help-key/example.component.d.ts +3 -0
  56. package/lib/modules/forms/input-box/basic/example.component.d.ts +3 -0
  57. package/lib/modules/forms/radio/help-key/example.component.d.ts +3 -0
  58. package/lib/modules/forms/radio/icon/example.component.d.ts +3 -0
  59. package/lib/modules/forms/radio/standard/example.component.d.ts +3 -0
  60. package/lib/modules/forms/selection-box/checkbox/example.component.d.ts +3 -0
  61. package/lib/modules/forms/selection-box/radio/example.component.d.ts +3 -0
  62. package/lib/modules/forms/toggle-switch/basic/example.component.d.ts +3 -0
  63. package/lib/modules/forms/toggle-switch/help-key/example.component.d.ts +3 -0
  64. package/lib/modules/help-inline/basic/example.component.d.ts +3 -0
  65. package/lib/modules/icon/basic/example.component.d.ts +3 -0
  66. package/lib/modules/icon/icon-button/example.component.d.ts +3 -0
  67. package/lib/modules/indicators/alert/basic/example.component.d.ts +3 -0
  68. package/lib/modules/indicators/illustration/basic/example.component.d.ts +3 -0
  69. package/lib/modules/indicators/key-info/basic/example.component.d.ts +3 -0
  70. package/lib/modules/indicators/key-info/help-key/example.component.d.ts +3 -0
  71. package/lib/modules/indicators/label/basic/example.component.d.ts +3 -0
  72. package/lib/modules/indicators/status-indicator/basic/example.component.d.ts +3 -0
  73. package/lib/modules/indicators/status-indicator/help-key/example.component.d.ts +3 -0
  74. package/lib/modules/indicators/text-highlight/basic/example.component.d.ts +3 -0
  75. package/lib/modules/indicators/tokens/basic/example.component.d.ts +3 -0
  76. package/lib/modules/indicators/tokens/custom/example.component.d.ts +3 -0
  77. package/lib/modules/indicators/wait/element/example.component.d.ts +3 -0
  78. package/lib/modules/indicators/wait/page/example.component.d.ts +3 -0
  79. package/lib/modules/inline-form/inline-form/basic/example.component.d.ts +3 -0
  80. package/lib/modules/inline-form/inline-form/custom-buttons/example.component.d.ts +3 -0
  81. package/lib/modules/inline-form/inline-form/repeaters/example.component.d.ts +3 -0
  82. package/lib/modules/layout/action-button/basic/example.component.d.ts +3 -0
  83. package/lib/modules/layout/action-button/permalink/example.component.d.ts +3 -0
  84. package/lib/modules/layout/back-to-top/infinite-scroll/example.component.d.ts +3 -0
  85. package/lib/modules/layout/back-to-top/repeater/example.component.d.ts +3 -0
  86. package/lib/modules/layout/box/basic/example.component.d.ts +3 -0
  87. package/lib/modules/layout/box/help-key/example.component.d.ts +3 -0
  88. package/lib/modules/layout/card/basic/example.component.d.ts +3 -0
  89. package/lib/modules/layout/definition-list/basic/example.component.d.ts +3 -0
  90. package/lib/modules/layout/description-list/help-key/example.component.d.ts +3 -0
  91. package/lib/modules/layout/description-list/horizontal/example.component.d.ts +3 -0
  92. package/lib/modules/layout/description-list/inline-help/example.component.d.ts +3 -0
  93. package/lib/modules/layout/description-list/long-description/example.component.d.ts +3 -0
  94. package/lib/modules/layout/description-list/vertical/example.component.d.ts +3 -0
  95. package/lib/modules/layout/fluid-grid/example.component.d.ts +3 -0
  96. package/lib/modules/layout/format/example.component.d.ts +3 -0
  97. package/lib/modules/layout/inline-delete/custom/example.component.d.ts +3 -0
  98. package/lib/modules/layout/inline-delete/repeater/example.component.d.ts +3 -0
  99. package/lib/modules/layout/page/layout-fit/example.component.d.ts +3 -0
  100. package/lib/modules/layout/page-summary/basic/example.component.d.ts +3 -0
  101. package/lib/modules/layout/text-expand/inline/example.component.d.ts +3 -0
  102. package/lib/modules/layout/text-expand/modal/example.component.d.ts +3 -0
  103. package/lib/modules/layout/text-expand/newline/example.component.d.ts +3 -0
  104. package/lib/modules/layout/text-expand-repeater/example.component.d.ts +3 -0
  105. package/lib/modules/layout/toolbar/basic/example.component.d.ts +3 -0
  106. package/lib/modules/layout/toolbar/sectioned/example.component.d.ts +3 -0
  107. package/lib/modules/lists/filter/inline/example.component.d.ts +3 -0
  108. package/lib/modules/lists/filter/modal/example.component.d.ts +3 -0
  109. package/lib/modules/lists/infinite-scroll/repeater/example.component.d.ts +3 -0
  110. package/lib/modules/lists/paging/basic/example.component.d.ts +3 -0
  111. package/lib/modules/lists/paging/with-content/example.component.d.ts +3 -0
  112. package/lib/modules/lists/repeater/add-remove/example.component.d.ts +3 -0
  113. package/lib/modules/lists/repeater/basic/example.component.d.ts +3 -0
  114. package/lib/modules/lists/repeater/inline-form/example.component.d.ts +3 -0
  115. package/lib/modules/lists/sort/basic/example.component.d.ts +3 -0
  116. package/lib/modules/lookup/autocomplete/advanced/example.component.d.ts +3 -0
  117. package/lib/modules/lookup/autocomplete/basic/example.component.d.ts +3 -0
  118. package/lib/modules/lookup/autocomplete/custom-search/example.component.d.ts +3 -0
  119. package/lib/modules/lookup/autocomplete/search-filters/example.component.d.ts +3 -0
  120. package/lib/modules/lookup/country-field/basic/example.component.d.ts +3 -0
  121. package/lib/modules/lookup/lookup/add-item/example.component.d.ts +3 -0
  122. package/lib/modules/lookup/lookup/custom-picker/example.component.d.ts +3 -0
  123. package/lib/modules/lookup/lookup/multi-select/example.component.d.ts +3 -0
  124. package/lib/modules/lookup/lookup/result-templates/example.component.d.ts +3 -0
  125. package/lib/modules/lookup/lookup/single-select/example.component.d.ts +3 -0
  126. package/lib/modules/lookup/search/basic/example.component.d.ts +3 -0
  127. package/lib/modules/lookup/selection-modal/add-item/example.component.d.ts +3 -0
  128. package/lib/modules/lookup/selection-modal/add-item/example.service.d.ts +3 -3
  129. package/lib/modules/lookup/selection-modal/basic/example.component.d.ts +3 -0
  130. package/lib/modules/lookup/selection-modal/basic/example.service.d.ts +3 -3
  131. package/lib/modules/modals/confirm/basic-with-controller/example.component.d.ts +3 -0
  132. package/lib/modules/modals/confirm/basic-with-harness/example.component.d.ts +3 -0
  133. package/lib/modules/modals/modal/basic-with-controller/example.component.d.ts +3 -0
  134. package/lib/modules/modals/modal/basic-with-harness/example.component.d.ts +3 -0
  135. package/lib/modules/modals/modal/basic-with-harness-help-key/example.component.d.ts +3 -0
  136. package/lib/modules/modals/modal/with-error/example.component.d.ts +3 -0
  137. package/lib/modules/navbar/navbar/example.component.d.ts +3 -0
  138. package/lib/modules/pages/action-hub/example.component.d.ts +3 -0
  139. package/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.d.ts +3 -0
  140. package/lib/modules/pages/page/list-page-list-layout-demo/example.component.d.ts +3 -0
  141. package/lib/modules/pages/page/list-page-tabs-layout-demo/example.component.d.ts +3 -0
  142. package/lib/modules/pages/page/record-page-blocks-layout-demo/example.component.d.ts +3 -0
  143. package/lib/modules/pages/page/record-page-tabs-layout-demo/example.component.d.ts +3 -0
  144. package/lib/modules/pages/page/split-view-page-fit-layout-demo/example.component.d.ts +3 -0
  145. package/lib/modules/phone-field/phone-field/basic/example.component.d.ts +3 -0
  146. package/lib/modules/popovers/dropdown/basic/example.component.d.ts +3 -0
  147. package/lib/modules/popovers/popover/basic/example.component.d.ts +3 -0
  148. package/lib/modules/popovers/popover/programmatic/example.component.d.ts +3 -0
  149. package/lib/modules/progress-indicator/passive-indicator/basic/example.component.d.ts +3 -0
  150. package/lib/modules/progress-indicator/waterfall-indicator/basic/example.component.d.ts +3 -0
  151. package/lib/modules/progress-indicator/wizard/basic/example.component.d.ts +3 -0
  152. package/lib/modules/router/href/basic/example.component.d.ts +3 -0
  153. package/lib/modules/split-view/split-view/basic/example.component.d.ts +3 -0
  154. package/lib/modules/split-view/split-view/page-bound/example.component.d.ts +3 -0
  155. package/lib/modules/tabs/sectioned-form/modal/example.component.d.ts +3 -0
  156. package/lib/modules/tabs/tabs/dynamic/example.component.d.ts +3 -0
  157. package/lib/modules/tabs/tabs/dynamic-add-close/example.component.d.ts +3 -0
  158. package/lib/modules/tabs/tabs/static/example.component.d.ts +3 -0
  159. package/lib/modules/tabs/tabs/static-add-close/example.component.d.ts +3 -0
  160. package/lib/modules/tabs/vertical-tabs/basic/example.component.d.ts +3 -0
  161. package/lib/modules/tabs/vertical-tabs/grouped/example.component.d.ts +3 -0
  162. package/lib/modules/tabs/wizard/basic/example.component.d.ts +3 -0
  163. package/lib/modules/text-editor/help-key/example.component.d.ts +3 -0
  164. package/lib/modules/text-editor/rich-text-display/example.component.d.ts +3 -0
  165. package/lib/modules/text-editor/text-editor/example.component.d.ts +3 -0
  166. package/lib/modules/tiles/tiles/basic/example.component.d.ts +3 -0
  167. package/lib/modules/toast/toast/basic/example.component.d.ts +3 -0
  168. package/lib/modules/toast/toast/custom-component/example.component.d.ts +3 -0
  169. package/lib/modules/validation/email-validation/control-validator/example.component.d.ts +3 -0
  170. package/lib/modules/validation/email-validation/directive/example.component.d.ts +3 -0
  171. package/lib/modules/validation/url-validation/control-validator/example.component.d.ts +3 -0
  172. package/lib/modules/validation/url-validation/directive/example.component.d.ts +3 -0
  173. package/package.json +38 -38
  174. package/lib/modules/theme/box/basic/example.component.d.ts +0 -5
  175. package/lib/modules/theme/status-indicator/basic/example.component.d.ts +0 -5
package/index.d.ts CHANGED
@@ -158,8 +158,6 @@ export { TabsDynamicAddCloseExampleComponent } from './lib/modules/tabs/tabs/dyn
158
158
  export { TabsVerticalTabsBasicExampleComponent } from './lib/modules/tabs/vertical-tabs/basic/example.component';
159
159
  export { TabsWizardBasicExampleComponent } from './lib/modules/tabs/wizard/basic/example.component';
160
160
  export { TabsVerticalTabsGroupedExampleComponent } from './lib/modules/tabs/vertical-tabs/grouped/example.component';
161
- export { ThemeBoxBasicExampleComponent } from './lib/modules/theme/box/basic/example.component';
162
- export { ThemeStatusIndicatorBasicExampleComponent } from './lib/modules/theme/status-indicator/basic/example.component';
163
161
  export { TilesBasicExampleComponent } from './lib/modules/tiles/tiles/basic/example.component';
164
162
  export { ToastCustomComponentExampleComponent } from './lib/modules/toast/toast/custom-component/example.component';
165
163
  export { ToastBasicExampleComponent } from './lib/modules/toast/toast/basic/example.component';
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Basic summary action bar
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class ActionBarsSummaryActionBarBasicExampleComponent {
3
7
  protected onPrimaryActionClick(): void;
4
8
  protected onSecondaryActionClick(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Modal with summary action bar
4
+ */
2
5
  export declare class ActionBarsSummaryActionBarModalExampleComponent {
3
6
  #private;
4
7
  protected openModal(): void;
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tab with summary action bar
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class ActionBarsSummaryActionBarTabExampleComponent {
3
7
  protected onPrimaryActionClick(): void;
4
8
  protected onSecondaryActionClick(): void;
@@ -1,6 +1,9 @@
1
1
  import { GridOptions, GridReadyEvent } from 'ag-grid-community';
2
2
  import { AgGridDemoRow } from './data';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Basic setup (without data manager)
6
+ */
4
7
  export declare class AgGridDataEntryGridBasicExampleComponent {
5
8
  #private;
6
9
  protected gridData: AgGridDemoRow[];
@@ -1,6 +1,9 @@
1
1
  import { OnDestroy, OnInit } from '@angular/core';
2
2
  import { AgGridDemoRow } from './data';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Data manager setup
6
+ */
4
7
  export declare class AgGridDataEntryGridDataManagerAddedExampleComponent implements OnInit, OnDestroy {
5
8
  #private;
6
9
  protected items: AgGridDemoRow[];
@@ -1,5 +1,8 @@
1
1
  import { AgGridDemoRow } from './data';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Setting initial focus for keyboard navigation
5
+ */
3
6
  export declare class AgGridDataEntryGridFocusExampleComponent {
4
7
  #private;
5
8
  protected gridData: AgGridDemoRow[];
@@ -1,6 +1,9 @@
1
1
  import { GridOptions, GridReadyEvent } from 'ag-grid-community';
2
2
  import { AgGridDemoRow } from './data';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Basic setup with inline help (without data manager)
6
+ */
4
7
  export declare class AgGridDataEntryGridInlineHelpExampleComponent {
5
8
  #private;
6
9
  protected gridData: AgGridDemoRow[];
@@ -1,5 +1,8 @@
1
1
  import { GridOptions } from 'ag-grid-community';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Basic setup (without data manager)
5
+ */
3
6
  export declare class AgGridDataGridBasicExampleComponent {
4
7
  #private;
5
8
  protected gridData: ({
@@ -1,5 +1,8 @@
1
1
  import { GridOptions } from 'ag-grid-community';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Basic multiselect setup (without data manager)
5
+ */
3
6
  export declare class AgGridDataGridBasicMultiselectExampleComponent {
4
7
  #private;
5
8
  protected gridData: ({
@@ -1,5 +1,8 @@
1
1
  import { OnDestroy, OnInit } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Data manager setup
5
+ */
3
6
  export declare class AgGridDataGridDataManagerExampleComponent implements OnInit, OnDestroy {
4
7
  #private;
5
8
  protected items: ({
@@ -1,5 +1,8 @@
1
1
  import { OnDestroy, OnInit } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Data manager multiselect setup
5
+ */
3
6
  export declare class AgGridDataGridDataManagerMultiselectExampleComponent implements OnInit, OnDestroy {
4
7
  #private;
5
8
  protected items: ({
@@ -1,5 +1,8 @@
1
1
  import { GridOptions, GridReadyEvent } from 'ag-grid-community';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Basic setup with inline help (without data manager)
5
+ */
3
6
  export declare class AgGridDataGridInlineHelpExampleComponent {
4
7
  #private;
5
8
  protected gridData: ({
@@ -1,6 +1,9 @@
1
1
  import { OnDestroy, OnInit } from '@angular/core';
2
2
  import { GridOptions, GridReadyEvent } from 'ag-grid-community';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Basic setup with paging (without data manager)
6
+ */
4
7
  export declare class AgGridDataGridPagingExampleComponent implements OnInit, OnDestroy {
5
8
  #private;
6
9
  protected currentPage: number;
@@ -1,6 +1,9 @@
1
1
  import { OnInit, TemplateRef } from '@angular/core';
2
2
  import { GridOptions } from 'ag-grid-community';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Basic setup with template ref column type (without data manager)
6
+ */
4
7
  export declare class AgGridDataGridTemplateRefColumnExampleComponent implements OnInit {
5
8
  #private;
6
9
  protected boldColumn: TemplateRef<unknown> | undefined;
@@ -1,5 +1,8 @@
1
1
  import { GridOptions, GridReadyEvent } from 'ag-grid-community';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Basic setup with top scrollbar (without data manager)
5
+ */
3
6
  export declare class AgGridDataGridTopScrollExampleComponent {
4
7
  #private;
5
8
  protected gridData: ({
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tree view with basic setup
4
+ */
2
5
  export declare class AngularTreeComponentAngularTreeBasicExampleComponent {
3
6
  protected nodes: {
4
7
  name: string;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tree view with help key
4
+ */
2
5
  export declare class AngularTreeComponentAngularTreeHelpKeyExampleComponent {
3
6
  protected nodes: {
4
7
  name: string;
@@ -1,6 +1,9 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import { SkyAutonumericOptions } from '@skyux/autonumeric';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Currency
6
+ */
4
7
  export declare class AutonumericCurrencyExampleComponent {
5
8
  protected autonumericOptions: SkyAutonumericOptions | undefined;
6
9
  protected formGroup: FormGroup;
@@ -1,6 +1,9 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import { SkyAutonumericOptions } from '@skyux/autonumeric';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title International formatting
6
+ */
4
7
  export declare class AutonumericInternationalFormattingExampleComponent {
5
8
  protected autonumericOptions: SkyAutonumericOptions | undefined;
6
9
  protected formGroup: FormGroup;
@@ -1,6 +1,9 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import { SkyAutonumericOptions } from '@skyux/autonumeric';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Options provider
6
+ */
4
7
  export declare class AutonumericOptionsProviderExampleComponent {
5
8
  protected donationOptions: SkyAutonumericOptions;
6
9
  protected formGroup: FormGroup;
@@ -1,6 +1,9 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import { SkyAutonumericOptions } from '@skyux/autonumeric';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Predefined options
6
+ */
4
7
  export declare class AutonumericPresetExampleComponent {
5
8
  protected autonumericOptions: SkyAutonumericOptions;
6
9
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { SkyFileItem } from '@skyux/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Basic example
5
+ */
3
6
  export declare class AvatarExampleComponent {
4
7
  #private;
5
8
  protected readonly avatar: import("@angular/core").WritableSignal<string | File>;
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
4
4
  interface DemoForm {
5
5
  favoriteColor: FormControl<SkyColorpickerOutput | string>;
6
6
  }
7
+ /**
8
+ * @title Basic example
9
+ */
7
10
  export declare class ColorpickerBasicExampleComponent {
8
11
  protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
9
12
  protected formGroup: FormGroup<DemoForm>;
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
4
4
  interface DemoForm {
5
5
  favoriteColor: FormControl<SkyColorpickerOutput | string>;
6
6
  }
7
+ /**
8
+ * @title Colorpicker with help key
9
+ */
7
10
  export declare class ColorpickerHelpKeyExampleComponent {
8
11
  protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
9
12
  protected formGroup: FormGroup<DemoForm>;
@@ -5,6 +5,9 @@ import * as i0 from "@angular/core";
5
5
  interface DemoForm {
6
6
  favoriteColor: FormControl<SkyColorpickerOutput | string>;
7
7
  }
8
+ /**
9
+ * @title Interact with a colorpicker programmatically
10
+ */
8
11
  export declare class ColorpickerProgrammaticExampleComponent {
9
12
  #private;
10
13
  protected colorpickerController: Subject<SkyColorpickerMessage>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Basic example
4
+ */
2
5
  export declare class CoreIdExampleComponent {
3
6
  static ɵfac: i0.ɵɵFactoryDeclaration<CoreIdExampleComponent, never>;
4
7
  static ɵcmp: i0.ɵɵComponentDeclaration<CoreIdExampleComponent, "app-core-id-example", never, {}, {}, never, never, true, never>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Media query service with basic setup
4
+ */
2
5
  export declare class CoreMediaQueryBasicExampleComponent {
3
6
  protected breakpoint: import("@angular/core").Signal<"xs" | "sm" | "md" | "lg" | undefined>;
4
7
  static ɵfac: i0.ɵɵFactoryDeclaration<CoreMediaQueryBasicExampleComponent, never>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Media query service using a responsive host container
4
+ */
2
5
  export declare class CoreMediaQueryResponsiveHostExampleComponent {
3
6
  protected breakpoint: import("@angular/core").Signal<"xs" | "sm" | "md" | "lg" | undefined>;
4
7
  static ɵfac: i0.ɵɵFactoryDeclaration<CoreMediaQueryResponsiveHostExampleComponent, never>;
@@ -1,5 +1,8 @@
1
1
  import { SkyNumericOptions } from '@skyux/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Numeric pipe with basic setup
5
+ */
3
6
  export declare class CoreNumericBasicExampleComponent {
4
7
  defaultValue: number;
5
8
  configuredValue: number;
@@ -1,6 +1,9 @@
1
1
  import { OnInit } from '@angular/core';
2
2
  import { DataManagerDemoRow } from './data';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Data manager with basic setup
6
+ */
4
7
  export declare class DataManagerBasicExampleComponent implements OnInit {
5
8
  #private;
6
9
  protected items: DataManagerDemoRow[];
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Date pipe basic setup
4
+ */
2
5
  export declare class DatetimeDatePipeBasicExampleComponent {
3
6
  protected myDate: Date;
4
7
  static ɵfac: i0.ɵɵFactoryDeclaration<DatetimeDatePipeBasicExampleComponent, never>;
@@ -1,6 +1,9 @@
1
1
  import { FormControl } from '@angular/forms';
2
2
  import { SkyDateRangeCalculation } from '@skyux/datetime';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Date range picker with basic setup
6
+ */
4
7
  export declare class DatetimeDateRangePickerBasicExampleComponent {
5
8
  protected dateFormat: string | undefined;
6
9
  protected disabled: boolean;
@@ -1,6 +1,9 @@
1
1
  import { FormControl } from '@angular/forms';
2
2
  import { SkyDateRangeCalculation, SkyDateRangeCalculator, SkyDateRangeCalculatorId } from '@skyux/datetime';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Date range picker with custom calculator
6
+ */
4
7
  export declare class DatetimeDateRangePickerCustomCalculatorExampleComponent {
5
8
  #private;
6
9
  protected customCalculators: SkyDateRangeCalculatorId[] | undefined;
@@ -1,6 +1,9 @@
1
1
  import { FormControl } from '@angular/forms';
2
2
  import { SkyDateRangeCalculation } from '@skyux/datetime';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Date range picker with help key
6
+ */
4
7
  export declare class DatetimeDateRangePickerHelpKeyExampleComponent {
5
8
  protected dateFormat: string | undefined;
6
9
  protected disabled: boolean;
@@ -3,6 +3,9 @@ import * as i0 from "@angular/core";
3
3
  interface DemoForm {
4
4
  startDate: FormControl<Date | null>;
5
5
  }
6
+ /**
7
+ * @title Datepicker with basic setup
8
+ */
6
9
  export declare class DatetimeDatepickerBasicExampleComponent {
7
10
  protected formGroup: FormGroup<DemoForm>;
8
11
  protected startDate: FormControl<Date | null>;
@@ -1,6 +1,9 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import { SkyDatepickerCalendarChange } from '@skyux/datetime';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Datepicker with custom dates
6
+ */
4
7
  export declare class DatetimeDatepickerCustomDatesExampleComponent {
5
8
  #private;
6
9
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Fuzzy datepicker
5
+ */
3
6
  export declare class DatetimeDatepickerFuzzyExampleComponent {
4
7
  protected formGroup: FormGroup;
5
8
  protected hintText: string;
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
4
4
  interface DemoForm {
5
5
  time: FormControl<SkyTimepickerTimeOutput | string>;
6
6
  }
7
+ /**
8
+ * @title Timepicker with basic setup
9
+ */
7
10
  export declare class DatetimeTimepickerBasicExampleComponent {
8
11
  protected formGroup: FormGroup<DemoForm>;
9
12
  protected time: FormControl<SkyTimepickerTimeOutput | string>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Embed error within the page markup
4
+ */
2
5
  export declare class ErrorsErrorEmbeddedExampleComponent {
3
6
  protected customAction(): void;
4
7
  static ɵfac: i0.ɵɵFactoryDeclaration<ErrorsErrorEmbeddedExampleComponent, never>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Show an error inside a modal
4
+ */
2
5
  export declare class ErrorsErrorModalExampleComponent {
3
6
  #private;
4
7
  openErrorModal(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Flyout with basic setup
4
+ */
2
5
  export declare class FlyoutBasicExampleComponent {
3
6
  #private;
4
7
  protected closeAndRemoveFlyout(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Flyouts with customized headers
4
+ */
2
5
  export declare class FlyoutCustomHeadersExampleComponent {
3
6
  #private;
4
7
  recordNumber: number;
@@ -1,5 +1,8 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Character count with basic setup
5
+ */
3
6
  export declare class FormsCharacterCountExampleComponent {
4
7
  #private;
5
8
  protected description: FormControl;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Standard checkboxes
5
+ */
3
6
  export declare class FormsCheckboxBasicExampleComponent {
4
7
  #private;
5
8
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Checkboxes with help key
5
+ */
3
6
  export declare class FormsCheckboxHelpKeyExampleComponent {
4
7
  #private;
5
8
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Icon checkbox group
5
+ */
3
6
  export declare class FormsCheckboxIconGroupExampleComponent {
4
7
  protected formGroup: FormGroup;
5
8
  constructor();
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Field group with basic setup
5
+ */
3
6
  export declare class FormsFieldGroupBasicExampleComponent {
4
7
  #private;
5
8
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Field group with help key
5
+ */
3
6
  export declare class FormsFieldGroupHelpKeyExampleComponent {
4
7
  #private;
5
8
  protected formGroup: FormGroup;
@@ -1,6 +1,9 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import { SkyFileAttachmentClick, SkyFileItem } from '@skyux/forms';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title File attachment with basic setup
6
+ */
4
7
  export declare class FormsFileAttachmentBasicExampleComponent {
5
8
  protected attachment: FormControl<SkyFileItem | null | undefined>;
6
9
  protected formGroup: FormGroup<{
@@ -1,6 +1,9 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import { SkyFileAttachmentClick, SkyFileItem } from '@skyux/forms';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title File attachment with help key
6
+ */
4
7
  export declare class FormsFileAttachmentHelpKeyExampleComponent {
5
8
  protected attachment: FormControl<SkyFileItem | null | undefined>;
6
9
  protected formGroup: FormGroup<{
@@ -1,6 +1,9 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import { SkyFileItem, SkyFileLink } from '@skyux/forms';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title File drop with basic setup
6
+ */
4
7
  export declare class FormsFileDropBasicExampleComponent {
5
8
  protected acceptedTypes: string;
6
9
  protected hintText: string;
@@ -1,5 +1,8 @@
1
1
  import { SkyFileDropChange, SkyFileItem, SkyFileLink } from '@skyux/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title File drop with help key
5
+ */
3
6
  export declare class FormsFileDropHelpKeyExampleComponent {
4
7
  #private;
5
8
  protected acceptedTypes: string;
@@ -1,5 +1,8 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Input box
5
+ */
3
6
  export declare class FormsInputBoxBasicExampleComponent {
4
7
  protected favoriteColor: FormControl<string | null>;
5
8
  protected formGroup: FormGroup<{
@@ -10,6 +10,9 @@ interface Item {
10
10
  hintText?: string;
11
11
  helpKey?: string;
12
12
  }
13
+ /**
14
+ * @title Radio group with help key
15
+ */
13
16
  export declare class FormsRadioHelpKeyExampleComponent {
14
17
  #private;
15
18
  protected formGroup: FormGroup<DemoForm>;
@@ -5,6 +5,9 @@ interface Item {
5
5
  label: string;
6
6
  name: string;
7
7
  }
8
+ /**
9
+ * @title Radio group with icons
10
+ */
8
11
  export declare class FormsRadioIconExampleComponent {
9
12
  protected formGroup: FormGroup;
10
13
  protected views: Item[];
@@ -10,6 +10,9 @@ interface Item {
10
10
  hintText?: string;
11
11
  helpContent?: string;
12
12
  }
13
+ /**
14
+ * @title Radio group with standard setup
15
+ */
13
16
  export declare class FormsRadioStandardExampleComponent {
14
17
  #private;
15
18
  protected formGroup: FormGroup<DemoForm>;
@@ -1,5 +1,8 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Selection boxes with checkboxes
5
+ */
3
6
  export declare class FormsSelectionBoxCheckboxExampleComponent {
4
7
  #private;
5
8
  protected checkboxControls: FormControl[] | undefined;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Selection boxes with radio buttons
5
+ */
3
6
  export declare class FormsSelectionBoxRadioExampleComponent {
4
7
  protected items: Record<string, string>[];
5
8
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Toggle switch with basic setup
5
+ */
3
6
  export declare class FormsToggleSwitchBasicExampleComponent {
4
7
  protected formGroup: FormGroup;
5
8
  protected helpPopoverContent: string;
@@ -1,5 +1,8 @@
1
1
  import { FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Toggle switch with help key
5
+ */
3
6
  export declare class FormsToggleSwitchHelpKeyExampleComponent {
4
7
  protected formGroup: FormGroup;
5
8
  constructor();