@skyux/code-examples 12.0.0-alpha.8 → 12.0.0-beta.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 +1337 -885
- 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 +4 -0
- package/lib/modules/layout/back-to-top/repeater/example.component.d.ts +4 -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 +4 -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 +4 -0
- package/lib/modules/pages/page/home-page-blocks-layout-demo/example.component.d.ts +4 -0
- package/lib/modules/pages/page/list-page-list-layout-demo/example.component.d.ts +4 -0
- package/lib/modules/pages/page/list-page-tabs-layout-demo/example.component.d.ts +4 -0
- package/lib/modules/pages/page/record-page-blocks-layout-demo/example.component.d.ts +4 -0
- package/lib/modules/pages/page/record-page-tabs-layout-demo/example.component.d.ts +4 -0
- package/lib/modules/pages/page/split-view-page-fit-layout-demo/example.component.d.ts +4 -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
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Icon with basic setup
|
|
4
|
+
*/
|
|
2
5
|
export declare class IconBasicExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<IconBasicExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<IconBasicExampleComponent, "app-icon-basic-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Spot illustration with basic setup
|
|
4
|
+
*/
|
|
2
5
|
export declare class IndicatorsIllustrationBasicExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsIllustrationBasicExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorsIllustrationBasicExampleComponent, "app-indicators-illustration-basic-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { SkyIndicatorDescriptionType, SkyLabelType } from '@skyux/indicators';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Label with basic setup
|
|
5
|
+
*/
|
|
3
6
|
export declare class IndicatorsLabelBasicExampleComponent {
|
|
4
7
|
#private;
|
|
5
8
|
get daysUntilDue(): number;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Status indicator with basic setup
|
|
4
|
+
*/
|
|
2
5
|
export declare class IndicatorsStatusIndicatorBasicExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsStatusIndicatorBasicExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorsStatusIndicatorBasicExampleComponent, "app-indicators-status-indicator-basic-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Status indicator with help key
|
|
4
|
+
*/
|
|
2
5
|
export declare class IndicatorsStatusIndicatorHelpKeyExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<IndicatorsStatusIndicatorHelpKeyExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<IndicatorsStatusIndicatorHelpKeyExampleComponent, "app-indicators-status-indicator-help-key-example", never, {}, {}, never, never, true, never>;
|
|
@@ -5,6 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
interface TokenItem {
|
|
6
6
|
label: string;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* Tokens with programmatic interactions
|
|
10
|
+
*/
|
|
8
11
|
export declare class IndicatorsTokensCustomExampleComponent implements OnDestroy {
|
|
9
12
|
#private;
|
|
10
13
|
protected myTokens: SkyToken<TokenItem>[] | undefined;
|
|
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
interface DemoForm {
|
|
5
5
|
firstName: FormControl<string>;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @title Inline form with basic setup
|
|
9
|
+
*/
|
|
7
10
|
export declare class InlineFormBasicExampleComponent {
|
|
8
11
|
protected firstName: string;
|
|
9
12
|
protected formGroup: FormGroup<DemoForm>;
|
|
@@ -5,6 +5,9 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
interface DemoForm {
|
|
6
6
|
firstName: FormControl<string>;
|
|
7
7
|
}
|
|
8
|
+
/**
|
|
9
|
+
* @title Inline form with custom buttons
|
|
10
|
+
*/
|
|
8
11
|
export declare class InlineFormCustomButtonsExampleComponent implements OnInit {
|
|
9
12
|
protected firstName: string;
|
|
10
13
|
protected formGroup: FormGroup<DemoForm>;
|
|
@@ -11,6 +11,9 @@ interface Item {
|
|
|
11
11
|
title: string | undefined;
|
|
12
12
|
note: string | undefined;
|
|
13
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* @title Inline form with repeater
|
|
16
|
+
*/
|
|
14
17
|
export declare class InlineFormRepeatersExampleComponent {
|
|
15
18
|
protected activeInlineFormId: string | undefined;
|
|
16
19
|
protected formGroup: FormGroup<DemoForm>;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { SkyActionButtonPermalink } from '@skyux/layout';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Action button with permalinks
|
|
5
|
+
*/
|
|
3
6
|
export declare class LayoutActionButtonPermalinkExampleComponent {
|
|
4
7
|
protected routerlink: SkyActionButtonPermalink;
|
|
5
8
|
protected url: SkyActionButtonPermalink;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { Person } from './person';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Infinite scroll with back to top directive
|
|
6
|
+
* @docsDemoHidden
|
|
7
|
+
*/
|
|
4
8
|
export declare class LayoutBackToTopInfiniteScrollExampleComponent implements OnInit {
|
|
5
9
|
#private;
|
|
6
10
|
hasMore: boolean;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Box with header, content, and controls
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutBoxBasicExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBoxBasicExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutBoxBasicExampleComponent, "app-layout-box-basic-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Box with help key
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutBoxHelpKeyExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutBoxHelpKeyExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutBoxHelpKeyExampleComponent, "app-layout-box-help-key-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { SkyFluidGridGutterSizeType } from '@skyux/layout';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* @title Fluid grid with basic setup
|
|
5
|
+
*/
|
|
3
6
|
export declare class LayoutFluidGridExampleComponent {
|
|
4
7
|
gutterSize: SkyFluidGridGutterSizeType | undefined;
|
|
5
8
|
disableMargin: boolean;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Format service basic usage
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutFormatExampleComponent {
|
|
3
6
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutFormatExampleComponent, never>;
|
|
4
7
|
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutFormatExampleComponent, "app-layout-format-example", never, {}, {}, never, never, true, never>;
|
|
@@ -4,6 +4,9 @@ interface InlineRepeaterDemoItem {
|
|
|
4
4
|
cost: string;
|
|
5
5
|
description: string;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @title Inline delete with repeater
|
|
9
|
+
*/
|
|
7
10
|
export declare class LayoutInlineDeleteRepeaterExampleComponent {
|
|
8
11
|
protected originalRepeaterDemoItems: InlineRepeaterDemoItem[];
|
|
9
12
|
protected repeaterDemoItems: InlineRepeaterDemoItem[];
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Page with basic setup
|
|
4
|
+
* @docsDemoHidden
|
|
5
|
+
*/
|
|
2
6
|
export declare class LayoutPageLayoutFitExampleComponent {
|
|
3
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutPageLayoutFitExampleComponent, never>;
|
|
4
8
|
static ɵcmp: i0.ɵɵComponentDeclaration<LayoutPageLayoutFitExampleComponent, "app-layout-page-layout-fit-example", never, {}, {}, never, never, true, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Text expand with inline text
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutTextExpandInlineExampleComponent {
|
|
3
6
|
protected longText: string;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutTextExpandInlineExampleComponent, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Text expand with new lines
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutTextExpandNewlineExampleComponent {
|
|
3
6
|
protected newlinesText: string;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutTextExpandNewlineExampleComponent, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Text expand repeater with basic setup
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutTextExpandRepeaterExampleComponent {
|
|
3
6
|
protected repeaterData: string[];
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutTextExpandRepeaterExampleComponent, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Toolbar with basic setup
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutToolbarBasicExampleComponent {
|
|
3
6
|
onButtonClicked(buttonText: string): void;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutToolbarBasicExampleComponent, never>;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
|
+
/**
|
|
3
|
+
* @title Toolbar with sections
|
|
4
|
+
*/
|
|
2
5
|
export declare class LayoutToolbarSectionedExampleComponent {
|
|
3
6
|
onButtonClicked(buttonText: string): void;
|
|
4
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutToolbarSectionedExampleComponent, never>;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { OnInit } from '@angular/core';
|
|
2
2
|
import { InfiniteScrollDemoItem } from './item';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Infinite scroll with repeater
|
|
6
|
+
*/
|
|
4
7
|
export declare class ListsInfiniteScrollRepeaterExampleComponent implements OnInit {
|
|
5
8
|
#private;
|
|
6
9
|
protected items: InfiniteScrollDemoItem[];
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { SkyPagingContentChangeArgs } from '@skyux/lists';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Paging with content wrapper
|
|
6
|
+
*/
|
|
4
7
|
export declare class ListsPagingWithContentExampleComponent {
|
|
5
8
|
#private;
|
|
6
9
|
protected currentPage: number;
|
|
@@ -11,6 +11,9 @@ interface Item {
|
|
|
11
11
|
title: string | undefined;
|
|
12
12
|
note: string | undefined;
|
|
13
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* @title Repeater with inline form
|
|
16
|
+
*/
|
|
14
17
|
export declare class ListsRepeaterInlineFormExampleComponent {
|
|
15
18
|
protected activeInlineFormId: string | undefined;
|
|
16
19
|
protected formGroup: FormGroup<DemoForm>;
|
|
@@ -12,6 +12,9 @@ interface SortOption {
|
|
|
12
12
|
name: keyof Item;
|
|
13
13
|
descending: boolean;
|
|
14
14
|
}
|
|
15
|
+
/**
|
|
16
|
+
* @title Sort with basic setup
|
|
17
|
+
*/
|
|
15
18
|
export declare class ListsSortBasicExampleComponent implements OnInit {
|
|
16
19
|
protected initialState: number;
|
|
17
20
|
protected sortedItems: Item[];
|
|
@@ -2,6 +2,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
2
2
|
import { SkyAutocompleteSearchFunctionFilter, SkyAutocompleteSelectionChange } from '@skyux/lookup';
|
|
3
3
|
import { Planet } from './planet';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* @title Advanced example
|
|
7
|
+
*/
|
|
5
8
|
export declare class LookupAutocompleteAdvancedExampleComponent {
|
|
6
9
|
#private;
|
|
7
10
|
protected farthestPlanet: FormControl;
|
|
@@ -2,6 +2,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
2
2
|
import { SkyAutocompleteSearchFunction } from '@skyux/lookup';
|
|
3
3
|
import { Ocean } from './ocean';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* @title Autocomplete with custom search
|
|
7
|
+
*/
|
|
5
8
|
export declare class LookupAutocompleteCustomSearchExampleComponent {
|
|
6
9
|
#private;
|
|
7
10
|
protected formGroup: FormGroup;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FormGroup } from '@angular/forms';
|
|
2
2
|
import { SkyAutocompleteSearchFunctionFilter } from '@skyux/lookup';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* @title Autocomplete with search filters
|
|
6
|
+
*/
|
|
4
7
|
export declare class LookupAutocompleteSearchFiltersExampleComponent {
|
|
5
8
|
protected colors: {
|
|
6
9
|
name: string;
|
|
@@ -4,6 +4,9 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
interface DemoForm {
|
|
5
5
|
country: FormControl<SkyCountryFieldCountry | undefined>;
|
|
6
6
|
}
|
|
7
|
+
/**
|
|
8
|
+
* @title Country field with basic setup
|
|
9
|
+
*/
|
|
7
10
|
export declare class LookupCountryFieldBasicExampleComponent {
|
|
8
11
|
#private;
|
|
9
12
|
protected countryControl: FormControl<SkyCountryFieldCountry | undefined>;
|
|
@@ -3,6 +3,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
3
3
|
import { SkyAutocompleteSearchAsyncArgs, SkyLookupAddClickEventArgs, SkyLookupShowMoreConfig } from '@skyux/lookup';
|
|
4
4
|
import { Person } from './person';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @title Lookup with add item button
|
|
8
|
+
*/
|
|
6
9
|
export declare class LookupAddItemExampleComponent implements OnInit, OnDestroy {
|
|
7
10
|
#private;
|
|
8
11
|
favoritesForm: FormGroup<{
|
|
@@ -3,6 +3,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
3
3
|
import { SkyAutocompleteSearchAsyncArgs, SkyLookupAddClickEventArgs, SkyLookupShowMoreConfig } from '@skyux/lookup';
|
|
4
4
|
import { Person } from './person';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @title Lookup with a custom picker
|
|
8
|
+
*/
|
|
6
9
|
export declare class LookupCustomPickerExampleComponent implements OnInit {
|
|
7
10
|
#private;
|
|
8
11
|
favoritesForm: FormGroup<{
|
|
@@ -3,6 +3,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
3
3
|
import { SkyAutocompleteSearchAsyncArgs, SkyLookupAddClickEventArgs, SkyLookupShowMoreConfig } from '@skyux/lookup';
|
|
4
4
|
import { Person } from './person';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @title Lookup in multiple select mode
|
|
8
|
+
*/
|
|
6
9
|
export declare class LookupMultiSelectExampleComponent implements OnInit {
|
|
7
10
|
#private;
|
|
8
11
|
favoritesForm: FormGroup<{
|
|
@@ -3,6 +3,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
3
3
|
import { SkyAutocompleteSearchAsyncArgs, SkyLookupAddClickEventArgs, SkyLookupShowMoreConfig } from '@skyux/lookup';
|
|
4
4
|
import { Person } from './person';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @title Lookup with custom search results template
|
|
8
|
+
*/
|
|
6
9
|
export declare class LookupResultTemplatesExampleComponent implements OnInit {
|
|
7
10
|
#private;
|
|
8
11
|
favoritesForm: FormGroup<{
|
|
@@ -3,6 +3,9 @@ import { FormControl, FormGroup } from '@angular/forms';
|
|
|
3
3
|
import { SkyAutocompleteSearchAsyncArgs, SkyLookupAddClickEventArgs, SkyLookupShowMoreConfig } from '@skyux/lookup';
|
|
4
4
|
import { Person } from './person';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
/**
|
|
7
|
+
* @title Lookup in single select mode
|
|
8
|
+
*/
|
|
6
9
|
export declare class LookupSingleSelectExampleComponent implements OnInit {
|
|
7
10
|
#private;
|
|
8
11
|
favoritesForm: FormGroup<{
|