@flywheel-io/vision 0.11.3 → 0.13.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.
Files changed (142) hide show
  1. package/README.md +28 -2
  2. package/components/button/button.component.d.ts +2 -1
  3. package/components/button/button.directives.d.ts +37 -0
  4. package/components/button/button.module.d.ts +5 -4
  5. package/components/card/card-attribute/card-attribute.component.d.ts +7 -0
  6. package/components/card/card-author/card-author.component.d.ts +7 -0
  7. package/components/card/card-content/card-content.component.d.ts +5 -0
  8. package/components/card/card-footer/card-footer.component.d.ts +9 -0
  9. package/components/card/card-header/card-header.component.d.ts +8 -0
  10. package/components/card/card.component.d.ts +12 -0
  11. package/components/card/card.module.d.ts +15 -0
  12. package/components/chip/chip.component.d.ts +1 -0
  13. package/components/dialog/dialog-confirm.component.d.ts +22 -0
  14. package/components/dialog/dialog-simple.component.d.ts +19 -0
  15. package/components/dialog/dialog.component.d.ts +41 -0
  16. package/components/dialog/dialogs.module.d.ts +15 -0
  17. package/components/icon-button/icon-button.component.d.ts +1 -0
  18. package/components/layouts/context/context.component.d.ts +12 -0
  19. package/components/layouts/layout-group.component.d.ts +7 -0
  20. package/components/layouts/layout-width.d.ts +6 -0
  21. package/components/layouts/layouts.module.d.ts +9 -0
  22. package/components/layouts/toolbar/toolbar.component.d.ts +5 -0
  23. package/components/{dialog → legacy/dialog}/choice-dialog.component.d.ts +4 -1
  24. package/components/{dialog → legacy/dialog}/confirm-dialog.component.d.ts +4 -1
  25. package/components/{dialog → legacy/dialog}/dialog.module.d.ts +4 -1
  26. package/components/{dialog → legacy/dialog}/dialog.service.d.ts +3 -0
  27. package/components/{dialog → legacy/dialog}/error-dialog.component.d.ts +4 -1
  28. package/components/{dialog → legacy/dialog}/portal-dialog.component.d.ts +4 -1
  29. package/components/{notification → legacy/notification}/notification.module.d.ts +2 -2
  30. package/components/menu/menu-container/menu-container.component.d.ts +21 -0
  31. package/components/menu/menu-header/menu-header.component.d.ts +5 -0
  32. package/components/menu/menu-item/menu-item.component.d.ts +22 -0
  33. package/components/menu/menu-separator/menu-separator.component.d.ts +5 -0
  34. package/components/menu/menu.component.d.ts +32 -0
  35. package/components/menu/menu.module.d.ts +20 -0
  36. package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +54 -0
  37. package/components/select-menu/select-menu.component.d.ts +38 -0
  38. package/components/select-menu/select-menu.module.d.ts +16 -0
  39. package/components/stepper/step.component.d.ts +20 -0
  40. package/components/stepper/stepper.component.d.ts +23 -0
  41. package/components/stepper/stepper.module.d.ts +11 -0
  42. package/components/text-input/text-input.component.d.ts +2 -1
  43. package/esm2020/components/alert/alert.component.mjs +2 -2
  44. package/esm2020/components/button/button.component.mjs +7 -4
  45. package/esm2020/components/button/button.directives.mjs +129 -0
  46. package/esm2020/components/button/button.module.mjs +24 -3
  47. package/esm2020/components/button-group/button-group.component.mjs +2 -2
  48. package/esm2020/components/card/card-attribute/card-attribute.component.mjs +17 -0
  49. package/esm2020/components/card/card-author/card-author.component.mjs +15 -0
  50. package/esm2020/components/card/card-content/card-content.component.mjs +11 -0
  51. package/esm2020/components/card/card-footer/card-footer.component.mjs +29 -0
  52. package/esm2020/components/card/card-header/card-header.component.mjs +19 -0
  53. package/esm2020/components/card/card.component.mjs +27 -0
  54. package/esm2020/components/card/card.module.mjs +57 -0
  55. package/esm2020/components/chip/chip.component.mjs +9 -3
  56. package/esm2020/components/dialog/dialog-confirm.component.mjs +56 -0
  57. package/esm2020/components/dialog/dialog-simple.component.mjs +46 -0
  58. package/esm2020/components/dialog/dialog.component.mjs +122 -0
  59. package/esm2020/components/dialog/dialogs.module.mjs +66 -0
  60. package/esm2020/components/icon-button/icon-button.component.mjs +6 -3
  61. package/esm2020/components/layouts/context/context.component.mjs +38 -0
  62. package/esm2020/components/layouts/layout-group.component.mjs +27 -0
  63. package/esm2020/components/layouts/layout-width.mjs +8 -0
  64. package/esm2020/components/layouts/layouts.module.mjs +29 -0
  65. package/esm2020/components/layouts/toolbar/toolbar.component.mjs +11 -0
  66. package/esm2020/components/legacy/dialog/choice-dialog.component.mjs +107 -0
  67. package/esm2020/components/legacy/dialog/confirm-dialog.component.mjs +61 -0
  68. package/esm2020/components/legacy/dialog/dialog.module.mjs +82 -0
  69. package/esm2020/components/legacy/dialog/dialog.service.mjs +75 -0
  70. package/esm2020/components/legacy/dialog/error-dialog.component.mjs +52 -0
  71. package/esm2020/components/legacy/dialog/portal-dialog.component.mjs +109 -0
  72. package/esm2020/components/legacy/notification/notification/notification.component.mjs +74 -0
  73. package/esm2020/components/legacy/notification/notification/notification.model.mjs +9 -0
  74. package/esm2020/components/legacy/notification/notification-container/notification-container.component.mjs +98 -0
  75. package/esm2020/components/legacy/notification/notification-timer.service.mjs +29 -0
  76. package/esm2020/components/legacy/notification/notification.module.mjs +51 -0
  77. package/esm2020/components/legacy/notification/notification.service.mjs +36 -0
  78. package/esm2020/components/legacy/popover/popover-trigger.component.mjs +66 -0
  79. package/esm2020/components/legacy/popover/popover-trigger.directive.mjs +139 -0
  80. package/esm2020/components/{popover → legacy/popover}/popover.component.mjs +1 -1
  81. package/esm2020/components/{popover → legacy/popover}/popover.module.mjs +1 -1
  82. package/esm2020/components/menu/menu-container/menu-container.component.mjs +71 -0
  83. package/esm2020/components/menu/menu-header/menu-header.component.mjs +11 -0
  84. package/esm2020/components/menu/menu-item/menu-item.component.mjs +70 -0
  85. package/esm2020/components/menu/menu-separator/menu-separator.component.mjs +11 -0
  86. package/esm2020/components/menu/menu.component.mjs +165 -0
  87. package/esm2020/components/menu/menu.module.mjs +76 -0
  88. package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +281 -0
  89. package/esm2020/components/select-menu/select-menu.component.mjs +127 -0
  90. package/esm2020/components/select-menu/select-menu.module.mjs +57 -0
  91. package/esm2020/components/stepper/step.component.mjs +52 -0
  92. package/esm2020/components/stepper/stepper.component.mjs +95 -0
  93. package/esm2020/components/stepper/stepper.module.mjs +37 -0
  94. package/esm2020/components/text-input/text-input.component.mjs +6 -4
  95. package/esm2020/public-api.mjs +44 -16
  96. package/fesm2015/flywheel-io-vision.mjs +1927 -249
  97. package/fesm2015/flywheel-io-vision.mjs.map +1 -1
  98. package/fesm2020/flywheel-io-vision.mjs +1925 -253
  99. package/fesm2020/flywheel-io-vision.mjs.map +1 -1
  100. package/package.json +1 -9
  101. package/public-api.d.ts +43 -15
  102. package/scss/config/general.scss +4 -0
  103. package/scss/config/typography.scss +1 -1
  104. package/scss/config/vision-colors.scss +5 -5
  105. package/scss/icons/_icon-glyphs.scss +1 -0
  106. package/styles.css +12 -7
  107. package/elements/README.md +0 -20
  108. package/elements/elements.d.ts +0 -3
  109. package/elements/index.d.ts +0 -5
  110. package/elements/polyfills.d.ts +0 -57
  111. package/elements/public-api.d.ts +0 -1
  112. package/esm2020/components/dialog/choice-dialog.component.mjs +0 -90
  113. package/esm2020/components/dialog/confirm-dialog.component.mjs +0 -54
  114. package/esm2020/components/dialog/dialog.module.mjs +0 -79
  115. package/esm2020/components/dialog/dialog.service.mjs +0 -72
  116. package/esm2020/components/dialog/error-dialog.component.mjs +0 -49
  117. package/esm2020/components/dialog/portal-dialog.component.mjs +0 -106
  118. package/esm2020/components/notification/notification/notification.component.mjs +0 -74
  119. package/esm2020/components/notification/notification/notification.model.mjs +0 -9
  120. package/esm2020/components/notification/notification-container/notification-container.component.mjs +0 -98
  121. package/esm2020/components/notification/notification-timer.service.mjs +0 -29
  122. package/esm2020/components/notification/notification.module.mjs +0 -51
  123. package/esm2020/components/notification/notification.service.mjs +0 -36
  124. package/esm2020/components/popover/popover-trigger.component.mjs +0 -66
  125. package/esm2020/components/popover/popover-trigger.directive.mjs +0 -139
  126. package/esm2020/elements/elements.mjs +0 -59
  127. package/esm2020/elements/flywheel-io-vision-elements.mjs +0 -5
  128. package/esm2020/elements/polyfills.mjs +0 -60
  129. package/esm2020/elements/public-api.mjs +0 -2
  130. package/fesm2015/flywheel-io-vision-elements.mjs +0 -83
  131. package/fesm2015/flywheel-io-vision-elements.mjs.map +0 -1
  132. package/fesm2020/flywheel-io-vision-elements.mjs +0 -83
  133. package/fesm2020/flywheel-io-vision-elements.mjs.map +0 -1
  134. /package/components/{notification → legacy/notification}/notification/notification.component.d.ts +0 -0
  135. /package/components/{notification → legacy/notification}/notification/notification.model.d.ts +0 -0
  136. /package/components/{notification → legacy/notification}/notification-container/notification-container.component.d.ts +0 -0
  137. /package/components/{notification → legacy/notification}/notification-timer.service.d.ts +0 -0
  138. /package/components/{notification → legacy/notification}/notification.service.d.ts +0 -0
  139. /package/components/{popover → legacy/popover}/popover-trigger.component.d.ts +0 -0
  140. /package/components/{popover → legacy/popover}/popover-trigger.directive.d.ts +0 -0
  141. /package/components/{popover → legacy/popover}/popover.component.d.ts +0 -0
  142. /package/components/{popover → legacy/popover}/popover.module.d.ts +0 -0
