@skyux/code-examples 12.0.0-alpha.8 → 12.0.0-alpha.9
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 +1281 -839
- package/fesm2022/skyux-code-examples.mjs.map +1 -1
- package/index.d.ts +0 -2
- package/lib/modules/action-bars/summary-action-bar/basic/example.component.d.ts +4 -0
- package/lib/modules/action-bars/summary-action-bar/modal/example.component.d.ts +3 -0
- package/lib/modules/action-bars/summary-action-bar/tab/example.component.d.ts +4 -0
- package/lib/modules/ag-grid/data-entry-grid/basic/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-entry-grid/data-manager-added/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-entry-grid/focus/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-entry-grid/inline-help/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/basic/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/basic-multiselect/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/data-manager/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/data-manager-multiselect/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/inline-help/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/paging/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/template-ref-column/example.component.d.ts +3 -0
- package/lib/modules/ag-grid/data-grid/top-scroll/example.component.d.ts +3 -0
- package/lib/modules/angular-tree-component/angular-tree/basic/example.component.d.ts +3 -0
- package/lib/modules/angular-tree-component/angular-tree/help-key/example.component.d.ts +3 -0
- package/lib/modules/autonumeric/autonumeric/currency/example.component.d.ts +3 -0
- package/lib/modules/autonumeric/autonumeric/international-formatting/example.component.d.ts +3 -0
- package/lib/modules/autonumeric/autonumeric/options-provider/example.component.d.ts +3 -0
- package/lib/modules/autonumeric/autonumeric/preset/example.component.d.ts +3 -0
- package/lib/modules/avatar/avatar/example.component.d.ts +3 -0
- package/lib/modules/colorpicker/colorpicker/basic/example.component.d.ts +3 -0
- package/lib/modules/colorpicker/colorpicker/help-key/example.component.d.ts +3 -0
- package/lib/modules/colorpicker/colorpicker/programmatic/example.component.d.ts +3 -0
- package/lib/modules/core/id/example.component.d.ts +3 -0
- package/lib/modules/core/media-query/basic/example.component.d.ts +3 -0
- package/lib/modules/core/media-query/responsive-host/example.component.d.ts +3 -0
- package/lib/modules/core/numeric/basic/example.component.d.ts +3 -0
- package/lib/modules/data-manager/data-manager/basic/example.component.d.ts +3 -0
- package/lib/modules/datetime/date-pipe/basic/example.component.d.ts +3 -0
- package/lib/modules/datetime/date-range-picker/basic/example.component.d.ts +3 -0
- package/lib/modules/datetime/date-range-picker/custom-calculator/example.component.d.ts +3 -0
- package/lib/modules/datetime/date-range-picker/help-key/example.component.d.ts +3 -0
- package/lib/modules/datetime/datepicker/basic/example.component.d.ts +3 -0
- package/lib/modules/datetime/datepicker/custom-dates/example.component.d.ts +3 -0
- package/lib/modules/datetime/datepicker/fuzzy/example.component.d.ts +3 -0
- package/lib/modules/datetime/timepicker/basic/example.component.d.ts +3 -0
- package/lib/modules/errors/error/embedded/example.component.d.ts +3 -0
- package/lib/modules/errors/error/modal/example.component.d.ts +3 -0
- package/lib/modules/flyout/flyout/basic/example.component.d.ts +3 -0
- package/lib/modules/flyout/flyout/custom-headers/example.component.d.ts +3 -0
- package/lib/modules/forms/character-count/example.component.d.ts +3 -0
- package/lib/modules/forms/checkbox/basic/example.component.d.ts +3 -0
- package/lib/modules/forms/checkbox/help-key/example.component.d.ts +3 -0
- package/lib/modules/forms/checkbox/icon-group/example.component.d.ts +3 -0
- package/lib/modules/forms/field-group/basic/example.component.d.ts +3 -0
- package/lib/modules/forms/field-group/help-key/example.component.d.ts +3 -0
- package/lib/modules/forms/file-attachment/basic/example.component.d.ts +3 -0
- package/lib/modules/forms/file-attachment/help-key/example.component.d.ts +3 -0
- package/lib/modules/forms/file-drop/basic/example.component.d.ts +3 -0
- package/lib/modules/forms/file-drop/help-key/example.component.d.ts +3 -0
- package/lib/modules/forms/input-box/basic/example.component.d.ts +3 -0
- package/lib/modules/forms/radio/help-key/example.component.d.ts +3 -0
- package/lib/modules/forms/radio/icon/example.component.d.ts +3 -0
- package/lib/modules/forms/radio/standard/example.component.d.ts +3 -0
- package/lib/modules/forms/selection-box/checkbox/example.component.d.ts +3 -0
- package/lib/modules/forms/selection-box/radio/example.component.d.ts +3 -0
- package/lib/modules/forms/toggle-switch/basic/example.component.d.ts +3 -0
- package/lib/modules/forms/toggle-switch/help-key/example.component.d.ts +3 -0
- package/lib/modules/help-inline/basic/example.component.d.ts +3 -0
- package/lib/modules/icon/basic/example.component.d.ts +3 -0
- package/lib/modules/icon/icon-button/example.component.d.ts +3 -0
- package/lib/modules/indicators/alert/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/illustration/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/key-info/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/key-info/help-key/example.component.d.ts +3 -0
- package/lib/modules/indicators/label/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/status-indicator/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/status-indicator/help-key/example.component.d.ts +3 -0
- package/lib/modules/indicators/text-highlight/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/tokens/basic/example.component.d.ts +3 -0
- package/lib/modules/indicators/tokens/custom/example.component.d.ts +3 -0
- package/lib/modules/indicators/wait/element/example.component.d.ts +3 -0
- package/lib/modules/indicators/wait/page/example.component.d.ts +3 -0
- package/lib/modules/inline-form/inline-form/basic/example.component.d.ts +3 -0
- package/lib/modules/inline-form/inline-form/custom-buttons/example.component.d.ts +3 -0
- package/lib/modules/inline-form/inline-form/repeaters/example.component.d.ts +3 -0
- package/lib/modules/layout/action-button/basic/example.component.d.ts +3 -0
- package/lib/modules/layout/action-button/permalink/example.component.d.ts +3 -0
- package/lib/modules/layout/back-to-top/infinite-scroll/example.component.d.ts +3 -0
- package/lib/modules/layout/back-to-top/repeater/example.component.d.ts +3 -0
- package/lib/modules/layout/box/basic/example.component.d.ts +3 -0
- package/lib/modules/layout/box/help-key/example.component.d.ts +3 -0
- package/lib/modules/layout/card/basic/example.component.d.ts +3 -0
- package/lib/modules/layout/definition-list/basic/example.component.d.ts +3 -0
- package/lib/modules/layout/description-list/help-key/example.component.d.ts +3 -0
- package/lib/modules/layout/description-list/horizontal/example.component.d.ts +3 -0
- package/lib/modules/layout/description-list/inline-help/example.component.d.ts +3 -0
- package/lib/modules/layout/description-list/long-description/example.component.d.ts +3 -0
- package/lib/modules/layout/description-list/vertical/example.component.d.ts +3 -0
- package/lib/modules/layout/fluid-grid/example.component.d.ts +3 -0
- package/lib/modules/layout/format/example.component.d.ts +3 -0
- package/lib/modules/layout/inline-delete/custom/example.component.d.ts +3 -0
- package/lib/modules/layout/inline-delete/repeater/example.component.d.ts +3 -0
- package/lib/modules/layout/page/layout-fit/example.component.d.ts +3 -0
- package/lib/modules/layout/page-summary/basic/example.component.d.ts +3 -0
- package/lib/modules/layout/text-expand/inline/example.component.d.ts +3 -0
- package/lib/modules/layout/text-expand/modal/example.component.d.ts +3 -0
- package/lib/modules/layout/text-expand/newline/example.component.d.ts +3 -0
- package/lib/modules/layout/text-expand-repeater/example.component.d.ts +3 -0
- package/lib/modules/layout/toolbar/basic/example.component.d.ts +3 -0
- package/lib/modules/layout/toolbar/sectioned/example.component.d.ts +3 -0
- package/lib/modules/lists/filter/inline/example.component.d.ts +3 -0
- package/lib/modules/lists/filter/modal/example.component.d.ts +3 -0
- package/lib/modules/lists/infinite-scroll/repeater/example.component.d.ts +3 -0
- package/lib/modules/lists/paging/basic/example.component.d.ts +3 -0
- package/lib/modules/lists/paging/with-content/example.component.d.ts +3 -0
- package/lib/modules/lists/repeater/add-remove/example.component.d.ts +3 -0
- package/lib/modules/lists/repeater/basic/example.component.d.ts +3 -0
- package/lib/modules/lists/repeater/inline-form/example.component.d.ts +3 -0
- package/lib/modules/lists/sort/basic/example.component.d.ts +3 -0
- package/lib/modules/lookup/autocomplete/advanced/example.component.d.ts +3 -0
- package/lib/modules/lookup/autocomplete/basic/example.component.d.ts +3 -0
- package/lib/modules/lookup/autocomplete/custom-search/example.component.d.ts +3 -0
- package/lib/modules/lookup/autocomplete/search-filters/example.component.d.ts +3 -0
- package/lib/modules/lookup/country-field/basic/example.component.d.ts +3 -0
- package/lib/modules/lookup/lookup/add-item/example.component.d.ts +3 -0
- package/lib/modules/lookup/lookup/custom-picker/example.component.d.ts +3 -0
- package/lib/modules/lookup/lookup/multi-select/example.component.d.ts +3 -0
- package/lib/modules/lookup/lookup/result-templates/example.component.d.ts +3 -0
- package/lib/modules/lookup/lookup/single-select/example.component.d.ts +3 -0
- package/lib/modules/lookup/search/basic/example.component.d.ts +3 -0
- package/lib/modules/lookup/selection-modal/add-item/example.component.d.ts +3 -0
- package/lib/modules/lookup/selection-modal/add-item/example.service.d.ts +3 -3
- package/lib/modules/lookup/selection-modal/basic/example.component.d.ts +3 -0
- package/lib/modules/lookup/selection-modal/basic/example.service.d.ts +3 -3
- package/lib/modules/modals/confirm/basic-with-controller/example.component.d.ts +3 -0
- package/lib/modules/modals/confirm/basic-with-harness/example.component.d.ts +3 -0
- package/lib/modules/modals/modal/basic-with-controller/example.component.d.ts +3 -0
- package/lib/modules/modals/modal/basic-with-harness/example.component.d.ts +3 -0
- package/lib/modules/modals/modal/basic-with-harness-help-key/example.component.d.ts +3 -0
- package/lib/modules/modals/modal/with-error/example.component.d.ts +3 -0
- package/lib/modules/navbar/navbar/example.component.d.ts +3 -0
- package/lib/modules/pages/action-hub/example.component.d.ts +3 -0
- package/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.d.ts +3 -0
- package/lib/modules/pages/page/list-page-list-layout-demo/example.component.d.ts +3 -0
- package/lib/modules/pages/page/list-page-tabs-layout-demo/example.component.d.ts +3 -0
- package/lib/modules/pages/page/record-page-blocks-layout-demo/example.component.d.ts +3 -0
- package/lib/modules/pages/page/record-page-tabs-layout-demo/example.component.d.ts +3 -0
- package/lib/modules/pages/page/split-view-page-fit-layout-demo/example.component.d.ts +3 -0
- package/lib/modules/phone-field/phone-field/basic/example.component.d.ts +3 -0
- package/lib/modules/popovers/dropdown/basic/example.component.d.ts +3 -0
- package/lib/modules/popovers/popover/basic/example.component.d.ts +3 -0
- package/lib/modules/popovers/popover/programmatic/example.component.d.ts +3 -0
- package/lib/modules/progress-indicator/passive-indicator/basic/example.component.d.ts +3 -0
- package/lib/modules/progress-indicator/waterfall-indicator/basic/example.component.d.ts +3 -0
- package/lib/modules/progress-indicator/wizard/basic/example.component.d.ts +3 -0
- package/lib/modules/router/href/basic/example.component.d.ts +3 -0
- package/lib/modules/split-view/split-view/basic/example.component.d.ts +3 -0
- package/lib/modules/split-view/split-view/page-bound/example.component.d.ts +3 -0
- package/lib/modules/tabs/sectioned-form/modal/example.component.d.ts +3 -0
- package/lib/modules/tabs/tabs/dynamic/example.component.d.ts +3 -0
- package/lib/modules/tabs/tabs/dynamic-add-close/example.component.d.ts +3 -0
- package/lib/modules/tabs/tabs/static/example.component.d.ts +3 -0
- package/lib/modules/tabs/tabs/static-add-close/example.component.d.ts +3 -0
- package/lib/modules/tabs/vertical-tabs/basic/example.component.d.ts +3 -0
- package/lib/modules/tabs/vertical-tabs/grouped/example.component.d.ts +3 -0
- package/lib/modules/tabs/wizard/basic/example.component.d.ts +3 -0
- package/lib/modules/text-editor/help-key/example.component.d.ts +3 -0
- package/lib/modules/text-editor/rich-text-display/example.component.d.ts +3 -0
- package/lib/modules/text-editor/text-editor/example.component.d.ts +3 -0
- package/lib/modules/tiles/tiles/basic/example.component.d.ts +3 -0
- package/lib/modules/toast/toast/basic/example.component.d.ts +3 -0
- package/lib/modules/toast/toast/custom-component/example.component.d.ts +3 -0
- package/lib/modules/validation/email-validation/control-validator/example.component.d.ts +3 -0
- package/lib/modules/validation/email-validation/directive/example.component.d.ts +3 -0
- package/lib/modules/validation/url-validation/control-validator/example.component.d.ts +3 -0
- package/lib/modules/validation/url-validation/directive/example.component.d.ts +3 -0
- package/package.json +38 -38
- package/lib/modules/theme/box/basic/example.component.d.ts +0 -5
- package/lib/modules/theme/status-indicator/basic/example.component.d.ts +0 -5
package/index.d.ts
CHANGED
|
@@ -158,8 +158,6 @@ export { TabsDynamicAddCloseExampleComponent } from './lib/modules/tabs/tabs/dyn
|
|
|
158
158
|
export { TabsVerticalTabsBasicExampleComponent } from './lib/modules/tabs/vertical-tabs/basic/example.component';
|
|
159
159
|
export { TabsWizardBasicExampleComponent } from './lib/modules/tabs/wizard/basic/example.component';
|
|
160
160
|
export { TabsVerticalTabsGroupedExampleComponent } from './lib/modules/tabs/vertical-tabs/grouped/example.component';
|
|
161
|
-
export { ThemeBoxBasicExampleComponent } from './lib/modules/theme/box/basic/example.component';
|
|
162
|
-
export { ThemeStatusIndicatorBasicExampleComponent } from './lib/modules/theme/status-indicator/basic/example.component';
|
|
163
161
|
export { TilesBasicExampleComponent } from './lib/modules/tiles/tiles/basic/example.component';
|
|
164
162
|
export { ToastCustomComponentExampleComponent } from './lib/modules/toast/toast/custom-component/example.component';
|
|
165
163
|
export { ToastBasicExampleComponent } from './lib/modules/toast/toast/basic/example.component';
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { GridOptions, GridReadyEvent } from 'ag-grid-community';
|
|
2
2
|
import { AgGridDemoRow } from './data';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Basic setup (without data manager)
|
|
6
|
+
*/
|
|
4
7
|
export declare class AgGridDataEntryGridBasicExampleComponent {
|
|
5
8
|
#private;
|
|
6
9
|
protected gridData: AgGridDemoRow[];
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { AgGridDemoRow } from './data';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Data manager setup
|
|
6
|
+
*/
|
|
4
7
|
export declare class AgGridDataEntryGridDataManagerAddedExampleComponent implements OnInit, OnDestroy {
|
|
5
8
|
#private;
|
|
6
9
|
protected items: AgGridDemoRow[];
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { GridOptions, GridReadyEvent } from 'ag-grid-community';
|
|
2
2
|
import { AgGridDemoRow } from './data';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Basic setup with inline help (without data manager)
|
|
6
|
+
*/
|
|
4
7
|
export declare class AgGridDataEntryGridInlineHelpExampleComponent {
|
|
5
8
|
#private;
|
|
6
9
|
protected gridData: AgGridDemoRow[];
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Data manager multiselect setup
|
|
5
|
+
*/
|
|
3
6
|
export declare class AgGridDataGridDataManagerMultiselectExampleComponent implements OnInit, OnDestroy {
|
|
4
7
|
#private;
|
|
5
8
|
protected items: ({
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { GridOptions, GridReadyEvent } from 'ag-grid-community';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Basic setup with inline help (without data manager)
|
|
5
|
+
*/
|
|
3
6
|
export declare class AgGridDataGridInlineHelpExampleComponent {
|
|
4
7
|
#private;
|
|
5
8
|
protected gridData: ({
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { GridOptions, GridReadyEvent } from 'ag-grid-community';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Basic setup with paging (without data manager)
|
|
6
|
+
*/
|
|
4
7
|
export declare class AgGridDataGridPagingExampleComponent implements OnInit, OnDestroy {
|
|
5
8
|
#private;
|
|
6
9
|
protected currentPage: number;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { OnInit, TemplateRef } from '@angular/core';
|
|
2
2
|
import { GridOptions } from 'ag-grid-community';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Basic setup with template ref column type (without data manager)
|
|
6
|
+
*/
|
|
4
7
|
export declare class AgGridDataGridTemplateRefColumnExampleComponent implements OnInit {
|
|
5
8
|
#private;
|
|
6
9
|
protected boldColumn: TemplateRef<unknown> | undefined;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { GridOptions, GridReadyEvent } from 'ag-grid-community';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Basic setup with top scrollbar (without data manager)
|
|
5
|
+
*/
|
|
3
6
|
export declare class AgGridDataGridTopScrollExampleComponent {
|
|
4
7
|
#private;
|
|
5
8
|
protected gridData: ({
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyAutonumericOptions } from '@skyux/autonumeric';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Currency
|
|
6
|
+
*/
|
|
4
7
|
export declare class AutonumericCurrencyExampleComponent {
|
|
5
8
|
protected autonumericOptions: SkyAutonumericOptions | undefined;
|
|
6
9
|
protected formGroup: FormGroup;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyAutonumericOptions } from '@skyux/autonumeric';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title International formatting
|
|
6
|
+
*/
|
|
4
7
|
export declare class AutonumericInternationalFormattingExampleComponent {
|
|
5
8
|
protected autonumericOptions: SkyAutonumericOptions | undefined;
|
|
6
9
|
protected formGroup: FormGroup;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyAutonumericOptions } from '@skyux/autonumeric';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Options provider
|
|
6
|
+
*/
|
|
4
7
|
export declare class AutonumericOptionsProviderExampleComponent {
|
|
5
8
|
protected donationOptions: SkyAutonumericOptions;
|
|
6
9
|
protected formGroup: FormGroup;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyAutonumericOptions } from '@skyux/autonumeric';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Predefined options
|
|
6
|
+
*/
|
|
4
7
|
export declare class AutonumericPresetExampleComponent {
|
|
5
8
|
protected autonumericOptions: SkyAutonumericOptions;
|
|
6
9
|
protected formGroup: FormGroup;
|
|
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
interface DemoForm {
|
|
5
5
|
favoriteColor: FormControl<SkyColorpickerOutput | string>;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @title Basic example
|
|
9
|
+
*/
|
|
7
10
|
export declare class ColorpickerBasicExampleComponent {
|
|
8
11
|
protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
|
|
9
12
|
protected formGroup: FormGroup<DemoForm>;
|
|
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
interface DemoForm {
|
|
5
5
|
favoriteColor: FormControl<SkyColorpickerOutput | string>;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @title Colorpicker with help key
|
|
9
|
+
*/
|
|
7
10
|
export declare class ColorpickerHelpKeyExampleComponent {
|
|
8
11
|
protected favoriteColor: FormControl<SkyColorpickerOutput | string>;
|
|
9
12
|
protected formGroup: FormGroup<DemoForm>;
|
|
@@ -5,6 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
interface DemoForm {
|
|
6
6
|
favoriteColor: FormControl<SkyColorpickerOutput | string>;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* @title Interact with a colorpicker programmatically
|
|
10
|
+
*/
|
|
8
11
|
export declare class ColorpickerProgrammaticExampleComponent {
|
|
9
12
|
#private;
|
|
10
13
|
protected colorpickerController: Subject<SkyColorpickerMessage>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Basic example
|
|
4
|
+
*/
|
|
2
5
|
export declare class CoreIdExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoreIdExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<CoreIdExampleComponent, "app-core-id-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Media query service with basic setup
|
|
4
|
+
*/
|
|
2
5
|
export declare class CoreMediaQueryBasicExampleComponent {
|
|
3
6
|
protected breakpoint: import("@angular/core").Signal<"xs" | "sm" | "md" | "lg" | undefined>;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoreMediaQueryBasicExampleComponent, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Media query service using a responsive host container
|
|
4
|
+
*/
|
|
2
5
|
export declare class CoreMediaQueryResponsiveHostExampleComponent {
|
|
3
6
|
protected breakpoint: import("@angular/core").Signal<"xs" | "sm" | "md" | "lg" | undefined>;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<CoreMediaQueryResponsiveHostExampleComponent, never>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { DataManagerDemoRow } from './data';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Data manager with basic setup
|
|
6
|
+
*/
|
|
4
7
|
export declare class DataManagerBasicExampleComponent implements OnInit {
|
|
5
8
|
#private;
|
|
6
9
|
protected items: DataManagerDemoRow[];
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormControl } from '@angular/forms';
|
|
2
2
|
import { SkyDateRangeCalculation } from '@skyux/datetime';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Date range picker with basic setup
|
|
6
|
+
*/
|
|
4
7
|
export declare class DatetimeDateRangePickerBasicExampleComponent {
|
|
5
8
|
protected dateFormat: string | undefined;
|
|
6
9
|
protected disabled: boolean;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormControl } from '@angular/forms';
|
|
2
2
|
import { SkyDateRangeCalculation, SkyDateRangeCalculator, SkyDateRangeCalculatorId } from '@skyux/datetime';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Date range picker with custom calculator
|
|
6
|
+
*/
|
|
4
7
|
export declare class DatetimeDateRangePickerCustomCalculatorExampleComponent {
|
|
5
8
|
#private;
|
|
6
9
|
protected customCalculators: SkyDateRangeCalculatorId[] | undefined;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormControl } from '@angular/forms';
|
|
2
2
|
import { SkyDateRangeCalculation } from '@skyux/datetime';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Date range picker with help key
|
|
6
|
+
*/
|
|
4
7
|
export declare class DatetimeDateRangePickerHelpKeyExampleComponent {
|
|
5
8
|
protected dateFormat: string | undefined;
|
|
6
9
|
protected disabled: boolean;
|
|
@@ -3,6 +3,9 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
interface DemoForm {
|
|
4
4
|
startDate: FormControl<Date | null>;
|
|
5
5
|
}
|
|
6
|
+
/**
|
|
7
|
+
* @title Datepicker with basic setup
|
|
8
|
+
*/
|
|
6
9
|
export declare class DatetimeDatepickerBasicExampleComponent {
|
|
7
10
|
protected formGroup: FormGroup<DemoForm>;
|
|
8
11
|
protected startDate: FormControl<Date | null>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyDatepickerCalendarChange } from '@skyux/datetime';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Datepicker with custom dates
|
|
6
|
+
*/
|
|
4
7
|
export declare class DatetimeDatepickerCustomDatesExampleComponent {
|
|
5
8
|
#private;
|
|
6
9
|
protected formGroup: FormGroup;
|
|
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
interface DemoForm {
|
|
5
5
|
time: FormControl<SkyTimepickerTimeOutput | string>;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @title Timepicker with basic setup
|
|
9
|
+
*/
|
|
7
10
|
export declare class DatetimeTimepickerBasicExampleComponent {
|
|
8
11
|
protected formGroup: FormGroup<DemoForm>;
|
|
9
12
|
protected time: FormControl<SkyTimepickerTimeOutput | string>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Embed error within the page markup
|
|
4
|
+
*/
|
|
2
5
|
export declare class ErrorsErrorEmbeddedExampleComponent {
|
|
3
6
|
protected customAction(): void;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<ErrorsErrorEmbeddedExampleComponent, never>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyFileAttachmentClick, SkyFileItem } from '@skyux/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title File attachment with basic setup
|
|
6
|
+
*/
|
|
4
7
|
export declare class FormsFileAttachmentBasicExampleComponent {
|
|
5
8
|
protected attachment: FormControl<SkyFileItem | null | undefined>;
|
|
6
9
|
protected formGroup: FormGroup<{
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyFileAttachmentClick, SkyFileItem } from '@skyux/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title File attachment with help key
|
|
6
|
+
*/
|
|
4
7
|
export declare class FormsFileAttachmentHelpKeyExampleComponent {
|
|
5
8
|
protected attachment: FormControl<SkyFileItem | null | undefined>;
|
|
6
9
|
protected formGroup: FormGroup<{
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyFileItem, SkyFileLink } from '@skyux/forms';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title File drop with basic setup
|
|
6
|
+
*/
|
|
4
7
|
export declare class FormsFileDropBasicExampleComponent {
|
|
5
8
|
protected acceptedTypes: string;
|
|
6
9
|
protected hintText: string;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { SkyFileDropChange, SkyFileItem, SkyFileLink } from '@skyux/forms';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title File drop with help key
|
|
5
|
+
*/
|
|
3
6
|
export declare class FormsFileDropHelpKeyExampleComponent {
|
|
4
7
|
#private;
|
|
5
8
|
protected acceptedTypes: string;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Input box
|
|
5
|
+
*/
|
|
3
6
|
export declare class FormsInputBoxBasicExampleComponent {
|
|
4
7
|
protected favoriteColor: FormControl<string | null>;
|
|
5
8
|
protected formGroup: FormGroup<{
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Selection boxes with checkboxes
|
|
5
|
+
*/
|
|
3
6
|
export declare class FormsSelectionBoxCheckboxExampleComponent {
|
|
4
7
|
#private;
|
|
5
8
|
protected checkboxControls: FormControl[] | undefined;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Selection boxes with radio buttons
|
|
5
|
+
*/
|
|
3
6
|
export declare class FormsSelectionBoxRadioExampleComponent {
|
|
4
7
|
protected items: Record<string, string>[];
|
|
5
8
|
protected formGroup: FormGroup;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Toggle switch with basic setup
|
|
5
|
+
*/
|
|
3
6
|
export declare class FormsToggleSwitchBasicExampleComponent {
|
|
4
7
|
protected formGroup: FormGroup;
|
|
5
8
|
protected helpPopoverContent: string;
|