@porscheinformatik/material-addons 10.1.7 → 10.2.1

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 (32) hide show
  1. package/bundles/porscheinformatik-material-addons.umd.js +395 -51
  2. package/bundles/porscheinformatik-material-addons.umd.js.map +1 -1
  3. package/bundles/porscheinformatik-material-addons.umd.min.js +2 -2
  4. package/bundles/porscheinformatik-material-addons.umd.min.js.map +1 -1
  5. package/esm2015/lib/card/card.component.js +19 -5
  6. package/esm2015/lib/material-addons.module.js +3 -3
  7. package/esm2015/lib/numeric-field/numeric-field.directive.js +4 -2
  8. package/esm2015/lib/quick-list/base-quick-list.component.js +89 -0
  9. package/esm2015/lib/quick-list/quick-list-compact/quick-list-compact.component.js +18 -0
  10. package/esm2015/lib/quick-list/quick-list.component.js +6 -77
  11. package/esm2015/lib/quick-list/quick-list.module.js +6 -4
  12. package/esm2015/lib/stepper/mad-stepper-animation.js +13 -0
  13. package/esm2015/lib/stepper/step-header/step-header.component.js +75 -0
  14. package/esm2015/lib/stepper/stepper.component.js +167 -0
  15. package/esm2015/lib/stepper/stepper.module.js +18 -0
  16. package/esm2015/porscheinformatik-material-addons.js +4 -2
  17. package/esm2015/public-api.js +5 -1
  18. package/fesm2015/porscheinformatik-material-addons.js +329 -24
  19. package/fesm2015/porscheinformatik-material-addons.js.map +1 -1
  20. package/lib/card/card.component.d.ts +4 -0
  21. package/lib/quick-list/base-quick-list.component.d.ts +29 -0
  22. package/lib/quick-list/quick-list-compact/quick-list-compact.component.d.ts +6 -0
  23. package/lib/quick-list/quick-list.component.d.ts +4 -27
  24. package/lib/stepper/mad-stepper-animation.d.ts +7 -0
  25. package/lib/stepper/step-header/step-header.component.d.ts +23 -0
  26. package/lib/stepper/stepper.component.d.ts +47 -0
  27. package/lib/stepper/stepper.module.d.ts +2 -0
  28. package/package.json +6 -6
  29. package/porscheinformatik-material-addons.d.ts +3 -1
  30. package/porscheinformatik-material-addons.metadata.json +1 -1
  31. package/public-api.d.ts +4 -0
  32. package/themes/common/styles.scss +17 -9
