@skyux/code-examples 13.1.0 → 13.3.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.
package/index.d.ts CHANGED
@@ -13,7 +13,7 @@ import { Subject } from 'rxjs';
13
13
  import { SkyNumericOptions } from '@skyux/core';
14
14
  import { SkyDateRangeCalculation, SkyDateRangeCalculatorId, SkyDateRangeCalculator, SkyDatepickerCalendarChange, SkyTimepickerTimeOutput } from '@skyux/datetime';
15
15
  import * as _skyux_filter_bar from '@skyux/filter-bar';
16
- import { SkyFilterBarFilterValue, SkyFilterItemModal, SkyFilterItemModalInstance, SkyFilterBarFilterItem, SkyFilterItemModalOpenedArgs } from '@skyux/filter-bar';
16
+ import { SkyFilterBarFilterItem, SkyFilterItemLookupSearchAsyncArgs, SkyFilterItemModal, SkyFilterItemModalInstance } from '@skyux/filter-bar';
17
17
  import { SkyKeyInfoLayoutType, SkyIndicatorDescriptionType, SkyLabelType, SkyToken, SkyTokensMessage, SkyTokenSelectedEventArgs } from '@skyux/indicators';
18
18
  import { SkyInlineFormConfig, SkyInlineFormCloseArgs } from '@skyux/inline-form';
19
19
  import { SkyActionButtonPermalink, SkyFluidGridGutterSizeType } from '@skyux/layout';
@@ -21,9 +21,10 @@ import { SkyPagingContentChangeArgs } from '@skyux/lists';
21
21
  import { SkyAutocompleteSearchFunctionFilter, SkyAutocompleteSelectionChange, SkyAutocompleteSearchAsyncArgs, SkyAutocompleteSearchFunction, SkyCountryFieldCountry, SkyLookupShowMoreConfig, SkyLookupAddClickEventArgs } from '@skyux/lookup';
22
22
  import { SkyModalError } from '@skyux/modals';
23
23
  import { SkyPageModalLinksInput, SkyRecentLink } from '@skyux/pages';
24
+ import { SkyDataManagerDockType } from '@skyux/data-manager';
25
+ import { SkySplitViewMessage } from '@skyux/split-view';
24
26
  import { SkyPopoverAlignment, SkyPopoverPlacement, SkyPopoverMessage } from '@skyux/popovers';
25
27
  import { SkyProgressIndicatorMessage, SkyProgressIndicatorMessageType, SkyProgressIndicatorChange } from '@skyux/progress-indicator';
26
- import { SkySplitViewMessage } from '@skyux/split-view';
27
28
  import { SkyTileDashboardConfig } from '@skyux/tiles';
28
29
  import { SkyUrlValidationOptions } from '@skyux/validation';
29
30
 
@@ -693,7 +694,7 @@ declare class AvatarExampleComponent {
693
694
  static ɵcmp: i0.ɵɵComponentDeclaration<AvatarExampleComponent, "app-avatar-example", never, {}, {}, never, never, true, never>;
694
695
  }
695
696
 
