@coolon/angular-ui-powerups 2.0.0-alpha.8 → 2.0.0-alpha.9

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 (64) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/bundles/coolon-angular-ui-powerups.umd.js +268 -176
  3. package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
  4. package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
  5. package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
  6. package/coolon-angular-ui-powerups.d.ts +55 -54
  7. package/coolon-angular-ui-powerups.metadata.json +1 -1
  8. package/esm2015/coolon-angular-ui-powerups.js +53 -52
  9. package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
  10. package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
  11. package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  12. package/esm2015/lib/components/components.module.js +29 -12
  13. package/esm2015/lib/components/components.module.js.map +1 -1
  14. package/esm2015/lib/components/components.module.metadata.json +1 -1
  15. package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
  16. package/esm2015/lib/components/forms/abstract-value-input.component.js +15 -9
  17. package/esm2015/lib/components/forms/abstract-value-input.component.js.map +1 -1
  18. package/esm2015/lib/components/forms/abstract-value-input.component.metadata.json +1 -1
  19. package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js +64 -0
  20. package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.js.map +1 -0
  21. package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.metadata.json +1 -0
  22. package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.js.map +1 -0
  23. package/esm2015/lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.js.map +1 -0
  24. package/esm2015/lib/components/forms/multiple-select-input/multiple-select-input.component.js +7 -0
  25. package/esm2015/lib/components/forms/multiple-select-input/multiple-select-input.component.js.map +1 -1
  26. package/esm2015/lib/components/forms/multiple-select-input/multiple-select-input.component.metadata.json +1 -1
  27. package/esm2015/lib/components/forms/select-input/select-input.component.js +1 -0
  28. package/esm2015/lib/components/forms/select-input/select-input.component.js.map +1 -1
  29. package/esm2015/lib/components/forms/select-input/select-input.component.metadata.json +1 -1
  30. package/esm2015/lib/components/index.js +1 -0
  31. package/esm2015/lib/components/index.js.map +1 -1
  32. package/esm2015/lib/components/index.metadata.json +1 -1
  33. package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +1 -1
  34. package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
  35. package/esm5/coolon-angular-ui-powerups.js +53 -52
  36. package/esm5/coolon-angular-ui-powerups.js.map +1 -1
  37. package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
  38. package/esm5/lib/components/components.module.js +29 -12
  39. package/esm5/lib/components/components.module.js.map +1 -1
  40. package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
  41. package/esm5/lib/components/forms/abstract-value-input.component.js +15 -9
  42. package/esm5/lib/components/forms/abstract-value-input.component.js.map +1 -1
  43. package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.js +67 -0
  44. package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.js.map +1 -0
  45. package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.ngfactory.js.map +1 -0
  46. package/esm5/lib/components/forms/autocomplete-input/autocomplete-input.component.scss.shim.ngstyle.js.map +1 -0
  47. package/esm5/lib/components/forms/multiple-select-input/multiple-select-input.component.js +7 -0
  48. package/esm5/lib/components/forms/multiple-select-input/multiple-select-input.component.js.map +1 -1
  49. package/esm5/lib/components/forms/select-input/select-input.component.js +1 -0
  50. package/esm5/lib/components/forms/select-input/select-input.component.js.map +1 -1
  51. package/esm5/lib/components/index.js +1 -0
  52. package/esm5/lib/components/index.js.map +1 -1
  53. package/esm5/lib/interaction/interaction.module.ngfactory.js.map +1 -1
  54. package/esm5/lib/place/place.module.ngfactory.js.map +1 -1
  55. package/fesm2015/coolon-angular-ui-powerups.js +186 -98
  56. package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
  57. package/fesm5/coolon-angular-ui-powerups.js +199 -108
  58. package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
  59. package/lib/components/forms/abstract-value-input.component.d.ts +2 -2
  60. package/lib/components/forms/autocomplete-input/autocomplete-input.component.d.ts +22 -0
  61. package/lib/components/forms/multiple-select-input/multiple-select-input.component.d.ts +7 -0
  62. package/lib/components/forms/select-input/select-input.component.d.ts +1 -0
  63. package/lib/components/index.d.ts +1 -0
  64. package/package.json +2 -2
