@viasat/beam-web-components-angular 2.17.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/README.md +304 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-accordion-group.mjs +41 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-accordion-group.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-accordion.mjs +64 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-accordion.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-alert.mjs +93 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-alert.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-avatar-group.mjs +51 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-avatar-group.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-avatar.mjs +77 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-avatar.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-badge-dot.mjs +49 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-badge-dot.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-badge.mjs +55 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-badge.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-box.mjs +111 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-box.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-breadcrumbs-item.mjs +54 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-breadcrumbs-item.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-breadcrumbs.mjs +50 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-breadcrumbs.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-button.mjs +78 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-button.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-checkbox.mjs +69 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-checkbox.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-close-button.mjs +39 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-close-button.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-divider.mjs +63 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-divider.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-empty-state.mjs +50 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-empty-state.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-helper-text.mjs +60 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-helper-text.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-icon.mjs +48 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-icon.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-link.mjs +67 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-link.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-list-item.mjs +32 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-list-item.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-list.mjs +52 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-list.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-progress-bar.mjs +64 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-progress-bar.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control-item.mjs +49 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control-item.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control-list.mjs +38 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control-list.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control-panel.mjs +36 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control-panel.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control.mjs +55 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-segmented-control.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-spinner.mjs +57 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-spinner.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-text.mjs +91 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-text.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-tooltip.mjs +122 -0
- package/fesm2022/viasat-beam-web-components-angular-src-lib-tooltip.mjs.map +1 -0
- package/fesm2022/viasat-beam-web-components-angular.mjs +43 -0
- package/fesm2022/viasat-beam-web-components-angular.mjs.map +1 -0
- package/index.d.ts +39 -0
- package/package.json +161 -0
- package/src/lib/accordion/accordion.component.d.ts +35 -0
- package/src/lib/accordion/index.d.ts +1 -0
- package/src/lib/accordion-group/accordion-group.component.d.ts +16 -0
- package/src/lib/accordion-group/index.d.ts +1 -0
- package/src/lib/alert/alert.component.d.ts +63 -0
- package/src/lib/alert/index.d.ts +1 -0
- package/src/lib/avatar/avatar.component.d.ts +52 -0
- package/src/lib/avatar/index.d.ts +1 -0
- package/src/lib/avatar-group/avatar-group.component.d.ts +26 -0
- package/src/lib/avatar-group/index.d.ts +1 -0
- package/src/lib/badge/badge.component.d.ts +29 -0
- package/src/lib/badge/index.d.ts +1 -0
- package/src/lib/badge-dot/badge-dot.component.d.ts +24 -0
- package/src/lib/badge-dot/index.d.ts +1 -0
- package/src/lib/box/box.component.d.ts +86 -0
- package/src/lib/box/index.d.ts +1 -0
- package/src/lib/breadcrumbs/breadcrumbs.component.d.ts +25 -0
- package/src/lib/breadcrumbs/index.d.ts +1 -0
- package/src/lib/breadcrumbs-item/breadcrumbs-item.component.d.ts +28 -0
- package/src/lib/breadcrumbs-item/index.d.ts +1 -0
- package/src/lib/button/button.component.d.ts +51 -0
- package/src/lib/button/index.d.ts +1 -0
- package/src/lib/checkbox/checkbox.component.d.ts +46 -0
- package/src/lib/checkbox/index.d.ts +1 -0
- package/src/lib/close-button/close-button.component.d.ts +16 -0
- package/src/lib/close-button/index.d.ts +1 -0
- package/src/lib/divider/divider.component.d.ts +37 -0
- package/src/lib/divider/index.d.ts +1 -0
- package/src/lib/empty-state/empty-state.component.d.ts +22 -0
- package/src/lib/empty-state/index.d.ts +1 -0
- package/src/lib/helper-text/helper-text.component.d.ts +34 -0
- package/src/lib/helper-text/index.d.ts +1 -0
- package/src/lib/icon/icon.component.d.ts +23 -0
- package/src/lib/icon/index.d.ts +1 -0
- package/src/lib/link/index.d.ts +1 -0
- package/src/lib/link/link.component.d.ts +40 -0
- package/src/lib/list/index.d.ts +1 -0
- package/src/lib/list/list.component.d.ts +27 -0
- package/src/lib/list-item/index.d.ts +1 -0
- package/src/lib/list-item/list-item.component.d.ts +6 -0
- package/src/lib/progress-bar/index.d.ts +1 -0
- package/src/lib/progress-bar/progress-bar.component.d.ts +41 -0
- package/src/lib/segmented-control/index.d.ts +1 -0
- package/src/lib/segmented-control/segmented-control.component.d.ts +30 -0
- package/src/lib/segmented-control-item/index.d.ts +1 -0
- package/src/lib/segmented-control-item/segmented-control-item.component.d.ts +21 -0
- package/src/lib/segmented-control-list/index.d.ts +1 -0
- package/src/lib/segmented-control-list/segmented-control-list.component.d.ts +11 -0
- package/src/lib/segmented-control-panel/index.d.ts +1 -0
- package/src/lib/segmented-control-panel/segmented-control-panel.component.d.ts +11 -0
- package/src/lib/spinner/index.d.ts +1 -0
- package/src/lib/spinner/spinner.component.d.ts +31 -0
- package/src/lib/text/index.d.ts +1 -0
- package/src/lib/text/text.component.d.ts +66 -0
- package/src/lib/tooltip/index.d.ts +1 -0
- package/src/lib/tooltip/tooltip.component.d.ts +129 -0
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/ProgressBar';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-progress-bar>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/ProgressBar/ProgressBar.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*/
|
|
13
|
+
class ProgressBarComponent {
|
|
14
|
+
/**
|
|
15
|
+
* Specify the ProgressBar state
|
|
16
|
+
* @default 'active'
|
|
17
|
+
*/
|
|
18
|
+
state = input('active');
|
|
19
|
+
/**
|
|
20
|
+
* Specify the size of the ProgressBar
|
|
21
|
+
* @default 'md'
|
|
22
|
+
*/
|
|
23
|
+
size = input('md');
|
|
24
|
+
/**
|
|
25
|
+
* Provide text for the ProgressBar label
|
|
26
|
+
*/
|
|
27
|
+
label = input();
|
|
28
|
+
/**
|
|
29
|
+
* Specify helperText for ProgressBar. helperText is required for the Error state.
|
|
30
|
+
*/
|
|
31
|
+
helperText = input();
|
|
32
|
+
/**
|
|
33
|
+
* Specify if the ProgressBar has no corner radius
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
fullWidth = input(false, { transform: booleanAttribute });
|
|
37
|
+
/**
|
|
38
|
+
* Specify the theme of the ProgressBar. By default it inherits the theme from the parent
|
|
39
|
+
*/
|
|
40
|
+
theme = input();
|
|
41
|
+
/**
|
|
42
|
+
* Specify if a ProgressBar is determinate by setting a value between 0 and 100.
|
|
43
|
+
*/
|
|
44
|
+
value = input();
|
|
45
|
+
/**
|
|
46
|
+
* Specify the aria-label for the ProgressBar
|
|
47
|
+
*/
|
|
48
|
+
progressbarAriaLabel = input();
|
|
49
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: ProgressBarComponent, isStandalone: true, selector: "bm-ng-progress-bar", inputs: { state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, progressbarAriaLabel: { classPropertyName: "progressbarAriaLabel", publicName: "progressbarAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bm-progress-bar\n [state]=\"state()\"\n [size]=\"size()\"\n [label]=\"label()\"\n [helperText]=\"helperText()\"\n [attr.fullWidth]=\"fullWidth() ? '' : null\"\n [theme]=\"theme()\"\n [value]=\"value()\"\n [progressbarAriaLabel]=\"progressbarAriaLabel()\"\n>\n <ng-content></ng-content>\n</bm-progress-bar>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
51
|
+
}
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
53
|
+
type: Component,
|
|
54
|
+
args: [{ selector: 'bm-ng-progress-bar', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-progress-bar\n [state]=\"state()\"\n [size]=\"size()\"\n [label]=\"label()\"\n [helperText]=\"helperText()\"\n [attr.fullWidth]=\"fullWidth() ? '' : null\"\n [theme]=\"theme()\"\n [value]=\"value()\"\n [progressbarAriaLabel]=\"progressbarAriaLabel()\"\n>\n <ng-content></ng-content>\n</bm-progress-bar>\n", styles: [":host{display:block}\n"] }]
|
|
55
|
+
}] });
|
|
56
|
+
|
|
57
|
+
// AUTO-GENERATED
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Generated bundle index. Do not edit.
|
|
61
|
+
*/
|
|
62
|
+
|
|
63
|
+
export { ProgressBarComponent };
|
|
64
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-progress-bar.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-progress-bar.mjs","sources":["../../../../libs/web-components-angular/src/lib/progress-bar/progress-bar.component.ts","../../../../libs/web-components-angular/src/lib/progress-bar/progress-bar.component.html","../../../../libs/web-components-angular/src/lib/progress-bar/index.ts","../../../../libs/web-components-angular/src/lib/progress-bar/viasat-beam-web-components-angular-src-lib-progress-bar.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-progress-bar>\n * Generated from: libs/web-components/src/lib/ProgressBar/ProgressBar.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n booleanAttribute,\n input,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/ProgressBar';\n\n@Component({\n selector: 'bm-ng-progress-bar',\n standalone: true,\n templateUrl: './progress-bar.component.html',\n styleUrl: './progress-bar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class ProgressBarComponent {\n /**\n * Specify the ProgressBar state\n * @default 'active'\n */\n state = input<'active' | 'error' | 'success'>('active');\n\n /**\n * Specify the size of the ProgressBar\n * @default 'md'\n */\n size = input<'sm' | 'md' | 'lg'>('md');\n\n /**\n * Provide text for the ProgressBar label\n */\n label = input<string | undefined>();\n\n /**\n * Specify helperText for ProgressBar. helperText is required for the Error state.\n */\n helperText = input<string | undefined>();\n\n /**\n * Specify if the ProgressBar has no corner radius\n * @default false\n */\n fullWidth = input(false, { transform: booleanAttribute });\n\n /**\n * Specify the theme of the ProgressBar. By default it inherits the theme from the parent\n */\n theme = input<'light' | 'dark'>();\n\n /**\n * Specify if a ProgressBar is determinate by setting a value between 0 and 100.\n */\n value = input<number>();\n\n /**\n * Specify the aria-label for the ProgressBar\n */\n progressbarAriaLabel = input<string>();\n\n\n}\n","<bm-progress-bar\n [state]=\"state()\"\n [size]=\"size()\"\n [label]=\"label()\"\n [helperText]=\"helperText()\"\n [attr.fullWidth]=\"fullWidth() ? '' : null\"\n [theme]=\"theme()\"\n [value]=\"value()\"\n [progressbarAriaLabel]=\"progressbarAriaLabel()\"\n>\n <ng-content></ng-content>\n</bm-progress-bar>\n","// AUTO-GENERATED\nexport * from './progress-bar.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;AAOG;MAoBU,oBAAoB,CAAA;AAC/B;;;AAGG;AACH,IAAA,KAAK,GAAG,KAAK,CAAiC,QAAQ,CAAC;AAEvD;;;AAGG;AACH,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,CAAC;AAEtC;;AAEG;IACH,KAAK,GAAG,KAAK,EAAsB;AAEnC;;AAEG;IACH,UAAU,GAAG,KAAK,EAAsB;AAExC;;;AAGG;IACH,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEzD;;AAEG;IACH,KAAK,GAAG,KAAK,EAAoB;AAEjC;;AAEG;IACH,KAAK,GAAG,KAAK,EAAU;AAEvB;;AAEG;IACH,oBAAoB,GAAG,KAAK,EAAU;wGA1C3B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,+lCC3BjC,+TAYA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDea,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;+BACE,oBAAoB,EAAA,UAAA,EAClB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,+TAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AEzBnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/SegmentedControl';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-segmented-control-item>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControlItem.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*
|
|
13
|
+
* @slot icon - Specify an icon for the item
|
|
14
|
+
* @slot default - Specify the text content of the item
|
|
15
|
+
*/
|
|
16
|
+
class SegmentedControlItemComponent {
|
|
17
|
+
/**
|
|
18
|
+
* Specify the value of the item
|
|
19
|
+
* @default ''
|
|
20
|
+
*/
|
|
21
|
+
value = input('');
|
|
22
|
+
/**
|
|
23
|
+
* Specify if this item is disabled
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
disabled = input(false, { transform: booleanAttribute });
|
|
27
|
+
/**
|
|
28
|
+
* Dispatched when the item is selected
|
|
29
|
+
*/
|
|
30
|
+
bmSelected = output();
|
|
31
|
+
onBmSelected(event) {
|
|
32
|
+
this.bmSelected.emit(event);
|
|
33
|
+
}
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
35
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: SegmentedControlItemComponent, isStandalone: true, selector: "bm-ng-segmented-control-item", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { bmSelected: "bmSelected" }, ngImport: i0, template: "<bm-segmented-control-item\n [value]=\"value()\"\n [attr.disabled]=\"disabled() ? '' : null\"\n (bm-selected)=\"onBmSelected($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-item>\n", styles: [":host{display:inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
36
|
+
}
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlItemComponent, decorators: [{
|
|
38
|
+
type: Component,
|
|
39
|
+
args: [{ selector: 'bm-ng-segmented-control-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-segmented-control-item\n [value]=\"value()\"\n [attr.disabled]=\"disabled() ? '' : null\"\n (bm-selected)=\"onBmSelected($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-item>\n", styles: [":host{display:inline}\n"] }]
|
|
40
|
+
}] });
|
|
41
|
+
|
|
42
|
+
// AUTO-GENERATED
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Generated bundle index. Do not edit.
|
|
46
|
+
*/
|
|
47
|
+
|
|
48
|
+
export { SegmentedControlItemComponent };
|
|
49
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-segmented-control-item.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-segmented-control-item.mjs","sources":["../../../../libs/web-components-angular/src/lib/segmented-control-item/segmented-control-item.component.ts","../../../../libs/web-components-angular/src/lib/segmented-control-item/segmented-control-item.component.html","../../../../libs/web-components-angular/src/lib/segmented-control-item/index.ts","../../../../libs/web-components-angular/src/lib/segmented-control-item/viasat-beam-web-components-angular-src-lib-segmented-control-item.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-segmented-control-item>\n * Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControlItem.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n * \n * @slot icon - Specify an icon for the item\n * @slot default - Specify the text content of the item\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n booleanAttribute,\n input,\n output,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/SegmentedControl';\n\n@Component({\n selector: 'bm-ng-segmented-control-item',\n standalone: true,\n templateUrl: './segmented-control-item.component.html',\n styleUrl: './segmented-control-item.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class SegmentedControlItemComponent {\n /**\n * Specify the value of the item\n * @default ''\n */\n value = input('');\n\n /**\n * Specify if this item is disabled\n * @default false\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Dispatched when the item is selected\n */\n bmSelected = output<CustomEvent>();\n\n onBmSelected(event: CustomEvent): void {\n this.bmSelected.emit(event);\n }\n}\n","<bm-segmented-control-item\n [value]=\"value()\"\n [attr.disabled]=\"disabled() ? '' : null\"\n (bm-selected)=\"onBmSelected($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-item>\n","// AUTO-GENERATED\nexport * from './segmented-control-item.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;AAUG;MAqBU,6BAA6B,CAAA;AACxC;;;AAGG;AACH,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;AAEjB;;;AAGG;IACH,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAExD;;AAEG;IACH,UAAU,GAAG,MAAM,EAAe;AAElC,IAAA,YAAY,CAAC,KAAkB,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;wGApBW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,oYC/B1C,2MAOA,EAAA,MAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDwBa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,2MAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,CAAA,EAAA;;;AE7BnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { output, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/SegmentedControl';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-segmented-control-list>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControlList.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*
|
|
13
|
+
* @slot default - Specify the items of the list
|
|
14
|
+
*/
|
|
15
|
+
class SegmentedControlListComponent {
|
|
16
|
+
/**
|
|
17
|
+
* Dispatched when an item is selected
|
|
18
|
+
*/
|
|
19
|
+
bmSelected = output();
|
|
20
|
+
onBmSelected(event) {
|
|
21
|
+
this.bmSelected.emit(event);
|
|
22
|
+
}
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SegmentedControlListComponent, isStandalone: true, selector: "bm-ng-segmented-control-list", outputs: { bmSelected: "bmSelected" }, ngImport: i0, template: "<bm-segmented-control-list\n (bm-selected)=\"onBmSelected($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-list>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25
|
+
}
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlListComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'bm-ng-segmented-control-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-segmented-control-list\n (bm-selected)=\"onBmSelected($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-list>\n", styles: [":host{display:block}\n"] }]
|
|
29
|
+
}] });
|
|
30
|
+
|
|
31
|
+
// AUTO-GENERATED
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Generated bundle index. Do not edit.
|
|
35
|
+
*/
|
|
36
|
+
|
|
37
|
+
export { SegmentedControlListComponent };
|
|
38
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-segmented-control-list.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-segmented-control-list.mjs","sources":["../../../../libs/web-components-angular/src/lib/segmented-control-list/segmented-control-list.component.ts","../../../../libs/web-components-angular/src/lib/segmented-control-list/segmented-control-list.component.html","../../../../libs/web-components-angular/src/lib/segmented-control-list/index.ts","../../../../libs/web-components-angular/src/lib/segmented-control-list/viasat-beam-web-components-angular-src-lib-segmented-control-list.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-segmented-control-list>\n * Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControlList.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n * \n * @slot default - Specify the items of the list\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n output,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/SegmentedControl';\n\n@Component({\n selector: 'bm-ng-segmented-control-list',\n standalone: true,\n templateUrl: './segmented-control-list.component.html',\n styleUrl: './segmented-control-list.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class SegmentedControlListComponent {\n\n\n /**\n * Dispatched when an item is selected\n */\n bmSelected = output<CustomEvent>();\n\n onBmSelected(event: CustomEvent): void {\n this.bmSelected.emit(event);\n }\n}\n","<bm-segmented-control-list\n (bm-selected)=\"onBmSelected($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-list>\n","// AUTO-GENERATED\nexport * from './segmented-control-list.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;AASG;MAmBU,6BAA6B,CAAA;AAGxC;;AAEG;IACH,UAAU,GAAG,MAAM,EAAe;AAElC,IAAA,YAAY,CAAC,KAAkB,EAAA;AAC7B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;wGAVW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,+HC5B1C,sIAKA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDuBa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBARzC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,sIAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AE1BnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/SegmentedControl';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-segmented-control-panel>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControlPanel.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*
|
|
13
|
+
* @slot default - Specify the content of the panel
|
|
14
|
+
*/
|
|
15
|
+
class SegmentedControlPanelComponent {
|
|
16
|
+
/**
|
|
17
|
+
* Specify the value of the panel
|
|
18
|
+
* @default ''
|
|
19
|
+
*/
|
|
20
|
+
value = input('');
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: SegmentedControlPanelComponent, isStandalone: true, selector: "bm-ng-segmented-control-panel", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bm-segmented-control-panel\n [value]=\"value()\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-panel>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlPanelComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{ selector: 'bm-ng-segmented-control-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-segmented-control-panel\n [value]=\"value()\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-panel>\n", styles: [":host{display:block}\n"] }]
|
|
27
|
+
}] });
|
|
28
|
+
|
|
29
|
+
// AUTO-GENERATED
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Generated bundle index. Do not edit.
|
|
33
|
+
*/
|
|
34
|
+
|
|
35
|
+
export { SegmentedControlPanelComponent };
|
|
36
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-segmented-control-panel.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-segmented-control-panel.mjs","sources":["../../../../libs/web-components-angular/src/lib/segmented-control-panel/segmented-control-panel.component.ts","../../../../libs/web-components-angular/src/lib/segmented-control-panel/segmented-control-panel.component.html","../../../../libs/web-components-angular/src/lib/segmented-control-panel/index.ts","../../../../libs/web-components-angular/src/lib/segmented-control-panel/viasat-beam-web-components-angular-src-lib-segmented-control-panel.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-segmented-control-panel>\n * Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControlPanel.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n * \n * @slot default - Specify the content of the panel\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n input,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/SegmentedControl';\n\n@Component({\n selector: 'bm-ng-segmented-control-panel',\n standalone: true,\n templateUrl: './segmented-control-panel.component.html',\n styleUrl: './segmented-control-panel.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class SegmentedControlPanelComponent {\n /**\n * Specify the value of the panel\n * @default ''\n */\n value = input('');\n\n\n}\n","<bm-segmented-control-panel\n [value]=\"value()\"\n>\n <ng-content></ng-content>\n</bm-segmented-control-panel>\n","// AUTO-GENERATED\nexport * from './segmented-control-panel.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;AASG;MAmBU,8BAA8B,CAAA;AACzC;;;AAGG;AACH,IAAA,KAAK,GAAG,KAAK,CAAC,EAAE,CAAC;wGALN,8BAA8B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA9B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,8BAA8B,6NC5B3C,qHAKA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDuBa,8BAA8B,EAAA,UAAA,EAAA,CAAA;kBAR1C,SAAS;+BACE,+BAA+B,EAAA,UAAA,EAC7B,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,qHAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AE1BnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/SegmentedControl';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-segmented-control>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControl.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*/
|
|
13
|
+
class SegmentedControlComponent {
|
|
14
|
+
/**
|
|
15
|
+
* Specify if all SegmentedControl items are disabled
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
disabled = input(false, { transform: booleanAttribute });
|
|
19
|
+
/**
|
|
20
|
+
* Specify the size of a SegmentedControl
|
|
21
|
+
* @default 'md'
|
|
22
|
+
*/
|
|
23
|
+
size = input('md');
|
|
24
|
+
/**
|
|
25
|
+
* Specify the value of the initially selected item
|
|
26
|
+
*/
|
|
27
|
+
initialSelection = input();
|
|
28
|
+
/**
|
|
29
|
+
* Specify if the SegmentedControl is fluid with its parent container
|
|
30
|
+
* @default false
|
|
31
|
+
*/
|
|
32
|
+
fluid = input(false, { transform: booleanAttribute });
|
|
33
|
+
/**
|
|
34
|
+
* Dispatched when a `SegmentedControlItem` is selected, with the selected value in the `detail` property
|
|
35
|
+
*/
|
|
36
|
+
bmChange = output();
|
|
37
|
+
onBmChange(event) {
|
|
38
|
+
this.bmChange.emit(event);
|
|
39
|
+
}
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: SegmentedControlComponent, isStandalone: true, selector: "bm-ng-segmented-control", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, initialSelection: { classPropertyName: "initialSelection", publicName: "initialSelection", isSignal: true, isRequired: false, transformFunction: null }, fluid: { classPropertyName: "fluid", publicName: "fluid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { bmChange: "bmChange" }, ngImport: i0, template: "<bm-segmented-control\n [attr.disabled]=\"disabled() ? '' : null\"\n [size]=\"size()\"\n [initialSelection]=\"initialSelection()\"\n [attr.fluid]=\"fluid() ? '' : null\"\n (bm-change)=\"onBmChange($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SegmentedControlComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'bm-ng-segmented-control', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-segmented-control\n [attr.disabled]=\"disabled() ? '' : null\"\n [size]=\"size()\"\n [initialSelection]=\"initialSelection()\"\n [attr.fluid]=\"fluid() ? '' : null\"\n (bm-change)=\"onBmChange($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control>\n", styles: [":host{display:block}\n"] }]
|
|
46
|
+
}] });
|
|
47
|
+
|
|
48
|
+
// AUTO-GENERATED
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Generated bundle index. Do not edit.
|
|
52
|
+
*/
|
|
53
|
+
|
|
54
|
+
export { SegmentedControlComponent };
|
|
55
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-segmented-control.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-segmented-control.mjs","sources":["../../../../libs/web-components-angular/src/lib/segmented-control/segmented-control.component.ts","../../../../libs/web-components-angular/src/lib/segmented-control/segmented-control.component.html","../../../../libs/web-components-angular/src/lib/segmented-control/index.ts","../../../../libs/web-components-angular/src/lib/segmented-control/viasat-beam-web-components-angular-src-lib-segmented-control.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-segmented-control>\n * Generated from: libs/web-components/src/lib/SegmentedControl/SegmentedControl.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n booleanAttribute,\n input,\n output,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/SegmentedControl';\n\n@Component({\n selector: 'bm-ng-segmented-control',\n standalone: true,\n templateUrl: './segmented-control.component.html',\n styleUrl: './segmented-control.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class SegmentedControlComponent {\n /**\n * Specify if all SegmentedControl items are disabled\n * @default false\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Specify the size of a SegmentedControl\n * @default 'md'\n */\n size = input<'sm' | 'md' | 'lg'>('md');\n\n /**\n * Specify the value of the initially selected item\n */\n initialSelection = input<string>();\n\n /**\n * Specify if the SegmentedControl is fluid with its parent container\n * @default false\n */\n fluid = input(false, { transform: booleanAttribute });\n\n /**\n * Dispatched when a `SegmentedControlItem` is selected, with the selected value in the `detail` property\n */\n bmChange = output<CustomEvent>();\n\n onBmChange(event: CustomEvent): void {\n this.bmChange.emit(event);\n }\n}\n","<bm-segmented-control\n [attr.disabled]=\"disabled() ? '' : null\"\n [size]=\"size()\"\n [initialSelection]=\"initialSelection()\"\n [attr.fluid]=\"fluid() ? '' : null\"\n (bm-change)=\"onBmChange($event)\"\n>\n <ng-content></ng-content>\n</bm-segmented-control>\n","// AUTO-GENERATED\nexport * from './segmented-control.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;AAOG;MAqBU,yBAAyB,CAAA;AACpC;;;AAGG;IACH,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAExD;;;AAGG;AACH,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,CAAC;AAEtC;;AAEG;IACH,gBAAgB,GAAG,KAAK,EAAU;AAElC;;;AAGG;IACH,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAErD;;AAEG;IACH,QAAQ,GAAG,MAAM,EAAe;AAEhC,IAAA,UAAU,CAAC,KAAkB,EAAA;AAC3B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;wGA/BW,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,yoBC5BtC,gRASA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDmBa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;+BACE,yBAAyB,EAAA,UAAA,EACvB,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,gRAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AE1BnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/Spinner';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-spinner>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/Spinner/Spinner.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*
|
|
13
|
+
* @slot body - Specify the body text for Spinner. Falls back to `body` prop if not provided.
|
|
14
|
+
* @slot heading - Specify the heading text for Spinner. Falls back to `heading` prop if not provided.
|
|
15
|
+
*/
|
|
16
|
+
class SpinnerComponent {
|
|
17
|
+
/**
|
|
18
|
+
* Specify the size of the spinner
|
|
19
|
+
* @default 'md'
|
|
20
|
+
*/
|
|
21
|
+
size = input('md');
|
|
22
|
+
/**
|
|
23
|
+
* Specify if a spinner is determinate by setting a value
|
|
24
|
+
*/
|
|
25
|
+
value = input();
|
|
26
|
+
/**
|
|
27
|
+
* Specify if a percentage displays with the Spinner
|
|
28
|
+
*/
|
|
29
|
+
showPercentage = input(false, { transform: booleanAttribute });
|
|
30
|
+
/**
|
|
31
|
+
* Specify the heading text for Spinner (used if no heading slot is provided).
|
|
32
|
+
*/
|
|
33
|
+
heading = input();
|
|
34
|
+
/**
|
|
35
|
+
* Specify the body text for Spinner (used if no body slot is provided).
|
|
36
|
+
*/
|
|
37
|
+
body = input();
|
|
38
|
+
/**
|
|
39
|
+
* Specify the theme of the Spinner. By default it inherits the theme from the parent
|
|
40
|
+
*/
|
|
41
|
+
theme = input();
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: SpinnerComponent, isStandalone: true, selector: "bm-ng-spinner", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showPercentage: { classPropertyName: "showPercentage", publicName: "showPercentage", isSignal: true, isRequired: false, transformFunction: null }, heading: { classPropertyName: "heading", publicName: "heading", isSignal: true, isRequired: false, transformFunction: null }, body: { classPropertyName: "body", publicName: "body", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bm-spinner\n [size]=\"size()\"\n [value]=\"value()\"\n [attr.showPercentage]=\"showPercentage() ? '' : null\"\n [heading]=\"heading()\"\n [body]=\"body()\"\n [theme]=\"theme()\"\n>\n <ng-content></ng-content>\n</bm-spinner>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
44
|
+
}
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SpinnerComponent, decorators: [{
|
|
46
|
+
type: Component,
|
|
47
|
+
args: [{ selector: 'bm-ng-spinner', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-spinner\n [size]=\"size()\"\n [value]=\"value()\"\n [attr.showPercentage]=\"showPercentage() ? '' : null\"\n [heading]=\"heading()\"\n [body]=\"body()\"\n [theme]=\"theme()\"\n>\n <ng-content></ng-content>\n</bm-spinner>\n", styles: [":host{display:block}\n"] }]
|
|
48
|
+
}] });
|
|
49
|
+
|
|
50
|
+
// AUTO-GENERATED
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* Generated bundle index. Do not edit.
|
|
54
|
+
*/
|
|
55
|
+
|
|
56
|
+
export { SpinnerComponent };
|
|
57
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-spinner.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-spinner.mjs","sources":["../../../../libs/web-components-angular/src/lib/spinner/spinner.component.ts","../../../../libs/web-components-angular/src/lib/spinner/spinner.component.html","../../../../libs/web-components-angular/src/lib/spinner/index.ts","../../../../libs/web-components-angular/src/lib/spinner/viasat-beam-web-components-angular-src-lib-spinner.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-spinner>\n * Generated from: libs/web-components/src/lib/Spinner/Spinner.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n * \n * @slot body - Specify the body text for Spinner. Falls back to `body` prop if not provided.\n * @slot heading - Specify the heading text for Spinner. Falls back to `heading` prop if not provided.\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n booleanAttribute,\n input,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/Spinner';\n\n@Component({\n selector: 'bm-ng-spinner',\n standalone: true,\n templateUrl: './spinner.component.html',\n styleUrl: './spinner.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class SpinnerComponent {\n /**\n * Specify the size of the spinner\n * @default 'md'\n */\n size = input<'xxs' | 'xs' | 'sm' | 'md' | 'lg'>('md');\n\n /**\n * Specify if a spinner is determinate by setting a value\n */\n value = input<number>();\n\n /**\n * Specify if a percentage displays with the Spinner\n */\n showPercentage = input(false, { transform: booleanAttribute });\n\n /**\n * Specify the heading text for Spinner (used if no heading slot is provided).\n */\n heading = input<string>();\n\n /**\n * Specify the body text for Spinner (used if no body slot is provided).\n */\n body = input<string>();\n\n /**\n * Specify the theme of the Spinner. By default it inherits the theme from the parent\n */\n theme = input<'light' | 'dark'>();\n\n\n}\n","<bm-spinner\n [size]=\"size()\"\n [value]=\"value()\"\n [attr.showPercentage]=\"showPercentage() ? '' : null\"\n [heading]=\"heading()\"\n [body]=\"body()\"\n [theme]=\"theme()\"\n>\n <ng-content></ng-content>\n</bm-spinner>\n","// AUTO-GENERATED\nexport * from './spinner.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;AAUG;MAoBU,gBAAgB,CAAA;AAC3B;;;AAGG;AACH,IAAA,IAAI,GAAG,KAAK,CAAoC,IAAI,CAAC;AAErD;;AAEG;IACH,KAAK,GAAG,KAAK,EAAU;AAEvB;;AAEG;IACH,cAAc,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE9D;;AAEG;IACH,OAAO,GAAG,KAAK,EAAU;AAEzB;;AAEG;IACH,IAAI,GAAG,KAAK,EAAU;AAEtB;;AAEG;IACH,KAAK,GAAG,KAAK,EAAoB;wGA9BtB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,g0BC9B7B,2OAUA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDoBa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;+BACE,eAAe,EAAA,UAAA,EACb,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,2OAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;;AE5BnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/Text';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-text>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/Text/Text.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*
|
|
13
|
+
* @slot default - The text content for the Text component or pass the `text` attribute to set the text content
|
|
14
|
+
*/
|
|
15
|
+
class TextComponent {
|
|
16
|
+
/**
|
|
17
|
+
* The text content. If provided, will be used instead of slot content.
|
|
18
|
+
*/
|
|
19
|
+
text = input();
|
|
20
|
+
/**
|
|
21
|
+
* Specify the theme of the Text. By default it inherits the theme from the parent
|
|
22
|
+
*/
|
|
23
|
+
theme = input();
|
|
24
|
+
/**
|
|
25
|
+
* Specify if Text displays as a heading, body, detail, or label variant
|
|
26
|
+
* @default 'body-md'
|
|
27
|
+
*/
|
|
28
|
+
kind = input('body-md');
|
|
29
|
+
/**
|
|
30
|
+
* Specifies the color of the text
|
|
31
|
+
*/
|
|
32
|
+
color = input();
|
|
33
|
+
/**
|
|
34
|
+
* Sets the css word-break property
|
|
35
|
+
*/
|
|
36
|
+
wordBreak = input();
|
|
37
|
+
/**
|
|
38
|
+
* Sets css text-align to either start, center, or end
|
|
39
|
+
*/
|
|
40
|
+
alignment = input();
|
|
41
|
+
/**
|
|
42
|
+
* Specify if Text is bold. This prop only works for body `kinds`
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
45
|
+
bold = input(false, { transform: booleanAttribute });
|
|
46
|
+
/**
|
|
47
|
+
* Changes the css display to block
|
|
48
|
+
* @default false
|
|
49
|
+
*/
|
|
50
|
+
block = input(false, { transform: booleanAttribute });
|
|
51
|
+
/**
|
|
52
|
+
* Truncates css text with ellipsis if it exceeds the container
|
|
53
|
+
* @default false
|
|
54
|
+
*/
|
|
55
|
+
truncate = input(false, { transform: booleanAttribute });
|
|
56
|
+
/**
|
|
57
|
+
* Reduces the line-height of body and label `kind` variants
|
|
58
|
+
* @default false
|
|
59
|
+
*/
|
|
60
|
+
compact = input(false, { transform: booleanAttribute });
|
|
61
|
+
/**
|
|
62
|
+
* Adds a strikethrough to the text
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
65
|
+
strikethrough = input(false, { transform: booleanAttribute });
|
|
66
|
+
/**
|
|
67
|
+
* Underlines the text
|
|
68
|
+
* @default false
|
|
69
|
+
*/
|
|
70
|
+
underline = input(false, { transform: booleanAttribute });
|
|
71
|
+
/**
|
|
72
|
+
* Italicizes the text
|
|
73
|
+
* @default false
|
|
74
|
+
*/
|
|
75
|
+
italic = input(false, { transform: booleanAttribute });
|
|
76
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: TextComponent, isStandalone: true, selector: "bm-ng-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, wordBreak: { classPropertyName: "wordBreak", publicName: "wordBreak", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, bold: { classPropertyName: "bold", publicName: "bold", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null }, truncate: { classPropertyName: "truncate", publicName: "truncate", isSignal: true, isRequired: false, transformFunction: null }, compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, strikethrough: { classPropertyName: "strikethrough", publicName: "strikethrough", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, italic: { classPropertyName: "italic", publicName: "italic", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<bm-text\n [text]=\"text()\"\n [theme]=\"theme()\"\n [kind]=\"kind()\"\n [color]=\"color()\"\n [wordBreak]=\"wordBreak()\"\n [alignment]=\"alignment()\"\n [attr.bold]=\"bold() ? '' : null\"\n [attr.block]=\"block() ? '' : null\"\n [attr.truncate]=\"truncate() ? '' : null\"\n [attr.compact]=\"compact() ? '' : null\"\n [attr.strikethrough]=\"strikethrough() ? '' : null\"\n [attr.underline]=\"underline() ? '' : null\"\n [attr.italic]=\"italic() ? '' : null\"\n>\n <ng-content></ng-content>\n</bm-text>\n", styles: [":host{display:inline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
78
|
+
}
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextComponent, decorators: [{
|
|
80
|
+
type: Component,
|
|
81
|
+
args: [{ selector: 'bm-ng-text', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-text\n [text]=\"text()\"\n [theme]=\"theme()\"\n [kind]=\"kind()\"\n [color]=\"color()\"\n [wordBreak]=\"wordBreak()\"\n [alignment]=\"alignment()\"\n [attr.bold]=\"bold() ? '' : null\"\n [attr.block]=\"block() ? '' : null\"\n [attr.truncate]=\"truncate() ? '' : null\"\n [attr.compact]=\"compact() ? '' : null\"\n [attr.strikethrough]=\"strikethrough() ? '' : null\"\n [attr.underline]=\"underline() ? '' : null\"\n [attr.italic]=\"italic() ? '' : null\"\n>\n <ng-content></ng-content>\n</bm-text>\n", styles: [":host{display:inline}\n"] }]
|
|
82
|
+
}] });
|
|
83
|
+
|
|
84
|
+
// AUTO-GENERATED
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Generated bundle index. Do not edit.
|
|
88
|
+
*/
|
|
89
|
+
|
|
90
|
+
export { TextComponent };
|
|
91
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-text.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viasat-beam-web-components-angular-src-lib-text.mjs","sources":["../../../../libs/web-components-angular/src/lib/text/text.component.ts","../../../../libs/web-components-angular/src/lib/text/text.component.html","../../../../libs/web-components-angular/src/lib/text/index.ts","../../../../libs/web-components-angular/src/lib/text/viasat-beam-web-components-angular-src-lib-text.ts"],"sourcesContent":["/**\n * AUTO-GENERATED - DO NOT EDIT MANUALLY\n *\n * Angular wrapper for <bm-text>\n * Generated from: libs/web-components/src/lib/Text/Text.ts\n *\n * Re-generate: npx nx run web-components-angular:generate\n * \n * @slot default - The text content for the Text component or pass the `text` attribute to set the text content\n */\n\nimport {\n CUSTOM_ELEMENTS_SCHEMA,\n ChangeDetectionStrategy,\n Component,\n booleanAttribute,\n input,\n} from '@angular/core';\n\nimport '@viasat/beam-web-components/Text';\n\n@Component({\n selector: 'bm-ng-text',\n standalone: true,\n templateUrl: './text.component.html',\n styleUrl: './text.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class TextComponent {\n /**\n * The text content. If provided, will be used instead of slot content.\n */\n text = input<string>();\n\n /**\n * Specify the theme of the Text. By default it inherits the theme from the parent\n */\n theme = input<'light' | 'dark'>();\n\n /**\n * Specify if Text displays as a heading, body, detail, or label variant\n * @default 'body-md'\n */\n kind = input<'heading-6xl' | 'heading-5xl' | 'heading-4xl' | 'heading-3xl' | 'heading-2xl' | 'heading-xl' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'heading-xs' | 'heading-alt-6xl' | 'heading-alt-5xl' | 'heading-alt-4xl' | 'heading-alt-3xl' | 'heading-alt-2xl' | 'heading-alt-xl' | 'heading-alt-lg' | 'heading-alt-md' | 'heading-alt-sm' | 'heading-alt-xs' | 'body-2xl' | 'body-xl' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xs' | 'detail-xl' | 'detail-lg' | 'detail-md' | 'detail-sm' | 'detail-xs' | 'label-2xl' | 'label-xl' | 'label-lg' | 'label-md' | 'label-sm' | 'label-xs'>('body-md');\n\n /**\n * Specifies the color of the text\n */\n color = input<'primary' | 'secondary' | 'infoPrimary' | 'infoSecondary' | 'positive' | 'warning' | 'negative' | 'secondaryInverse' | 'selected' | 'disabled' | 'primaryInverse' | 'expressive' | 'expressiveStronger' | 'expressiveInverse' | 'expressiveInverseStronger'>();\n\n /**\n * Sets the css word-break property\n */\n wordBreak = input<'normal' | 'breakAll' | 'breakWord'>();\n\n /**\n * Sets css text-align to either start, center, or end\n */\n alignment = input<'start' | 'end' | 'center'>();\n\n /**\n * Specify if Text is bold. This prop only works for body `kinds`\n * @default false\n */\n bold = input(false, { transform: booleanAttribute });\n\n /**\n * Changes the css display to block\n * @default false\n */\n block = input(false, { transform: booleanAttribute });\n\n /**\n * Truncates css text with ellipsis if it exceeds the container\n * @default false\n */\n truncate = input(false, { transform: booleanAttribute });\n\n /**\n * Reduces the line-height of body and label `kind` variants\n * @default false\n */\n compact = input(false, { transform: booleanAttribute });\n\n /**\n * Adds a strikethrough to the text\n * @default false\n */\n strikethrough = input(false, { transform: booleanAttribute });\n\n /**\n * Underlines the text\n * @default false\n */\n underline = input(false, { transform: booleanAttribute });\n\n /**\n * Italicizes the text\n * @default false\n */\n italic = input(false, { transform: booleanAttribute });\n\n\n}\n","<bm-text\n [text]=\"text()\"\n [theme]=\"theme()\"\n [kind]=\"kind()\"\n [color]=\"color()\"\n [wordBreak]=\"wordBreak()\"\n [alignment]=\"alignment()\"\n [attr.bold]=\"bold() ? '' : null\"\n [attr.block]=\"block() ? '' : null\"\n [attr.truncate]=\"truncate() ? '' : null\"\n [attr.compact]=\"compact() ? '' : null\"\n [attr.strikethrough]=\"strikethrough() ? '' : null\"\n [attr.underline]=\"underline() ? '' : null\"\n [attr.italic]=\"italic() ? '' : null\"\n>\n <ng-content></ng-content>\n</bm-text>\n","// AUTO-GENERATED\nexport * from './text.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;;;;;;AASG;MAoBU,aAAa,CAAA;AACxB;;AAEG;IACH,IAAI,GAAG,KAAK,EAAU;AAEtB;;AAEG;IACH,KAAK,GAAG,KAAK,EAAoB;AAEjC;;;AAGG;AACH,IAAA,IAAI,GAAG,KAAK,CAA4jB,SAAS,CAAC;AAEllB;;AAEG;IACH,KAAK,GAAG,KAAK,EAA+P;AAE5Q;;AAEG;IACH,SAAS,GAAG,KAAK,EAAuC;AAExD;;AAEG;IACH,SAAS,GAAG,KAAK,EAA8B;AAE/C;;;AAGG;IACH,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEpD;;;AAGG;IACH,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAErD;;;AAGG;IACH,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAExD;;;AAGG;IACH,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEvD;;;AAGG;IACH,aAAa,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAE7D;;;AAGG;IACH,SAAS,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;AAEzD;;;AAGG;IACH,MAAM,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;wGAxE3C,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,aAAa,+qDC7B1B,wgBAiBA,EAAA,MAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FDYa,aAAa,EAAA,UAAA,EAAA,CAAA;kBARzB,SAAS;+BACE,YAAY,EAAA,UAAA,EACV,IAAI,EAAA,eAAA,EAGC,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,wgBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,CAAA,EAAA;;;AE3BnC;;ACAA;;AAEG;;;;"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { input, booleanAttribute, output, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import '@viasat/beam-web-components/Tooltip';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* AUTO-GENERATED - DO NOT EDIT MANUALLY
|
|
7
|
+
*
|
|
8
|
+
* Angular wrapper for <bm-tooltip>
|
|
9
|
+
* Generated from: libs/web-components/src/lib/Tooltip/Tooltip.ts
|
|
10
|
+
*
|
|
11
|
+
* Re-generate: npx nx run web-components-angular:generate
|
|
12
|
+
*
|
|
13
|
+
* @slot text - The content of Tooltip
|
|
14
|
+
* @slot trigger - The element that triggers Tooltip
|
|
15
|
+
*/
|
|
16
|
+
class TooltipComponent {
|
|
17
|
+
/**
|
|
18
|
+
* Specify the theme of Tooltip. By default it inherits the theme from the parent
|
|
19
|
+
*/
|
|
20
|
+
theme = input();
|
|
21
|
+
/**
|
|
22
|
+
* Control the visibility of Tooltip
|
|
23
|
+
*/
|
|
24
|
+
open = input(false, { transform: booleanAttribute });
|
|
25
|
+
/**
|
|
26
|
+
* Whether the arrow is visible
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
hideArrow = input(false, { transform: booleanAttribute });
|
|
30
|
+
/**
|
|
31
|
+
* Specify the placement of Tooltip relative to the anchor
|
|
32
|
+
* @default 'top'
|
|
33
|
+
*/
|
|
34
|
+
placement = input('top');
|
|
35
|
+
/**
|
|
36
|
+
* Specify if Tooltip should automatically choose the placement that has the most space.
|
|
37
|
+
<a href="https://floating-ui.com/docs/autoplacement#options" target="_blank" rel="noopener noreferrer">AutoPlacementOptions</a>
|
|
38
|
+
*/
|
|
39
|
+
autoPlacement = input();
|
|
40
|
+
/**
|
|
41
|
+
* Specify if Tooltip should flip to the opposite side if there is not enough space.
|
|
42
|
+
Cannot be used with `autoPlacement`.
|
|
43
|
+
<a href="https://floating-ui.com/docs/flip#options" target="_blank" rel="noopener noreferrer">FlipOptions</a>
|
|
44
|
+
* @default true
|
|
45
|
+
*/
|
|
46
|
+
flip = input(true);
|
|
47
|
+
/**
|
|
48
|
+
* Specify if Tooltip should shift to keep itself in view.
|
|
49
|
+
<a href="https://floating-ui.com/docs/shift#options" target="_blank" rel="noopener noreferrer">ShiftOptions</a>
|
|
50
|
+
* @default true
|
|
51
|
+
*/
|
|
52
|
+
shift = input(true);
|
|
53
|
+
/**
|
|
54
|
+
* Specify if Tooltip should hide when the anchor is not in view.
|
|
55
|
+
<a href="https://floating-ui.com/docs/hide#options" target="_blank" rel="noopener noreferrer">HideOptions</a>
|
|
56
|
+
* @default true
|
|
57
|
+
*/
|
|
58
|
+
autoHiding = input(true);
|
|
59
|
+
/**
|
|
60
|
+
* Pass an array to override the floating-ui middleware
|
|
61
|
+
or a function to modify the Beam-default middleware array.
|
|
62
|
+
<a href="https://floating-ui.com/docs/middleware" target="_blank" rel="noopener noreferrer">Middleware</a>
|
|
63
|
+
*/
|
|
64
|
+
middleware = input();
|
|
65
|
+
/**
|
|
66
|
+
* Control the default visibility of Tooltip
|
|
67
|
+
* @default false
|
|
68
|
+
*/
|
|
69
|
+
defaultOpen = input(false, { transform: booleanAttribute });
|
|
70
|
+
/**
|
|
71
|
+
* Specify the delay in milliseconds before Tooltip appears
|
|
72
|
+
when the anchor is hovered
|
|
73
|
+
* @default 0
|
|
74
|
+
*/
|
|
75
|
+
showDelay = input(0);
|
|
76
|
+
/**
|
|
77
|
+
* Enable the Popover API internally on supported browsers
|
|
78
|
+
* @default true
|
|
79
|
+
*/
|
|
80
|
+
popoverAPI = input(true, { transform: booleanAttribute });
|
|
81
|
+
/**
|
|
82
|
+
* Disable aria-describedby and id attributes on the floating and anchor content
|
|
83
|
+
* @default false
|
|
84
|
+
*/
|
|
85
|
+
disableAutoAria = input(false, { transform: booleanAttribute });
|
|
86
|
+
/**
|
|
87
|
+
* Override the auto-generated id attached to the trigger for aria-describedby
|
|
88
|
+
*/
|
|
89
|
+
autoDescribedById = input();
|
|
90
|
+
/**
|
|
91
|
+
* Prevent Tooltip from appearing
|
|
92
|
+
* @default false
|
|
93
|
+
*/
|
|
94
|
+
disabled = input(false, { transform: booleanAttribute });
|
|
95
|
+
/**
|
|
96
|
+
* Specify the size of the Tooltip trigger. `none` to leave uncontrolled.
|
|
97
|
+
* @default 'md'
|
|
98
|
+
*/
|
|
99
|
+
triggerSize = input('md');
|
|
100
|
+
/**
|
|
101
|
+
* Dispatched when the Tooltip is toggled
|
|
102
|
+
*/
|
|
103
|
+
bmToggle = output();
|
|
104
|
+
onBmToggle(event) {
|
|
105
|
+
this.bmToggle.emit(event);
|
|
106
|
+
}
|
|
107
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
108
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.18", type: TooltipComponent, isStandalone: true, selector: "bm-ng-tooltip", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, hideArrow: { classPropertyName: "hideArrow", publicName: "hideArrow", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, autoPlacement: { classPropertyName: "autoPlacement", publicName: "autoPlacement", isSignal: true, isRequired: false, transformFunction: null }, flip: { classPropertyName: "flip", publicName: "flip", isSignal: true, isRequired: false, transformFunction: null }, shift: { classPropertyName: "shift", publicName: "shift", isSignal: true, isRequired: false, transformFunction: null }, autoHiding: { classPropertyName: "autoHiding", publicName: "autoHiding", isSignal: true, isRequired: false, transformFunction: null }, middleware: { classPropertyName: "middleware", publicName: "middleware", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null }, showDelay: { classPropertyName: "showDelay", publicName: "showDelay", isSignal: true, isRequired: false, transformFunction: null }, popoverAPI: { classPropertyName: "popoverAPI", publicName: "popoverAPI", isSignal: true, isRequired: false, transformFunction: null }, disableAutoAria: { classPropertyName: "disableAutoAria", publicName: "disableAutoAria", isSignal: true, isRequired: false, transformFunction: null }, autoDescribedById: { classPropertyName: "autoDescribedById", publicName: "autoDescribedById", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, triggerSize: { classPropertyName: "triggerSize", publicName: "triggerSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { bmToggle: "bmToggle" }, ngImport: i0, template: "<bm-tooltip\n [theme]=\"theme()\"\n [attr.open]=\"open() ? '' : null\"\n [attr.hideArrow]=\"hideArrow() ? '' : null\"\n [placement]=\"placement()\"\n [autoPlacement]=\"autoPlacement()\"\n [flip]=\"flip()\"\n [shift]=\"shift()\"\n [autoHiding]=\"autoHiding()\"\n [middleware]=\"middleware()\"\n [attr.defaultOpen]=\"defaultOpen() ? '' : null\"\n [showDelay]=\"showDelay()\"\n [attr.popoverAPI]=\"popoverAPI() ? '' : null\"\n [attr.disableAutoAria]=\"disableAutoAria() ? '' : null\"\n [autoDescribedById]=\"autoDescribedById()\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [triggerSize]=\"triggerSize()\"\n (bm-toggle)=\"onBmToggle($event)\"\n>\n <ng-content></ng-content>\n</bm-tooltip>\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
109
|
+
}
|
|
110
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
111
|
+
type: Component,
|
|
112
|
+
args: [{ selector: 'bm-ng-tooltip', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<bm-tooltip\n [theme]=\"theme()\"\n [attr.open]=\"open() ? '' : null\"\n [attr.hideArrow]=\"hideArrow() ? '' : null\"\n [placement]=\"placement()\"\n [autoPlacement]=\"autoPlacement()\"\n [flip]=\"flip()\"\n [shift]=\"shift()\"\n [autoHiding]=\"autoHiding()\"\n [middleware]=\"middleware()\"\n [attr.defaultOpen]=\"defaultOpen() ? '' : null\"\n [showDelay]=\"showDelay()\"\n [attr.popoverAPI]=\"popoverAPI() ? '' : null\"\n [attr.disableAutoAria]=\"disableAutoAria() ? '' : null\"\n [autoDescribedById]=\"autoDescribedById()\"\n [attr.disabled]=\"disabled() ? '' : null\"\n [triggerSize]=\"triggerSize()\"\n (bm-toggle)=\"onBmToggle($event)\"\n>\n <ng-content></ng-content>\n</bm-tooltip>\n", styles: [":host{display:block}\n"] }]
|
|
113
|
+
}] });
|
|
114
|
+
|
|
115
|
+
// AUTO-GENERATED
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* Generated bundle index. Do not edit.
|
|
119
|
+
*/
|
|
120
|
+
|
|
121
|
+
export { TooltipComponent };
|
|
122
|
+
//# sourceMappingURL=viasat-beam-web-components-angular-src-lib-tooltip.mjs.map
|