696
- interface DemoForm$d {
697
+ interface DemoForm$e {
697
698
  favoriteColor: FormControl<SkyColorpickerOutput | string>;
698
699
  }
699
700
  /**
@@ -701,7 +702,7 @@ interface DemoForm$d {
701
702
  */
702
703
  declare class ColorpickerBasicExampleComponent {
703
704
  protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
704
- protected formGroup: FormGroup<DemoForm$d>;
705
+ protected formGroup: FormGroup<DemoForm$e>;
705
706
  protected swatches: string[];
706
707
  constructor();
707
708
  protected onSelectedColorChanged(args: SkyColorpickerOutput): void;
@@ -710,7 +711,7 @@ declare class ColorpickerBasicExampleComponent {
710
711
  static ɵcmp: i0.ɵɵComponentDeclaration<ColorpickerBasicExampleComponent, "app-colorpicker-basic-example", never, {}, {}, never, never, true, never>;
711
712
  }
712
713
 
713
- interface DemoForm$c {
714
+ interface DemoForm$d {
714
715
  favoriteColor: FormControl<SkyColorpickerOutput | string>;
715
716
  }
716
717
  /**
@@ -718,7 +719,7 @@ interface DemoForm$c {
718
719
  */
719
720
  declare class ColorpickerHelpKeyExampleComponent {
720
721
  protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
721
- protected formGroup: FormGroup<DemoForm$c>;
722
+ protected formGroup: FormGroup<DemoForm$d>;
722
723
  protected swatches: string[];
723
724
  constructor();
724
725
  protected onSelectedColorChanged(args: SkyColorpickerOutput): void;
@@ -727,7 +728,7 @@ declare class ColorpickerHelpKeyExampleComponent {
727
728
  static ɵcmp: i0.ɵɵComponentDeclaration<ColorpickerHelpKeyExampleComponent, "app-colorpicker-help-key-example", never, {}, {}, never, never, true, never>;
728
729
  }
729
730
 
730
- interface DemoForm$b {
731
+ interface DemoForm$c {
731
732
  favoriteColor: FormControl<SkyColorpickerOutput | string>;
732
733
  }
733
734
  /**
@@ -737,7 +738,7 @@ declare class ColorpickerProgrammaticExampleComponent {
737
738
  #private;
738
739
  protected colorpickerController: Subject<SkyColorpickerMessage>;
739
740
  protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
740
- protected formGroup: FormGroup<DemoForm$b>;
741
+ protected formGroup: FormGroup<DemoForm$c>;
741
742
  protected showResetButton: boolean;
742
743
  constructor();
743
744
  protected openColorpicker(): void;
@@ -864,14 +865,14 @@ declare class DatetimeDateRangePickerHelpKeyExampleComponent {
864
865
  static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeDateRangePickerHelpKeyExampleComponent, "app-datetime-date-range-picker-help-key-example", never, {}, {}, never, never, true, never>;
865
866
  }
866
867
 
867
- interface DemoForm$a {
868
+ interface DemoForm$b {
868
869
  startDate: FormControl<Date | string | null>;
869
870
  }
870
871
  /**
871
872
  * @title Datepicker with basic setup
872
873
  */
873
874
  declare class DatetimeDatepickerBasicExampleComponent {
874
- protected formGroup: FormGroup<DemoForm$a>;
875
+ protected formGroup: FormGroup<DemoForm$b>;
875
876
  protected startDate: FormControl<Date | string | null>;
876
877
  protected hintText: string;
877
878
  helpPopoverContent: string;
@@ -905,14 +906,14 @@ declare class DatetimeDatepickerFuzzyExampleComponent {
905
906
  static ɵcmp: i0.ɵɵComponentDeclaration<DatetimeDatepickerFuzzyExampleComponent, "app-datetime-datepicker-fuzzy-example", never, {}, {}, never, never, true, never>;
906
907
  }
907
908
 
908
- interface DemoForm$9 {
909
+ interface DemoForm$a {
909
910
  time: FormControl<SkyTimepickerTimeOutput | string>;
910
911
  }
911
912
  /**
912
913
  * @title Timepicker with basic setup
913
914
  */
914
915
  declare class DatetimeTimepickerBasicExampleComponent {
915
- protected formGroup: FormGroup<DemoForm$9>;
916
+ protected formGroup: FormGroup<DemoForm$a>;
916
917
  protected time: FormControl<SkyTimepickerTimeOutput | string>;
917
918
  protected hintText: string;
918
919
  helpPopoverContent: string;
@@ -940,84 +941,73 @@ declare class ErrorsErrorModalExampleComponent {
940
941
  static ɵcmp: i0.ɵɵComponentDeclaration<ErrorsErrorModalExampleComponent, "app-errors-error-modal-example", never, {}, {}, never, never, true, never>;
941
942
  }
942
943
 
943
- interface FilterItems {
944
- items: SkyFilterBarFilterValue[];
945
- }
946
-
947
- declare class CommunityConnectionFilterModalComponent implements SkyFilterItemModal<FilterItems> {
948
- #private;
949
- readonly modalInstance: SkyFilterItemModalInstance<FilterItems>;
950
- protected headingText: string;
951
- protected items: _skyux_filter_bar.SkyFilterBarFilterValue[];
952
- protected selectedValue: _skyux_filter_bar.SkyFilterBarFilterValue | undefined;
953
- protected formGroup: FormGroup;
954
- protected save(): void;
955
- static ɵfac: i0.ɵɵFactoryDeclaration<CommunityConnectionFilterModalComponent, never>;
956
- static ɵcmp: i0.ɵɵComponentDeclaration<CommunityConnectionFilterModalComponent, "app-community-connection-filter-modal", never, {}, {}, never, never, true, never>;
957
- }
958
-
959
- declare class CurrentGradeFilterModalComponent implements SkyFilterItemModal<FilterItems> {
944
+ /**
945
+ * @title Filter bar with lookup filter example
946
+ */
947
+ declare class FilterBarLookupExampleComponent {
960
948
  #private;
961
- readonly modalInstance: SkyFilterItemModalInstance<FilterItems>;
962
- protected headingText: string;
963
- protected items: _skyux_filter_bar.SkyFilterBarFilterValue[];
964
- protected selectedValue: _skyux_filter_bar.SkyFilterBarFilterValue | undefined;
965
- protected formGroup: FormGroup;
966
- protected save(): void;
967
- static ɵfac: i0.ɵɵFactoryDeclaration<CurrentGradeFilterModalComponent, never>;
968
- static ɵcmp: i0.ɵɵComponentDeclaration<CurrentGradeFilterModalComponent, "app-current-grade-filter-modal", never, {}, {}, never, never, true, never>;
949
+ protected readonly appliedFilters: i0.ModelSignal<SkyFilterBarFilterItem[] | undefined>;
950
+ protected onSearchAsync(args: SkyFilterItemLookupSearchAsyncArgs): void;
951
+ static ɵfac: i0.ɵɵFactoryDeclaration<FilterBarLookupExampleComponent, never>;
952
+ static ɵcmp: i0.ɵɵComponentDeclaration<FilterBarLookupExampleComponent, "app-filter-bar-lookup-example", never, { "appliedFilters": { "alias": "appliedFilters"; "required": false; "isSignal": true; }; }, { "appliedFilters": "appliedFiltersChange"; }, never, never, true, never>;
969
953
  }
970
954
 
971
- declare class EnteringGradeFilterModalComponent implements SkyFilterItemModal<FilterItems> {
955
+ declare class FilterModalComponent implements SkyFilterItemModal {
972
956
  #private;
973
- readonly modalInstance: SkyFilterItemModalInstance<FilterItems>;
957
+ readonly modalInstance: SkyFilterItemModalInstance<any>;
974
958
  protected headingText: string;
975
- protected items: _skyux_filter_bar.SkyFilterBarFilterValue[];
959
+ protected options: ({
960
+ value: null;
961
+ displayValue: string;
962
+ } | {
963
+ value: boolean;
964
+ displayValue: string;
965
+ })[];
976
966
  protected selectedValue: _skyux_filter_bar.SkyFilterBarFilterValue | undefined;
977
967
  protected formGroup: FormGroup;
978
968
  protected save(): void;
979
- static ɵfac: i0.ɵɵFactoryDeclaration<EnteringGradeFilterModalComponent, never>;
980
- static ɵcmp: i0.ɵɵComponentDeclaration<EnteringGradeFilterModalComponent, "app-entering-grade-filter-modal", never, {}, {}, never, never, true, never>;
969
+ static ɵfac: i0.ɵɵFactoryDeclaration<FilterModalComponent, never>;
970
+ static ɵcmp: i0.ɵɵComponentDeclaration<FilterModalComponent, "app-filter-modal", never, {}, {}, never, never, true, never>;
981
971
  }
982
972
 
983
- declare class RoleFilterModalComponent implements SkyFilterItemModal<FilterItems> {
984
- #private;
985
- readonly modalInstance: SkyFilterItemModalInstance<FilterItems>;
986
- protected headingText: string;
987
- protected items: _skyux_filter_bar.SkyFilterBarFilterValue[];
988
- protected selectedValue: _skyux_filter_bar.SkyFilterBarFilterValue | undefined;
989
- protected formGroup: FormGroup;
990
- protected save(): void;
991
- static ɵfac: i0.ɵɵFactoryDeclaration<RoleFilterModalComponent, never>;
992
- static ɵcmp: i0.ɵɵComponentDeclaration<RoleFilterModalComponent, "app-role-filter-modal", never, {}, {}, never, never, true, never>;
973
+ /**
974
+ * @title Filter bar with modal filter example
975
+ */
976
+ declare class FilterBarModalExampleComponent {
977
+ protected readonly appliedFilters: i0.ModelSignal<SkyFilterBarFilterItem[] | undefined>;
978
+ protected modalComponent: typeof FilterModalComponent;
979
+ static ɵfac: i0.ɵɵFactoryDeclaration<FilterBarModalExampleComponent, never>;
980
+ static ɵcmp: i0.ɵɵComponentDeclaration<FilterBarModalExampleComponent, "app-filter-bar-modal-example", never, { "appliedFilters": { "alias": "appliedFilters"; "required": false; "isSignal": true; }; }, { "appliedFilters": "appliedFiltersChange"; }, never, never, true, never>;
993
981
  }
994
982
 
995
- declare class StaffAssignedFilterModalComponent implements SkyFilterItemModal<FilterItems> {
983
+ declare class ApplicationFeeFilterModalComponent implements SkyFilterItemModal {
996
984
  #private;
997
- readonly modalInstance: SkyFilterItemModalInstance<FilterItems>;
985
+ readonly modalInstance: SkyFilterItemModalInstance<any>;
998
986
  protected headingText: string;
999
- protected items: _skyux_filter_bar.SkyFilterBarFilterValue[];
987
+ protected options: ({
988
+ value: null;
989
+ displayValue: string;
990
+ } | {
991
+ value: boolean;
992
+ displayValue: string;
993
+ })[];
1000
994
  protected selectedValue: _skyux_filter_bar.SkyFilterBarFilterValue | undefined;
1001
995
  protected formGroup: FormGroup;
1002
996
  protected save(): void;
1003
- static ɵfac: i0.ɵɵFactoryDeclaration<StaffAssignedFilterModalComponent, never>;
1004
- static ɵcmp: i0.ɵɵComponentDeclaration<StaffAssignedFilterModalComponent, "app-staff-assigned-filter-modal", never, {}, {}, never, never, true, never>;
997
+ static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationFeeFilterModalComponent, never>;
998
+ static ɵcmp: i0.ɵɵComponentDeclaration<ApplicationFeeFilterModalComponent, "app-application-fee-filter-modal", never, {}, {}, never, never, true, never>;
1005
999
  }
1006
1000
 
1007
1001
  /**
1008
- * @title Filter bar basic example
1002
+ * @title Filter bar with selectable filters example
1009
1003
  */
1010
- declare class FilterBarBasicExampleComponent {
1004
+ declare class FilterBarSelectableExampleComponent {
1011
1005
  protected readonly appliedFilters: i0.ModelSignal<SkyFilterBarFilterItem[] | undefined>;
1012
1006
  protected readonly selectedFilterIds: i0.ModelSignal<string[] | undefined>;
1013
- protected communityConnectionModal: typeof CommunityConnectionFilterModalComponent;
1014
- protected currentGradeModal: typeof CurrentGradeFilterModalComponent;
1015
- protected enteringGradeModal: typeof EnteringGradeFilterModalComponent;
1016
- protected roleModal: typeof RoleFilterModalComponent;
1017
- protected staffAssignedModal: typeof StaffAssignedFilterModalComponent;
1018
- protected onModalOpened(args: SkyFilterItemModalOpenedArgs<FilterItems>): void;
1019
- static ɵfac: i0.ɵɵFactoryDeclaration<FilterBarBasicExampleComponent, never>;
1020
- static ɵcmp: i0.ɵɵComponentDeclaration<FilterBarBasicExampleComponent, "app-filter-bar-basic-example", never, { "appliedFilters": { "alias": "appliedFilters"; "required": false; "isSignal": true; }; "selectedFilterIds": { "alias": "selectedFilterIds"; "required": false; "isSignal": true; }; }, { "appliedFilters": "appliedFiltersChange"; "selectedFilterIds": "selectedFilterIdsChange"; }, never, never, true, never>;
1007
+ protected applicationFeeModal: typeof ApplicationFeeFilterModalComponent;
1008
+ protected onSearchAsync(args: SkyFilterItemLookupSearchAsyncArgs): void;
1009
+ static ɵfac: i0.ɵɵFactoryDeclaration<FilterBarSelectableExampleComponent, never>;
1010
+ static ɵcmp: i0.ɵɵComponentDeclaration<FilterBarSelectableExampleComponent, "app-filter-bar-selectable-example", never, { "appliedFilters": { "alias": "appliedFilters"; "required": false; "isSignal": true; }; "selectedFilterIds": { "alias": "selectedFilterIds"; "required": false; "isSignal": true; }; }, { "appliedFilters": "appliedFiltersChange"; "selectedFilterIds": "selectedFilterIdsChange"; }, never, never, true, never>;
1021
1011
  }
1022
1012
 
1023
1013
  /**
@@ -1220,7 +1210,7 @@ declare class FormsInputBoxWithCustomFormErrorsExampleComponent {
1220
1210
  static ɵcmp: i0.ɵɵComponentDeclaration<FormsInputBoxWithCustomFormErrorsExampleComponent, "app-forms-input-box-basic-example", never, {}, {}, never, never, true, never>;
1221
1211
  }
1222
1212
 
1223
- interface DemoForm$8 {
1213
+ interface DemoForm$9 {
1224
1214
  paymentMethod: FormControl<string | null>;
1225
1215
  }
1226
1216
  interface Item$7 {
@@ -1235,7 +1225,7 @@ interface Item$7 {
1235
1225
  */
1236
1226
  declare class FormsRadioHelpKeyExampleComponent {
1237
1227
  #private;
1238
- protected formGroup: FormGroup<DemoForm$8>;
1228
+ protected formGroup: FormGroup<DemoForm$9>;
1239
1229
  protected hintText: string;
1240
1230
  protected paymentMethod: FormControl<string | null>;
1241
1231
  protected paymentOptions: Item$7[];
@@ -1260,7 +1250,7 @@ declare class FormsRadioIconExampleComponent {
1260
1250
  static ɵcmp: i0.ɵɵComponentDeclaration<FormsRadioIconExampleComponent, "app-forms-radio-icon-example", never, {}, {}, never, never, true, never>;
1261
1251
  }
1262
1252
 
1263
- interface DemoForm$7 {
1253
+ interface DemoForm$8 {
1264
1254
  paymentMethod: FormControl<string | null>;
1265
1255
  }
1266
1256
  interface Item$5 {
@@ -1275,7 +1265,7 @@ interface Item$5 {
1275
1265
  */
1276
1266
  declare class FormsRadioStandardExampleComponent {
1277
1267
  #private;
1278
- protected formGroup: FormGroup<DemoForm$7>;
1268
+ protected formGroup: FormGroup<DemoForm$8>;
1279
1269
  protected helpPopoverContent: string;
1280
1270
  protected helpPopoverTitle: string;
1281
1271
  protected hintText: string;
@@ -1520,7 +1510,7 @@ declare class IndicatorsWaitPageExampleComponent implements OnDestroy {
1520
1510
  static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorsWaitPageExampleComponent, "app-indicators-wait-page-example", never, {}, {}, never, never, true, never>;
1521
1511
  }
1522
1512
 
1523
- interface DemoForm$6 {
1513
+ interface DemoForm$7 {
1524
1514
  firstName: FormControl<string>;
1525
1515
  }
1526
1516
  /**
@@ -1528,7 +1518,7 @@ interface DemoForm$6 {
1528
1518
  */
1529
1519
  declare class InlineFormBasicExampleComponent {
1530
1520
  protected firstName: string;
1531
- formGroup: FormGroup<DemoForm$6>;
1521
+ formGroup: FormGroup<DemoForm$7>;
1532
1522
  protected inlineFormConfig: SkyInlineFormConfig;
1533
1523
  protected showForm: boolean;
1534
1524
  constructor();
@@ -1538,7 +1528,7 @@ declare class InlineFormBasicExampleComponent {
1538
1528
  static ɵcmp: i0.ɵɵComponentDeclaration<InlineFormBasicExampleComponent, "app-inline-form-basic-example", never, {}, {}, never, never, true, never>;
1539
1529
  }
1540
1530
 
1541
- interface DemoForm$5 {
1531
+ interface DemoForm$6 {
1542
1532
  firstName: FormControl<string>;
1543
1533
  }
1544
1534
  /**
@@ -1546,7 +1536,7 @@ interface DemoForm$5 {
1546
1536
  */
1547
1537
  declare class InlineFormCustomButtonsExampleComponent implements OnInit {
1548
1538
  protected firstName: string;
1549
- formGroup: FormGroup<DemoForm$5>;
1539
+ formGroup: FormGroup<DemoForm$6>;
1550
1540
  protected inlineFormConfig: SkyInlineFormConfig;
1551
1541
  protected showForm: boolean;
1552
1542
  constructor();
@@ -1557,7 +1547,7 @@ declare class InlineFormCustomButtonsExampleComponent implements OnInit {
1557
1547
  static ɵcmp: i0.ɵɵComponentDeclaration<InlineFormCustomButtonsExampleComponent, "app-inline-form-custom-buttons-example", never, {}, {}, never, never, true, never>;
1558
1548
  }
1559
1549
 
1560
- interface DemoForm$4 {
1550
+ interface DemoForm$5 {
1561
1551
  id: FormControl<string>;
1562
1552
  note: FormControl<string>;
1563
1553
  title: FormControl<string>;
@@ -1572,7 +1562,7 @@ interface Item$4 {
1572
1562
  */
1573
1563
  declare class InlineFormRepeatersExampleComponent {
1574
1564
  protected activeInlineFormId: string | undefined;
1575
- protected formGroup: FormGroup<DemoForm$4>;
1565
+ protected formGroup: FormGroup<DemoForm$5>;
1576
1566
  protected inlineFormConfig: SkyInlineFormConfig;
1577
1567
  protected items: Item$4[];
1578
1568
  constructor();
@@ -1981,6 +1971,7 @@ interface Item$3 {
1981
1971
  note: string;
1982
1972
  status: string;
1983
1973
  isSelected: boolean;
1974
+ isDisabled?: boolean;
1984
1975
  }
1985
1976
 
1986
1977
  /**
@@ -2011,7 +2002,7 @@ declare class ListsRepeaterBasicExampleComponent {
2011
2002
  static ɵcmp: i0.ɵɵComponentDeclaration<ListsRepeaterBasicExampleComponent, "app-lists-repeater-basic-example", never, {}, {}, never, never, true, never>;
2012
2003
  }
2013
2004
 
2014
- interface DemoForm$3 {
2005
+ interface DemoForm$4 {
2015
2006
  id: FormControl<string>;
2016
2007
  note: FormControl<string>;
2017
2008
  title: FormControl<string>;
@@ -2026,11 +2017,11 @@ interface Item$2 {
2026
2017
  */
2027
2018
  declare class ListsRepeaterInlineFormExampleComponent {
2028
2019
  protected activeInlineFormId: string | undefined;
2029
- protected formGroup: FormGroup<DemoForm$3>;
2020
+ protected formGroup: FormGroup<DemoForm$4>;
2030
2021
  protected inlineFormConfig: SkyInlineFormConfig;
2031
- protected items: Item$2[];
2022
+ items: Item$2[];
2032
2023
  constructor();
2033
- protected showInlineForm(item: Item$2): void;
2024
+ showInlineForm(item: Item$2): void;
2034
2025
  protected onInlineFormClose(args: SkyInlineFormCloseArgs): void;
2035
2026
  static ɵfac: i0.ɵɵFactoryDeclaration<ListsRepeaterInlineFormExampleComponent, never>;
2036
2027
  static ɵcmp: i0.ɵɵComponentDeclaration<ListsRepeaterInlineFormExampleComponent, "app-lists-repeater-inline-form-example", never, {}, {}, never, never, true, never>;
@@ -2149,7 +2140,7 @@ declare class LookupAutocompleteSearchFiltersExampleComponent {
2149
2140
  static ɵcmp: i0.ɵɵComponentDeclaration<LookupAutocompleteSearchFiltersExampleComponent, "app-lookup-autocomplete-search-filters-example", never, {}, {}, never, never, true, never>;
2150
2141
  }
2151
2142
 
2152
- interface DemoForm$2 {
2143
+ interface DemoForm$3 {
2153
2144
  country: FormControl<SkyCountryFieldCountry | undefined>;
2154
2145
  }
2155
2146
  /**
@@ -2158,7 +2149,7 @@ interface DemoForm$2 {
2158
2149
  declare class LookupCountryFieldBasicExampleComponent {
2159
2150
  #private;
2160
2151
  protected countryControl: FormControl<SkyCountryFieldCountry | undefined>;
2161
- countryForm: FormGroup<DemoForm$2>;
2152
+ countryForm: FormGroup<DemoForm$3>;
2162
2153
  protected helpPopoverContent: string;
2163
2154
  constructor();
2164
2155
  static ɵfac: i0.ɵɵFactoryDeclaration<LookupCountryFieldBasicExampleComponent, never>;
@@ -2458,6 +2449,50 @@ declare class PagesActionHubExampleComponent {
2458
2449
  static ɵcmp: i0.ɵɵComponentDeclaration<PagesActionHubExampleComponent, "app-pages-action-hub-example", never, {}, {}, never, never, true, never>;
2459
2450
  }
2460
2451
 
2452
+ interface Record$3 {
2453
+ id: number;
2454
+ amount: number;
2455
+ date: string;
2456
+ vendor: string;
2457
+ receiptImage: string;
2458
+ approvedAmount: number;
2459
+ comments: string;
2460
+ }
2461
+
2462
+ interface DemoForm$2 {
2463
+ approvedAmount: FormControl<number>;
2464
+ comments: FormControl<string>;
2465
+ }
2466
+ /**
2467
+ * @title Data manager with split view in a fit layout page.
2468
+ * @docsDemoHidden
2469
+ */
2470
+ declare class PagesPageDataManagerSplitViewFitLayoutExampleComponent implements OnInit {
2471
+ #private;
2472
+ set activeIndex(value: number);
2473
+ get activeIndex(): number;
2474
+ items: {
2475
+ id: number;
2476
+ amount: number;
2477
+ date: string;
2478
+ vendor: string;
2479
+ receiptImage: string;
2480
+ approvedAmount: number;
2481
+ comments: string;
2482
+ }[];
2483
+ activeRecord: Record$3;
2484
+ splitViewDemoForm: FormGroup<DemoForm$2>;
2485
+ splitViewStream: Subject<SkySplitViewMessage>;
2486
+ dock: SkyDataManagerDockType;
2487
+ constructor();
2488
+ ngOnInit(): void;
2489
+ onItemClick(index: number): void;
2490
+ onApprove(): void;
2491
+ onDeny(): void;
2492
+ static ɵfac: i0.ɵɵFactoryDeclaration<PagesPageDataManagerSplitViewFitLayoutExampleComponent, never>;
2493
+ static ɵcmp: i0.ɵɵComponentDeclaration<PagesPageDataManagerSplitViewFitLayoutExampleComponent, "app-pages-page-split-view-data-manager-example", never, {}, {}, never, never, true, never>;
2494
+ }
2495
+
2461
2496
  /**
2462
2497
  * @title Home page with blocks layout, using tile dashboard and recently accessed links
2463
2498
  * @docsDemoHidden
@@ -2917,4 +2952,4 @@ declare class ValidationUrlValidationDirectiveExampleComponent {
2917
2952
  static ɵcmp: i0.ɵɵComponentDeclaration<ValidationUrlValidationDirectiveExampleComponent, "app-validation-url-validation-directive-example", never, {}, {}, never, never, true, never>;
2918
2953
  }
2919
2954
 
2920
- export { ActionBarsSummaryActionBarBasicExampleComponent, ActionBarsSummaryActionBarErrorExampleComponent, ActionBarsSummaryActionBarModalExampleComponent, ActionBarsSummaryActionBarTabExampleComponent, AgGridDataEntryGridBasicExampleComponent, AgGridDataEntryGridDataManagerAddedExampleComponent, AgGridDataEntryGridFocusExampleComponent, AgGridDataEntryGridInlineHelpExampleComponent, AgGridDataGridBasicExampleComponent, AgGridDataGridBasicMultiselectExampleComponent, AgGridDataGridDataManagerExampleComponent, AgGridDataGridDataManagerMultiselectExampleComponent, AgGridDataGridInlineHelpExampleComponent, AgGridDataGridPagingExampleComponent, AgGridDataGridTemplateRefColumnExampleComponent, AgGridDataGridTopScrollExampleComponent, AngularTreeComponentAngularTreeBasicExampleComponent, AngularTreeComponentAngularTreeHelpKeyExampleComponent, AutonumericCurrencyExampleComponent, AutonumericInternationalFormattingExampleComponent, AutonumericOptionsProviderExampleComponent, AutonumericPresetExampleComponent, AvatarExampleComponent, ColorpickerBasicExampleComponent, ColorpickerHelpKeyExampleComponent, ColorpickerProgrammaticExampleComponent, CoreIdExampleComponent, CoreMediaQueryBasicExampleComponent, CoreMediaQueryResponsiveHostExampleComponent, CoreNumericBasicExampleComponent, DataManagerBasicExampleComponent, DatetimeDatePipeBasicExampleComponent, DatetimeDateRangePickerBasicExampleComponent, DatetimeDateRangePickerCustomCalculatorExampleComponent, DatetimeDateRangePickerHelpKeyExampleComponent, DatetimeDatepickerBasicExampleComponent, DatetimeDatepickerCustomDatesExampleComponent, DatetimeDatepickerFuzzyExampleComponent, DatetimeTimepickerBasicExampleComponent, ErrorsErrorEmbeddedExampleComponent, ErrorsErrorModalExampleComponent, FilterBarBasicExampleComponent, FlyoutBasicExampleComponent, FlyoutCustomHeadersExampleComponent, FormsCharacterCountExampleComponent, FormsCheckboxBasicExampleComponent, FormsCheckboxHelpKeyExampleComponent, FormsCheckboxIconGroupExampleComponent, FormsFieldGroupBasicExampleComponent, FormsFieldGroupHelpKeyExampleComponent, FormsFileAttachmentBasicExampleComponent, FormsFileAttachmentHelpKeyExampleComponent, FormsFileDropBasicExampleComponent, FormsFileDropHelpKeyExampleComponent, FormsInputBoxBasicExampleComponent, FormsInputBoxWithCustomFormErrorsExampleComponent, FormsRadioHelpKeyExampleComponent, FormsRadioIconExampleComponent, FormsRadioStandardExampleComponent, FormsSelectionBoxCheckboxExampleComponent, FormsSelectionBoxRadioExampleComponent, FormsToggleSwitchBasicExampleComponent, FormsToggleSwitchHelpKeyExampleComponent, HelpInlineActionClickExampleComponent, HelpInlineHelpKeyExampleComponent, HelpInlinePopoverExampleComponent, IconBasicExampleComponent, IconIconButtonExampleComponent, IndicatorsAlertBasicExampleComponent, IndicatorsIllustrationBasicExampleComponent, IndicatorsKeyInfoBasicExampleComponent, IndicatorsKeyInfoHelpKeyExampleComponent, IndicatorsLabelBasicExampleComponent, IndicatorsStatusIndicatorBasicExampleComponent, IndicatorsStatusIndicatorHelpKeyExampleComponent, IndicatorsTextHighlightBasicExampleComponent, IndicatorsTokensBasicExampleComponent, IndicatorsTokensCustomExampleComponent, IndicatorsWaitElementExampleComponent, IndicatorsWaitPageExampleComponent, InlineFormBasicExampleComponent, InlineFormCustomButtonsExampleComponent, InlineFormRepeatersExampleComponent, LayoutActionButtonBasicExampleComponent, LayoutActionButtonPermalinkExampleComponent, LayoutBackToTopInfiniteScrollExampleComponent, LayoutBackToTopRepeaterExampleComponent, LayoutBoxBasicExampleComponent, LayoutBoxHelpKeyExampleComponent, LayoutCardBasicExampleComponent, LayoutDefinitionListBasicExampleComponent, LayoutDescriptionListHelpKeyExampleComponent, LayoutDescriptionListHorizontalExampleComponent, LayoutDescriptionListInlineHelpExampleComponent, LayoutDescriptionListLongDescriptionExampleComponent, LayoutDescriptionListVerticalExampleComponent, LayoutFluidGridExampleComponent, LayoutFormatExampleComponent, LayoutInlineDeleteCustomExampleComponent, LayoutInlineDeleteRepeaterExampleComponent, LayoutPageSummaryBasicExampleComponent, LayoutTextExpandInlineExampleComponent, LayoutTextExpandModalExampleComponent, LayoutTextExpandNewlineExampleComponent, LayoutTextExpandRepeaterExampleComponent, LayoutToolbarBasicExampleComponent, LayoutToolbarSectionedExampleComponent, ListsFilterInlineExampleComponent, ListsFilterModalExampleComponent, ListsInfiniteScrollRepeaterExampleComponent, ListsPagingBasicExampleComponent, ListsPagingWithContentExampleComponent, ListsRepeaterAddRemoveExampleComponent, ListsRepeaterBasicExampleComponent, ListsRepeaterInlineFormExampleComponent, ListsSortBasicExampleComponent, LookupAddItemExampleComponent, LookupAutocompleteAdvancedExampleComponent, LookupAutocompleteAnyValueExampleComponent, LookupAutocompleteBasicExampleComponent, LookupAutocompleteCustomSearchExampleComponent, LookupAutocompleteSearchFiltersExampleComponent, LookupCountryFieldBasicExampleComponent, LookupCustomPickerExampleComponent, LookupMultiSelectExampleComponent, LookupResultTemplatesExampleComponent, LookupSearchBasicExampleComponent, LookupSelectionModalAddItemExampleComponent, LookupSelectionModalBasicExampleComponent, LookupSingleSelectExampleComponent, ModalsConfirmBasicWithControllerExampleComponent, ModalsConfirmBasicWithHarnessExampleComponent, ModalsModalBasicWithControllerExampleComponent, ModalsModalBasicWithHarnessExampleComponent, ModalsModalBasicWithHarnessHelpKeyExampleComponent, ModalsModalWithErrorExampleComponent, NavbarExampleComponent, PagesActionHubExampleComponent, PagesPageHomePageBlocksLayoutExampleComponent, PagesPageListPageListLayoutExampleComponent, PagesPageListPageTabsLayoutExampleComponent, PagesPageRecordPageBlocksLayoutExampleComponent, PagesPageRecordPageTabsLayoutExampleComponent, PagesPageSplitViewPageFitLayoutExampleComponent, PhoneFieldBasicExampleComponent, PopoversDropdownBasicExampleComponent, PopoversPopoverBasicExampleComponent, PopoversPopoverProgrammaticExampleComponent, ProgressIndicatorPassiveIndicatorBasicExampleComponent, ProgressIndicatorWaterfallIndicatorBasicExampleComponent, ProgressIndicatorWizardBasicExampleComponent, RouterHrefBasicExampleComponent, SplitViewBasicExampleComponent, SplitViewPageBoundExampleComponent, TabsDynamicAddCloseExampleComponent, TabsDynamicExampleComponent, TabsSectionedFormModalExampleComponent, TabsStaticAddCloseExampleComponent, TabsStaticExampleComponent, TabsVerticalTabsBasicExampleComponent, TabsVerticalTabsGroupedExampleComponent, TabsVerticalTabsMixedExampleComponent, TabsWizardBasicExampleComponent, TextEditorExampleComponent, TextEditorHelpKeyExampleComponent, TextEditorRichTextDisplayExampleComponent, TilesBasicExampleComponent, ToastBasicExampleComponent, ToastCustomComponentExampleComponent, ValidationEmailValidationControlValidatorExampleComponent, ValidationEmailValidationDirectiveExampleComponent, ValidationUrlValidationControlValidatorExampleComponent, ValidationUrlValidationDirectiveExampleComponent };
2955
+ export { ActionBarsSummaryActionBarBasicExampleComponent, ActionBarsSummaryActionBarErrorExampleComponent, ActionBarsSummaryActionBarModalExampleComponent, ActionBarsSummaryActionBarTabExampleComponent, AgGridDataEntryGridBasicExampleComponent, AgGridDataEntryGridDataManagerAddedExampleComponent, AgGridDataEntryGridFocusExampleComponent, AgGridDataEntryGridInlineHelpExampleComponent, AgGridDataGridBasicExampleComponent, AgGridDataGridBasicMultiselectExampleComponent, AgGridDataGridDataManagerExampleComponent, AgGridDataGridDataManagerMultiselectExampleComponent, AgGridDataGridInlineHelpExampleComponent, AgGridDataGridPagingExampleComponent, AgGridDataGridTemplateRefColumnExampleComponent, AgGridDataGridTopScrollExampleComponent, AngularTreeComponentAngularTreeBasicExampleComponent, AngularTreeComponentAngularTreeHelpKeyExampleComponent, AutonumericCurrencyExampleComponent, AutonumericInternationalFormattingExampleComponent, AutonumericOptionsProviderExampleComponent, AutonumericPresetExampleComponent, AvatarExampleComponent, ColorpickerBasicExampleComponent, ColorpickerHelpKeyExampleComponent, ColorpickerProgrammaticExampleComponent, CoreIdExampleComponent, CoreMediaQueryBasicExampleComponent, CoreMediaQueryResponsiveHostExampleComponent, CoreNumericBasicExampleComponent, DataManagerBasicExampleComponent, DatetimeDatePipeBasicExampleComponent, DatetimeDateRangePickerBasicExampleComponent, DatetimeDateRangePickerCustomCalculatorExampleComponent, DatetimeDateRangePickerHelpKeyExampleComponent, DatetimeDatepickerBasicExampleComponent, DatetimeDatepickerCustomDatesExampleComponent, DatetimeDatepickerFuzzyExampleComponent, DatetimeTimepickerBasicExampleComponent, ErrorsErrorEmbeddedExampleComponent, ErrorsErrorModalExampleComponent, FilterBarLookupExampleComponent, FilterBarModalExampleComponent, FilterBarSelectableExampleComponent, FlyoutBasicExampleComponent, FlyoutCustomHeadersExampleComponent, FormsCharacterCountExampleComponent, FormsCheckboxBasicExampleComponent, FormsCheckboxHelpKeyExampleComponent, FormsCheckboxIconGroupExampleComponent, FormsFieldGroupBasicExampleComponent, FormsFieldGroupHelpKeyExampleComponent, FormsFileAttachmentBasicExampleComponent, FormsFileAttachmentHelpKeyExampleComponent, FormsFileDropBasicExampleComponent, FormsFileDropHelpKeyExampleComponent, FormsInputBoxBasicExampleComponent, FormsInputBoxWithCustomFormErrorsExampleComponent, FormsRadioHelpKeyExampleComponent, FormsRadioIconExampleComponent, FormsRadioStandardExampleComponent, FormsSelectionBoxCheckboxExampleComponent, FormsSelectionBoxRadioExampleComponent, FormsToggleSwitchBasicExampleComponent, FormsToggleSwitchHelpKeyExampleComponent, HelpInlineActionClickExampleComponent, HelpInlineHelpKeyExampleComponent, HelpInlinePopoverExampleComponent, IconBasicExampleComponent, IconIconButtonExampleComponent, IndicatorsAlertBasicExampleComponent, IndicatorsIllustrationBasicExampleComponent, IndicatorsKeyInfoBasicExampleComponent, IndicatorsKeyInfoHelpKeyExampleComponent, IndicatorsLabelBasicExampleComponent, IndicatorsStatusIndicatorBasicExampleComponent, IndicatorsStatusIndicatorHelpKeyExampleComponent, IndicatorsTextHighlightBasicExampleComponent, IndicatorsTokensBasicExampleComponent, IndicatorsTokensCustomExampleComponent, IndicatorsWaitElementExampleComponent, IndicatorsWaitPageExampleComponent, InlineFormBasicExampleComponent, InlineFormCustomButtonsExampleComponent, InlineFormRepeatersExampleComponent, LayoutActionButtonBasicExampleComponent, LayoutActionButtonPermalinkExampleComponent, LayoutBackToTopInfiniteScrollExampleComponent, LayoutBackToTopRepeaterExampleComponent, LayoutBoxBasicExampleComponent, LayoutBoxHelpKeyExampleComponent, LayoutCardBasicExampleComponent, LayoutDefinitionListBasicExampleComponent, LayoutDescriptionListHelpKeyExampleComponent, LayoutDescriptionListHorizontalExampleComponent, LayoutDescriptionListInlineHelpExampleComponent, LayoutDescriptionListLongDescriptionExampleComponent, LayoutDescriptionListVerticalExampleComponent, LayoutFluidGridExampleComponent, LayoutFormatExampleComponent, LayoutInlineDeleteCustomExampleComponent, LayoutInlineDeleteRepeaterExampleComponent, LayoutPageSummaryBasicExampleComponent, LayoutTextExpandInlineExampleComponent, LayoutTextExpandModalExampleComponent, LayoutTextExpandNewlineExampleComponent, LayoutTextExpandRepeaterExampleComponent, LayoutToolbarBasicExampleComponent, LayoutToolbarSectionedExampleComponent, ListsFilterInlineExampleComponent, ListsFilterModalExampleComponent, ListsInfiniteScrollRepeaterExampleComponent, ListsPagingBasicExampleComponent, ListsPagingWithContentExampleComponent, ListsRepeaterAddRemoveExampleComponent, ListsRepeaterBasicExampleComponent, ListsRepeaterInlineFormExampleComponent, ListsSortBasicExampleComponent, LookupAddItemExampleComponent, LookupAutocompleteAdvancedExampleComponent, LookupAutocompleteAnyValueExampleComponent, LookupAutocompleteBasicExampleComponent, LookupAutocompleteCustomSearchExampleComponent, LookupAutocompleteSearchFiltersExampleComponent, LookupCountryFieldBasicExampleComponent, LookupCustomPickerExampleComponent, LookupMultiSelectExampleComponent, LookupResultTemplatesExampleComponent, LookupSearchBasicExampleComponent, LookupSelectionModalAddItemExampleComponent, LookupSelectionModalBasicExampleComponent, LookupSingleSelectExampleComponent, ModalsConfirmBasicWithControllerExampleComponent, ModalsConfirmBasicWithHarnessExampleComponent, ModalsModalBasicWithControllerExampleComponent, ModalsModalBasicWithHarnessExampleComponent, ModalsModalBasicWithHarnessHelpKeyExampleComponent, ModalsModalWithErrorExampleComponent, NavbarExampleComponent, PagesActionHubExampleComponent, PagesPageDataManagerSplitViewFitLayoutExampleComponent, PagesPageHomePageBlocksLayoutExampleComponent, PagesPageListPageListLayoutExampleComponent, PagesPageListPageTabsLayoutExampleComponent, PagesPageRecordPageBlocksLayoutExampleComponent, PagesPageRecordPageTabsLayoutExampleComponent, PagesPageSplitViewPageFitLayoutExampleComponent, PhoneFieldBasicExampleComponent, PopoversDropdownBasicExampleComponent, PopoversPopoverBasicExampleComponent, PopoversPopoverProgrammaticExampleComponent, ProgressIndicatorPassiveIndicatorBasicExampleComponent, ProgressIndicatorWaterfallIndicatorBasicExampleComponent, ProgressIndicatorWizardBasicExampleComponent, RouterHrefBasicExampleComponent, SplitViewBasicExampleComponent, SplitViewPageBoundExampleComponent, TabsDynamicAddCloseExampleComponent, TabsDynamicExampleComponent, TabsSectionedFormModalExampleComponent, TabsStaticAddCloseExampleComponent, TabsStaticExampleComponent, TabsVerticalTabsBasicExampleComponent, TabsVerticalTabsGroupedExampleComponent, TabsVerticalTabsMixedExampleComponent, TabsWizardBasicExampleComponent, TextEditorExampleComponent, TextEditorHelpKeyExampleComponent, TextEditorRichTextDisplayExampleComponent, TilesBasicExampleComponent, ToastBasicExampleComponent, ToastCustomComponentExampleComponent, ValidationEmailValidationControlValidatorExampleComponent, ValidationEmailValidationDirectiveExampleComponent, ValidationUrlValidationControlValidatorExampleComponent, ValidationUrlValidationDirectiveExampleComponent };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/code-examples",
3
- "version": "13.1.0",
3
+ "version": "13.3.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "description": "Internal SKY UX use only",
6
6
  "keywords": [
@@ -23,39 +23,39 @@
23
23
  "@angular/forms": "^20.3.0",
24
24
  "@angular/router": "^20.3.0",
25
25
  "@blackbaud/angular-tree-component": "^1.0.0",
26
- "@skyux/action-bars": "13.1.0",
27
- "@skyux/ag-grid": "13.1.0",
28
- "@skyux/angular-tree-component": "13.1.0",
29
- "@skyux/autonumeric": "13.1.0",
30
- "@skyux/avatar": "13.1.0",
31
- "@skyux/colorpicker": "13.1.0",
32
- "@skyux/core": "13.1.0",
33
- "@skyux/data-manager": "13.1.0",
34
- "@skyux/datetime": "13.1.0",
35
- "@skyux/errors": "13.1.0",
36
- "@skyux/filter-bar": "13.1.0",
37
- "@skyux/flyout": "13.1.0",
38
- "@skyux/forms": "13.1.0",
39
- "@skyux/help-inline": "13.1.0",
40
- "@skyux/icon": "13.1.0",
41
- "@skyux/indicators": "13.1.0",
42
- "@skyux/inline-form": "13.1.0",
43
- "@skyux/layout": "13.1.0",
44
- "@skyux/lists": "13.1.0",
45
- "@skyux/lookup": "13.1.0",
46
- "@skyux/modals": "13.1.0",
47
- "@skyux/navbar": "13.1.0",
48
- "@skyux/pages": "13.1.0",
49
- "@skyux/phone-field": "13.1.0",
50
- "@skyux/popovers": "13.1.0",
51
- "@skyux/progress-indicator": "13.1.0",
52
- "@skyux/router": "13.1.0",
53
- "@skyux/split-view": "13.1.0",
54
- "@skyux/tabs": "13.1.0",
55
- "@skyux/text-editor": "13.1.0",
56
- "@skyux/tiles": "13.1.0",
57
- "@skyux/toast": "13.1.0",
58
- "@skyux/validation": "13.1.0",
26
+ "@skyux/action-bars": "13.3.0",
27
+ "@skyux/ag-grid": "13.3.0",
28
+ "@skyux/angular-tree-component": "13.3.0",
29
+ "@skyux/autonumeric": "13.3.0",
30
+ "@skyux/avatar": "13.3.0",
31
+ "@skyux/colorpicker": "13.3.0",
32
+ "@skyux/core": "13.3.0",
33
+ "@skyux/data-manager": "13.3.0",
34
+ "@skyux/datetime": "13.3.0",
35
+ "@skyux/errors": "13.3.0",
36
+ "@skyux/filter-bar": "13.3.0",
37
+ "@skyux/flyout": "13.3.0",
38
+ "@skyux/forms": "13.3.0",
39
+ "@skyux/help-inline": "13.3.0",
40
+ "@skyux/icon": "13.3.0",
41
+ "@skyux/indicators": "13.3.0",
42
+ "@skyux/inline-form": "13.3.0",
43
+ "@skyux/layout": "13.3.0",
44
+ "@skyux/lists": "13.3.0",
45
+ "@skyux/lookup": "13.3.0",
46
+ "@skyux/modals": "13.3.0",
47
+ "@skyux/navbar": "13.3.0",
48
+ "@skyux/pages": "13.3.0",
49
+ "@skyux/phone-field": "13.3.0",
50
+ "@skyux/popovers": "13.3.0",
51
+ "@skyux/progress-indicator": "13.3.0",
52
+ "@skyux/router": "13.3.0",
53
+ "@skyux/split-view": "13.3.0",
54
+ "@skyux/tabs": "13.3.0",
55
+ "@skyux/text-editor": "13.3.0",
56
+ "@skyux/tiles": "13.3.0",
57
+ "@skyux/toast": "13.3.0",
58
+ "@skyux/validation": "13.3.0",
59
59
  "ag-grid-angular": "^34.1.2",
60
60
  "ag-grid-community": "^34.1.2"
61
61
  },