@@ -1,29 +1,6 @@
1
- import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
2
- export interface QuickListItem {
3
- id: string;
4
- }
5
- export declare class QuickListComponent<T extends QuickListItem> implements OnInit, AfterViewInit {
6
- private changeDetectorRef;
7
- allItems: T[];
8
- addLabel: string;
9
- addPossible: boolean;
10
- blankItem: any;
11
- readonly: string;
12
- maxItems: number;
13
- minItems: number;
14
- added: EventEmitter<T>;
15
- removed: EventEmitter<T>;
16
- itemTemplate: TemplateRef<any>;
17
- itemRows: QueryList<ElementRef>;
18
- rowCountFocus: number;
19
- addEventFunction: Function;
1
+ import { ChangeDetectorRef } from '@angular/core';
2
+ import { BaseQuickListComponent, QuickListItem } from './base-quick-list.component';
3
+ export declare class QuickListComponent extends BaseQuickListComponent<QuickListItem> {
4
+ changeDetectorRef: ChangeDetectorRef;
20
5
  constructor(changeDetectorRef: ChangeDetectorRef);
21
- ngOnInit(): void;
22
- ngAfterViewInit(): void;
23
- addItem(): void;
24
- removeItem(item: T): void;
25
- setFocusOnAdd(): void;
26
- isAddAllowed(): boolean;
27
- isDeleteAllowed(): boolean;
28
- private interalAddItem;
29
6
  }
@@ -0,0 +1,7 @@
1
+ import { AnimationTriggerMetadata } from '@angular/animations';
2
+ /**
3
+ * Animations used by the MAD stepper.
4
+ */
5
+ export declare const madStepperAnimations: {
6
+ readonly verticalStepTransition: AnimationTriggerMetadata;
7
+ };
@@ -0,0 +1,23 @@
1
+ import { CdkStepHeader, StepState } from '@angular/cdk/stepper';
2
+ import { ElementRef } from '@angular/core';
3
+ import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
4
+ export declare class StepHeaderComponent extends CdkStepHeader {
5
+ private _focusMonitor;
6
+ index: number;
7
+ label: string;
8
+ state: StepState;
9
+ errorMessage: string;
10
+ selected: boolean;
11
+ active: boolean;
12
+ optional: boolean;
13
+ hasError: boolean;
14
+ completed: boolean;
15
+ closed: boolean;
16
+ constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>);
17
+ ngAfterViewInit(): void;
18
+ ngOnDestroy(): void;
19
+ /** Focuses the step header. */
20
+ focus(origin?: FocusOrigin, options?: FocusOptions): void;
21
+ getCssForState(): string;
22
+ getIcon(): string;
23
+ }
@@ -0,0 +1,47 @@
1
+ import { Directionality } from '@angular/cdk/bidi';
2
+ import { CdkStep, CdkStepper, StepContentPositionState } from '@angular/cdk/stepper';
3
+ import { AnimationEvent } from '@angular/animations';
4
+ import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, ViewContainerRef } from '@angular/core';
5
+ import { Subject } from 'rxjs';
6
+ import { StepHeaderComponent } from './step-header/step-header.component';
7
+ export declare class StepComponent extends CdkStep implements AfterContentInit, OnDestroy {
8
+ private stepper;
9
+ private _viewContainerRef;
10
+ /** Action event for the next button. If not set the StepComponent will handle the step navigation */
11
+ onNext: EventEmitter<any>;
12
+ /** Action event for the done button. If not set the StepComponent will handle the step navigation */
13
+ onDone: EventEmitter<any>;
14
+ /*** Action event when the header is clicked. If not set the StepComponent will handle the step navigation*/
15
+ onHeaderClick: EventEmitter<any>;
16
+ stepClosed: boolean;
17
+ private _isSelected;
18
+ constructor(stepper: StepperComponent, _viewContainerRef: ViewContainerRef);
19
+ ngAfterContentInit(): void;
20
+ ngOnDestroy(): void;
21
+ next(): void;
22
+ selectAndMarkAsTouched(index: number): void;
23
+ completeLast(): void;
24
+ resetValidations(): void;
25
+ private stepValidation;
26
+ }
27
+ export declare class StepperComponent extends CdkStepper implements OnInit, AfterContentInit {
28
+ /** Event emitted when the current step is done transitioning in. */
29
+ readonly animationDone: EventEmitter<void>;
30
+ nextButtonLabel: string;
31
+ doneButtonLabel: string;
32
+ /** Step headers of all steps inside the stepper */
33
+ _stepHeader: QueryList<StepHeaderComponent>;
34
+ /** Steps inside the Stepper */
35
+ _steps: QueryList<StepComponent>;
36
+ /** Steps that belong to the current stepper, excluding ones from nested steppers. */
37
+ steps: QueryList<StepComponent>;
38
+ readonly _animationDone: Subject<AnimationEvent>;
39
+ constructor(dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _document: any);
40
+ ngOnInit(): void;
41
+ ngAfterContentInit(): void;
42
+ /**
43
+ * Method patched to enable the closing of the last step.
44
+ */
45
+ _getAnimationDirection(index: number): StepContentPositionState;
46
+ _stepIsNavigable(index: number, step: StepComponent): boolean;
47
+ }
@@ -0,0 +1,2 @@
1
+ export declare class StepperModule {
2
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@porscheinformatik/material-addons",
3
- "version": "10.1.7",
3
+ "version": "10.2.1",
4
4
  "description": "Custom theme and components for Angular Material",
5
5
  "homepage": "https://github.com/porscheinformatik/material-addons",
6
6
  "repository": {
@@ -40,11 +40,11 @@
40
40
  "tslib": "^2.0.0"
41
41
  },
42
42
  "peerDependencies": {
43
- "@angular/cdk": "^10.2.7",
44
- "@angular/material": "^10.2.7",
45
- "@angular/common": "^10.2.4",
46
- "@angular/core": "^10.2.4",
47
- "@ngx-translate/core": "^11.0.1"
43
+ "@angular/cdk": ">= 10.0.0",
44
+ "@angular/material": ">= 10.0.0",
45
+ "@angular/common": ">= 10.0.0",
46
+ "@angular/core": ">= 10.0.0",
47
+ "@ngx-translate/core": ">= 11.0.1"
48
48
  },
49
49
  "esm2015": "esm2015/porscheinformatik-material-addons.js",
50
50
  "fesm2015": "fesm2015/porscheinformatik-material-addons.js",
@@ -10,5 +10,7 @@ export { OutlineButtonComponent as ɵc } from './lib/button/outline-button/outli
10
10
  export { PrimaryButtonComponent as ɵa } from './lib/button/primary-button/primary-button.component';
11
11
  export { CardComponent as ɵh } from './lib/card/card.component';
12
12
  export { NumericFieldDirective as ɵg } from './lib/numeric-field/numeric-field.directive';
13
+ export { BaseQuickListComponent as ɵj } from './lib/quick-list/base-quick-list.component';
14
+ export { QuickListCompactComponent as ɵk } from './lib/quick-list/quick-list-compact/quick-list-compact.component';
13
15
  export { QuickListComponent as ɵi } from './lib/quick-list/quick-list.component';
14
- export { TableComponent as ɵj } from './lib/table/table.component';
16
+ export { TableComponent as ɵl } from './lib/table/table.component';