@flywheel-io/vision 1.0.3 → 1.1.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 (63) hide show
  1. package/components/alert/alert.component.d.ts +1 -1
  2. package/components/button-toggle/button-toggle-item/button-toggle-item.component.d.ts +18 -0
  3. package/components/button-toggle/button-toggle.component.d.ts +22 -0
  4. package/components/button-toggle/button-toggle.module.d.ts +10 -0
  5. package/components/card/card.component.d.ts +1 -1
  6. package/components/chip/chip.component.d.ts +2 -2
  7. package/components/dialog/dialog-confirm.component.d.ts +2 -2
  8. package/components/dialog/dialog-simple.component.d.ts +2 -2
  9. package/components/dialog/dialog.component.d.ts +1 -1
  10. package/components/legacy/notification/notification.module.d.ts +3 -4
  11. package/components/menu/menu.component.d.ts +3 -2
  12. package/components/paginator/paginator-advanced/paginator-advanced.component.d.ts +32 -0
  13. package/components/paginator/paginator.component.d.ts +40 -0
  14. package/components/paginator/paginator.model.d.ts +8 -0
  15. package/components/paginator/paginator.module.d.ts +14 -0
  16. package/components/select-menu/multi-select-menu/multi-select-menu.component.d.ts +13 -7
  17. package/components/select-menu/select-menu.component.d.ts +39 -8
  18. package/components/stepper/stepper.component.d.ts +1 -1
  19. package/components/switch/switch.component.d.ts +20 -0
  20. package/components/switch/switch.module.d.ts +8 -0
  21. package/components/tabs/tab/tab.component.d.ts +1 -1
  22. package/components/text-input/text-input.component.d.ts +4 -1
  23. package/esm2020/components/alert/alert.component.mjs +1 -1
  24. package/esm2020/components/button-toggle/button-toggle-item/button-toggle-item.component.mjs +49 -0
  25. package/esm2020/components/button-toggle/button-toggle.component.mjs +91 -0
  26. package/esm2020/components/button-toggle/button-toggle.module.mjs +33 -0
  27. package/esm2020/components/card/card.component.mjs +1 -1
  28. package/esm2020/components/chip/chip.component.mjs +1 -1
  29. package/esm2020/components/dialog/dialog-confirm.component.mjs +1 -1
  30. package/esm2020/components/dialog/dialog-simple.component.mjs +1 -1
  31. package/esm2020/components/dialog/dialog.component.mjs +1 -1
  32. package/esm2020/components/legacy/notification/notification-container/notification-container.component.mjs +4 -4
  33. package/esm2020/components/legacy/notification/notification.module.mjs +5 -9
  34. package/esm2020/components/menu/menu-container/menu-container.component.mjs +1 -1
  35. package/esm2020/components/menu/menu-item/menu-item.component.mjs +2 -2
  36. package/esm2020/components/menu/menu.component.mjs +8 -4
  37. package/esm2020/components/paginator/paginator-advanced/paginator-advanced.component.mjs +123 -0
  38. package/esm2020/components/paginator/paginator.component.mjs +133 -0
  39. package/esm2020/components/paginator/paginator.model.mjs +2 -0
  40. package/esm2020/components/paginator/paginator.module.mjs +49 -0
  41. package/esm2020/components/select-menu/multi-select-menu/multi-select-menu.component.mjs +59 -25
  42. package/esm2020/components/select-menu/select-menu.component.mjs +84 -21
  43. package/esm2020/components/snackbar/snackbar-container/snackbar-container.component.mjs +2 -2
  44. package/esm2020/components/stepper/step.component.mjs +2 -2
  45. package/esm2020/components/stepper/stepper.component.mjs +1 -1
  46. package/esm2020/components/switch/switch.component.mjs +54 -0
  47. package/esm2020/components/switch/switch.module.mjs +24 -0
  48. package/esm2020/components/tabs/tab/tab.component.mjs +1 -1
  49. package/esm2020/components/text-input/text-input.component.mjs +16 -5
  50. package/esm2020/components/tooltip/tooltip-panel/tooltip-panel.component.mjs +2 -2
  51. package/esm2020/components/tooltip/tooltip.component.mjs +3 -3
  52. package/esm2020/public-api.mjs +9 -1
  53. package/fesm2015/flywheel-io-vision.mjs +889 -309
  54. package/fesm2015/flywheel-io-vision.mjs.map +1 -1
  55. package/fesm2020/flywheel-io-vision.mjs +889 -309
  56. package/fesm2020/flywheel-io-vision.mjs.map +1 -1
  57. package/package.json +1 -1
  58. package/public-api.d.ts +8 -0
  59. package/scss/icons/icons.scss +1 -2
  60. package/components/button-group/button-group.component.d.ts +0 -8
  61. package/components/button-group/button-group.module.d.ts +0 -7
  62. package/esm2020/components/button-group/button-group.component.mjs +0 -32
  63. package/esm2020/components/button-group/button-group.module.mjs +0 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flywheel-io/vision",
