@skyux/code-examples 12.9.0 → 12.10.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 +112 -45
- package/fesm2022/skyux-code-examples.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/modules/inline-form/inline-form/basic/example.component.d.ts +1 -1
- package/lib/modules/inline-form/inline-form/custom-buttons/example.component.d.ts +1 -1
- package/lib/modules/layout/inline-delete/custom/example.component.d.ts +1 -1
- package/lib/modules/layout/inline-delete/repeater/example.component.d.ts +2 -2
- package/lib/modules/lookup/autocomplete/any-value/color-option.d.ts +4 -0
- package/lib/modules/lookup/autocomplete/any-value/example.component.d.ts +17 -0
- package/lib/modules/lookup/autocomplete/any-value/example.service.d.ts +8 -0
- package/lib/modules/lookup/autocomplete/any-value/search-results.d.ts +6 -0
- package/lib/modules/tabs/sectioned-form/modal/example.component.d.ts +1 -1
- package/lib/modules/tabs/sectioned-form/modal/modal.component.d.ts +5 -3
- package/package.json +33 -33
package/index.d.ts
CHANGED
|
@@ -112,6 +112,7 @@ export { ListsRepeaterBasicExampleComponent } from './lib/modules/lists/repeater
|
|
|
112
112
|
export { ListsRepeaterInlineFormExampleComponent } from './lib/modules/lists/repeater/inline-form/example.component';
|
|
113
113
|
export { ListsSortBasicExampleComponent } from './lib/modules/lists/sort/basic/example.component';
|
|
114
114
|
export { LookupAutocompleteAdvancedExampleComponent } from './lib/modules/lookup/autocomplete/advanced/example.component';
|
|
115
|
+
export { LookupAutocompleteAnyValueExampleComponent } from './lib/modules/lookup/autocomplete/any-value/example.component';
|
|
115
116
|
export { LookupAutocompleteBasicExampleComponent } from './lib/modules/lookup/autocomplete/basic/example.component';
|
|
116
117
|
export { LookupAutocompleteCustomSearchExampleComponent } from './lib/modules/lookup/autocomplete/custom-search/example.component';
|
|
117
118
|
export { LookupAutocompleteSearchFiltersExampleComponent } from './lib/modules/lookup/autocomplete/search-filters/example.component';
|
|
@@ -9,7 +9,7 @@ interface DemoForm {
|
|
|
9
9
|
*/
|
|
10
10
|
export declare class InlineFormBasicExampleComponent {
|
|
11
11
|
protected firstName: string;
|
|
12
|
-
|
|
12
|
+
formGroup: FormGroup<DemoForm>;
|
|
13
13
|
protected inlineFormConfig: SkyInlineFormConfig;
|
|
14
14
|
protected showForm: boolean;
|
|
15
15
|
constructor();
|
|
@@ -10,7 +10,7 @@ interface DemoForm {
|
|
|
10
10
|
*/
|
|
11
11
|
export declare class InlineFormCustomButtonsExampleComponent implements OnInit {
|
|
12
12
|
protected firstName: string;
|
|
13
|
-
|
|
13
|
+
formGroup: FormGroup<DemoForm>;
|
|
14
14
|
protected inlineFormConfig: SkyInlineFormConfig;
|
|
15
15
|
protected showForm: boolean;
|
|
16
16
|
constructor();
|
|
@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
* @title Inline delete with custom elements
|
|
4
4
|
*/
|
|
5
5
|
export declare class LayoutInlineDeleteCustomExampleComponent {
|
|
6
|
-
|
|
6
|
+
deleting: boolean;
|
|
7
7
|
protected pending: boolean;
|
|
8
8
|
protected deleteItem(): void;
|
|
9
9
|
protected onCancelTriggered(): void;
|
|
@@ -9,9 +9,9 @@ interface InlineRepeaterDemoItem {
|
|
|
9
9
|
*/
|
|
10
10
|
export declare class LayoutInlineDeleteRepeaterExampleComponent {
|
|
11
11
|
protected originalRepeaterDemoItems: InlineRepeaterDemoItem[];
|
|
12
|
-
|
|
12
|
+
repeaterDemoItems: InlineRepeaterDemoItem[];
|
|
13
13
|
protected repeaterDemoShownInlineDeletes: string[];
|
|
14
|
-
|
|
14
|
+
showInlineDelete(title: string): void;
|
|
15
15
|
protected deleteItem(title: string): void;
|
|
16
16
|
protected cancelDeletion(title: string): void;
|
|
17
17
|
protected onResetClick(): void;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FormControl } from '@angular/forms';
|
|
2
|
+
import { SkyAutocompleteSearchAsyncArgs } from '@skyux/lookup';
|
|
3
|
+
import { ColorOption } from './color-option';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* @title Autocomplete with any value allowed
|
|
7
|
+
*/
|
|
8
|
+
export declare class LookupAutocompleteAnyValueExampleComponent {
|
|
9
|
+
#private;
|
|
10
|
+
protected readonly favoriteColor: FormControl<ColorOption | null | undefined>;
|
|
11
|
+
readonly formGroup: import("@angular/forms").FormGroup<{
|
|
12
|
+
favoriteColor: FormControl<ColorOption | null | undefined>;
|
|
13
|
+
}>;
|
|
14
|
+
protected onSearchAsync(args: SkyAutocompleteSearchAsyncArgs): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LookupAutocompleteAnyValueExampleComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LookupAutocompleteAnyValueExampleComponent, "app-lookup-autocomplete-basic-example", never, {}, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Observable } from 'rxjs';
|
|
2
|
+
import { SearchResults } from './search-results';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class LookupAutocompleteAnyValueExampleService {
|
|
5
|
+
search(searchText: string): Observable<SearchResults>;
|
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LookupAutocompleteAnyValueExampleService, never>;
|
|
7
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<LookupAutocompleteAnyValueExampleService>;
|
|
8
|
+
}
|
|
@@ -4,7 +4,7 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
*/
|
|
5
5
|
export declare class TabsSectionedFormModalExampleComponent {
|
|
6
6
|
#private;
|
|
7
|
-
|
|
7
|
+
openModal(): void;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabsSectionedFormModalExampleComponent, never>;
|
|
9
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<TabsSectionedFormModalExampleComponent, "app-tabs-sectioned-form-modal-example", never, {}, {}, never, never, true, never>;
|
|
10
10
|
}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import { SkyModalInstance } from '@skyux/modals';
|
|
2
|
-
import {
|
|
2
|
+
import { SkySectionedFormMessage } from '@skyux/tabs';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export declare class ModalComponent {
|
|
5
6
|
#private;
|
|
6
|
-
protected sectionedFormComponent: SkySectionedFormComponent | undefined;
|
|
7
7
|
protected activeIndexDisplay: number | undefined;
|
|
8
8
|
protected activeTab: boolean;
|
|
9
|
+
protected sectionedFormController: Subject<SkySectionedFormMessage>;
|
|
10
|
+
protected tabsHidden: boolean;
|
|
9
11
|
protected readonly modalInstance: SkyModalInstance;
|
|
10
12
|
protected onIndexChanged(newIndex: number): void;
|
|
11
|
-
protected
|
|
13
|
+
protected onTabsVisibleChanged(visible: boolean): void;
|
|
12
14
|
protected showTabs(): void;
|
|
13
15
|
static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
|
|
14
16
|
static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "app-modal", never, {}, {}, never, never, true, never>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/code-examples",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.10.0",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"description": "Internal SKY UX use only",
|
|
6
6
|
"keywords": [
|
|
@@ -23,38 +23,38 @@
|
|
|
23
23
|
"@angular/forms": "^19.2.7",
|
|
24
24
|
"@angular/router": "^19.2.7",
|
|
25
25
|
"@blackbaud/angular-tree-component": "^1.0.0",
|
|
26
|
-
"@skyux/action-bars": "12.
|
|
27
|
-
"@skyux/ag-grid": "12.
|
|
28
|
-
"@skyux/angular-tree-component": "12.
|
|
29
|
-
"@skyux/autonumeric": "12.
|
|
30
|
-
"@skyux/avatar": "12.
|
|
31
|
-
"@skyux/colorpicker": "12.
|
|
32
|
-
"@skyux/core": "12.
|
|
33
|
-
"@skyux/data-manager": "12.
|
|
34
|
-
"@skyux/datetime": "12.
|
|
35
|
-
"@skyux/errors": "12.
|
|
36
|
-
"@skyux/flyout": "12.
|
|
37
|
-
"@skyux/forms": "12.
|
|
38
|
-
"@skyux/help-inline": "12.
|
|
39
|
-
"@skyux/icon": "12.
|
|
40
|
-
"@skyux/indicators": "12.
|
|
41
|
-
"@skyux/inline-form": "12.
|
|
42
|
-
"@skyux/layout": "12.
|
|
43
|
-
"@skyux/lists": "12.
|
|
44
|
-
"@skyux/lookup": "12.
|
|
45
|
-
"@skyux/modals": "12.
|
|
46
|
-
"@skyux/navbar": "12.
|
|
47
|
-
"@skyux/pages": "12.
|
|
48
|
-
"@skyux/phone-field": "12.
|
|
49
|
-
"@skyux/popovers": "12.
|
|
50
|
-
"@skyux/progress-indicator": "12.
|
|
51
|
-
"@skyux/router": "12.
|
|
52
|
-
"@skyux/split-view": "12.
|
|
53
|
-
"@skyux/tabs": "12.
|
|
54
|
-
"@skyux/text-editor": "12.
|
|
55
|
-
"@skyux/tiles": "12.
|
|
56
|
-
"@skyux/toast": "12.
|
|
57
|
-
"@skyux/validation": "12.
|
|
26
|
+
"@skyux/action-bars": "12.10.0",
|
|
27
|
+
"@skyux/ag-grid": "12.10.0",
|
|
28
|
+
"@skyux/angular-tree-component": "12.10.0",
|
|
29
|
+
"@skyux/autonumeric": "12.10.0",
|
|
30
|
+
"@skyux/avatar": "12.10.0",
|
|
31
|
+
"@skyux/colorpicker": "12.10.0",
|
|
32
|
+
"@skyux/core": "12.10.0",
|
|
33
|
+
"@skyux/data-manager": "12.10.0",
|
|
34
|
+
"@skyux/datetime": "12.10.0",
|
|
35
|
+
"@skyux/errors": "12.10.0",
|
|
36
|
+
"@skyux/flyout": "12.10.0",
|
|
37
|
+
"@skyux/forms": "12.10.0",
|
|
38
|
+
"@skyux/help-inline": "12.10.0",
|
|
39
|
+
"@skyux/icon": "12.10.0",
|
|
40
|
+
"@skyux/indicators": "12.10.0",
|
|
41
|
+
"@skyux/inline-form": "12.10.0",
|
|
42
|
+
"@skyux/layout": "12.10.0",
|
|
43
|
+
"@skyux/lists": "12.10.0",
|
|
44
|
+
"@skyux/lookup": "12.10.0",
|
|
45
|
+
"@skyux/modals": "12.10.0",
|
|
46
|
+
"@skyux/navbar": "12.10.0",
|
|
47
|
+
"@skyux/pages": "12.10.0",
|
|
48
|
+
"@skyux/phone-field": "12.10.0",
|
|
49
|
+
"@skyux/popovers": "12.10.0",
|
|
50
|
+
"@skyux/progress-indicator": "12.10.0",
|
|
51
|
+
"@skyux/router": "12.10.0",
|
|
52
|
+
"@skyux/split-view": "12.10.0",
|
|
53
|
+
"@skyux/tabs": "12.10.0",
|
|
54
|
+
"@skyux/text-editor": "12.10.0",
|
|
55
|
+
"@skyux/tiles": "12.10.0",
|
|
56
|
+
"@skyux/toast": "12.10.0",
|
|
57
|
+
"@skyux/validation": "12.10.0",
|
|
58
58
|
"ag-grid-angular": "^33.2.1",
|
|
59
59
|
"ag-grid-community": "^33.2.1"
|
|
60
60
|
},
|