@coolon/angular-ui-powerups 1.4.1 → 1.5.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/CHANGELOG.md +22 -0
- package/assets/styles.scss +32 -0
- package/bundles/coolon-angular-ui-powerups.umd.js +213 -73
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.d.ts +27 -25
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/coolon-angular-ui-powerups.js +25 -23
- package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +43 -0
- package/esm2015/lib/components/card-container/card-container.component.js.map +1 -0
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -0
- package/esm2015/lib/components/card-container/card-container.component.ngfactory.js.map +1 -0
- package/esm2015/lib/components/card-container/card-container.component.scss.shim.ngstyle.js.map +1 -0
- package/esm2015/lib/components/components.module.js +5 -2
- package/esm2015/lib/components/components.module.js.map +1 -1
- package/esm2015/lib/components/components.module.metadata.json +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/focusable.component.js +1 -0
- package/esm2015/lib/components/focusable.component.js.map +1 -1
- package/esm2015/lib/components/index.js +1 -0
- package/esm2015/lib/components/index.js.map +1 -1
- package/esm2015/lib/components/index.metadata.json +1 -1
- package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.js +37 -27
- package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.js.map +1 -1
- package/esm2015/lib/components/vertical-focus-container/vertical-focus-container.component.metadata.json +1 -1
- package/esm2015/lib/interaction/activity.js +3 -2
- package/esm2015/lib/interaction/activity.js.map +1 -1
- package/esm2015/lib/interaction/activity.metadata.json +1 -1
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js +2 -2
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js.map +1 -1
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.metadata.json +1 -1
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js +83 -0
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -0
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.metadata.json +1 -0
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.ngfactory.js.map +1 -0
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.scss.shim.ngstyle.js.map +1 -0
- package/esm2015/lib/place/index.js +1 -0
- package/esm2015/lib/place/index.js.map +1 -1
- package/esm2015/lib/place/index.metadata.json +1 -1
- package/esm2015/lib/place/place.module.js +6 -1
- package/esm2015/lib/place/place.module.js.map +1 -1
- package/esm2015/lib/place/place.module.metadata.json +1 -1
- package/esm2015/lib/place/place.module.ngfactory.js.map +1 -1
- package/esm5/coolon-angular-ui-powerups.js +25 -23
- package/esm5/coolon-angular-ui-powerups.js.map +1 -1
- package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/card-container/card-container.component.js +44 -0
- package/esm5/lib/components/card-container/card-container.component.js.map +1 -0
- package/esm5/lib/components/card-container/card-container.component.ngfactory.js.map +1 -0
- package/esm5/lib/components/card-container/card-container.component.scss.shim.ngstyle.js.map +1 -0
- package/esm5/lib/components/components.module.js +5 -2
- package/esm5/lib/components/components.module.js.map +1 -1
- package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/focusable.component.js +1 -0
- package/esm5/lib/components/focusable.component.js.map +1 -1
- package/esm5/lib/components/index.js +1 -0
- package/esm5/lib/components/index.js.map +1 -1
- package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js +37 -27
- package/esm5/lib/components/vertical-focus-container/vertical-focus-container.component.js.map +1 -1
- package/esm5/lib/interaction/activity.js +3 -2
- package/esm5/lib/interaction/activity.js.map +1 -1
- package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js +2 -2
- package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js.map +1 -1
- package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js +86 -0
- package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -0
- package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.ngfactory.js.map +1 -0
- package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.scss.shim.ngstyle.js.map +1 -0
- package/esm5/lib/place/index.js +1 -0
- package/esm5/lib/place/index.js.map +1 -1
- package/esm5/lib/place/place.module.js +6 -1
- package/esm5/lib/place/place.module.js.map +1 -1
- package/esm5/lib/place/place.module.ngfactory.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +166 -33
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/fesm5/coolon-angular-ui-powerups.js +170 -33
- package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/card-container/card-container.component.d.ts +23 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/vertical-focus-container/vertical-focus-container.component.d.ts +5 -1
- package/lib/interaction/activity.d.ts +3 -2
- package/lib/place/components/side-place-navigation/side-place-navigation.component.d.ts +53 -0
- package/lib/place/index.d.ts +1 -0
- package/package.json +3 -2
- package/schematics/place-routes/place-builder.js +1 -1
- package/schematics/place-routes/place-builder.js.map +1 -1
|
@@ -16,6 +16,7 @@ import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS
|
|
|
16
16
|
import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
|
|
17
17
|
import { assert as assert$1, lang as lang$1, Opts, Klass } from '@coolon/typescript-utilities';
|
|
18
18
|
import ___default, { isEqual, isNil } from 'lodash';
|
|
19
|
+
import { FlexModule } from '@angular/flex-layout';
|
|
19
20
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
20
21
|
import { MatListModule } from '@angular/material/list';
|
|
21
22
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
@@ -409,6 +410,7 @@ var FocusableComponent = /** @class */ (function (_super) {
|
|
|
409
410
|
var _a = Dsl.disposeWith(_this), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
|
|
410
411
|
if (_this.focusManager) {
|
|
411
412
|
_this._focusContext = _this.focusManager.registerFocusable(_this);
|
|
413
|
+
_this.registerDisposable(_this._focusContext);
|
|
412
414
|
_this.registerDisposable(focusBindingFactory.createBinding(el.nativeElement, _this.focusContext));
|
|
413
415
|
}
|
|
414
416
|
return _this;
|
|
@@ -965,32 +967,20 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
|
|
|
965
967
|
_this.focusManager = focusManager;
|
|
966
968
|
return _this;
|
|
967
969
|
}
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
// this.leftArrowCommand.execute();
|
|
983
|
-
// }
|
|
984
|
-
// }
|
|
985
|
-
//
|
|
986
|
-
// @HostListener('keyup.arrowRight', ['$event'])
|
|
987
|
-
// arrowRight(event: KeyboardEvent) {
|
|
988
|
-
// if (this.rightArrowCommand.enabled.value) {
|
|
989
|
-
// event.preventDefault();
|
|
990
|
-
// event.stopPropagation();
|
|
991
|
-
// this.rightArrowCommand.execute();
|
|
992
|
-
// }
|
|
993
|
-
// }
|
|
970
|
+
VerticalFocusContainerComponent.prototype.arrowLeft = function (event) {
|
|
971
|
+
if (this.leftArrowCommand.enabled.value) {
|
|
972
|
+
event.preventDefault();
|
|
973
|
+
event.stopPropagation();
|
|
974
|
+
this.leftArrowCommand.execute();
|
|
975
|
+
}
|
|
976
|
+
};
|
|
977
|
+
VerticalFocusContainerComponent.prototype.arrowRight = function (event) {
|
|
978
|
+
if (this.rightArrowCommand.enabled.value) {
|
|
979
|
+
event.preventDefault();
|
|
980
|
+
event.stopPropagation();
|
|
981
|
+
this.rightArrowCommand.execute();
|
|
982
|
+
}
|
|
983
|
+
};
|
|
994
984
|
VerticalFocusContainerComponent.prototype.arrowDown = function (event) {
|
|
995
985
|
event.preventDefault();
|
|
996
986
|
event.stopPropagation();
|
|
@@ -1006,6 +996,28 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
|
|
|
1006
996
|
VerticalFocusContainerComponent.ctorParameters = function () { return [
|
|
1007
997
|
{ type: FocusManager, decorators: [{ type: Self }] }
|
|
1008
998
|
]; };
|
|
999
|
+
__decorate([
|
|
1000
|
+
Input('command.arrowRight'),
|
|
1001
|
+
TrackExternal(),
|
|
1002
|
+
__metadata("design:type", Command)
|
|
1003
|
+
], VerticalFocusContainerComponent.prototype, "rightArrowCommand", void 0);
|
|
1004
|
+
__decorate([
|
|
1005
|
+
Input('command.arrowLeft'),
|
|
1006
|
+
TrackExternal(),
|
|
1007
|
+
__metadata("design:type", Command)
|
|
1008
|
+
], VerticalFocusContainerComponent.prototype, "leftArrowCommand", void 0);
|
|
1009
|
+
__decorate([
|
|
1010
|
+
HostListener('keyup.arrowLeft', ['$event']),
|
|
1011
|
+
__metadata("design:type", Function),
|
|
1012
|
+
__metadata("design:paramtypes", [KeyboardEvent]),
|
|
1013
|
+
__metadata("design:returntype", void 0)
|
|
1014
|
+
], VerticalFocusContainerComponent.prototype, "arrowLeft", null);
|
|
1015
|
+
__decorate([
|
|
1016
|
+
HostListener('keyup.arrowRight', ['$event']),
|
|
1017
|
+
__metadata("design:type", Function),
|
|
1018
|
+
__metadata("design:paramtypes", [KeyboardEvent]),
|
|
1019
|
+
__metadata("design:returntype", void 0)
|
|
1020
|
+
], VerticalFocusContainerComponent.prototype, "arrowRight", null);
|
|
1009
1021
|
__decorate([
|
|
1010
1022
|
HostListener('keyup.arrowDown', ['$event']),
|
|
1011
1023
|
__metadata("design:type", Function),
|
|
@@ -1033,6 +1045,46 @@ var VerticalFocusContainerComponent = /** @class */ (function (_super) {
|
|
|
1033
1045
|
return VerticalFocusContainerComponent;
|
|
1034
1046
|
}(FocusContainerComponent));
|
|
1035
1047
|
|
|
1048
|
+
/**
|
|
1049
|
+
* @example
|
|
1050
|
+
* // CSS Vars
|
|
1051
|
+
* --resolved-card-gap: var(--card-gap, 16px);
|
|
1052
|
+
* --resolved-card-width: var(--card-width, 300px);
|
|
1053
|
+
* --resolved-card-height: var(--card-height, auto);
|
|
1054
|
+
* --resolved-card-background: var(--card-background, #fcfcfb);
|
|
1055
|
+
*
|
|
1056
|
+
* // Content Templates:
|
|
1057
|
+
* #addCardTemplate
|
|
1058
|
+
* <ng-template #addCardTemplate>
|
|
1059
|
+
* This is a new card template, it will the the size of the other cards.
|
|
1060
|
+
* </nav-template>
|
|
1061
|
+
*
|
|
1062
|
+
*/
|
|
1063
|
+
var CardContainerComponent = /** @class */ (function () {
|
|
1064
|
+
function CardContainerComponent() {
|
|
1065
|
+
}
|
|
1066
|
+
CardContainerComponent.prototype.ngOnInit = function () {
|
|
1067
|
+
};
|
|
1068
|
+
__decorate([
|
|
1069
|
+
Input(),
|
|
1070
|
+
TrackExternal(),
|
|
1071
|
+
__metadata("design:type", Command)
|
|
1072
|
+
], CardContainerComponent.prototype, "addCardCommand", void 0);
|
|
1073
|
+
__decorate([
|
|
1074
|
+
ContentChild("addCardTemplate"),
|
|
1075
|
+
__metadata("design:type", TemplateRef)
|
|
1076
|
+
], CardContainerComponent.prototype, "addCardTemplate", void 0);
|
|
1077
|
+
CardContainerComponent = __decorate([
|
|
1078
|
+
Component({
|
|
1079
|
+
selector: 'aup-card-container',
|
|
1080
|
+
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <mat-icon>add</mat-icon>\n </div>\n\n <div class=\"add-card-template\" *ngIf=\"addCardTemplate\">\n <ng-container [ngTemplateOutlet]=\"addCardTemplate\"></ng-container>\n </div>\n\n</div>\n",
|
|
1081
|
+
styles: [":root{--aup-default-padding:var(--default-padding, 18px)}.dialog-interaction-context{max-width:95vw!important;max-height:95vh!important}.dialog-interaction-context mat-dialog-container{max-width:95vw!important;max-height:95vh!important;padding:0}[no-tab-header]>mat-tab-header{display:none}[full-height-tabs] .mat-tab-body-wrapper,mat-tab-group.full-height-tabs .mat-tab-body-wrapper{flex:1}[full-height-tabs] .mat-tab-body-wrapper .mat-tab-body-content,[full-height-tabs] .mat-tab-body-wrapper mat-tab-body,mat-tab-group.full-height-tabs .mat-tab-body-wrapper .mat-tab-body-content,mat-tab-group.full-height-tabs .mat-tab-body-wrapper mat-tab-body{display:flex;flex-direction:column;justify-content:stretch}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right:0}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-background:var(--card-background, #fcfcfb);flex:1;display:block;background:var(--resolved-card-background)}.card-container{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,var(--resolved-card-width));grid-template-rows:repeat(auto-fit,minmax(0,var(--resolved-card-height)));grid-gap:var(--resolved-card-gap);box-sizing:border-box;padding:var(--resolved-card-gap);min-height:calc(var(--resolved-card-height) + 2 * var(--resolved-card-gap));min-width:calc(var(--resolved-card-width) + 2 * var(--resolved-card-gap));width:calc((var(--resolved-card-width) + var(--resolved-card-gap)) * 2 + var(--grid-gap));max-width:100%}.add-card-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;border:2px dashed rgba(0,0,0,.1);border-radius:6px;font-weight:300;cursor:pointer;color:rgba(0,0,0,.54);background-color:rgba(255,255,255,.8);transition:280ms cubic-bezier(.4,0,.2,1)}.add-card-container mat-icon{font-size:200%}.add-card-container:hover{transition:280ms cubic-bezier(.4,0,.2,1);border-color:transparent;background-color:#fff;color:rgba(0,0,0,.54)}.add-card-container:hover:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.add-card-template-container{width:var(--resolved-card-width);height:var(--resolved-card-height);display:flex;flex-direction:column;align-items:stretch;justify-content:stretch}"]
|
|
1082
|
+
}),
|
|
1083
|
+
__metadata("design:paramtypes", [])
|
|
1084
|
+
], CardContainerComponent);
|
|
1085
|
+
return CardContainerComponent;
|
|
1086
|
+
}());
|
|
1087
|
+
|
|
1036
1088
|
var ComponentsModule = /** @class */ (function () {
|
|
1037
1089
|
function ComponentsModule() {
|
|
1038
1090
|
}
|
|
@@ -1052,7 +1104,8 @@ var ComponentsModule = /** @class */ (function () {
|
|
|
1052
1104
|
SwitchCaseDefaultDirective,
|
|
1053
1105
|
FocusContainerComponent,
|
|
1054
1106
|
VerticalFocusContainerComponent,
|
|
1055
|
-
FocusableComponent
|
|
1107
|
+
FocusableComponent,
|
|
1108
|
+
CardContainerComponent
|
|
1056
1109
|
],
|
|
1057
1110
|
imports: [
|
|
1058
1111
|
CommonModule,
|
|
@@ -1080,7 +1133,8 @@ var ComponentsModule = /** @class */ (function () {
|
|
|
1080
1133
|
SwitchCaseDefaultDirective,
|
|
1081
1134
|
FocusContainerComponent,
|
|
1082
1135
|
VerticalFocusContainerComponent,
|
|
1083
|
-
FocusableComponent
|
|
1136
|
+
FocusableComponent,
|
|
1137
|
+
CardContainerComponent
|
|
1084
1138
|
],
|
|
1085
1139
|
providers: [
|
|
1086
1140
|
FocusBindingFactory
|
|
@@ -1137,7 +1191,7 @@ var Activity = /** @class */ (function (_super) {
|
|
|
1137
1191
|
return !!this._activityContext;
|
|
1138
1192
|
};
|
|
1139
1193
|
return Activity;
|
|
1140
|
-
}(
|
|
1194
|
+
}(DisposableComponent));
|
|
1141
1195
|
|
|
1142
1196
|
var AlertDialogComponent = /** @class */ (function (_super) {
|
|
1143
1197
|
__extends(AlertDialogComponent, _super);
|
|
@@ -4058,8 +4112,8 @@ var ListPlaceNavComponent = /** @class */ (function (_super) {
|
|
|
4058
4112
|
ListPlaceNavComponent = __decorate([
|
|
4059
4113
|
Component({
|
|
4060
4114
|
selector: 'aup-list-place-nav',
|
|
4061
|
-
template: "<mat-nav-list
|
|
4062
|
-
styles: [":host{display:flex;flex-direction:column
|
|
4115
|
+
template: "<mat-nav-list fxFlex>\n <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n [class.active]=\"isActive(placeDefinition)\"\n [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n <span class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n </a>\n</mat-nav-list>\n",
|
|
4116
|
+
styles: [":host{display:flex;flex-direction:column}"]
|
|
4063
4117
|
}),
|
|
4064
4118
|
__metadata("design:paramtypes", [PlaceRouter])
|
|
4065
4119
|
], ListPlaceNavComponent);
|
|
@@ -4085,6 +4139,86 @@ var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
|
|
|
4085
4139
|
return TabbedPlaceNavigationComponent;
|
|
4086
4140
|
}(AbstractPlaceNavigationComponent));
|
|
4087
4141
|
|
|
4142
|
+
/**
|
|
4143
|
+
* @example
|
|
4144
|
+
* // Usage
|
|
4145
|
+
* <aup-vertical-place-navigation [places]="placeConstructorArray"
|
|
4146
|
+
* [placeOutlet]="placeOutletComponent">
|
|
4147
|
+
* </aup-vertical-place-navigation>
|
|
4148
|
+
* <aup-place-outlet #placeOutletComponent></aup-place-outlet>
|
|
4149
|
+
*
|
|
4150
|
+
* // CSS overrides:
|
|
4151
|
+
* --nav-width: 56px
|
|
4152
|
+
* --nav-expanded-width: 235px
|
|
4153
|
+
* --nav-item-height: var(--nav-width)
|
|
4154
|
+
* --nav-background-color: #555;
|
|
4155
|
+
* --nav-color: rgba(255, 255, 255, 0.9);
|
|
4156
|
+
*
|
|
4157
|
+
* // Content Templates:
|
|
4158
|
+
* #navEndTemplate
|
|
4159
|
+
* <ng-template #navEndTemplate>
|
|
4160
|
+
* <a mat-list-item (click)="logout()" matTooltip="Logout">
|
|
4161
|
+
* <mat-icon>exit_to_app</mat-icon>
|
|
4162
|
+
* <span class="expanded-only">Logout</span>
|
|
4163
|
+
* </a>
|
|
4164
|
+
* </nav-template>
|
|
4165
|
+
*
|
|
4166
|
+
* // Place nav item in an i18n.yml
|
|
4167
|
+
* places:
|
|
4168
|
+
* myPlace:
|
|
4169
|
+
* nav(NavItem):
|
|
4170
|
+
* title: "Activities"
|
|
4171
|
+
* icon: "build"
|
|
4172
|
+
* tooltip: "Alerts, confirms and dialogs"
|
|
4173
|
+
*
|
|
4174
|
+
* // In your place
|
|
4175
|
+
* (at)Place({
|
|
4176
|
+
* path: 'myPlace',
|
|
4177
|
+
* data: {
|
|
4178
|
+
* nav: I18n.places.myPlace.nav()
|
|
4179
|
+
* }
|
|
4180
|
+
* })
|
|
4181
|
+
*/
|
|
4182
|
+
var SidePlaceNavigationComponent = /** @class */ (function (_super) {
|
|
4183
|
+
__extends(SidePlaceNavigationComponent, _super);
|
|
4184
|
+
function SidePlaceNavigationComponent(router, placeRouter) {
|
|
4185
|
+
var _this = _super.call(this, placeRouter) || this;
|
|
4186
|
+
_this.router = router;
|
|
4187
|
+
_this.expanded = false;
|
|
4188
|
+
return _this;
|
|
4189
|
+
}
|
|
4190
|
+
SidePlaceNavigationComponent.prototype.expandMenu = function () {
|
|
4191
|
+
this.expanded = true;
|
|
4192
|
+
};
|
|
4193
|
+
SidePlaceNavigationComponent.prototype.collapseMenu = function () {
|
|
4194
|
+
this.expanded = false;
|
|
4195
|
+
};
|
|
4196
|
+
SidePlaceNavigationComponent.prototype.toggleMenu = function () {
|
|
4197
|
+
this.expanded = !this.expanded;
|
|
4198
|
+
};
|
|
4199
|
+
SidePlaceNavigationComponent.ctorParameters = function () { return [
|
|
4200
|
+
{ type: Router },
|
|
4201
|
+
{ type: PlaceRouter }
|
|
4202
|
+
]; };
|
|
4203
|
+
__decorate([
|
|
4204
|
+
HostBinding('class.expanded'),
|
|
4205
|
+
__metadata("design:type", Object)
|
|
4206
|
+
], SidePlaceNavigationComponent.prototype, "expanded", void 0);
|
|
4207
|
+
__decorate([
|
|
4208
|
+
ContentChild('navEndTemplate'),
|
|
4209
|
+
__metadata("design:type", TemplateRef)
|
|
4210
|
+
], SidePlaceNavigationComponent.prototype, "navEndTemplate", void 0);
|
|
4211
|
+
SidePlaceNavigationComponent = __decorate([
|
|
4212
|
+
Component({
|
|
4213
|
+
selector: 'aup-side-place-navigation',
|
|
4214
|
+
template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <mat-icon class=\"collapsed-only\">menu</mat-icon>\n <mat-icon class=\"expanded-only\">arrow_back</mat-icon>\n <span class=\"expanded-only\">Menu</span>\n </a>\n <a mat-list-item *ngFor=\"let placeDefinition of placeDefinitions.value\"\n [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n [class.active]=\"isActive(placeDefinition)\"\n [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n <mat-icon *ngIf=\"getNav(placeDefinition).icon()\">{{getNav(placeDefinition).icon()}}</mat-icon>\n <span\n class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n </a>\n <span [style.flex]=\"1\"></span>\n <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
|
|
4215
|
+
styles: [":host{display:flex;flex-direction:column;--resolved-nav-item-width:var(--nav-width, 56px);--resolved-nav-item-height:var(--nav-item-height, var(--resolved-nav-item-width));--resolved-expanded-width:var(--nav-expanded-width, 235px);--resolved-color:var(--nav-color, rgba(255, 255, 255, 0.9));--resolved-background-color:var(--nav-background-color, #555);width:var(--resolved-nav-item-width);transition:width 125ms linear;background-color:var(--resolved-background-color);color:var(--resolved-color)}:host.expanded{width:var(--resolved-expanded-width);max-width:var(--resolved-expanded-width)}:host-context(.expanded) .expanded-only{max-width:100%}:host-context(.expanded) .collapsed-only{max-width:0}:host-context(.expanded) .mat-list-item mat-icon:not(.collapsed-only){margin-right:12px}:host-context(.expanded) .mat-list-item span{text-wrap:none;white-space:nowrap}.expanded-only{max-width:0;overflow:hidden}.collapsed-only{max-width:100%;overflow:hidden}mat-nav-list{flex:1;display:flex;flex-direction:column}.mat-list-item{width:var(--resolved-nav-item-width);height:var(--resolved-nav-item-height);color:inherit}.mat-list-item.active{background-color:#444}.mat-list-item.home{text-align:left}mat-icon{color:inherit}mat-icon.flip-horizontal{transform:scaleX(-1)}"]
|
|
4216
|
+
}),
|
|
4217
|
+
__metadata("design:paramtypes", [Router, PlaceRouter])
|
|
4218
|
+
], SidePlaceNavigationComponent);
|
|
4219
|
+
return SidePlaceNavigationComponent;
|
|
4220
|
+
}(AbstractPlaceNavigationComponent));
|
|
4221
|
+
|
|
4088
4222
|
var PlaceModule = /** @class */ (function () {
|
|
4089
4223
|
function PlaceModule() {
|
|
4090
4224
|
}
|
|
@@ -4099,7 +4233,8 @@ var PlaceModule = /** @class */ (function () {
|
|
|
4099
4233
|
MatListModule,
|
|
4100
4234
|
MatTooltipModule,
|
|
4101
4235
|
MatIconModule,
|
|
4102
|
-
DirectivesModule
|
|
4236
|
+
DirectivesModule,
|
|
4237
|
+
FlexModule
|
|
4103
4238
|
],
|
|
4104
4239
|
declarations: [
|
|
4105
4240
|
EmptyStateComponent,
|
|
@@ -4107,6 +4242,7 @@ var PlaceModule = /** @class */ (function () {
|
|
|
4107
4242
|
PlaceOutletComponent,
|
|
4108
4243
|
TabbedPlaceNavigationComponent,
|
|
4109
4244
|
ListPlaceNavComponent,
|
|
4245
|
+
SidePlaceNavigationComponent,
|
|
4110
4246
|
AbstractPlaceNavigationComponent
|
|
4111
4247
|
],
|
|
4112
4248
|
entryComponents: [BusyOverlayComponent],
|
|
@@ -4116,6 +4252,7 @@ var PlaceModule = /** @class */ (function () {
|
|
|
4116
4252
|
EmptyStateComponent,
|
|
4117
4253
|
TabbedPlaceNavigationComponent,
|
|
4118
4254
|
ListPlaceNavComponent,
|
|
4255
|
+
SidePlaceNavigationComponent,
|
|
4119
4256
|
AbstractPlaceNavigationComponent
|
|
4120
4257
|
],
|
|
4121
4258
|
providers: [
|
|
@@ -4802,5 +4939,5 @@ function VisitParameterList(options) {
|
|
|
4802
4939
|
* Generated bundle index. Do not edit.
|
|
4803
4940
|
*/
|
|
4804
4941
|
|
|
4805
|
-
export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb,
|
|
4942
|
+
export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputComponent, AbstractInteractionContext, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, Activity, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CardContainerComponent, CheckboxInputComponent, CommandDirective, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, InPlaceInteractionContextComponent, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ModalInteractionContextFactory, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectInputComponent, SidePlaceNavigationComponent, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, DirectivesModule as ɵa, CommandDirective as ɵb, leftRightPlaceAnimation as ɵba, LEFT_RIGHT_PLACE_ANIMATION as ɵbb, AUP_PLACE_CONFIG as ɵbc, PlaceRouter as ɵbe, InteractionService as ɵbf, ModalInteractionContextFactory as ɵbg, UrlService as ɵbh, PlaceHistory as ɵbi, TabbedPlaceNavigationComponent as ɵbj, AbstractPlaceNavigationComponent as ɵbk, ListPlaceNavComponent as ɵbl, SidePlaceNavigationComponent as ɵbm, InteractionModule as ɵbn, ActivityContainerComponent as ɵbo, AbstractInteractionContext as ɵbp, ActivityOutletComponent as ɵbq, ConfirmationDialogComponent as ɵbr, ACTIVITY_DATA as ɵbs, Activity as ɵbt, ConfirmThenDialogComponent as ɵbv, AlertDialogComponent as ɵbw, InPlaceInteractionContextComponent as ɵby, FocusBindingDirective as ɵc, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, NumberInputComponent as ɵg, AbstractInputComponent as ɵh, StringInputComponent as ɵi, PasswordInputComponent as ɵj, SelectInputComponent as ɵk, CheckboxInputComponent as ɵl, ScrollContainerComponent as ɵm, NoopComponent as ɵn, SwitchCaseOption as ɵo, SwitchCaseWhenDirective as ɵp, SwitchCaseDefaultDirective as ɵq, SwitchCaseComponent as ɵr, FocusContainerComponent as ɵs, VerticalFocusContainerComponent as ɵt, FocusableComponent as ɵu, CardContainerComponent as ɵv, PlaceModule as ɵw, EmptyStateComponent as ɵx, BusyOverlayComponent as ɵy, PlaceOutletComponent as ɵz };
|
|
4806
4943
|
//# sourceMappingURL=coolon-angular-ui-powerups.js.map
|