@@ -9,18 +9,19 @@ import { MatTabsModule, MatTabGroup, MAT_TABS_CONFIG } from '@angular/material/t
9
9
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
10
10
  import { ComponentPortal, TemplatePortal, PortalModule } from '@angular/cdk/portal';
11
11
  import { CdkScrollableModule } from '@angular/cdk/scrolling';
12
+ import { MatAutocompleteModule } from '@angular/material/autocomplete';
12
13
  import { MatButtonModule } from '@angular/material/button';
13
14
  import { MatCheckboxModule } from '@angular/material/checkbox';
14
15
  import { MatIconModule } from '@angular/material/icon';
15
16
  import { MatTableModule } from '@angular/material/table';
17
+ import { MatTooltipModule } from '@angular/material/tooltip';
18
+ import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
19
+ import { fas } from '@fortawesome/free-solid-svg-icons';
16
20
  import { GarbageCollector, DelegatingValueModel, assert, UnaryCommand, lang, Dsl, Logger, TrackExternal, Command, FocusManager, Form, Guard, MutableListModel, MutableValueModel, ListModel, StoreInListModel, ValueModel, StoreInValueModel, MultipleSelectionModel, DirtyTrackingForm, DelegatingCommand, Deferred, Trace, DebugContext, Binding, Functions } from '@coolon/pectin';
21
+ import ___default, { isEqual, isNil } from 'lodash';
17
22
  import { assert as assert$1, Opts, lang as lang$1, Klass } from '@coolon/typescript-utilities';
18
23
  import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
19
- import ___default, { isEqual, isNil } from 'lodash';
20
24
  import produce from 'immer';
21
- import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
22
- import { fas } from '@fortawesome/free-solid-svg-icons';
23
- import { MatTooltipModule } from '@angular/material/tooltip';
24
25
  import { FlexModule, GridModule } from '@angular/flex-layout';
25
26
  import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
26
27
  import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
@@ -688,21 +689,27 @@ let AbstractValueInputComponent = class AbstractValueInputComponent extends Abst
688
689
  */
689
690
  // We have to register it as a disposable so it ditches any listeners when we're disposed.
690
691
  this.inputModel = this.registerDisposable(new Form.DelegatingValueModel());
691
- this.setValueIsInitialising = new Guard();
692
+ this.setValueInProgress = new Guard();
692
693
  this.valueChange = new EventEmitter();
693
694
  const { when } = Dsl.disposeWith(this);
694
- when(this.inputModel).changes(value => this.valueChange.emit(value), { initialValue: 'ignore', unless: this.setValueIsInitialising });
695
+ when(this.inputModel).changes(value => this.valueChange.emit(value), {
696
+ initialValue: 'ignore',
697
+ unless: this.setValueInProgress
698
+ });
695
699
  }
696
700
  set value(value) {
697
- if (!this.valueHolder) {
698
- this.setValueIsInitialising.whileTrue(() => {
701
+ // we never fire events during an external set value operation. This allows
702
+ // the component to behave when used in the conventional angular
703
+ // fashion, i.e. [(value)]="..."
704
+ this.setValueInProgress.whileTrue(() => {
705
+ if (!this.valueHolder) {
699
706
  this.valueHolder = new MutableValueModel(value);
700
707
  this.valueModel = this.valueHolder;
701
- });
702
- }
703
- else {
704
- this.valueHolder.value = value;
705
- }
708
+ }
709
+ else {
710
+ this.valueHolder.value = value;
711
+ }
712
+ });
706
713
  }
707
714
  };
