@skyux/code-examples 13.1.0 → 13.2.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 +131 -150
- package/fesm2022/skyux-code-examples.mjs.map +1 -1
- package/index.d.ts +46 -57
- package/package.json +34 -34
|
@@ -28,7 +28,7 @@ import { SkyDataManagerFilterModalContext, SkyDataManagerState, SkyDataManagerSe
|
|
|
28
28
|
import * as i3$1 from '@skyux/core';
|
|
29
29
|
import { SkyIdModule, SkyMediaQueryService, SkyResponsiveHostDirective, SkyNumericModule, SkyUIConfigService, SkyHelpService } from '@skyux/core';
|
|
30
30
|
import * as i2$3 from '@skyux/forms';
|
|
31
|
-
import { SkyCheckboxModule, SkyInputBoxModule, SkyCharacterCounterModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileDropModule,
|
|
31
|
+
import { SkyCheckboxModule, SkyInputBoxModule, SkyRadioModule, SkyCharacterCounterModule, SkyFieldGroupModule, SkyFileAttachmentModule, SkyFileDropModule, SkySelectionBoxModule, SkyToggleSwitchModule, SkyFormErrorModule } from '@skyux/forms';
|
|
32
32
|
import * as i1$6 from '@skyux/help-inline';
|
|
33
33
|
import { SkyHelpInlineModule } from '@skyux/help-inline';
|
|
34
34
|
import * as i1$c from '@angular/router';
|
|
@@ -55,7 +55,7 @@ import { SkyDatePipeModule, SkyDateRangeCalculatorId, SkyDateRangePickerModule,
|
|
|
55
55
|
import * as i1$a from '@skyux/errors';
|
|
56
56
|
import { SkyErrorModule, SkyErrorModalService } from '@skyux/errors';
|
|
57
57
|
import * as i1$b from '@skyux/filter-bar';
|
|
58
|
-
import {
|
|
58
|
+
import { SkyFilterBarModule, SkyFilterItemModalInstance } from '@skyux/filter-bar';
|
|
59
59
|
import { SkyFlyoutService } from '@skyux/flyout';
|
|
60
60
|
import * as i2$a from '@skyux/validation';
|
|
61
61
|
import { SkyValidators, SkyEmailValidationModule, SkyUrlValidationModule } from '@skyux/validation';
|
|
@@ -1054,7 +1054,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
1054
1054
|
args: [{ selector: 'app-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AgGridModule, SkyAgGridModule, SkyModalModule], template: "<sky-modal headingText=\"Edit employee information\">\n <sky-modal-content>\n <sky-ag-grid-wrapper>\n <ag-grid-angular\n class=\"sky-ag-grid-editable\"\n [gridOptions]=\"gridOptions\"\n [rowData]=\"gridData\"\n />\n </sky-ag-grid-wrapper>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"instance.save(gridData)\"\n >\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"instance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n" }]
|
|
1055
1055
|
}], ctorParameters: () => [] });
|
|
1056
1056
|
|
|
1057
|
-
let FilterModalComponent$
|
|
1057
|
+
let FilterModalComponent$5 = class FilterModalComponent {
|
|
1058
1058
|
#changeDetector;
|
|
1059
1059
|
#context;
|
|
1060
1060
|
#instance;
|
|
@@ -1092,7 +1092,7 @@ let FilterModalComponent$4 = class FilterModalComponent {
|
|
|
1092
1092
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1093
1093
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: FilterModalComponent, isStandalone: true, selector: "app-filter-modal", ngImport: i0, template: "<sky-modal headingText=\"Filter employees\">\n <sky-modal-content>\n <label [for]=\"jobTitleInput.id\">Job Title</label>\n <select\n #jobTitleInput\n class=\"sky-form-control\"\n skyId=\"jobTitleInput\"\n [(ngModel)]=\"jobTitle\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div class=\"sky-margin-stacked-lg\">\n <sky-checkbox labelText=\"Hide Sales employees\" [(ngModel)]=\"hideSales\" />\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2$3.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i3$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1094
1094
|
};
|
|
1095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$
|
|
1095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$5, decorators: [{
|
|
1096
1096
|
type: Component,
|
|
1097
1097
|
args: [{ selector: 'app-filter-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, SkyCheckboxModule, SkyIdModule, SkyModalModule], template: "<sky-modal headingText=\"Filter employees\">\n <sky-modal-content>\n <label [for]=\"jobTitleInput.id\">Job Title</label>\n <select\n #jobTitleInput\n class=\"sky-form-control\"\n skyId=\"jobTitleInput\"\n [(ngModel)]=\"jobTitle\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div class=\"sky-margin-stacked-lg\">\n <sky-checkbox labelText=\"Hide Sales employees\" [(ngModel)]=\"hideSales\" />\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n" }]
|
|
1098
1098
|
}], ctorParameters: () => [] });
|
|
@@ -1456,7 +1456,7 @@ class AgGridDataEntryGridDataManagerAddedExampleComponent {
|
|
|
1456
1456
|
],
|
|
1457
1457
|
});
|
|
1458
1458
|
this.#dataManagerConfig = {
|
|
1459
|
-
filterModalComponent: FilterModalComponent$
|
|
1459
|
+
filterModalComponent: FilterModalComponent$5,
|
|
1460
1460
|
sortOptions: [
|
|
1461
1461
|
{
|
|
1462
1462
|
id: 'az',
|
|
@@ -2948,7 +2948,7 @@ const AG_GRID_DEMO_DATA$5 = [
|
|
|
2948
2948
|
},
|
|
2949
2949
|
];
|
|
2950
2950
|
|
|
2951
|
-
let FilterModalComponent$
|
|
2951
|
+
let FilterModalComponent$4 = class FilterModalComponent {
|
|
2952
2952
|
#changeDetectorRef;
|
|
2953
2953
|
#context;
|
|
2954
2954
|
#instance;
|
|
@@ -2986,7 +2986,7 @@ let FilterModalComponent$3 = class FilterModalComponent {
|
|
|
2986
2986
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2987
2987
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: FilterModalComponent, isStandalone: true, selector: "app-filter-modal", ngImport: i0, template: "<sky-modal headingText=\"Filter employees\">\n <sky-modal-content>\n <label [for]=\"jobTitleInput.id\">Job Title</label>\n <select\n #jobTitleInput\n class=\"sky-form-control\"\n skyId=\"jobTitleInput\"\n [(ngModel)]=\"jobTitle\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div class=\"sky-margin-stacked-lg\">\n <sky-checkbox labelText=\"Hide Sales employees\" [(ngModel)]=\"hideSales\" />\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2$3.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i3$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2988
2988
|
};
|
|
2989
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$
|
|
2989
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$4, decorators: [{
|
|
2990
2990
|
type: Component,
|
|
2991
2991
|
args: [{ selector: 'app-filter-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, SkyCheckboxModule, SkyIdModule, SkyModalModule], template: "<sky-modal headingText=\"Filter employees\">\n <sky-modal-content>\n <label [for]=\"jobTitleInput.id\">Job Title</label>\n <select\n #jobTitleInput\n class=\"sky-form-control\"\n skyId=\"jobTitleInput\"\n [(ngModel)]=\"jobTitle\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div class=\"sky-margin-stacked-lg\">\n <sky-checkbox labelText=\"Hide Sales employees\" [(ngModel)]=\"hideSales\" />\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n" }]
|
|
2992
2992
|
}], ctorParameters: () => [] });
|
|
@@ -3298,7 +3298,7 @@ class AgGridDataGridDataManagerMultiselectExampleComponent {
|
|
|
3298
3298
|
constructor() {
|
|
3299
3299
|
this.items = AG_GRID_DEMO_DATA$5;
|
|
3300
3300
|
this.#dataManagerConfig = {
|
|
3301
|
-
filterModalComponent: FilterModalComponent$
|
|
3301
|
+
filterModalComponent: FilterModalComponent$4,
|
|
3302
3302
|
sortOptions: [
|
|
3303
3303
|
{
|
|
3304
3304
|
id: 'az',
|
|
@@ -3503,7 +3503,7 @@ const AG_GRID_DEMO_DATA$4 = [
|
|
|
3503
3503
|
},
|
|
3504
3504
|
];
|
|
3505
3505
|
|
|
3506
|
-
let FilterModalComponent$
|
|
3506
|
+
let FilterModalComponent$3 = class FilterModalComponent {
|
|
3507
3507
|
#changeDetectorRef;
|
|
3508
3508
|
#context;
|
|
3509
3509
|
#instance;
|
|
@@ -3541,7 +3541,7 @@ let FilterModalComponent$2 = class FilterModalComponent {
|
|
|
3541
3541
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3542
3542
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: FilterModalComponent, isStandalone: true, selector: "app-filter-modal", ngImport: i0, template: "<sky-modal headingText=\"Filter employees\">\n <sky-modal-content>\n <label [for]=\"jobTitleInput.id\">Job Title</label>\n <select\n #jobTitleInput\n class=\"sky-form-control\"\n skyId=\"jobTitleInput\"\n [(ngModel)]=\"jobTitle\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div class=\"sky-margin-stacked-lg\">\n <sky-checkbox labelText=\"Hide Sales employees\" [(ngModel)]=\"hideSales\" />\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2$3.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "directive", type: i3$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3543
3543
|
};
|
|
3544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$
|
|
3544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$3, decorators: [{
|
|
3545
3545
|
type: Component,
|
|
3546
3546
|
args: [{ selector: 'app-filter-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormsModule, SkyCheckboxModule, SkyIdModule, SkyModalModule], template: "<sky-modal headingText=\"Filter employees\">\n <sky-modal-content>\n <label [for]=\"jobTitleInput.id\">Job Title</label>\n <select\n #jobTitleInput\n class=\"sky-form-control\"\n skyId=\"jobTitleInput\"\n [(ngModel)]=\"jobTitle\"\n >\n <option value=\"any\">Any job title</option>\n <option value=\"Product Manager\">Product Manager</option>\n <option value=\"Software Engineer\">Software Engineer</option>\n </select>\n <div class=\"sky-margin-stacked-lg\">\n <sky-checkbox labelText=\"Hide Sales employees\" [(ngModel)]=\"hideSales\" />\n </div>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n" }]
|
|
3547
3547
|
}], ctorParameters: () => [] });
|
|
@@ -3830,7 +3830,7 @@ class AgGridDataGridDataManagerExampleComponent {
|
|
|
3830
3830
|
this.items = AG_GRID_DEMO_DATA$4;
|
|
3831
3831
|
this.#activeViewId = 'dataGridWithDataManagerView';
|
|
3832
3832
|
this.#dataManagerConfig = {
|
|
3833
|
-
filterModalComponent: FilterModalComponent$
|
|
3833
|
+
filterModalComponent: FilterModalComponent$3,
|
|
3834
3834
|
sortOptions: [
|
|
3835
3835
|
{
|
|
3836
3836
|
id: 'az',
|
|
@@ -5431,7 +5431,7 @@ const DATA_MANAGER_DEMO_DATA = [
|
|
|
5431
5431
|
},
|
|
5432
5432
|
];
|
|
5433
5433
|
|
|
5434
|
-
let FilterModalComponent$
|
|
5434
|
+
let FilterModalComponent$2 = class FilterModalComponent {
|
|
5435
5435
|
#context = inject(SkyDataManagerFilterModalContext);
|
|
5436
5436
|
#instance = inject(SkyModalInstance);
|
|
5437
5437
|
ngOnInit() {
|
|
@@ -5460,7 +5460,7 @@ let FilterModalComponent$1 = class FilterModalComponent {
|
|
|
5460
5460
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5461
5461
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: FilterModalComponent, isStandalone: true, selector: "app-filter-modal", ngImport: i0, template: "<sky-modal headingText=\"Filter your fruit\">\n <sky-modal-content>\n <sky-input-box labelText=\"Fruit type\" stacked=\"true\">\n <select class=\"sky-form-control\" [(ngModel)]=\"fruitType\">\n <option value=\"any\">Any fruit</option>\n <option value=\"citrus\">Citrus</option>\n <option value=\"berry\">Berry</option>\n </select>\n </sky-input-box>\n <sky-checkbox labelText=\"Hide orange fruits\" [(ngModel)]=\"hideOrange\" />\n </sky-modal-content>\n <sky-modal-footer>\n <button\n class=\"sky-btn sky-btn-primary sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"applyFilters()\"\n >\n Apply filters\n </button>\n <button\n class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n type=\"button\"\n (click)=\"clearAllFilters()\"\n >\n Clear all filters\n </button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"cancel()\">\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2$3.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "component", type: i2$3.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }] }); }
|
|
5462
5462
|
};
|
|
5463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$
|
|
5463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$2, decorators: [{
|
|
5464
5464
|
type: Component,
|
|
5465
5465
|
args: [{ selector: 'app-filter-modal', imports: [
|
|
5466
5466
|
FormsModule,
|
|
@@ -5842,7 +5842,7 @@ class DataManagerBasicExampleComponent {
|
|
|
5842
5842
|
this.#dataManagerSvc.initDataManager({
|
|
5843
5843
|
activeViewId: 'repeaterView',
|
|
5844
5844
|
dataManagerConfig: {
|
|
5845
|
-
filterModalComponent: FilterModalComponent$
|
|
5845
|
+
filterModalComponent: FilterModalComponent$2,
|
|
5846
5846
|
sortOptions: [
|
|
5847
5847
|
{
|
|
5848
5848
|
id: 'az',
|
|
@@ -6273,195 +6273,174 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
6273
6273
|
args: [{ standalone: true, selector: 'app-errors-error-modal-example', template: "<button\n class=\"sky-btn sky-btn-default\"\n type=\"button\"\n (click)=\"openErrorModal()\"\n>\n Open error modal\n</button>\n" }]
|
|
6274
6274
|
}] });
|
|
6275
6275
|
|
|
6276
|
-
|
|
6277
|
-
|
|
6278
|
-
|
|
6279
|
-
|
|
6280
|
-
|
|
6281
|
-
|
|
6282
|
-
|
|
6283
|
-
|
|
6284
|
-
|
|
6285
|
-
|
|
6286
|
-
|
|
6287
|
-
}
|
|
6288
|
-
|
|
6289
|
-
|
|
6290
|
-
|
|
6291
|
-
|
|
6292
|
-
|
|
6293
|
-
|
|
6294
|
-
|
|
6295
|
-
|
|
6296
|
-
|
|
6297
|
-
|
|
6298
|
-
|
|
6299
|
-
|
|
6276
|
+
/* cspell: disable */
|
|
6277
|
+
const people$8 = [
|
|
6278
|
+
{ value: '1', displayValue: 'Solomon Hurley' },
|
|
6279
|
+
{ value: '2', displayValue: 'Kanesha Hutto' },
|
|
6280
|
+
{ value: '3', displayValue: 'Darcel Lenz' },
|
|
6281
|
+
{ value: '4', displayValue: 'Cheyenne Lightfoot' },
|
|
6282
|
+
{ value: '5', displayValue: 'Jack Lovett' },
|
|
6283
|
+
{ value: '6', displayValue: 'Wonda Lumpkin' },
|
|
6284
|
+
{ value: '7', displayValue: 'Kristeen Lunsford' },
|
|
6285
|
+
{ value: '8', displayValue: 'Clarice Overton' },
|
|
6286
|
+
{ value: '9', displayValue: 'Martine Rocha' },
|
|
6287
|
+
{ value: '10', displayValue: 'Tonja Sanderson' },
|
|
6288
|
+
{ value: '11', displayValue: 'Molly Seymour' },
|
|
6289
|
+
{ value: '12', displayValue: 'Ed Sipes' },
|
|
6290
|
+
{ value: '13', displayValue: 'Cristen Sizemore' },
|
|
6291
|
+
{ value: '14', displayValue: 'Rod Tomlinson' },
|
|
6292
|
+
{ value: '15', displayValue: 'Eliza Vanhorn' },
|
|
6293
|
+
{ value: '16', displayValue: 'Jessy Witherspoon' },
|
|
6294
|
+
{ value: '17', displayValue: 'Ilene Woo' },
|
|
6295
|
+
];
|
|
6296
|
+
/* cspell: enable */
|
|
6297
|
+
let ExampleService$2 = class ExampleService {
|
|
6298
|
+
search(searchText) {
|
|
6299
|
+
searchText = searchText.toUpperCase();
|
|
6300
|
+
const matchingPeople = people$8.filter((person) => person.displayValue?.toUpperCase().includes(searchText));
|
|
6301
|
+
// Simulate a network call with latency. A real-world application might
|
|
6302
|
+
// use Angular's HttpClient to create an Observable from a call to a
|
|
6303
|
+
// web service.
|
|
6304
|
+
return of({
|
|
6305
|
+
hasMore: false,
|
|
6306
|
+
items: matchingPeople,
|
|
6307
|
+
totalCount: matchingPeople.length,
|
|
6308
|
+
}).pipe(delay$1(800));
|
|
6300
6309
|
}
|
|
6301
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6302
|
-
static { this.ɵ
|
|
6303
|
-
}
|
|
6304
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6305
|
-
type:
|
|
6306
|
-
args: [{
|
|
6307
|
-
|
|
6308
|
-
|
|
6309
|
-
SkyInputBoxModule,
|
|
6310
|
-
SkyModalModule,
|
|
6311
|
-
SkyRepeaterModule,
|
|
6312
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-input-box [labelText]=\"headingText\">\n <select formControlName=\"selectedOption\" class=\"sky-form-control\">\n <option [value]=\"null\">-- Select an option --</option>\n @for (item of items; track item.value) {\n <option [value]=\"item.value\">\n {{ item.displayValue }}\n </option>\n }\n </select>\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n" }]
|
|
6310
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ExampleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6311
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ExampleService, providedIn: 'root' }); }
|
|
6312
|
+
};
|
|
6313
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ExampleService$2, decorators: [{
|
|
6314
|
+
type: Injectable,
|
|
6315
|
+
args: [{
|
|
6316
|
+
providedIn: 'root',
|
|
6317
|
+
}]
|
|
6313
6318
|
}] });
|
|
6314
6319
|
|
|
6315
|
-
|
|
6320
|
+
/**
|
|
6321
|
+
* @title Filter bar with lookup filter example
|
|
6322
|
+
*/
|
|
6323
|
+
class FilterBarLookupExampleComponent {
|
|
6316
6324
|
constructor() {
|
|
6317
|
-
this.
|
|
6318
|
-
this.#
|
|
6319
|
-
this.#formBuilder = inject(FormBuilder);
|
|
6320
|
-
this.headingText = this.#context.filterLabelText;
|
|
6321
|
-
this.items = this.#context.additionalContext.items;
|
|
6322
|
-
this.selectedValue = this.#context.filterValue;
|
|
6323
|
-
this.formGroup = this.#formBuilder.group({
|
|
6324
|
-
selectedOption: this.#formBuilder.control(this.selectedValue?.value),
|
|
6325
|
-
});
|
|
6325
|
+
this.appliedFilters = model(...(ngDevMode ? [undefined, { debugName: "appliedFilters" }] : []));
|
|
6326
|
+
this.#svc = inject(ExampleService$2);
|
|
6326
6327
|
}
|
|
6327
|
-
#
|
|
6328
|
-
|
|
6329
|
-
|
|
6330
|
-
|
|
6331
|
-
if
|
|
6332
|
-
|
|
6333
|
-
|
|
6334
|
-
}
|
|
6335
|
-
else {
|
|
6336
|
-
this.modalInstance.save({ filterValue: undefined });
|
|
6337
|
-
}
|
|
6328
|
+
#svc;
|
|
6329
|
+
onSearchAsync(args) {
|
|
6330
|
+
// In a real-world application the search service might return an Observable
|
|
6331
|
+
// created by calling HttpClient.get(). Assigning that Observable to the result
|
|
6332
|
+
// allows the lookup component to cancel the web request if it does not complete
|
|
6333
|
+
// before the user searches again.
|
|
6334
|
+
args.result = this.#svc.search(args.searchText);
|
|
6338
6335
|
}
|
|
6339
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6340
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
6336
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterBarLookupExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6337
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: FilterBarLookupExampleComponent, isStandalone: true, selector: "app-filter-bar-lookup-example", inputs: { appliedFilters: { classPropertyName: "appliedFilters", publicName: "appliedFilters", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appliedFilters: "appliedFiltersChange" }, ngImport: i0, template: "<sky-filter-bar [(appliedFilters)]=\"appliedFilters\">\n <sky-filter-item-lookup\n filterId=\"lookup-filter\"\n labelText=\"Lookup filter\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n</sky-filter-bar>\n", dependencies: [{ kind: "ngmodule", type: SkyFilterBarModule }, { kind: "component", type: i1$b.λ1, selector: "sky-filter-bar", inputs: ["appliedFilters", "selectedFilterIds"], outputs: ["appliedFiltersChange", "selectedFilterIdsChange"] }, { kind: "component", type: i1$b.λ3, selector: "sky-filter-item-lookup", inputs: ["filterId", "labelText", "searchDescriptorProperty", "searchIdProperty"], outputs: ["searchAsync"] }] }); }
|
|
6341
6338
|
}
|
|
6342
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterBarLookupExampleComponent, decorators: [{
|
|
6343
6340
|
type: Component,
|
|
6344
|
-
args: [{ selector: 'app-
|
|
6345
|
-
FormsModule,
|
|
6346
|
-
ReactiveFormsModule,
|
|
6347
|
-
SkyInputBoxModule,
|
|
6348
|
-
SkyModalModule,
|
|
6349
|
-
SkyRepeaterModule,
|
|
6350
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-input-box [labelText]=\"headingText\">\n <select formControlName=\"selectedOption\" class=\"sky-form-control\">\n <option [value]=\"null\">-- Select an option --</option>\n @for (item of items; track item.value) {\n <option [value]=\"item.value\">\n {{ item.displayValue }}\n </option>\n }\n </select>\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n" }]
|
|
6341
|
+
args: [{ selector: 'app-filter-bar-lookup-example', imports: [SkyFilterBarModule], template: "<sky-filter-bar [(appliedFilters)]=\"appliedFilters\">\n <sky-filter-item-lookup\n filterId=\"lookup-filter\"\n labelText=\"Lookup filter\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n</sky-filter-bar>\n" }]
|
|
6351
6342
|
}] });
|
|
6352
6343
|
|
|
6353
|
-
class
|
|
6344
|
+
let FilterModalComponent$1 = class FilterModalComponent {
|
|
6354
6345
|
constructor() {
|
|
6355
6346
|
this.modalInstance = inject(SkyFilterItemModalInstance);
|
|
6356
6347
|
this.#context = this.modalInstance.context;
|
|
6357
6348
|
this.#formBuilder = inject(FormBuilder);
|
|
6358
6349
|
this.headingText = this.#context.filterLabelText;
|
|
6359
|
-
this.
|
|
6350
|
+
this.options = [
|
|
6351
|
+
{ value: null, displayValue: 'All' },
|
|
6352
|
+
{ value: true, displayValue: 'Yes' },
|
|
6353
|
+
{ value: false, displayValue: 'No' },
|
|
6354
|
+
];
|
|
6360
6355
|
this.selectedValue = this.#context.filterValue;
|
|
6361
6356
|
this.formGroup = this.#formBuilder.group({
|
|
6362
|
-
selectedOption: this.#formBuilder.control(this.selectedValue?.value),
|
|
6357
|
+
selectedOption: this.#formBuilder.control(this.selectedValue?.value ?? null),
|
|
6363
6358
|
});
|
|
6364
6359
|
}
|
|
6365
6360
|
#context;
|
|
6366
6361
|
#formBuilder;
|
|
6367
6362
|
save() {
|
|
6368
6363
|
const selectedValue = this.formGroup.get('selectedOption')?.value;
|
|
6369
|
-
if (selectedValue) {
|
|
6370
|
-
|
|
6364
|
+
if (selectedValue !== null) {
|
|
6365
|
+
// Map the primitive value back to the full object
|
|
6366
|
+
const selectedItem = this.options.find((item) => item.value === selectedValue);
|
|
6371
6367
|
this.modalInstance.save({ filterValue: selectedItem });
|
|
6372
6368
|
}
|
|
6373
6369
|
else {
|
|
6374
6370
|
this.modalInstance.save({ filterValue: undefined });
|
|
6375
6371
|
}
|
|
6376
6372
|
}
|
|
6377
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6378
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type:
|
|
6379
|
-
}
|
|
6380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6373
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6374
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: FilterModalComponent, isStandalone: true, selector: "app-filter-modal", ngImport: i0, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-radio-group formControlName=\"selectedOption\">\n @for (option of options; track option.value) {\n <sky-radio [value]=\"option.value\" [labelText]=\"option.displayValue\" />\n }\n </sky-radio-group>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }, { kind: "ngmodule", type: SkyRadioModule }, { kind: "component", type: i2$3.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "helpPopoverContent", "helpPopoverTitle", "iconName", "radioType", "labelText", "labelHidden", "hintText", "helpKey"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i2$3.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "headingLevel", "headingStyle", "name", "required", "stacked", "value", "tabIndex", "headingText", "headingHidden", "hintText", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6375
|
+
};
|
|
6376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterModalComponent$1, decorators: [{
|
|
6381
6377
|
type: Component,
|
|
6382
|
-
args: [{ selector: 'app-
|
|
6378
|
+
args: [{ selector: 'app-filter-modal', imports: [
|
|
6383
6379
|
FormsModule,
|
|
6384
6380
|
ReactiveFormsModule,
|
|
6385
6381
|
SkyInputBoxModule,
|
|
6386
6382
|
SkyModalModule,
|
|
6387
|
-
|
|
6388
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-
|
|
6383
|
+
SkyRadioModule,
|
|
6384
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-radio-group formControlName=\"selectedOption\">\n @for (option of options; track option.value) {\n <sky-radio [value]=\"option.value\" [labelText]=\"option.displayValue\" />\n }\n </sky-radio-group>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n" }]
|
|
6389
6385
|
}] });
|
|
6390
6386
|
|
|
6391
|
-
|
|
6387
|
+
/**
|
|
6388
|
+
* @title Filter bar with modal filter example
|
|
6389
|
+
*/
|
|
6390
|
+
class FilterBarModalExampleComponent {
|
|
6392
6391
|
constructor() {
|
|
6393
|
-
this.
|
|
6394
|
-
this
|
|
6395
|
-
this.#formBuilder = inject(FormBuilder);
|
|
6396
|
-
this.headingText = this.#context.filterLabelText;
|
|
6397
|
-
this.items = this.#context.additionalContext.items;
|
|
6398
|
-
this.selectedValue = this.#context.filterValue;
|
|
6399
|
-
this.formGroup = this.#formBuilder.group({
|
|
6400
|
-
selectedOption: this.#formBuilder.control(this.selectedValue?.value),
|
|
6401
|
-
});
|
|
6402
|
-
}
|
|
6403
|
-
#context;
|
|
6404
|
-
#formBuilder;
|
|
6405
|
-
save() {
|
|
6406
|
-
const selectedValue = this.formGroup.get('selectedOption')?.value;
|
|
6407
|
-
if (selectedValue) {
|
|
6408
|
-
const selectedItem = this.items.find((item) => item.value === selectedValue);
|
|
6409
|
-
this.modalInstance.save({ filterValue: selectedItem });
|
|
6410
|
-
}
|
|
6411
|
-
else {
|
|
6412
|
-
this.modalInstance.save({ filterValue: undefined });
|
|
6413
|
-
}
|
|
6392
|
+
this.appliedFilters = model(...(ngDevMode ? [undefined, { debugName: "appliedFilters" }] : []));
|
|
6393
|
+
this.modalComponent = FilterModalComponent$1;
|
|
6414
6394
|
}
|
|
6415
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6416
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
6395
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterBarModalExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6396
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: FilterBarModalExampleComponent, isStandalone: true, selector: "app-filter-bar-modal-example", inputs: { appliedFilters: { classPropertyName: "appliedFilters", publicName: "appliedFilters", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appliedFilters: "appliedFiltersChange" }, ngImport: i0, template: "<sky-filter-bar [(appliedFilters)]=\"appliedFilters\">\n <sky-filter-item-modal\n filterId=\"modal-filter\"\n labelText=\"Modal filter\"\n modalSize=\"small\"\n [modalComponent]=\"modalComponent\"\n />\n</sky-filter-bar>\n", dependencies: [{ kind: "ngmodule", type: SkyFilterBarModule }, { kind: "component", type: i1$b.λ1, selector: "sky-filter-bar", inputs: ["appliedFilters", "selectedFilterIds"], outputs: ["appliedFiltersChange", "selectedFilterIdsChange"] }, { kind: "component", type: i1$b.λ2, selector: "sky-filter-item-modal", inputs: ["filterId", "labelText", "modalComponent", "modalSize"], outputs: ["modalOpened"] }] }); }
|
|
6417
6397
|
}
|
|
6418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6398
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterBarModalExampleComponent, decorators: [{
|
|
6419
6399
|
type: Component,
|
|
6420
|
-
args: [{ selector: 'app-
|
|
6421
|
-
FormsModule,
|
|
6422
|
-
ReactiveFormsModule,
|
|
6423
|
-
SkyInputBoxModule,
|
|
6424
|
-
SkyModalModule,
|
|
6425
|
-
SkyRepeaterModule,
|
|
6426
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-input-box [labelText]=\"headingText\">\n <select formControlName=\"selectedOption\" class=\"sky-form-control\">\n <option [value]=\"null\">-- Select an option --</option>\n @for (item of items; track item.value) {\n <option [value]=\"item.value\">\n {{ item.displayValue }}\n </option>\n }\n </select>\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n" }]
|
|
6400
|
+
args: [{ selector: 'app-filter-bar-modal-example', imports: [SkyFilterBarModule], template: "<sky-filter-bar [(appliedFilters)]=\"appliedFilters\">\n <sky-filter-item-modal\n filterId=\"modal-filter\"\n labelText=\"Modal filter\"\n modalSize=\"small\"\n [modalComponent]=\"modalComponent\"\n />\n</sky-filter-bar>\n" }]
|
|
6427
6401
|
}] });
|
|
6428
6402
|
|
|
6429
|
-
class
|
|
6403
|
+
class ApplicationFeeFilterModalComponent {
|
|
6430
6404
|
constructor() {
|
|
6431
6405
|
this.modalInstance = inject(SkyFilterItemModalInstance);
|
|
6432
6406
|
this.#context = this.modalInstance.context;
|
|
6433
6407
|
this.#formBuilder = inject(FormBuilder);
|
|
6434
6408
|
this.headingText = this.#context.filterLabelText;
|
|
6435
|
-
this.
|
|
6409
|
+
this.options = [
|
|
6410
|
+
{ value: null, displayValue: 'All' },
|
|
6411
|
+
{ value: true, displayValue: 'Yes' },
|
|
6412
|
+
{ value: false, displayValue: 'No' },
|
|
6413
|
+
];
|
|
6436
6414
|
this.selectedValue = this.#context.filterValue;
|
|
6437
6415
|
this.formGroup = this.#formBuilder.group({
|
|
6438
|
-
selectedOption: this.#formBuilder.control(this.selectedValue?.value),
|
|
6416
|
+
selectedOption: this.#formBuilder.control(this.selectedValue?.value ?? null),
|
|
6439
6417
|
});
|
|
6440
6418
|
}
|
|
6441
6419
|
#context;
|
|
6442
6420
|
#formBuilder;
|
|
6443
6421
|
save() {
|
|
6444
6422
|
const selectedValue = this.formGroup.get('selectedOption')?.value;
|
|
6445
|
-
if (selectedValue) {
|
|
6446
|
-
|
|
6423
|
+
if (selectedValue !== null) {
|
|
6424
|
+
// Map the primitive value back to the full object
|
|
6425
|
+
const selectedItem = this.options.find((item) => item.value === selectedValue);
|
|
6447
6426
|
this.modalInstance.save({ filterValue: selectedItem });
|
|
6448
6427
|
}
|
|
6449
6428
|
else {
|
|
6450
6429
|
this.modalInstance.save({ filterValue: undefined });
|
|
6451
6430
|
}
|
|
6452
6431
|
}
|
|
6453
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6454
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type:
|
|
6432
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ApplicationFeeFilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6433
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.0", type: ApplicationFeeFilterModalComponent, isStandalone: true, selector: "app-application-fee-filter-modal", ngImport: i0, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-radio-group formControlName=\"selectedOption\">\n @for (option of options; track option.value) {\n <sky-radio [value]=\"option.value\" [labelText]=\"option.displayValue\" />\n }\n </sky-radio-group>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3.λ3, selector: "sky-modal-footer" }, { kind: "ngmodule", type: SkyRadioModule }, { kind: "component", type: i2$3.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "helpPopoverContent", "helpPopoverTitle", "iconName", "radioType", "labelText", "labelHidden", "hintText", "helpKey"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i2$3.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "headingLevel", "headingStyle", "name", "required", "stacked", "value", "tabIndex", "headingText", "headingHidden", "hintText", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6455
6434
|
}
|
|
6456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: ApplicationFeeFilterModalComponent, decorators: [{
|
|
6457
6436
|
type: Component,
|
|
6458
|
-
args: [{ selector: 'app-
|
|
6437
|
+
args: [{ selector: 'app-application-fee-filter-modal', imports: [
|
|
6459
6438
|
FormsModule,
|
|
6460
6439
|
ReactiveFormsModule,
|
|
6461
6440
|
SkyInputBoxModule,
|
|
6462
6441
|
SkyModalModule,
|
|
6463
|
-
|
|
6464
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-
|
|
6442
|
+
SkyRadioModule,
|
|
6443
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"filter-modal-demo-form\" novalidate [formGroup]=\"formGroup\">\n <sky-modal [headingText]=\"headingText\">\n <sky-modal-content>\n <sky-radio-group formControlName=\"selectedOption\">\n @for (option of options; track option.value) {\n <sky-radio [value]=\"option.value\" [labelText]=\"option.displayValue\" />\n }\n </sky-radio-group>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"button\" (click)=\"save()\">\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n" }]
|
|
6465
6444
|
}] });
|
|
6466
6445
|
|
|
6467
6446
|
// eslint-disable @cspell/spellchecker
|
|
@@ -6542,31 +6521,33 @@ const FILTER_SELECTION_VALUES = {
|
|
|
6542
6521
|
};
|
|
6543
6522
|
|
|
6544
6523
|
/**
|
|
6545
|
-
* @title Filter bar
|
|
6524
|
+
* @title Filter bar with selectable filters example
|
|
6546
6525
|
*/
|
|
6547
|
-
class
|
|
6526
|
+
class FilterBarSelectableExampleComponent {
|
|
6548
6527
|
constructor() {
|
|
6549
6528
|
this.appliedFilters = model(...(ngDevMode ? [undefined, { debugName: "appliedFilters" }] : []));
|
|
6550
6529
|
this.selectedFilterIds = model([
|
|
6551
6530
|
'staff-assigned',
|
|
6552
6531
|
'entering-grade',
|
|
6553
6532
|
'current-grade',
|
|
6533
|
+
'application-fee-received',
|
|
6554
6534
|
], ...(ngDevMode ? [{ debugName: "selectedFilterIds" }] : []));
|
|
6555
|
-
this.
|
|
6556
|
-
this.currentGradeModal = CurrentGradeFilterModalComponent;
|
|
6557
|
-
this.enteringGradeModal = EnteringGradeFilterModalComponent;
|
|
6558
|
-
this.roleModal = RoleFilterModalComponent;
|
|
6559
|
-
this.staffAssignedModal = StaffAssignedFilterModalComponent;
|
|
6535
|
+
this.applicationFeeModal = ApplicationFeeFilterModalComponent;
|
|
6560
6536
|
}
|
|
6561
|
-
|
|
6562
|
-
|
|
6537
|
+
onSearchAsync(args) {
|
|
6538
|
+
let results = FILTER_SELECTION_VALUES[args.filterId];
|
|
6539
|
+
const count = results.length;
|
|
6540
|
+
if (args.searchText) {
|
|
6541
|
+
results = results.filter((result) => result.displayValue?.includes(args.searchText));
|
|
6542
|
+
}
|
|
6543
|
+
args.result = of({ items: results, totalCount: count });
|
|
6563
6544
|
}
|
|
6564
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6565
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type:
|
|
6545
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterBarSelectableExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6546
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.0", type: FilterBarSelectableExampleComponent, isStandalone: true, selector: "app-filter-bar-selectable-example", inputs: { appliedFilters: { classPropertyName: "appliedFilters", publicName: "appliedFilters", isSignal: true, isRequired: false, transformFunction: null }, selectedFilterIds: { classPropertyName: "selectedFilterIds", publicName: "selectedFilterIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { appliedFilters: "appliedFiltersChange", selectedFilterIds: "selectedFilterIdsChange" }, ngImport: i0, template: "<sky-filter-bar\n [(appliedFilters)]=\"appliedFilters\"\n [(selectedFilterIds)]=\"selectedFilterIds\"\n>\n <sky-filter-item-modal\n filterId=\"application-fee-received\"\n labelText=\"Application fee received\"\n modalSize=\"small\"\n [modalComponent]=\"applicationFeeModal\"\n />\n <sky-filter-item-lookup\n filterId=\"community-connection\"\n labelText=\"Community connection\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"current-grade\"\n labelText=\"Current grade\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"entering-grade\"\n labelText=\"Entering grade\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"role\"\n labelText=\"Role\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"staff-assigned\"\n labelText=\"Staff assigned\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n</sky-filter-bar>\n", dependencies: [{ kind: "ngmodule", type: SkyFilterBarModule }, { kind: "component", type: i1$b.λ1, selector: "sky-filter-bar", inputs: ["appliedFilters", "selectedFilterIds"], outputs: ["appliedFiltersChange", "selectedFilterIdsChange"] }, { kind: "component", type: i1$b.λ2, selector: "sky-filter-item-modal", inputs: ["filterId", "labelText", "modalComponent", "modalSize"], outputs: ["modalOpened"] }, { kind: "component", type: i1$b.λ3, selector: "sky-filter-item-lookup", inputs: ["filterId", "labelText", "searchDescriptorProperty", "searchIdProperty"], outputs: ["searchAsync"] }] }); }
|
|
6566
6547
|
}
|
|
6567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type:
|
|
6548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: FilterBarSelectableExampleComponent, decorators: [{
|
|
6568
6549
|
type: Component,
|
|
6569
|
-
args: [{ selector: 'app-filter-bar-
|
|
6550
|
+
args: [{ selector: 'app-filter-bar-selectable-example', imports: [SkyFilterBarModule], template: "<sky-filter-bar\n [(appliedFilters)]=\"appliedFilters\"\n [(selectedFilterIds)]=\"selectedFilterIds\"\n>\n <sky-filter-item-modal\n filterId=\"application-fee-received\"\n labelText=\"Application fee received\"\n modalSize=\"small\"\n [modalComponent]=\"applicationFeeModal\"\n />\n <sky-filter-item-lookup\n filterId=\"community-connection\"\n labelText=\"Community connection\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"current-grade\"\n labelText=\"Current grade\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"entering-grade\"\n labelText=\"Entering grade\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"role\"\n labelText=\"Role\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n <sky-filter-item-lookup\n filterId=\"staff-assigned\"\n labelText=\"Staff assigned\"\n searchDescriptorProperty=\"displayValue\"\n searchIdProperty=\"value\"\n (searchAsync)=\"onSearchAsync($event)\"\n />\n</sky-filter-bar>\n" }]
|
|
6570
6551
|
}] });
|
|
6571
6552
|
|
|
6572
6553
|
let FlyoutComponent$1 = class FlyoutComponent {
|
|
@@ -14432,5 +14413,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
|
|
|
14432
14413
|
* Generated bundle index. Do not edit.
|
|
14433
14414
|
*/
|
|
14434
14415
|
|
|
14435
|
-
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,
|
|
14416
|
+
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, 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 };
|
|
14436
14417
|
//# sourceMappingURL=skyux-code-examples.mjs.map
|