@@ -0,0 +1,54 @@
1
+ import { CdkMenuTrigger } from '@angular/cdk/menu';
2
+ import { AfterContentInit, ElementRef, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
3
+ import { ControlValueAccessor } from '@angular/forms';
4
+ import { FwMenuComponent } from '../../menu/menu.component';
5
+ import { FwMenuItemComponent } from '../../menu/menu-item/menu-item.component';
6
+ import * as i0 from "@angular/core";
7
+ export declare class FwMultiSelectMenuComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnDestroy {
8
+ options: object[];
9
+ valueProperty?: string;
10
+ labelProperty?: string;
11
+ iconProperty?: string;
12
+ disabled?: boolean;
13
+ useCheckbox?: boolean;
14
+ closeOnSelect?: boolean;
15
+ filterItemsOnSelect?: boolean;
16
+ maxSelectedShown: number;
17
+ width: string;
18
+ minHeight: string;
19
+ maxHeight: string;
20
+ optionsWidth?: string;
21
+ maxOptionsHeight?: string;
22
+ placeholder: string;
23
+ trigger: CdkMenuTrigger;
24
+ menu: FwMenuComponent;
25
+ renderedMenuItems: QueryList<FwMenuItemComponent>;
26
+ menuItems: QueryList<FwMenuItemComponent>;
27
+ value: object[];
28
+ selectedValues: string[];
29
+ filteredOptions: object[];
30
+ private subscriptions;
31
+ textInput: ElementRef<HTMLInputElement>;
32
+ textInitialInput: ElementRef<HTMLInputElement>;
33
+ focused: number;
34
+ private touched;
35
+ onChange: (value: object[]) => void;
36
+ onTouched: () => void;
37
+ registerOnChange(fn: (value: object[]) => void): void;
38
+ registerOnTouched(fn: () => void): void;
39
+ setDisabledState?(isDisabled: boolean): void;
40
+ writeValue(value: object[]): void;
41
+ ngOnChanges(changes: SimpleChanges): void;
42
+ ngOnDestroy(): void;
43
+ ngAfterContentInit(): void;
44
+ handleTouched(): void;
45
+ handleClose(chip: object): void;
46
+ handleClick(e: string[]): void;
47
+ updateFilteredItems(): void;
48
+ updateValue(value: object[]): void;
49
+ moveFocused(direction: string): void;
50
+ handleKeyDown(event: KeyboardEvent): void;
51
+ handleKeyUp(event: KeyboardEvent): void;
52
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwMultiSelectMenuComponent, never>;
53
+ static ɵcmp: i0.ɵɵComponentDeclaration<FwMultiSelectMenuComponent, "fw-multi-select", never, { "options": "options"; "valueProperty": "valueProperty"; "labelProperty": "labelProperty"; "iconProperty": "iconProperty"; "disabled": "disabled"; "useCheckbox": "useCheckbox"; "closeOnSelect": "closeOnSelect"; "filterItemsOnSelect": "filterItemsOnSelect"; "maxSelectedShown": "maxSelectedShown"; "width": "width"; "minHeight": "minHeight"; "maxHeight": "maxHeight"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
54
+ }
@@ -0,0 +1,38 @@
1
+ import { CdkMenuTrigger } from '@angular/cdk/menu';
2
+ import { AfterContentInit, OnDestroy, QueryList } from '@angular/core';
3
+ import { ControlValueAccessor } from '@angular/forms';
4
+ import { FwMenuComponent } from '../menu/menu.component';
5
+ import { FwMenuItemComponent } from '../menu/menu-item/menu-item.component';
6
+ import * as i0 from "@angular/core";
7
+ export declare class FwSelectMenuComponent implements ControlValueAccessor, AfterContentInit, OnDestroy {
8
+ options: object[];
9
+ valueProperty?: string;
10
+ labelProperty?: string;
11
+ iconProperty?: string;
12
+ showFilter?: boolean;
13
+ disabled?: boolean;
14
+ width: string;
15
+ optionsWidth?: string;
16
+ maxOptionsHeight?: string;
17
+ placeholder: string;
18
+ trigger: CdkMenuTrigger;
19
+ menu: FwMenuComponent;
20
+ menuItems: QueryList<FwMenuItemComponent>;
21
+ value: object;
22
+ selectValue: string;
23
+ selectLabel: string;
24
+ selectIcon: string;
25
+ private subscriptions;
26
+ onChange: (value: object) => void;
27
+ onTouched: () => void;
28
+ registerOnChange(fn: (value: object) => void): void;
29
+ registerOnTouched(fn: () => void): void;
30
+ setDisabledState?(isDisabled: boolean): void;
31
+ writeValue(value: object): void;
32
+ ngOnDestroy(): void;
33
+ ngAfterContentInit(): void;
34
+ handleClick(e: string): void;
35
+ updateValue(value: object): void;
36
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuComponent, never>;
37
+ static ɵcmp: i0.ɵɵComponentDeclaration<FwSelectMenuComponent, "fw-select", never, { "options": "options"; "valueProperty": "valueProperty"; "labelProperty": "labelProperty"; "iconProperty": "iconProperty"; "showFilter": "showFilter"; "disabled": "disabled"; "width": "width"; "optionsWidth": "optionsWidth"; "maxOptionsHeight": "maxOptionsHeight"; "placeholder": "placeholder"; }, {}, ["menuItems"], ["[fw-menu-item, fw-menu-separator]"], false>;
38
+ }
@@ -0,0 +1,16 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./multi-select-menu/multi-select-menu.component";
3
+ import * as i2 from "./select-menu.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "@angular/cdk/menu";
6
+ import * as i5 from "@angular/forms";
7
+ import * as i6 from "../chip/chip.module";
8
+ import * as i7 from "../icon/icon.module";
9
+ import * as i8 from "../menu/menu.module";
10
+ import * as i9 from "../text-input/text-input.module";
11
+ import * as i10 from "@angular/router";
12
+ export declare class FwSelectMenuModule {
13
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwSelectMenuModule, never>;
14
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FwSelectMenuModule, [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent], [typeof i3.CommonModule, typeof i4.CdkMenuModule, typeof i5.FormsModule, typeof i6.FwChipModule, typeof i7.FwIconModule, typeof i8.FwMenuModule, typeof i9.FwTextInputModule, typeof i10.RouterModule], [typeof i1.FwMultiSelectMenuComponent, typeof i2.FwSelectMenuComponent]>;
15
+ static ɵinj: i0.ɵɵInjectorDeclaration<FwSelectMenuModule>;
16
+ }
@@ -0,0 +1,20 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export declare class FwStepComponent {
4
+ stepNumber: number;
5
+ color?: 'slate' | 'success' | 'error' | 'warning' | 'info';
6
+ variant?: 'number' | 'icon' | 'decorator';
7
+ alignment?: 'left' | 'center';
8
+ backgroundColor?: string;
9
+ title: string;
10
+ subtitle?: string;
11
+ icon?: string;
12
+ disabled?: boolean;
13
+ active?: boolean;
14
+ completed?: boolean;
15
+ done?: boolean;
16
+ select: EventEmitter<number>;
17
+ handleClick(): void;
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwStepComponent, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<FwStepComponent, "fw-step", never, { "stepNumber": "stepNumber"; "color": "color"; "variant": "variant"; "alignment": "alignment"; "backgroundColor": "backgroundColor"; "title": "title"; "subtitle": "subtitle"; "icon": "icon"; "disabled": "disabled"; "active": "active"; "completed": "completed"; "done": "done"; }, { "select": "select"; }, never, ["fw-step-decorator"], false>;
20
+ }
@@ -0,0 +1,23 @@
1
+ import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, QueryList, SimpleChanges } from '@angular/core';
2
+ import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
3
+ import { FwStepComponent } from './step.component';
4
+ import * as i0 from "@angular/core";
5
+ export declare class FwStepperComponent implements OnChanges, OnDestroy, AfterContentInit {
6
+ private sanitizer;
7
+ activeStep: number;
8
+ doneStep?: number;
9
+ alignment?: 'left' | 'center';
10
+ backgroundColor?: string;
11
+ stepChange?: EventEmitter<number>;
12
+ steps: QueryList<FwStepComponent>;
13
+ get style(): SafeStyle;
14
+ private subscriptions;
15
+ constructor(sanitizer: DomSanitizer);
16
+ ngOnDestroy(): void;
17
+ ngOnChanges(changes: SimpleChanges): void;
18
+ ngAfterContentInit(): void;
19
+ handleSelect(step?: number): void;
20
+ updateSteps(): void;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwStepperComponent, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<FwStepperComponent, "fw-stepper", never, { "activeStep": "activeStep"; "doneStep": "doneStep"; "alignment": "alignment"; "backgroundColor": "backgroundColor"; }, { "stepChange": "stepChange"; }, ["steps"], ["fw-step"], false>;
23
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./step.component";
3
+ import * as i2 from "./stepper.component";
4
+ import * as i3 from "@angular/common";
5
+ import * as i4 from "../icon/icon.module";
6
+ import * as i5 from "../icon-button/icon-button.module";
7
+ export declare class FwStepperModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<FwStepperModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FwStepperModule, [typeof i1.FwStepComponent, typeof i2.FwStepperComponent], [typeof i3.CommonModule, typeof i4.FwIconModule, typeof i5.FwIconButtonModule], [typeof i1.FwStepComponent, typeof i2.FwStepperComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<FwStepperModule>;
11
+ }
@@ -6,6 +6,7 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
6
6
  context?: string;
7
7
  helperText?: string;
8
8
  placeholder?: string;
9
+ readOnly?: boolean;
9
10
  size?: 'small' | 'medium' | 'large';
10
11
  error?: boolean;
11
12
  value: string;
@@ -20,5 +21,5 @@ export declare class FwTextInputComponent implements ControlValueAccessor {
20
21
  changeHandler(event: KeyboardEvent): void;
21
22
  blurHandler(): void;
22
23
  static ɵfac: i0.ɵɵFactoryDeclaration<FwTextInputComponent, never>;
23
- static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "placeholder": "placeholder"; "size": "size"; "error": "error"; }, {}, never, never, false>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<FwTextInputComponent, "fw-text-input", never, { "leftIcon": "leftIcon"; "rightIcon": "rightIcon"; "context": "context"; "helperText": "helperText"; "placeholder": "placeholder"; "readOnly": "readOnly"; "size": "size"; "error": "error"; }, {}, never, never, false>;
24
25
  }