708
715
  __decorate([
@@ -723,6 +730,64 @@ AbstractValueInputComponent = __decorate([
723
730
  __metadata("design:paramtypes", [])
724
731
  ], AbstractValueInputComponent);
725
732
 
733
+ /**
734
+ * Using templates (not only supported for nil values:
735
+ * <aup-autocomplete-input [valueModel]="myModel" [options]="myOptions">
736
+ * <ng-template #nilOptionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
737
+ * </aup-autocomplete-input>
738
+ */
739
+ let AutocompleteInputComponent = class AutocompleteInputComponent extends AbstractValueInputComponent {
740
+ constructor() {
741
+ super();
742
+ this.filterValue = new MutableValueModel();
743
+ this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
744
+ const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);
745
+ const lowerCaseFilterValue = chain(this.filterValue)
746
+ .map(v => ___default.isString(v) ? v.toLowerCase() : '');
747
+ this.filteredOptions = chain(this.optionsModel)
748
+ .select(option => {
749
+ return ___default.isEmpty(this.filterValue.value) || this.optionLabelFormat(option).toString().toLowerCase().includes(lowerCaseFilterValue.value);
750
+ }, { dependsOn: lowerCaseFilterValue });
751
+ }
752
+ ngOnInit() {
753
+ }
754
+ updateFilter($event) {
755
+ this.filterValue.value = $event;
756
+ }
757
+ };
758
+ __decorate([
759
+ Input(), TrackExternal(),
760
+ __metadata("design:type", ListModel)
761
+ ], AutocompleteInputComponent.prototype, "optionsModel", void 0);
762
+ __decorate([
763
+ Input(), StoreInListModel('optionsModel'),
764
+ __metadata("design:type", Array)
765
+ ], AutocompleteInputComponent.prototype, "options", void 0);
766
+ __decorate([
767
+ Input(),
768
+ __metadata("design:type", Object)
769
+ ], AutocompleteInputComponent.prototype, "optionLabel", void 0);
770
+ __decorate([
771
+ Input(),
772
+ __metadata("design:type", Boolean)
773
+ ], AutocompleteInputComponent.prototype, "allowNil", void 0);
774
+ __decorate([
775
+ ContentChild('nilOptionTemplate'),
776
+ __metadata("design:type", TemplateRef)
777
+ ], AutocompleteInputComponent.prototype, "nilOptionTemplateRef", void 0);
778
+ __decorate([
779
+ Input(),
780
+ __metadata("design:type", Function)
781
+ ], AutocompleteInputComponent.prototype, "optionLabelFormat", void 0);
782
+ AutocompleteInputComponent = __decorate([
783
+ Component({
784
+ selector: 'aup-autocomplete-input',
785
+ template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <input type=\"string\"\n matInput\n [matAutocomplete]=\"autocomplete\"\n placeholder=\"{{placeholder}}\"\n [ngModel]=\"optionLabelFormat(valueModel.value)\"\n (ngModelChange)=\"updateFilter($event)\"\n [disabled]=\"!enabled.value\"\n (keydown.enter)=\"notifyEnterKey()\"\n (keydown.escape)=\"notifyEscapeKey()\"\n [pectinFocusBinding]=\"focusContext\"\n [errorStateMatcher]=\"errorStateMatcher\"\n >\n <mat-autocomplete #autocomplete [displayWith]=\"optionLabelFormat\" [autoActiveFirstOption]=\"true\">\n <mat-option *ngFor=\"let option of filteredOptions.value; let i = index\"\n [value]=\"option\"\n >{{optionLabelFormat(option)}}</mat-option>\n <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
786
+ styles: [":host{display:inline-block}mat-form-field{width:100%}"]
787
+ }),
788
+ __metadata("design:paramtypes", [])
789
+ ], AutocompleteInputComponent);
790
+
726
791
  let CheckboxInputComponent = class CheckboxInputComponent extends AbstractValueInputComponent {
727
792
  constructor() {
728
793
  super();
@@ -751,6 +816,58 @@ CheckboxInputComponent = __decorate([
751
816
  __metadata("design:paramtypes", [])
752
817
  ], CheckboxInputComponent);
753
818
 
819
+ /**
820
+ * Using templates:
821
+ * <aup-multiple-select-input [valueModel]="myModel" [options]="myOptions">
822
+ * <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
823
+ * <ng-template #nilOptionTemplateRef let-option>{{option.thePropertyYouWant}}</ng-template>
824
+ * </aup-multiple-select_input>
825
+ */
826
+ let MultipleSelectInputComponent = class MultipleSelectInputComponent extends AbstractListInputComponent {
827
+ constructor() {
828
+ super();
829
+ this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
830
+ }
831
+ ngOnInit() {
832
+ }
833
+ };
834
+ __decorate([
835
+ Input(), TrackExternal(),
836
+ __metadata("design:type", ListModel)
837
+ ], MultipleSelectInputComponent.prototype, "optionsModel", void 0);
838
+ __decorate([
839
+ Input(), StoreInListModel('optionsModel'),
840
+ __metadata("design:type", Array)
841
+ ], MultipleSelectInputComponent.prototype, "options", void 0);
842
+ __decorate([
843
+ Input(),
844
+ __metadata("design:type", Object)
845
+ ], MultipleSelectInputComponent.prototype, "optionLabel", void 0);
846
+ __decorate([
847
+ Input(),
848
+ __metadata("design:type", Boolean)
849
+ ], MultipleSelectInputComponent.prototype, "allowNil", void 0);
850
+ __decorate([
851
+ ContentChild('optionTemplate'),
852
+ __metadata("design:type", TemplateRef)
853
+ ], MultipleSelectInputComponent.prototype, "optionTemplateRef", void 0);
854
+ __decorate([
855
+ ContentChild('nilOptionTemplate'),
856
+ __metadata("design:type", TemplateRef)
857
+ ], MultipleSelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
858
+ __decorate([
859
+ Input(),
860
+ __metadata("design:type", Function)
861
+ ], MultipleSelectInputComponent.prototype, "optionLabelFormat", void 0);
862
+ MultipleSelectInputComponent = __decorate([
863
+ Component({
864
+ selector: 'aup-multiple-select-input',
865
+ template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <mat-select placeholder=\"{{placeholder}}\"\n multiple\n [(ngModel)]=\"listModel.value\"\n [disabled]=\"!enabled.value\"\n (keydown.enter)=\"notifyEnterKey()\"\n (keydown.escape)=\"notifyEscapeKey()\"\n [pectinFocusBinding]=\"focusContext\"\n [errorStateMatcher]=\"errorStateMatcher\"\n >\n <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n <ng-container *ngIf=\"optionTemplateRef\"\n [ngTemplateOutlet]=\"optionTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n >\n </ng-container>\n </mat-option>\n </mat-select>\n <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
866
+ styles: [":host{display:inline-block}mat-form-field{width:100%}"]
867
+ }),
868
+ __metadata("design:paramtypes", [])
869
+ ], MultipleSelectInputComponent);
870
+
754
871
  let NumberInputComponent = class NumberInputComponent extends AbstractValueInputComponent {
755
872
  constructor() {
756
873
  super();
@@ -801,6 +918,7 @@ PasswordInputComponent = __decorate([
801
918
  * Using templates:
802
919
  * <aup-select-input [valueModel]="myModel" [options]="myOptions">
803
920
  * <ng-template #optionTemplate let-option>{{option.thePropertyYouWant}}</ng-template>
921
+ * <ng-template #nilOptionTemplateRef let-option>{{option.thePropertyYouWant}}</ng-template>
804
922
  * </aup-select_input>
805
923
  */
806
924
  let SelectInputComponent = class SelectInputComponent extends AbstractValueInputComponent {
@@ -905,6 +1023,41 @@ TextInputComponent = __decorate([
905
1023
  __metadata("design:paramtypes", [])
906
1024
  ], TextInputComponent);
907
1025
 
1026
+ let IconComponent = class IconComponent {
1027
+ set icon(iconName) {
1028
+ this._icon = iconName;
1029
+ if (!iconName) {
1030
+ this.errorMessage = 'icon is nil';
1031
+ this.prefix = undefined;
1032
+ return;
1033
+ }
1034
+ const colonIndex = iconName.indexOf(':');
1035
+ if (colonIndex > 0) {
1036
+ this.prefix = this.icon.slice(0, colonIndex);
1037
+ this.suffix = this.icon.slice(colonIndex + 1);
1038
+ }
1039
+ if (this.prefix) {
1040
+ this.errorMessage = `Unknown icon "${iconName}"`;
1041
+ }
1042
+ this.errorMessage = `Unknown icon prefix "${this.prefix}"`;
1043
+ }
1044
+ get icon() {
1045
+ return this._icon;
1046
+ }
1047
+ };
1048
+ __decorate([
1049
+ Input(),
1050
+ __metadata("design:type", String),
1051
+ __metadata("design:paramtypes", [String])
1052
+ ], IconComponent.prototype, "icon", null);
1053
+ IconComponent = __decorate([
1054
+ Component({
1055
+ selector: 'aup-icon',
1056
+ template: "<ng-container [ngSwitch]=\"prefix\">\n\n <mat-icon *ngSwitchCase=\"'svg'\"\n [svgIcon]=\"suffix\"\n class=\"svgIcon\">\n </mat-icon>\n\n <mat-icon *ngSwitchCase=\"'mat'\">\n {{suffix}}\n </mat-icon>\n\n <div *ngSwitchCase=\"'fab'\"\n class=\"faIconWrapper\">\n <fa-icon [icon]=\"suffix\">\n </fa-icon>\n </div>\n\n <mat-icon *ngSwitchDefault\n [matTooltip]=\"errorMessage\">\n bug_report\n </mat-icon>\n\n</ng-container>\n\n",
1057
+ styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
1058
+ })
1059
+ ], IconComponent);
1060
+
908
1061
  let NoopComponent = class NoopComponent {
909
1062
  constructor() {
910
1063
  }
@@ -2114,86 +2267,6 @@ VerticalFocusContainerComponent = __decorate([
2114
2267
  __metadata("design:paramtypes", [FocusManager])
2115
2268
  ], VerticalFocusContainerComponent);
2116
2269
 
2117
- let MultipleSelectInputComponent = class MultipleSelectInputComponent extends AbstractListInputComponent {
2118
- constructor() {
2119
- super();
2120
- this.optionLabelFormat = (option) => (option && this.optionLabel) ? option[this.optionLabel] : option;
2121
- }
2122
- ngOnInit() {
2123
- }
2124
- };
2125
- __decorate([
2126
- Input(), TrackExternal(),
2127
- __metadata("design:type", ListModel)
2128
- ], MultipleSelectInputComponent.prototype, "optionsModel", void 0);
2129
- __decorate([
2130
- Input(), StoreInListModel('optionsModel'),
2131
- __metadata("design:type", Array)
2132
- ], MultipleSelectInputComponent.prototype, "options", void 0);
2133
- __decorate([
2134
- Input(),
2135
- __metadata("design:type", Object)
2136
- ], MultipleSelectInputComponent.prototype, "optionLabel", void 0);
2137
- __decorate([
2138
- Input(),
2139
- __metadata("design:type", Boolean)
2140
- ], MultipleSelectInputComponent.prototype, "allowNil", void 0);
2141
- __decorate([
2142
- ContentChild('optionTemplate'),
2143
- __metadata("design:type", TemplateRef)
2144
- ], MultipleSelectInputComponent.prototype, "optionTemplateRef", void 0);
2145
- __decorate([
2146
- ContentChild('nilOptionTemplate'),
2147
- __metadata("design:type", TemplateRef)
2148
- ], MultipleSelectInputComponent.prototype, "nilOptionTemplateRef", void 0);
2149
- __decorate([
2150
- Input(),
2151
- __metadata("design:type", Function)
2152
- ], MultipleSelectInputComponent.prototype, "optionLabelFormat", void 0);
2153
- MultipleSelectInputComponent = __decorate([
2154
- Component({
2155
- selector: 'aup-multiple-select-input',
2156
- template: "<mat-form-field appearance=\"standard\" [floatLabel]=\"floatLabel\">\n <mat-label *ngIf=\"label\">{{label}}</mat-label>\n <mat-select placeholder=\"{{placeholder}}\"\n multiple\n [(ngModel)]=\"listModel.value\"\n [disabled]=\"!enabled.value\"\n (keydown.enter)=\"notifyEnterKey()\"\n (keydown.escape)=\"notifyEscapeKey()\"\n [pectinFocusBinding]=\"focusContext\"\n [errorStateMatcher]=\"errorStateMatcher\"\n >\n <mat-option *ngIf=\"allowNil\">{{placeholder}}</mat-option>\n <mat-option *ngFor=\"let option of optionsModel.value; let i = index\" [value]=\"option\">\n <ng-container *ngIf=\"!optionTemplateRef\">{{optionLabelFormat(option)}}</ng-container>\n <ng-container *ngIf=\"optionTemplateRef\"\n [ngTemplateOutlet]=\"optionTemplateRef\"\n [ngTemplateOutletContext]=\"{ $implicit: option, index: i }\"\n >\n </ng-container>\n </mat-option>\n </mat-select>\n <mat-hint *ngIf=\"showHint\">{{hint}}</mat-hint>\n <mat-error *ngIf=\"hasErrors\">{{firstError}}</mat-error>\n</mat-form-field>\n",
2157
- styles: [":host{display:inline-block}mat-form-field{width:100%}"]
2158
- }),
2159
- __metadata("design:paramtypes", [])
2160
- ], MultipleSelectInputComponent);
2161
-
2162
- let IconComponent = class IconComponent {
2163
- set icon(iconName) {
2164
- this._icon = iconName;
2165
- if (!iconName) {
2166
- this.errorMessage = 'icon is nil';
2167
- this.prefix = undefined;
2168
- return;
2169
- }
2170
- const colonIndex = iconName.indexOf(':');
2171
- if (colonIndex > 0) {
2172
- this.prefix = this.icon.slice(0, colonIndex);
2173
- this.suffix = this.icon.slice(colonIndex + 1);
2174
- }
2175
- if (this.prefix) {
2176
- this.errorMessage = `Unknown icon "${iconName}"`;
2177
- }
2178
- this.errorMessage = `Unknown icon prefix "${this.prefix}"`;
2179
- }
2180
- get icon() {
2181
- return this._icon;
2182
- }
2183
- };
2184
- __decorate([
2185
- Input(),
2186
- __metadata("design:type", String),
2187
- __metadata("design:paramtypes", [String])
2188
- ], IconComponent.prototype, "icon", null);
2189
- IconComponent = __decorate([
2190
- Component({
2191
- selector: 'aup-icon',
2192
- template: "<ng-container [ngSwitch]=\"prefix\">\n\n <mat-icon *ngSwitchCase=\"'svg'\"\n [svgIcon]=\"suffix\"\n class=\"svgIcon\">\n </mat-icon>\n\n <mat-icon *ngSwitchCase=\"'mat'\">\n {{suffix}}\n </mat-icon>\n\n <div *ngSwitchCase=\"'fab'\"\n class=\"faIconWrapper\">\n <fa-icon [icon]=\"suffix\">\n </fa-icon>\n </div>\n\n <mat-icon *ngSwitchDefault\n [matTooltip]=\"errorMessage\">\n bug_report\n </mat-icon>\n\n</ng-container>\n\n",
2193
- styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
2194
- })
2195
- ], IconComponent);
2196
-
2197
2270
  let ComponentsModule = class ComponentsModule {
2198
2271
  constructor(faIconLibrary) {
2199
2272
  faIconLibrary.addIconPacks(fas);
@@ -2213,6 +2286,8 @@ ComponentsModule = __decorate([
2213
2286
  TextInputComponent,
2214
2287
  PasswordInputComponent,
2215
2288
  SelectInputComponent,
2289
+ MultipleSelectInputComponent,
2290
+ AutocompleteInputComponent,
2216
2291
  CheckboxInputComponent,
2217
2292
  ScrollContainerComponent,
2218
2293
  NoopComponent,
@@ -2232,7 +2307,6 @@ ComponentsModule = __decorate([
2232
2307
  SelectHeaderCellRendererComponent,
2233
2308
  DefaultHeaderCellRendererComponent,
2234
2309
  TableHeaderCellRendererComponent,
2235
- MultipleSelectInputComponent,
2236
2310
  IconComponent,
2237
2311
  SectionHeaderComponent
2238
2312
  ],
@@ -2252,7 +2326,8 @@ ComponentsModule = __decorate([
2252
2326
  PortalModule,
2253
2327
  CdkScrollableModule,
2254
2328
  FontAwesomeModule,
2255
- MatTooltipModule
2329
+ MatTooltipModule,
2330
+ MatAutocompleteModule
2256
2331
  ],
2257
2332
  exports: [
2258
2333
  NumberInputComponent,
@@ -2261,6 +2336,8 @@ ComponentsModule = __decorate([
2261
2336
  PasswordInputComponent,
2262
2337
  CheckboxInputComponent,
2263
2338
  SelectInputComponent,
2339
+ MultipleSelectInputComponent,
2340
+ AutocompleteInputComponent,
2264
2341
  ScrollContainerComponent,
2265
2342
  NoopComponent,
2266
2343
  SwitchCaseComponent,
@@ -2273,12 +2350,23 @@ ComponentsModule = __decorate([
2273
2350
  TableComponent,
2274
2351
  EditRowControls,
2275
2352
  ColumnTemplateDirective,
2276
- MultipleSelectInputComponent,
2277
2353
  IconComponent,
2278
2354
  SectionHeaderComponent
2279
2355
  ],
2280
2356
  providers: [
2281
- FocusBindingFactory,
2357
+ FocusBindingFactory
2358
+ // {
2359
+ // provide: CELL_EDITOR_REGISTRATION, useValue: {
2360
+ // type: 'string',
2361
+ // editorClass: StringInputComponent
2362
+ // }, multi: true
2363
+ // },
2364
+ // {
2365
+ // provide: CELL_EDITOR_REGISTRATION, useValue: {
2366
+ // type: 'number',
2367
+ // editorClass: NumberInputComponent
2368
+ // }, multi: true
2369
+ // }
2282
2370
  ]
2283
2371
  }),
2284
2372
  __metadata("design:paramtypes", [FaIconLibrary])
@@ -6108,5 +6196,5 @@ function VisitParameterList(options) {
6108
6196
  * Generated bundle index. Do not edit.
6109
6197
  */
6110
6198
 
6111
- export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, EditRowControls as ɵba, ColumnTemplateDirective as ɵbb, DefaultCellRendererComponent as ɵbc, TableCellRendererComponent as ɵbd, SelectCellRendererComponent as ɵbe, SelectHeaderCellRendererComponent as ɵbf, DefaultHeaderCellRendererComponent as ɵbg, TableHeaderCellRendererComponent as ɵbh, MultipleSelectInputComponent as ɵbi, IconComponent as ɵbj, SectionHeaderComponent as ɵbk, PlaceModule as ɵbl, ComponentsModule as ɵbm, EmptyStateComponent as ɵbn, BusyOverlayComponent as ɵbo, PlaceOutletComponent as ɵbp, leftRightPlaceAnimation as ɵbq, LEFT_RIGHT_PLACE_ANIMATION as ɵbr, AUP_PLACE_CONFIG as ɵbs, PlaceRouter as ɵbu, InteractionService as ɵbv, ModalInteractionContextFactory as ɵbw, UrlService as ɵbx, PlaceHistory as ɵby, TabbedPlaceNavigationComponent as ɵbz, FocusBindingDirective as ɵc, AbstractPlaceNavigationComponent as ɵca, ListPlaceNavComponent as ɵcb, SidePlaceNavigationComponent as ɵcc, InteractionModule as ɵcd, ActivityContainerComponent as ɵce, AbstractInteractionContext as ɵcf, ActivityOutletComponent as ɵcg, ConfirmationDialogComponent as ɵch, ACTIVITY_DATA as ɵci, Activity as ɵcj, ConfirmThenDialogComponent as ɵcl, AlertDialogComponent as ɵcm, InPlaceInteractionContextComponent as ɵco, AddItemInteractionContextComponent as ɵcp, ActivityActionsComponent as ɵcq, PopupInteractionContextComponent as ɵcr, StringInputActivity as ɵcs, AbstractInputActivity as ɵct, SelectInputActivity as ɵcu, InteractionContextTriggerFor as ɵcv, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, CheckboxInputComponent as ɵo, ScrollContainerComponent as ɵp, NoopComponent as ɵq, SwitchCaseOption as ɵr, SwitchCaseWhenDirective as ɵs, SwitchCaseDefaultDirective as ɵt, SwitchCaseComponent as ɵu, FocusContainerComponent as ɵv, VerticalFocusContainerComponent as ɵw, FocusableComponent as ɵx, CardContainerComponent as ɵy, TableComponent as ɵz };
6199
+ export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, AutocompleteInputComponent, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, CardContainerComponent as ɵba, TableComponent as ɵbb, EditRowControls as ɵbc, ColumnTemplateDirective as ɵbd, DefaultCellRendererComponent as ɵbe, TableCellRendererComponent as ɵbf, SelectCellRendererComponent as ɵbg, SelectHeaderCellRendererComponent as ɵbh, DefaultHeaderCellRendererComponent as ɵbi, TableHeaderCellRendererComponent as ɵbj, IconComponent as ɵbk, SectionHeaderComponent as ɵbl, PlaceModule as ɵbm, ComponentsModule as ɵbn, EmptyStateComponent as ɵbo, BusyOverlayComponent as ɵbp, PlaceOutletComponent as ɵbq, leftRightPlaceAnimation as ɵbr, LEFT_RIGHT_PLACE_ANIMATION as ɵbs, AUP_PLACE_CONFIG as ɵbt, PlaceRouter as ɵbv, InteractionService as ɵbw, ModalInteractionContextFactory as ɵbx, UrlService as ɵby, PlaceHistory as ɵbz, FocusBindingDirective as ɵc, TabbedPlaceNavigationComponent as ɵca, AbstractPlaceNavigationComponent as ɵcb, ListPlaceNavComponent as ɵcc, SidePlaceNavigationComponent as ɵcd, InteractionModule as ɵce, ActivityContainerComponent as ɵcf, AbstractInteractionContext as ɵcg, ActivityOutletComponent as ɵch, ConfirmationDialogComponent as ɵci, ACTIVITY_DATA as ɵcj, Activity as ɵck, ConfirmThenDialogComponent as ɵcm, AlertDialogComponent as ɵcn, InPlaceInteractionContextComponent as ɵcp, AddItemInteractionContextComponent as ɵcq, ActivityActionsComponent as ɵcr, PopupInteractionContextComponent as ɵcs, StringInputActivity as ɵct, AbstractInputActivity as ɵcu, SelectInputActivity as ɵcv, InteractionContextTriggerFor as ɵcw, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, MultipleSelectInputComponent as ɵo, AutocompleteInputComponent as ɵp, CheckboxInputComponent as ɵq, ScrollContainerComponent as ɵr, NoopComponent as ɵs, SwitchCaseOption as ɵt, SwitchCaseWhenDirective as ɵu, SwitchCaseDefaultDirective as ɵv, SwitchCaseComponent as ɵw, FocusContainerComponent as ɵx, VerticalFocusContainerComponent as ɵy, FocusableComponent as ɵz };
6112
6200
  //# sourceMappingURL=coolon-angular-ui-powerups.js.map