@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/fesm2022/skyux-code-examples.mjs +319 -161
- package/fesm2022/skyux-code-examples.mjs.map +1 -1
- package/index.d.ts +119 -84
- package/package.json +34 -34
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 {
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
-
|
|
944
|
-
|
|
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
|
|
962
|
-
protected
|
|
963
|
-
|
|
964
|
-
|
|
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
|
|
955
|
+
declare class FilterModalComponent implements SkyFilterItemModal {
|
|
972
956
|
#private;
|
|
973
|
-
readonly modalInstance: SkyFilterItemModalInstance<
|
|
957
|
+
readonly modalInstance: SkyFilterItemModalInstance<any>;
|
|
974
958
|
protected headingText: string;
|
|
975
|
-
protected
|
|
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<
|
|
980
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
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
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
protected
|
|
988
|
-
protected
|
|
989
|
-
|
|
990
|
-
|
|
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
|
|
983
|
+
declare class ApplicationFeeFilterModalComponent implements SkyFilterItemModal {
|
|
996
984
|
#private;
|
|
997
|
-
readonly modalInstance: SkyFilterItemModalInstance<
|
|
985
|
+
readonly modalInstance: SkyFilterItemModalInstance<any>;
|
|
998
986
|
protected headingText: string;
|
|
999
|
-
protected
|
|
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<
|
|
1004
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
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
|
|
1002
|
+
* @title Filter bar with selectable filters example
|
|
1009
1003
|
*/
|
|
1010
|
-
declare class
|
|
1004
|
+
declare class FilterBarSelectableExampleComponent {
|
|
1011
1005
|
protected readonly appliedFilters: i0.ModelSignal<SkyFilterBarFilterItem[] | undefined>;
|
|
1012
1006
|
protected readonly selectedFilterIds: i0.ModelSignal<string[] | undefined>;
|
|
1013
|
-
protected
|
|
1014
|
-
protected
|
|
1015
|
-
|
|
1016
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2020
|
+
protected formGroup: FormGroup<DemoForm$4>;
|
|
2030
2021
|
protected inlineFormConfig: SkyInlineFormConfig;
|
|
2031
|
-
|
|
2022
|
+
items: Item$2[];
|
|
2032
2023
|
constructor();
|
|
2033
|
-
|
|
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$
|
|
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$
|
|
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,
|
|
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.
|
|
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.
|
|
27
|
-
"@skyux/ag-grid": "13.
|
|
28
|
-
"@skyux/angular-tree-component": "13.
|
|
29
|
-
"@skyux/autonumeric": "13.
|
|
30
|
-
"@skyux/avatar": "13.
|
|
31
|
-
"@skyux/colorpicker": "13.
|
|
32
|
-
"@skyux/core": "13.
|
|
33
|
-
"@skyux/data-manager": "13.
|
|
34
|
-
"@skyux/datetime": "13.
|
|
35
|
-
"@skyux/errors": "13.
|
|
36
|
-
"@skyux/filter-bar": "13.
|
|
37
|
-
"@skyux/flyout": "13.
|
|
38
|
-
"@skyux/forms": "13.
|
|
39
|
-
"@skyux/help-inline": "13.
|
|
40
|
-
"@skyux/icon": "13.
|
|
41
|
-
"@skyux/indicators": "13.
|
|
42
|
-
"@skyux/inline-form": "13.
|
|
43
|
-
"@skyux/layout": "13.
|
|
44
|
-
"@skyux/lists": "13.
|
|
45
|
-
"@skyux/lookup": "13.
|
|
46
|
-
"@skyux/modals": "13.
|
|
47
|
-
"@skyux/navbar": "13.
|
|
48
|
-
"@skyux/pages": "13.
|
|
49
|
-
"@skyux/phone-field": "13.
|
|
50
|
-
"@skyux/popovers": "13.
|
|
51
|
-
"@skyux/progress-indicator": "13.
|
|
52
|
-
"@skyux/router": "13.
|
|
53
|
-
"@skyux/split-view": "13.
|
|
54
|
-
"@skyux/tabs": "13.
|
|
55
|
-
"@skyux/text-editor": "13.
|
|
56
|
-
"@skyux/tiles": "13.
|
|
57
|
-
"@skyux/toast": "13.
|
|
58
|
-
"@skyux/validation": "13.
|
|
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
|
},
|