3
- "version": "1.0.3",
3
+ "version": "1.1.0",
4
4
  "description": "Flywheel UI elements provided as Angular components and native web components",
5
5
  "author": "Flywheel",
6
6
  "license": "MIT",
package/public-api.d.ts CHANGED
@@ -12,6 +12,9 @@ export * from './components/breadcrumbs/crumb.component';
12
12
  export * from './components/button/button.component';
13
13
  export * from './components/button/button.directives';
14
14
  export * from './components/button/button.module';
15
+ export * from './components/button-toggle/button-toggle.component';
16
+ export * from './components/button-toggle/button-toggle.module';
17
+ export * from './components/button-toggle/button-toggle-item/button-toggle-item.component';
15
18
  export * from './components/card/card.component';
16
19
  export * from './components/card/card.module';
17
20
  export * from './components/card/card-attribute/card-attribute.component';
@@ -52,6 +55,9 @@ export * from './components/menu/menu-container/menu-container.component';
52
55
  export * from './components/menu/menu-header/menu-header.component';
53
56
  export * from './components/menu/menu-item/menu-item.component';
54
57
  export * from './components/menu/menu-separator/menu-separator.component';
58
+ export * from './components/paginator/paginator.component';
59
+ export * from './components/paginator/paginator.module';
60
+ export * from './components/paginator/paginator-advanced/paginator-advanced.component';
55
61
  export * from './components/popover/popover.component';
56
62
  export * from './components/popover/popover.module';
57
63
  export * from './components/popover/popover-panel/popover-panel.component';
@@ -71,6 +77,8 @@ export * from './components/snackbar/snackbar-message.model';
71
77
  export * from './components/stepper/step.component';
72
78
  export * from './components/stepper/stepper.component';
73
79
  export * from './components/stepper/stepper.module';
80
+ export * from './components/switch/switch.component';
81
+ export * from './components/switch/switch.module';
74
82
  export * from './components/tabs/tab/tab.component';
75
83
  export * from './components/tabs/tab-panel/tab-panel.component';
76
84
  export * from './components/tabs/tabs.component';
@@ -1,9 +1,8 @@
1
1
  @use './icon-glyphs' as glyphs;
2
2
  @use './icon-font-face' as font-face;
3
3
 
