@skyux/code-examples 12.0.0-alpha.8 → 12.0.0-beta.0

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 +1337 -885
  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 +4 -0
  85. package/lib/modules/layout/back-to-top/repeater/example.component.d.ts +4 -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 +4 -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 +4 -0
  139. package/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.d.ts +4 -0
  140. package/lib/modules/pages/page/list-page-list-layout-demo/example.component.d.ts +4 -0
  141. package/lib/modules/pages/page/list-page-tabs-layout-demo/example.component.d.ts +4 -0
  142. package/lib/modules/pages/page/record-page-blocks-layout-demo/example.component.d.ts +4 -0
  143. package/lib/modules/pages/page/record-page-tabs-layout-demo/example.component.d.ts +4 -0
  144. package/lib/modules/pages/page/split-view-page-fit-layout-demo/example.component.d.ts +4 -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
@@ -1,6 +1,9 @@
1
1
  import { OnDestroy } from '@angular/core';
2
2
  import { Person } from './person';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Selection modal with add item functionality
6
+ */
4
7
  export declare class LookupSelectionModalAddItemExampleComponent implements OnDestroy {
5
8
  #private;
6
9
  protected selectedPeople: Person[] | undefined;
@@ -2,9 +2,9 @@ import { Observable } from 'rxjs';
2
2
  import { Person } from './person';
3
3
  import { SearchResults } from './search-results';
4
4
  import * as i0 from "@angular/core";
5
- export declare class DemoService {
5
+ export declare class ExampleService {
6
6
  addItem(item: Person): void;
7
7
  search(searchText: string): Observable<SearchResults>;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<DemoService, never>;
9
- static ɵprov: i0.ɵɵInjectableDeclaration<DemoService>;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<ExampleService, never>;
9
+ static ɵprov: i0.ɵɵInjectableDeclaration<ExampleService>;
10
10
  }
@@ -1,5 +1,8 @@
1
1
  import { Person } from './person';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Selection modal with basic setup
5
+ */
3
6
  export declare class LookupSelectionModalBasicExampleComponent {
4
7
  #private;
5
8
  protected selectedPeople: Person[] | undefined;
@@ -1,8 +1,8 @@
1
1
  import { Observable } from 'rxjs';
2
2
  import { SearchResults } from './search-results';
3
3
  import * as i0 from "@angular/core";
4
- export declare class DemoService {
4
+ export declare class ExampleService {
5
5
  search(searchText: string): Observable<SearchResults>;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<DemoService, never>;
7
- static ɵprov: i0.ɵɵInjectableDeclaration<DemoService>;
6
+ static ɵfac: i0.ɵɵFactoryDeclaration<ExampleService, never>;
7
+ static ɵprov: i0.ɵɵInjectableDeclaration<ExampleService>;
8
8
  }
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Confirm, tested with controller
4
+ */
2
5
  export declare class ModalsConfirmBasicWithControllerExampleComponent {
3
6
  #private;
4
7
  selectedAction: string | undefined;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Confirm, tested with harness
4
+ */
2
5
  export declare class ModalsConfirmBasicWithHarnessExampleComponent {
3
6
  #private;
4
7
  protected selectedAction: string | undefined;
@@ -1,6 +1,9 @@
1
1
  import { OnDestroy } from '@angular/core';
2
2
  import { SkyModalError } from '@skyux/modals';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Modal with basic setup, tested with controller
6
+ */
4
7
  export declare class ModalsModalBasicWithControllerExampleComponent implements OnDestroy {
5
8
  #private;
6
9
  hasErrors: boolean;
@@ -1,5 +1,8 @@
1
1
  import { OnDestroy } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Modal with basic setup, tested with harness
5
+ */
3
6
  export declare class ModalsModalBasicWithHarnessExampleComponent implements OnDestroy {
4
7
  #private;
5
8
  protected modalSize: string;
@@ -1,5 +1,8 @@
1
1
  import { OnDestroy } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Modal with a help key
5
+ */
3
6
  export declare class ModalsModalBasicWithHarnessHelpKeyExampleComponent implements OnDestroy {
4
7
  #private;
5
8
  protected modalSize: string;
@@ -1,5 +1,8 @@
1
1
  import { OnDestroy } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Modal with form errors
5
+ */
3
6
  export declare class ModalsModalWithErrorExampleComponent implements OnDestroy {
4
7
  #private;
5
8
  protected modalSize: string;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Navbar with basic setup
4
+ */
2
5
  export declare class NavbarExampleComponent {
3
6
  protected onDropdownItemClick(buttonText: string): void;
4
7
  static ɵfac: i0.ɵɵFactoryDeclaration<NavbarExampleComponent, never>;
@@ -1,5 +1,9 @@
1
1
  import { SkyPageModalLinksInput } from '@skyux/pages';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Action hub with basic setup
5
+ * @docsDemoHidden
6
+ */
3
7
  export declare class PagesActionHubExampleComponent {
4
8
  buttons: {
5
9
  label: string;
@@ -1,5 +1,9 @@
1
1
  import { SkyRecentLink } from '@skyux/pages';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Home page with blocks layout, using tile dashboard and recently accessed links
5
+ * @docsDemoHidden
6
+ */
3
7
  export declare class PagesPageHomePageBlocksLayoutExampleComponent {
4
8
  protected readonly recentLinks: SkyRecentLink[];
5
9
  static ɵfac: i0.ɵɵFactoryDeclaration<PagesPageHomePageBlocksLayoutExampleComponent, never>;
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title List page with list layout using data manager
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class PagesPageListPageListLayoutExampleComponent {
3
7
  static ɵfac: i0.ɵɵFactoryDeclaration<PagesPageListPageListLayoutExampleComponent, never>;
4
8
  static ɵcmp: i0.ɵɵComponentDeclaration<PagesPageListPageListLayoutExampleComponent, "app-pages-page-list-page-list-layout-example", never, {}, {}, never, never, true, never>;
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title List page with tabs layout using data manager
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class PagesPageListPageTabsLayoutExampleComponent {
3
7
  static ɵfac: i0.ɵɵFactoryDeclaration<PagesPageListPageTabsLayoutExampleComponent, never>;
4
8
  static ɵcmp: i0.ɵɵComponentDeclaration<PagesPageListPageTabsLayoutExampleComponent, "app-pages-page-list-page-tabs-layout-example", never, {}, {}, never, never, true, never>;
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Record page with blocks layout using box components
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class PagesPageRecordPageBlocksLayoutExampleComponent {
3
7
  protected readonly recentLinks: {
4
8
  label: string;
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Record page with tabs layout using data manager
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class PagesPageRecordPageTabsLayoutExampleComponent {
3
7
  static ɵfac: i0.ɵɵFactoryDeclaration<PagesPageRecordPageTabsLayoutExampleComponent, never>;
4
8
  static ɵcmp: i0.ɵɵComponentDeclaration<PagesPageRecordPageTabsLayoutExampleComponent, "app-pages-page-record-page-tabs-layout-example", never, {}, {}, never, never, true, never>;
@@ -1,4 +1,8 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Split view page with fit layout
4
+ * @docsDemoHidden
5
+ */
2
6
  export declare class PagesPageSplitViewPageFitLayoutExampleComponent {
3
7
  static ɵfac: i0.ɵɵFactoryDeclaration<PagesPageSplitViewPageFitLayoutExampleComponent, never>;
4
8
  static ɵcmp: i0.ɵɵComponentDeclaration<PagesPageSplitViewPageFitLayoutExampleComponent, "app-pages-page-split-view-page-fit-layout-example", never, {}, {}, never, never, true, never>;
@@ -1,5 +1,8 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Phone field with basic setup
5
+ */
3
6
  export declare class PhoneFieldBasicExampleComponent {
4
7
  #private;
5
8
  phoneForm: FormGroup;
@@ -3,6 +3,9 @@ interface DropdownItem {
3
3
  name: string;
4
4
  disabled: boolean;
5
5
  }
6
+ /**
7
+ * @title Dropdown with basic setup
8
+ */
6
9
  export declare class PopoversDropdownBasicExampleComponent {
7
10
  protected items: DropdownItem[];
8
11
  actionClicked(action: string): void;
@@ -1,5 +1,8 @@
1
1
  import { SkyPopoverAlignment, SkyPopoverPlacement } from '@skyux/popovers';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Popover with basic setup
5
+ */
3
6
  export declare class PopoversPopoverBasicExampleComponent {
4
7
  popoverAlignment: SkyPopoverAlignment | undefined;
5
8
  popoverBody: string;
@@ -1,6 +1,9 @@
1
1
  import { SkyPopoverMessage } from '@skyux/popovers';
2
2
  import { Subject } from 'rxjs';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Popover with programmatic interactions
6
+ */
4
7
  export declare class PopoversPopoverProgrammaticExampleComponent {
5
8
  #private;
6
9
  protected popoverController: Subject<SkyPopoverMessage>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Passive progress indicator
4
+ */
2
5
  export declare class ProgressIndicatorPassiveIndicatorBasicExampleComponent {
3
6
  static ɵfac: i0.ɵɵFactoryDeclaration<ProgressIndicatorPassiveIndicatorBasicExampleComponent, never>;
4
7
  static ɵcmp: i0.ɵɵComponentDeclaration<ProgressIndicatorPassiveIndicatorBasicExampleComponent, "app-progress-indicator-passive-indicator-basic-example", never, {}, {}, never, never, true, never>;
@@ -1,6 +1,9 @@
1
1
  import { SkyProgressIndicatorChange, SkyProgressIndicatorMessage, SkyProgressIndicatorMessageType } from '@skyux/progress-indicator';
2
2
  import { Subject } from 'rxjs';
3
3
  import * as i0 from "@angular/core";
4
+ /**
5
+ * @title Waterfall progress indicator
6
+ */
4
7
  export declare class ProgressIndicatorWaterfallIndicatorBasicExampleComponent {
5
8
  #private;
6
9
  protected activeIndex: number | undefined;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Wizard (progress indicator)
4
+ */
2
5
  export declare class ProgressIndicatorWizardBasicExampleComponent {
3
6
  #private;
4
7
  protected openWizard(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Router with a custom resolver
4
+ */
2
5
  export declare class RouterHrefBasicExampleComponent {
3
6
  static ɵfac: i0.ɵɵFactoryDeclaration<RouterHrefBasicExampleComponent, never>;
4
7
  static ɵcmp: i0.ɵɵComponentDeclaration<RouterHrefBasicExampleComponent, "app-router-href-basic-example", never, {}, {}, never, never, true, never>;
@@ -7,6 +7,9 @@ interface DemoForm {
7
7
  approvedAmount: FormControl<number>;
8
8
  comments: FormControl<string>;
9
9
  }
10
+ /**
11
+ * @title Split view with basic setup
12
+ */
10
13
  export declare class SplitViewBasicExampleComponent {
11
14
  #private;
12
15
  protected set activeIndex(value: number);
@@ -7,6 +7,9 @@ interface DemoForm {
7
7
  approvedAmount: FormControl<number>;
8
8
  comments: FormControl<string>;
9
9
  }
10
+ /**
11
+ * @title Page bound split view in a page component with fit layout
12
+ */
10
13
  export declare class SplitViewPageBoundExampleComponent {
11
14
  #private;
12
15
  protected set activeIndex(value: number);
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Sectioned form inside modal
4
+ */
2
5
  export declare class TabsSectionedFormModalExampleComponent {
3
6
  #private;
4
7
  protected openModal(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tabs bound to an array
4
+ */
2
5
  export declare class TabsDynamicExampleComponent {
3
6
  protected tabArray: {
4
7
  tabHeading: string;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tabs bound to an array, with add and close buttons
4
+ */
2
5
  export declare class TabsDynamicAddCloseExampleComponent {
3
6
  #private;
4
7
  protected tabArray: {
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tabs with basic setup
4
+ */
2
5
  export declare class TabsStaticExampleComponent {
3
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TabsStaticExampleComponent, never>;
4
7
  static ɵcmp: i0.ɵɵComponentDeclaration<TabsStaticExampleComponent, "app-tabs-static-example", never, {}, {}, never, never, true, never>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Tabs with add and close buttons
4
+ */
2
5
  export declare class TabsStaticAddCloseExampleComponent {
3
6
  protected showTab3: boolean;
4
7
  protected onNewTabClick(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Vertical tabs with basic setup
4
+ */
2
5
  export declare class TabsVerticalTabsBasicExampleComponent {
3
6
  static ɵfac: i0.ɵɵFactoryDeclaration<TabsVerticalTabsBasicExampleComponent, never>;
4
7
  static ɵcmp: i0.ɵɵComponentDeclaration<TabsVerticalTabsBasicExampleComponent, "app-tabs-vertical-tabs-basic-example", never, {}, {}, never, never, true, never>;
@@ -1,5 +1,8 @@
1
1
  import { TabGroup } from './group';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Vertical tabs with grouped tabs
5
+ */
3
6
  export declare class TabsVerticalTabsGroupedExampleComponent {
4
7
  protected groups: TabGroup[];
5
8
  static ɵfac: i0.ɵɵFactoryDeclaration<TabsVerticalTabsGroupedExampleComponent, never>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Wizard in a modal
4
+ */
2
5
  export declare class TabsWizardBasicExampleComponent {
3
6
  #private;
4
7
  protected openWizard(): void;
@@ -1,5 +1,8 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Text editor with help key
5
+ */
3
6
  export declare class TextEditorHelpKeyExampleComponent {
4
7
  #private;
5
8
  protected formGroup: FormGroup;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Rich text display with basic setup
4
+ */
2
5
  export declare class TextEditorRichTextDisplayExampleComponent {
3
6
  protected richText: string;
4
7
  static ɵfac: i0.ɵɵFactoryDeclaration<TextEditorRichTextDisplayExampleComponent, never>;
@@ -1,5 +1,8 @@
1
1
  import { FormControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Text editor with basic setup
5
+ */
3
6
  export declare class TextEditorExampleComponent {
4
7
  #private;
5
8
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { SkyTileDashboardConfig } from '@skyux/tiles';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Tile dashboard with basic setup
5
+ */
3
6
  export declare class TilesBasicExampleComponent {
4
7
  protected dashboardConfig: SkyTileDashboardConfig;
5
8
  static ɵfac: i0.ɵɵFactoryDeclaration<TilesBasicExampleComponent, never>;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Toast with basic setup
4
+ */
2
5
  export declare class ToastBasicExampleComponent {
3
6
  #private;
4
7
  openToast(): void;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Toast with custom content component
4
+ */
2
5
  export declare class ToastCustomComponentExampleComponent {
3
6
  #private;
4
7
  openToast(): void;
@@ -1,5 +1,8 @@
1
1
  import { AbstractControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title Email validation on reactive form controls
5
+ */
3
6
  export declare class ValidationEmailValidationControlValidatorExampleComponent {
4
7
  protected get emailControl(): AbstractControl | null;
5
8
  protected formGroup: FormGroup;
@@ -1,4 +1,7 @@
1
1
  import * as i0 from "@angular/core";
2
+ /**
3
+ * @title Email validation using input directive
4
+ */
2
5
  export declare class ValidationEmailValidationDirectiveExampleComponent {
3
6
  protected exampleModel: {
4
7
  emailAddress?: string;
@@ -1,5 +1,8 @@
1
1
  import { AbstractControl, FormGroup } from '@angular/forms';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title URL validation on reactive form controls
5
+ */
3
6
  export declare class ValidationUrlValidationControlValidatorExampleComponent {
4
7
  protected get urlControl(): AbstractControl | null;
5
8
  protected formGroup: FormGroup;
@@ -1,5 +1,8 @@
1
1
  import { SkyUrlValidationOptions } from '@skyux/validation';
2
2
  import * as i0 from "@angular/core";
3
+ /**
4
+ * @title URL validation using input directive
5
+ */
3
6
  export declare class ValidationUrlValidationDirectiveExampleComponent {
4
7
  protected exampleModel: {
5
8
  url?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/code-examples",
3
- "version": "12.0.0-alpha.8",
3
+ "version": "12.0.0-beta.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "description": "Internal SKY UX use only",
6
6
  "keywords": [
@@ -17,44 +17,44 @@
17
17
  },
18
18
  "homepage": "https://github.com/blackbaud/skyux#readme",
19
19
  "peerDependencies": {
20
- "@angular/cdk": "^19.0.4",
21
- "@angular/common": "^19.0.5",
22
- "@angular/core": "^19.0.5",
23
- "@angular/forms": "^19.0.5",
24
- "@angular/router": "^19.0.5",
20
+ "@angular/cdk": "^19.2.2",
21
+ "@angular/common": "^19.2.1",
22
+ "@angular/core": "^19.2.1",
23
+ "@angular/forms": "^19.2.1",
24
+ "@angular/router": "^19.2.1",
25
25
  "@blackbaud/angular-tree-component": "^1.0.0",
26
- "@skyux/action-bars": "12.0.0-alpha.8",
27
- "@skyux/ag-grid": "12.0.0-alpha.8",
28
- "@skyux/angular-tree-component": "12.0.0-alpha.8",
29
- "@skyux/autonumeric": "12.0.0-alpha.8",
30
- "@skyux/avatar": "12.0.0-alpha.8",
31
- "@skyux/colorpicker": "12.0.0-alpha.8",
32
- "@skyux/core": "12.0.0-alpha.8",
33
- "@skyux/data-manager": "12.0.0-alpha.8",
34
- "@skyux/datetime": "12.0.0-alpha.8",
35
- "@skyux/errors": "12.0.0-alpha.8",
36
- "@skyux/flyout": "12.0.0-alpha.8",
37
- "@skyux/forms": "12.0.0-alpha.8",
38
- "@skyux/help-inline": "12.0.0-alpha.8",
39
- "@skyux/icon": "12.0.0-alpha.8",
40
- "@skyux/indicators": "12.0.0-alpha.8",
41
- "@skyux/inline-form": "12.0.0-alpha.8",
42
- "@skyux/layout": "12.0.0-alpha.8",
43
- "@skyux/lists": "12.0.0-alpha.8",
44
- "@skyux/lookup": "12.0.0-alpha.8",
45
- "@skyux/modals": "12.0.0-alpha.8",
46
- "@skyux/navbar": "12.0.0-alpha.8",
47
- "@skyux/pages": "12.0.0-alpha.8",
48
- "@skyux/phone-field": "12.0.0-alpha.8",
49
- "@skyux/popovers": "12.0.0-alpha.8",
50
- "@skyux/progress-indicator": "12.0.0-alpha.8",
51
- "@skyux/router": "12.0.0-alpha.8",
52
- "@skyux/split-view": "12.0.0-alpha.8",
53
- "@skyux/tabs": "12.0.0-alpha.8",
54
- "@skyux/text-editor": "12.0.0-alpha.8",
55
- "@skyux/tiles": "12.0.0-alpha.8",
56
- "@skyux/toast": "12.0.0-alpha.8",
57
- "@skyux/validation": "12.0.0-alpha.8",
26
+ "@skyux/action-bars": "12.0.0-beta.0",
27
+ "@skyux/ag-grid": "12.0.0-beta.0",
28
+ "@skyux/angular-tree-component": "12.0.0-beta.0",
29
+ "@skyux/autonumeric": "12.0.0-beta.0",
30
+ "@skyux/avatar": "12.0.0-beta.0",
31
+ "@skyux/colorpicker": "12.0.0-beta.0",
32
+ "@skyux/core": "12.0.0-beta.0",
33
+ "@skyux/data-manager": "12.0.0-beta.0",
34
+ "@skyux/datetime": "12.0.0-beta.0",
35
+ "@skyux/errors": "12.0.0-beta.0",
36
+ "@skyux/flyout": "12.0.0-beta.0",
37
+ "@skyux/forms": "12.0.0-beta.0",
38
+ "@skyux/help-inline": "12.0.0-beta.0",
39
+ "@skyux/icon": "12.0.0-beta.0",
40
+ "@skyux/indicators": "12.0.0-beta.0",
41
+ "@skyux/inline-form": "12.0.0-beta.0",
42
+ "@skyux/layout": "12.0.0-beta.0",
43
+ "@skyux/lists": "12.0.0-beta.0",
44
+ "@skyux/lookup": "12.0.0-beta.0",
45
+ "@skyux/modals": "12.0.0-beta.0",
46
+ "@skyux/navbar": "12.0.0-beta.0",
47
+ "@skyux/pages": "12.0.0-beta.0",
48
+ "@skyux/phone-field": "12.0.0-beta.0",
49
+ "@skyux/popovers": "12.0.0-beta.0",
50
+ "@skyux/progress-indicator": "12.0.0-beta.0",
51
+ "@skyux/router": "12.0.0-beta.0",
52
+ "@skyux/split-view": "12.0.0-beta.0",
53
+ "@skyux/tabs": "12.0.0-beta.0",
54
+ "@skyux/text-editor": "12.0.0-beta.0",
55
+ "@skyux/tiles": "12.0.0-beta.0",
56
+ "@skyux/toast": "12.0.0-beta.0",
57
+ "@skyux/validation": "12.0.0-beta.0",
58
58
  "ag-grid-angular": "^33.1.1",
59
59
  "ag-grid-community": "^33.1.1"
60
60
  },
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ThemeBoxBasicExampleComponent {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<ThemeBoxBasicExampleComponent, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<ThemeBoxBasicExampleComponent, "app-theme-box-basic-example", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class ThemeStatusIndicatorBasicExampleComponent {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<ThemeStatusIndicatorBasicExampleComponent, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<ThemeStatusIndicatorBasicExampleComponent, "app-theme-status-indicator-basic-example", never, {}, {}, never, never, true, never>;
5
- }