4
- @mixin icons ($include-font-face: true) {
4
+ @mixin icons($include-font-face: true) {
5
5
  @include glyphs.icon-glyphs;
6
-
7
6
  @if $include-font-face {
8
7
  @include font-face.define-icon-font-face;
9
8
  }
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class FwButtonGroupComponent {
3
- get classes(): string;
4
- layout?: 'basic' | 'compact';
5
- size?: 'small' | 'medium' | 'large';
6
- static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonGroupComponent, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<FwButtonGroupComponent, "fw-button-group", never, { "layout": "layout"; "size": "size"; }, {}, never, ["*"], false>;
8
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./button-group.component";
3
- export declare class FwButtonGroupModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<FwButtonGroupModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<FwButtonGroupModule, [typeof i1.FwButtonGroupComponent], never, [typeof i1.FwButtonGroupComponent]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<FwButtonGroupModule>;
7
- }
@@ -1,32 +0,0 @@
1
- import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class FwButtonGroupComponent {
4
- constructor() {
5
- this.layout = 'basic';
6
- this.size = 'medium';
7
- }
8
- get classes() {
9
- return [
10
- 'fw-button-group',
11
- this.size === 'small' ? 'small' : null,
12
- this.size === 'medium' ? 'medium' : null,
13
- this.size === 'large' ? 'large' : null,
14
- this.layout === 'compact' ? 'compact' : null,
15
- ].filter(Boolean).join(' ');
16
- }
17
- ;
18
- }
19
- FwButtonGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
20
- FwButtonGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: FwButtonGroupComponent, selector: "fw-button-group", inputs: { layout: "layout", size: "size" }, host: { properties: { "attr.class": "this.classes" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["fw-button-group.fw-button-group{box-sizing:border-box;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group fw-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group fw-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group .mat-stroked-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group .mat-stroked-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}\n"], encapsulation: i0.ViewEncapsulation.None });
21
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupComponent, decorators: [{
22
- type: Component,
23
- args: [{ selector: 'fw-button-group', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: ["fw-button-group.fw-button-group{box-sizing:border-box;border-radius:8px;overflow:hidden;display:inline-flex;align-items:stretch}fw-button-group.fw-button-group button{min-width:0;margin:0!important;border-radius:0;border:1px solid var(--separations-input);border-right-width:0}fw-button-group.fw-button-group>button:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group>button:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px}fw-button-group.fw-button-group.compact button{line-height:24px;height:24px}fw-button-group.fw-button-group.small button{font-size:12px}fw-button-group.fw-button-group.medium button{font-size:14px}fw-button-group.fw-button-group.large button{font-size:18px}fw-button-group.fw-button-group fw-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group fw-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}fw-button-group.fw-button-group .mat-stroked-button:last-of-type button{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right-width:1px!important}fw-button-group.fw-button-group .mat-stroked-button:first-of-type button{border-top-left-radius:8px;border-bottom-left-radius:8px}\n"] }]
24
- }], propDecorators: { classes: [{
25
- type: HostBinding,
26
- args: ['attr.class']
27
- }], layout: [{
28
- type: Input
29
- }], size: [{
30
- type: Input
31
- }] } });
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRakYsTUFBTSxPQUFPLHNCQUFzQjtJQU5uQztRQWlCVyxXQUFNLEdBQXlCLE9BQU8sQ0FBQztRQUN2QyxTQUFJLEdBQWtDLFFBQVEsQ0FBQztLQUN6RDtJQVpDLElBQStCLE9BQU87UUFDcEMsT0FBTztZQUNMLGlCQUFpQjtZQUNqQixJQUFJLENBQUMsSUFBSSxLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQ3RDLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUk7WUFDeEMsSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUN0QyxJQUFJLENBQUMsTUFBTSxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJO1NBQzdDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBQUEsQ0FBQzs7bUhBVFMsc0JBQXNCO3VHQUF0QixzQkFBc0IsMkpBSHZCLDJCQUEyQjsyRkFHMUIsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNFLGlCQUFpQixZQUVqQiwyQkFBMkIsaUJBQ3RCLGlCQUFpQixDQUFDLElBQUk7OEJBR04sT0FBTztzQkFBckMsV0FBVzt1QkFBQyxZQUFZO2dCQVVoQixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Z3LWJ1dHRvbi1ncm91cCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1ncm91cC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBGd0J1dHRvbkdyb3VwQ29tcG9uZW50IHtcbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmNsYXNzJykgZ2V0IGNsYXNzZXMoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gW1xuICAgICAgJ2Z3LWJ1dHRvbi1ncm91cCcsXG4gICAgICB0aGlzLnNpemUgPT09ICdzbWFsbCcgPyAnc21hbGwnIDogbnVsbCxcbiAgICAgIHRoaXMuc2l6ZSA9PT0gJ21lZGl1bScgPyAnbWVkaXVtJyA6IG51bGwsXG4gICAgICB0aGlzLnNpemUgPT09ICdsYXJnZScgPyAnbGFyZ2UnIDogbnVsbCxcbiAgICAgIHRoaXMubGF5b3V0ID09PSAnY29tcGFjdCcgPyAnY29tcGFjdCcgOiBudWxsLFxuICAgIF0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKTtcbiAgfTtcblxuICBASW5wdXQoKSBsYXlvdXQ/OiAnYmFzaWMnIHwgJ2NvbXBhY3QnID0gJ2Jhc2ljJztcbiAgQElucHV0KCkgc2l6ZT86ICdzbWFsbCcgfCAnbWVkaXVtJyB8ICdsYXJnZScgPSAnbWVkaXVtJztcbn1cbiJdfQ==
@@ -1,20 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { FwButtonGroupComponent } from './button-group.component';
3
- import * as i0 from "@angular/core";
4
- export class FwButtonGroupModule {
5
- }
6
- FwButtonGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
7
- FwButtonGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, declarations: [FwButtonGroupComponent], exports: [FwButtonGroupComponent] });
8
- FwButtonGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule });
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: FwButtonGroupModule, decorators: [{
10
- type: NgModule,
11
- args: [{
12
- exports: [
13
- FwButtonGroupComponent,
14
- ],
15
- declarations: [
16
- FwButtonGroupComponent,
17
- ],
18
- }]
19
- }] });
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWdyb3VwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2J1dHRvbi1ncm91cC9idXR0b24tZ3JvdXAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7O0FBVWxFLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFINUIsc0JBQXNCLGFBSHRCLHNCQUFzQjtpSEFNYixtQkFBbUI7MkZBQW5CLG1CQUFtQjtrQkFSL0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IEZ3QnV0dG9uR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1ncm91cC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBleHBvcnRzOiBbXG4gICAgRndCdXR0b25Hcm91cENvbXBvbmVudCxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRndCdXR0b25Hcm91cENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRndCdXR0b25Hcm91cE1vZHVsZSB7XG59XG4iXX0=