@coolon/angular-ui-powerups 2.0.0-alpha.34 → 2.0.0-alpha.35
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 +7 -0
- package/assets/commands.scss +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.js +38 -31
- 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.metadata.json +1 -1
- package/esm2015/lib/components/card-container/card-container.component.js +1 -1
- package/esm2015/lib/components/card-container/card-container.component.metadata.json +1 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.js +9 -2
- package/esm2015/lib/components/commands/command-face/command-face.component.js.map +1 -1
- package/esm2015/lib/components/commands/command-face/command-face.component.metadata.json +1 -1
- package/esm2015/lib/place/components/abstract-place-navigation.component.js +4 -3
- package/esm2015/lib/place/components/abstract-place-navigation.component.js.map +1 -1
- package/esm2015/lib/place/components/abstract-place-navigation.component.metadata.json +1 -1
- package/esm2015/lib/place/components/list-place-nav/list-place-nav.component.js +1 -1
- 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 +1 -1
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -1
- package/esm2015/lib/place/components/side-place-navigation/side-place-navigation.component.metadata.json +1 -1
- package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js +1 -1
- package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js.map +1 -1
- package/esm2015/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.metadata.json +1 -1
- package/esm2015/lib/place/place.module.js +3 -3
- 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/lib/components/card-container/card-container.component.js +1 -1
- package/esm5/lib/components/commands/command-face/command-face.component.js +9 -2
- package/esm5/lib/components/commands/command-face/command-face.component.js.map +1 -1
- package/esm5/lib/place/components/abstract-place-navigation.component.js +4 -3
- package/esm5/lib/place/components/abstract-place-navigation.component.js.map +1 -1
- package/esm5/lib/place/components/list-place-nav/list-place-nav.component.js +1 -1
- 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 +1 -1
- package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map +1 -1
- package/esm5/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js +1 -1
- package/esm5/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js.map +1 -1
- package/esm5/lib/place/place.module.js +3 -3
- 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 +33 -26
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/fesm5/coolon-angular-ui-powerups.js +35 -28
- package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/commands/command-face/command-face.component.d.ts +8 -1
- package/lib/place/components/abstract-place-navigation.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -40,7 +40,7 @@ var CardContainerComponent = /** @class */ (function (_super) {
|
|
|
40
40
|
Component({
|
|
41
41
|
selector: 'aup-card-container',
|
|
42
42
|
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-icon icon=\"mat:add\"></aup-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",
|
|
43
|
-
styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white;--command-face-icon-gap:8px;--aup-icon-width:24px;--aup-fa-icon-width:18px}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right: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}.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}.activity-outlet-wrapper{display:flex;flex-direction:column;align-items:stretch}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{padding-bottom:0;border-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);position:relative}aup-icon fa-icon .svg-inline--fa{position:absolute;top:var(--fa-icon-offset);left:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important;height:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-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);min-height:var(--resolved-card-min-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}"]
|
|
43
|
+
styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white;--aup-command-face-icon-gap:8px;--aup-icon-width:24px;--aup-fa-icon-width:18px}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right: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}.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}.activity-outlet-wrapper{display:flex;flex-direction:column;align-items:stretch}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{padding-bottom:0;border-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);position:relative}aup-icon fa-icon .svg-inline--fa{position:absolute;top:var(--fa-icon-offset);left:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important;height:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-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);min-height:var(--resolved-card-min-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}"]
|
|
44
44
|
}),
|
|
45
45
|
__metadata("design:paramtypes", [])
|
|
46
46
|
], CardContainerComponent);
|
|
@@ -5,7 +5,14 @@ import { DisposableComponent } from '../../disposable-component';
|
|
|
5
5
|
import { CommandContainer } from '../command-container';
|
|
6
6
|
import { CommandFace } from '../command-face';
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* Custom CSS:
|
|
9
|
+
* @example
|
|
10
|
+
* root: { // globally
|
|
11
|
+
* --aup-command-face-icon-gap: 8px;
|
|
12
|
+
* }
|
|
13
|
+
* aup-command-face { // per instance
|
|
14
|
+
* --icon-gap: 4px;
|
|
15
|
+
* }
|
|
9
16
|
*/
|
|
10
17
|
var CommandFaceComponent = /** @class */ (function (_super) {
|
|
11
18
|
__extends(CommandFaceComponent, _super);
|
|
@@ -111,7 +118,7 @@ var CommandFaceComponent = /** @class */ (function (_super) {
|
|
|
111
118
|
selector: 'aup-command-face',
|
|
112
119
|
template: "<aup-icon *ngIf=\"iconStart\" [icon]=\"iconModel.value\"></aup-icon>\n<span *ngIf=\"this.text\">{{this.text}}</span>\n<aup-icon *ngIf=\"iconEnd\" [icon]=\"iconModel.value\"></aup-icon>\n",
|
|
113
120
|
encapsulation: ViewEncapsulation.None,
|
|
114
|
-
styles: ["aup-command-face{--icon-gap:var(--command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
|
|
121
|
+
styles: ["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
|
|
115
122
|
}),
|
|
116
123
|
__param(0, Optional()),
|
|
117
124
|
__metadata("design:paramtypes", [CommandContainer])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-face.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAU,QAAQ,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEnG,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAmB,MAAM,gBAAgB,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C
|
|
1
|
+
{"version":3,"file":"command-face.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/components/commands/command-face/command-face.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, HostBinding, Input, OnInit, Optional, ViewEncapsulation } from '@angular/core';\n\nimport { Dsl, MutableValueModel, StoreInValueModel, ValueModelChain } from '@coolon/pectin';\nimport { DisposableComponent } from '../../disposable-component';\nimport { CommandContainer } from '../command-container';\nimport { CommandFace } from '../command-face';\n\n/**\n * Custom CSS:\n * @example\n * root: { // globally\n * --aup-command-face-icon-gap: 8px;\n * }\n * aup-command-face { // per instance\n * --icon-gap: 4px;\n * }\n */\n@Component({\n selector: 'aup-command-face',\n templateUrl: './command-face.component.html',\n styleUrls: ['./command-face.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class CommandFaceComponent<T> extends DisposableComponent implements OnInit {\n\n private readonly faceModel = new MutableValueModel<CommandFace>();\n\n // tslint:disable-next-line:no-input-rename\n @Input('face') @StoreInValueModel('faceModel')\n _rawFace: CommandFace;\n\n @Input()\n ignoreIcon = false;\n\n @Input()\n ignoreText = false;\n\n @Input()\n includeMissingIconInLayout = false;\n\n @HostBinding('class.hide-icon')\n get requiresMissingIconInLayout() {\n return this.includeMissingIconInLayout && !this.iconModel.value\n }\n\n readonly iconModel: ValueModelChain<string>;\n private textModel: ValueModelChain<string>;\n readonly positionModel: ValueModelChain<string>;\n private destructiveModel: ValueModelChain<boolean>;\n\n constructor(@Optional() readonly commandContainer: CommandContainer) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n // overkill /c: when all you have is a hammer...\n const faceAdapter = chain(this.faceModel).map(face => new CommandFace.Adapter(face));\n this.iconModel = faceAdapter.pluck('icon');\n this.textModel = faceAdapter.pluck('text');\n this.positionModel = faceAdapter.pluck('iconPosition');\n this.destructiveModel = faceAdapter.pluck('destructive');\n }\n\n ngOnInit() {\n }\n\n get iconPosition(): string {\n return this.positionModel.value ?? this.commandContainer?.getDefaultIconPosition() ?? CommandFace.Position.START;\n }\n\n get shouldIncludeIcon() {\n return (!this.ignoreIcon && this.iconModel.value) || this.includeMissingIconInLayout;\n }\n\n get iconStart(): boolean {\n return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.START;\n }\n\n get iconEnd(): boolean {\n return this.shouldIncludeIcon && this.iconPosition === CommandFace.Position.END;\n }\n\n get text(): string {\n return this.ignoreText ? undefined : this.textModel.value;\n }\n\n @HostBinding('class.destructive')\n get destructive(): boolean {\n return this.destructiveModel.value;\n }\n\n}\n"]}
|
|
@@ -2,6 +2,7 @@ import { __decorate, __extends, __metadata } from "tslib";
|
|
|
2
2
|
import { Component, Input } from '@angular/core';
|
|
3
3
|
import { Command, DelegatingValueModel, Dsl, ListModel, StoreInListModel, StoreInValueModel, TrackExternal, ValueModel } from '@coolon/pectin';
|
|
4
4
|
import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
|
|
5
|
+
import { CommandFace } from '../../components/commands/command-face';
|
|
5
6
|
import { DisposableComponent } from '../../components/disposable-component';
|
|
6
7
|
import { PlaceComponent } from '../place-component';
|
|
7
8
|
import { PlaceDefinition } from '../place-definition';
|
|
@@ -27,10 +28,10 @@ var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
|
|
|
27
28
|
_this.activePlaceDefinition = chain(_this._activePlaceComponent).pluck('placeDefinition');
|
|
28
29
|
return _this;
|
|
29
30
|
}
|
|
30
|
-
AbstractPlaceNavigationComponent.prototype.
|
|
31
|
+
AbstractPlaceNavigationComponent.prototype.getNavigationFace = function (placeDef) {
|
|
31
32
|
var navItem = placeDef.getPlaceData('nav');
|
|
32
33
|
return {
|
|
33
|
-
|
|
34
|
+
text: function () { return navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']); },
|
|
34
35
|
tooltip: function () { return navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null); },
|
|
35
36
|
icon: function () { return navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null); }
|
|
36
37
|
};
|
|
@@ -64,7 +65,7 @@ var AbstractPlaceNavigationComponent = /** @class */ (function (_super) {
|
|
|
64
65
|
__metadata("design:type", Function),
|
|
65
66
|
__metadata("design:paramtypes", [PlaceDefinition]),
|
|
66
67
|
__metadata("design:returntype", Object)
|
|
67
|
-
], AbstractPlaceNavigationComponent.prototype, "
|
|
68
|
+
], AbstractPlaceNavigationComponent.prototype, "getNavigationFace", null);
|
|
68
69
|
AbstractPlaceNavigationComponent = __decorate([
|
|
69
70
|
Component({
|
|
70
71
|
template: ''
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"abstract-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/abstract-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAU,MAAM,eAAe,CAAC;AACzD,OAAO,EACL,OAAO,EAEP,oBAAoB,EACpB,GAAG,EACH,SAAS,EAET,gBAAgB,EAChB,iBAAiB,EAEjB,aAAa,EACb,UAAU,EAEX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,kDAAkD,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAE5E,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAK7E;IAAsD,oDAAmB;IAqBvE,0CAAY,WAAwB;QAApC,YACE,iBAAO,SAcR;QAlBQ,2BAAqB,GAAG,IAAI,oBAAoB,EAAkB,CAAC;QAKpE,IAAA,2BAAkF,EAAhF,gBAAK,EAAE,oBAAO,EAAE,kBAAM,EAAE,cAAI,EAAE,gBAAK,EAAE,oBAAO,EAAE,sBAAkC,CAAC;QACzF,KAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,KAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC,EAA/B,CAA+B,CAAC,CAAC;QAC1F,KAAI,CAAC,cAAc,GAAG,OAAO,CAAC,aAAa,CAAC,UAAC,eAAgC;YAC3E,KAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,OAAO,CAAC,KAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,UAAA,MAAM;YAChD,+FAA+F;YAC/F,0FAA0F;YAC1F,QAAQ;YACR,UAAU,CAAC,cAAM,OAAA,KAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,EAA/E,CAA+E,CAAC,CAAC;QACpG,CAAC,CAAC,CAAC;QACH,KAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,KAAI,CAAC,qBAAqB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;;IAC1F,CAAC;IAID,
|
|
1
|
+
{"version":3,"file":"abstract-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/abstract-place-navigation.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\nimport {\n Command,\n Constructable,\n DelegatingValueModel,\n Dsl,\n ListModel,\n ListModelChain,\n StoreInListModel,\n StoreInValueModel,\n TransactionObserver,\n TrackExternal,\n ValueModel,\n ValueModelChain\n} from '@coolon/pectin';\nimport { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';\nimport { CommandFace } from '../../components/commands/command-face';\nimport { DisposableComponent } from '../../components/disposable-component';\nimport { NavItem } from '../nav-item';\nimport { PlaceComponent } from '../place-component';\nimport { PlaceDefinition } from '../place-definition';\nimport { PlaceRouter } from '../place-router';\nimport { Visit } from '../visit';\nimport { PlaceOutletComponent } from './place-outlet/place-outlet.component';\n\n@Component({\n template: ''\n})\nexport class AbstractPlaceNavigationComponent extends DisposableComponent implements OnInit {\n\n @Input() @StoreInListModel('placesModel')\n places: Constructable<PlaceComponent>[];\n\n @Input() @TrackExternal()\n placesModel: ListModel<Constructable<PlaceComponent>>;\n\n\n @Input() @StoreInValueModel('placeOutletModel')\n placeOutlet: PlaceOutletComponent;\n\n @Input() @TrackExternal()\n placeOutletModel: ValueModel<PlaceOutletComponent>;\n\n readonly placeDefinitions: ListModelChain<PlaceDefinition>;\n\n readonly commandFactory: Command.Factory<PlaceDefinition, void>;\n readonly _activePlaceComponent = new DelegatingValueModel<PlaceComponent>();\n private activePlaceDefinition: ValueModelChain<PlaceDefinition>;\n\n constructor(placeRouter: PlaceRouter) {\n super();\n const { chain, valueOf, before, when, after, observe, switchOn } = Dsl.disposeWith(this);\n this.placeDefinitions = chain(this.placesModel).map(c => PlaceComponent.getDefinition(c));\n this.commandFactory = Command.createFactory((placeDefinition: PlaceDefinition) => {\n this.placeOutlet.navigate(new Visit(placeDefinition));\n });\n\n when.valueOf(this.placeOutletModel).changes(outlet => {\n // NOTE: this updates during a change cycle and causes our isActiveMethod to return 2 different\n // values in the one change detection cycle. So instead we delay the update to a different\n // tick.\n setTimeout(() => this._activePlaceComponent.setDelegate(outlet ? outlet.activePlaceModel : null));\n });\n this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');\n }\n\n\n @Memoize()\n getNavigationFace(placeDef: PlaceDefinition): CommandFace {\n const navItem = placeDef.getPlaceData('nav') as NavItem;\n return {\n text: () => navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']),\n tooltip: () => navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null),\n icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)\n };\n }\n\n isActive(place: PlaceDefinition): boolean {\n return this.activePlaceDefinition.query().equals(place);\n }\n\n ngOnInit() {\n }\n\n}\n"]}
|
|
@@ -13,7 +13,7 @@ var ListPlaceNavComponent = /** @class */ (function (_super) {
|
|
|
13
13
|
ListPlaceNavComponent = __decorate([
|
|
14
14
|
Component({
|
|
15
15
|
selector: 'aup-list-place-nav',
|
|
16
|
-
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]=\"
|
|
16
|
+
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]=\"getNavigationFace(placeDefinition).tooltip()\">\n <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n </a>\n</mat-nav-list>\n",
|
|
17
17
|
styles: [":host{display:flex;flex-direction:column;--selected-border-color:#838383;--selected-color:inherit;--selected-background:#f1f1f1}mat-nav-list{padding-top:0}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}"]
|
|
18
18
|
}),
|
|
19
19
|
__metadata("design:paramtypes", [PlaceRouter])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-place-nav.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/list-place-nav/list-place-nav.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F;IAA2C,yCAAgC;IAEzE,+BAAY,WAAuB;eACjC,kBAAM,WAAW,CAAC;IACpB,CAAC;;gBAFuB,WAAW;;IAFxB,qBAAqB;QALjC,SAAS,CAAC;YACT,QAAQ,EAAE,oBAAoB;YAC9B,
|
|
1
|
+
{"version":3,"file":"list-place-nav.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/list-place-nav/list-place-nav.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F;IAA2C,yCAAgC;IAEzE,+BAAY,WAAuB;eACjC,kBAAM,WAAW,CAAC;IACpB,CAAC;;gBAFuB,WAAW;;IAFxB,qBAAqB;QALjC,SAAS,CAAC;YACT,QAAQ,EAAE,oBAAoB;YAC9B,2ZAA8C;;SAE/C,CAAC;yCAGwB,WAAW;OAFxB,qBAAqB,CAKjC;IAAD,4BAAC;CAAA,AALD,CAA2C,gCAAgC,GAK1E;SALY,qBAAqB","sourcesContent":["import { Component, HostBinding } from '@angular/core';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n selector: 'aup-list-place-nav',\n templateUrl: './list-place-nav.component.html',\n styleUrls: ['./list-place-nav.component.scss']\n})\nexport class ListPlaceNavComponent extends AbstractPlaceNavigationComponent {\n\n constructor(placeRouter:PlaceRouter) {\n super(placeRouter);\n }\n}\n"]}
|
|
@@ -77,7 +77,7 @@ var SidePlaceNavigationComponent = /** @class */ (function (_super) {
|
|
|
77
77
|
SidePlaceNavigationComponent = __decorate([
|
|
78
78
|
Component({
|
|
79
79
|
selector: 'aup-side-place-navigation',
|
|
80
|
-
template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-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]=\"
|
|
80
|
+
template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-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]=\"getNavigationFace(placeDefinition).tooltip()\">\n <aup-icon *ngIf=\"getNavigationFace(placeDefinition).icon()\" [icon]=\"getNavigationFace(placeDefinition).icon()\"></aup-icon>\n <span class=\"expanded-only\">{{getNavigationFace(placeDefinition).text()}}</span>\n </a>\n <span [style.flex]=\"1\"></span>\n <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
|
|
81
81
|
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 aup-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)}"]
|
|
82
82
|
}),
|
|
83
83
|
__metadata("design:paramtypes", [Router, PlaceRouter])
|
package/esm5/lib/place/components/side-place-navigation/side-place-navigation.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH;IAAkD,gDAAgC;IAQhF,sCAAqB,MAAc,EAAE,WAAwB;QAA7D,YACE,kBAAM,WAAW,CAAC,SACnB;QAFoB,YAAM,GAAN,MAAM,CAAQ;QAL5B,cAAQ,GAAG,KAAK,CAAC;;IAOxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,mDAAY,GAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAd4B,MAAM;gBAAe,WAAW;;IAL7D;QADC,WAAW,CAAC,gBAAgB,CAAC;;kEACN;IAGxB;QADC,YAAY,CAAC,gBAAgB,CAAC;kCACf,WAAW;wEAAM;IANtB,4BAA4B;QALxC,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,
|
|
1
|
+
{"version":3,"file":"side-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/side-place-navigation/side-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAG1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AAMH;IAAkD,gDAAgC;IAQhF,sCAAqB,MAAc,EAAE,WAAwB;QAA7D,YACE,kBAAM,WAAW,CAAC,SACnB;QAFoB,YAAM,GAAN,MAAM,CAAQ;QAL5B,cAAQ,GAAG,KAAK,CAAC;;IAOxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,mDAAY,GAAZ;QACE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,iDAAU,GAAV;QACE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC;;gBAd4B,MAAM;gBAAe,WAAW;;IAL7D;QADC,WAAW,CAAC,gBAAgB,CAAC;;kEACN;IAGxB;QADC,YAAY,CAAC,gBAAgB,CAAC;kCACf,WAAW;wEAAM;IANtB,4BAA4B;QALxC,SAAS,CAAC;YACT,QAAQ,EAAE,2BAA2B;YACrC,g6BAAqD;;SAEtD,CAAC;yCAS6B,MAAM,EAAe,WAAW;OARlD,4BAA4B,CAuBxC;IAAD,mCAAC;CAAA,AAvBD,CAAkD,gCAAgC,GAuBjF;SAvBY,4BAA4B","sourcesContent":["import { Component, ContentChild, HostBinding, TemplateRef } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n\n/**\n * @example\n * // Usage\n * <aup-vertical-place-navigation [places]=\"placeConstructorArray\"\n * [placeOutlet]=\"placeOutletComponent\">\n * </aup-vertical-place-navigation>\n * <aup-place-outlet #placeOutletComponent></aup-place-outlet>\n *\n * // CSS overrides:\n * aup-side-place-navigation {\n * --nav-width: 56px\n * --nav-expanded-width: 235px\n * --nav-item-height: var(--nav-width)\n * --nav-background-color: #555;\n * --nav-color: rgba(255, 255, 255, 0.9);\n * }\n *\n * // Content Templates:\n * #navEndTemplate\n * <ng-template #navEndTemplate>\n * <a mat-list-item (click)=\"logout()\" matTooltip=\"Logout\">\n * <mat-icon>exit_to_app</mat-icon>\n * <span *ngIf=\"sideNav.expanded\">Logout</span>\n * </a>\n * </nav-template>\n *\n * // Place nav item in an i18n.yml\n * places:\n * myPlace:\n * nav(NavItem):\n * title: \"Activities\"\n * icon: \"build\"\n * tooltip: \"Alerts, confirms and dialogs\"\n *\n * // In your place\n * (at)Place({\n * path: 'myPlace',\n * data: {\n * nav: I18n.places.myPlace.nav()\n * }\n * })\n */\n@Component({\n selector: 'aup-side-place-navigation',\n templateUrl: './side-place-navigation.component.html',\n styleUrls: ['./side-place-navigation.component.scss']\n})\nexport class SidePlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n\n @HostBinding('class.expanded')\n public expanded = false;\n\n @ContentChild('navEndTemplate')\n navEndTemplate: TemplateRef<any>;\n\n constructor(readonly router: Router, placeRouter: PlaceRouter) {\n super(placeRouter);\n }\n\n expandMenu() {\n this.expanded = true;\n }\n\n collapseMenu() {\n this.expanded = false;\n }\n\n toggleMenu() {\n this.expanded = !this.expanded;\n }\n}\n"]}
|
package/esm5/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js
CHANGED
|
@@ -13,7 +13,7 @@ var TabbedPlaceNavigationComponent = /** @class */ (function (_super) {
|
|
|
13
13
|
TabbedPlaceNavigationComponent = __decorate([
|
|
14
14
|
Component({
|
|
15
15
|
selector: 'aup-tabbed-place-navigation',
|
|
16
|
-
template: "<nav mat-tab-nav-bar>\n <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n [active]=\"isActive(placeDefinition)\"\n [matTooltip]=\"
|
|
16
|
+
template: "<nav mat-tab-nav-bar>\n <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n [active]=\"isActive(placeDefinition)\"\n [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n </a>\n</nav>\n",
|
|
17
17
|
styles: [""]
|
|
18
18
|
}),
|
|
19
19
|
__metadata("design:paramtypes", [PlaceRouter])
|
package/esm5/lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabbed-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F;IAAoD,kDAAgC;IAClF,wCAAY,WAAuB;eACjC,kBAAM,WAAW,CAAC;IACpB,CAAC;;gBAFuB,WAAW;;IADxB,8BAA8B;QAL1C,SAAS,CAAC;YACT,QAAQ,EAAE,6BAA6B;YACvC,
|
|
1
|
+
{"version":3,"file":"tabbed-place-navigation.component.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/components/tabbed-place-navigation/tabbed-place-navigation.component.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAO1F;IAAoD,kDAAgC;IAClF,wCAAY,WAAuB;eACjC,kBAAM,WAAW,CAAC;IACpB,CAAC;;gBAFuB,WAAW;;IADxB,8BAA8B;QAL1C,SAAS,CAAC;YACT,QAAQ,EAAE,6BAA6B;YACvC,2YAAuD;;SAExD,CAAC;yCAEwB,WAAW;OADxB,8BAA8B,CAI1C;IAAD,qCAAC;CAAA,AAJD,CAAoD,gCAAgC,GAInF;SAJY,8BAA8B","sourcesContent":["import { Component } from '@angular/core';\nimport { PlaceRouter } from '../../place-router';\nimport { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.component';\n\n@Component({\n selector: 'aup-tabbed-place-navigation',\n templateUrl: './tabbed-place-navigation.component.html',\n styleUrls: ['./tabbed-place-navigation.component.scss']\n})\nexport class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {\n constructor(placeRouter:PlaceRouter) {\n super(placeRouter);\n }\n}\n"]}
|
|
@@ -2,22 +2,22 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { NgModule } from '@angular/core';
|
|
4
4
|
import { FlexModule } from '@angular/flex-layout';
|
|
5
|
-
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
6
5
|
import { MatIconModule } from '@angular/material/icon';
|
|
7
6
|
import { MatListModule } from '@angular/material/list';
|
|
7
|
+
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
8
8
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
9
9
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
10
10
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
11
11
|
import { RouterModule } from '@angular/router';
|
|
12
|
+
import { ComponentsModule } from '../components';
|
|
12
13
|
import { DirectivesModule } from '../directives/directives.module';
|
|
13
14
|
import { AbstractPlaceNavigationComponent } from './components/abstract-place-navigation.component';
|
|
14
15
|
import { BusyOverlayComponent } from './components/busy-overlay/busy-overlay.component';
|
|
15
16
|
import { EmptyStateComponent } from './components/empty-state/empty-state.component';
|
|
16
17
|
import { ListPlaceNavComponent } from './components/list-place-nav/list-place-nav.component';
|
|
17
18
|
import { PlaceOutletComponent } from './components/place-outlet/place-outlet.component';
|
|
18
|
-
import { TabbedPlaceNavigationComponent } from './components/tabbed-place-navigation/tabbed-place-navigation.component';
|
|
19
19
|
import { SidePlaceNavigationComponent } from './components/side-place-navigation/side-place-navigation.component';
|
|
20
|
-
import {
|
|
20
|
+
import { TabbedPlaceNavigationComponent } from './components/tabbed-place-navigation/tabbed-place-navigation.component';
|
|
21
21
|
var PlaceModule = /** @class */ (function () {
|
|
22
22
|
function PlaceModule() {
|
|
23
23
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"place.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"place.module.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,4BAA4B,EAAE,MAAM,oEAAoE,CAAC;AAClH,OAAO,EAAE,8BAA8B,EAAE,MAAM,wEAAwE,CAAC;AAuCxH;IAAA;IAEA,CAAC;IAFY,WAAW;QArCvB,QAAQ,CAAC;YACR,OAAO,EAAE;gBACP,YAAY;gBACZ,uBAAuB;gBACvB,wBAAwB;gBACxB,YAAY;gBACZ,aAAa;gBACb,aAAa;gBACb,gBAAgB;gBAChB,aAAa;gBACb,gBAAgB;gBAChB,UAAU;gBACV,gBAAgB;aACjB;YACD,YAAY,EAAE;gBACZ,mBAAmB;gBACnB,oBAAoB;gBACpB,oBAAoB;gBACpB,8BAA8B;gBAC9B,qBAAqB;gBACrB,4BAA4B;gBAC5B,gCAAgC;aACjC;YACD,eAAe,EAAE,CAAC,oBAAoB,CAAC;YACvC,OAAO,EAAE;gBACP,oBAAoB;gBACpB,oBAAoB;gBACpB,mBAAmB;gBACnB,8BAA8B;gBAC9B,qBAAqB;gBACrB,4BAA4B;gBAC5B,gCAAgC;aACjC;YACD,SAAS,EAAE;YACT,uEAAuE;aACxE;SACF,CAAC;OACW,WAAW,CAEvB;IAAD,kBAAC;CAAA,AAFD,IAEC;SAFY,WAAW","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FlexModule } from '@angular/flex-layout';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatListModule } from '@angular/material/list';\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\nimport { MatTabsModule } from '@angular/material/tabs';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { RouterModule } from '@angular/router';\nimport { ComponentsModule } from '../components';\nimport { DirectivesModule } from '../directives/directives.module';\nimport { AbstractPlaceNavigationComponent } from './components/abstract-place-navigation.component';\nimport { BusyOverlayComponent } from './components/busy-overlay/busy-overlay.component';\nimport { EmptyStateComponent } from './components/empty-state/empty-state.component';\nimport { ListPlaceNavComponent } from './components/list-place-nav/list-place-nav.component';\nimport { PlaceOutletComponent } from './components/place-outlet/place-outlet.component';\nimport { SidePlaceNavigationComponent } from './components/side-place-navigation/side-place-navigation.component';\nimport { TabbedPlaceNavigationComponent } from './components/tabbed-place-navigation/tabbed-place-navigation.component';\n\n@NgModule({\n imports: [\n CommonModule,\n BrowserAnimationsModule,\n MatProgressSpinnerModule,\n RouterModule,\n MatTabsModule,\n MatListModule,\n MatTooltipModule,\n MatIconModule,\n DirectivesModule,\n FlexModule,\n ComponentsModule\n ],\n declarations: [\n EmptyStateComponent,\n BusyOverlayComponent,\n PlaceOutletComponent,\n TabbedPlaceNavigationComponent,\n ListPlaceNavComponent,\n SidePlaceNavigationComponent,\n AbstractPlaceNavigationComponent\n ],\n entryComponents: [BusyOverlayComponent],\n exports: [\n BusyOverlayComponent,\n PlaceOutletComponent,\n EmptyStateComponent,\n TabbedPlaceNavigationComponent,\n ListPlaceNavComponent,\n SidePlaceNavigationComponent,\n AbstractPlaceNavigationComponent\n ],\n providers: [\n // {provide: AUP_PLACE_CONFIG, useValue: {animationDuration: \"2000ms\"}}\n ]\n})\nexport class PlaceModule {\n\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from '../components/forms/number-input/number-input.component';\nimport * as i17 from '../components/forms/string-input/string-input.component';\nimport * as i18 from '../components/forms/text-input/text-input.component';\nimport * as i19 from '../components/forms/password-input/password-input.component';\nimport * as i20 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i21 from '../components/forms/select-input/select-input.component';\nimport * as i22 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i23 from '../components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i24 from '../components/scroll-container/scroll-container.component';\nimport * as i25 from '../components/noop/noop.component';\nimport * as i26 from '../components/switch-case/switch-case.component';\nimport * as i27 from '../components/focus-container/focus-container.component';\nimport * as i28 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i29 from '../components/focusable.component';\nimport * as i30 from '../components/card-container/card-container.component';\nimport * as i31 from '../components/table/table.component';\nimport * as i32 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i33 from '../components/table/column-template/column-template.directive';\nimport * as i34 from '../components/icon/icon.component';\nimport * as i35 from '../components/section-header/section-header.component';\nimport * as i36 from '../components/table/table-row-menu/table-row-menu.component';\nimport * as i37 from '../components/commands/command-bar.component';\nimport * as i38 from '../components/commands/command.component';\nimport * as i39 from '../components/commands/popup-menu/abstract-popup-menu.component';\nimport * as i40 from '../components/commands/popup-menu/popup-menu.component';\nimport * as i41 from '../components/commands/command-face/command-face.component';\nimport * as i42 from '../components/commands/popup-menu-renderer/popup-menu-renderer.component';\nimport * as i43 from '../components/commands/popup-menu/more-menu.component';\nimport * as i44 from './components/empty-state/empty-state.component';\nimport * as i45 from './components/busy-overlay/busy-overlay.component';\nimport * as i46 from './components/place-outlet/place-outlet.component';\nimport * as i47 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i48 from './components/list-place-nav/list-place-nav.component';\nimport * as i49 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i50 from './components/abstract-place-navigation.component';\nimport * as i51 from '@angular/platform-browser/animations';\nimport * as i52 from '../directives/directives.module';\nimport * as i53 from '../components/components.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.NumberInputComponent = (<any>(null as any));\nvar _decl0_51:i17.StringInputComponent = (<any>(null as any));\nvar _decl0_52:i18.TextInputComponent = (<any>(null as any));\nvar _decl0_53:i19.PasswordInputComponent = (<any>(null as any));\nvar _decl0_54:i20.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_55:i21.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_56:i22.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_57:i23.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_58:i24.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_59:i25.NoopComponent = (<any>(null as any));\nvar _decl0_60:i26.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_61:i26.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_62:i26.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_63:i27.FocusContainerComponent = (<any>(null as any));\nvar _decl0_64:i28.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_65:i29.FocusableComponent = (<any>(null as any));\nvar _decl0_66:i30.CardContainerComponent = (<any>(null as any));\nvar _decl0_67:i31.TableComponent<any> = (<any>(null as any));\nvar _decl0_68:i32.EditRowControls<any> = (<any>(null as any));\nvar _decl0_69:i33.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_70:i34.IconComponent = (<any>(null as any));\nvar _decl0_71:i35.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_72:i36.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_73:i37.CommandBarComponent = (<any>(null as any));\nvar _decl0_74:i38.CommandComponent<any> = (<any>(null as any));\nvar _decl0_75:i39.AbstractPopupMenuComponent = (<any>(null as any));\nvar _decl0_76:i40.PopupMenuComponent = (<any>(null as any));\nvar _decl0_77:i41.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_78:i42.PopupMenuRendererComponent = (<any>(null as any));\nvar _decl0_79:i43.MoreMenuComponent = (<any>(null as any));\nvar _decl0_80:i44.EmptyStateComponent = (<any>(null as any));\nvar _decl0_81:i45.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_82:i46.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_83:i47.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_84:i48.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_85:i49.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_86:i50.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_87:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_88:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_89:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_90:i2.JsonPipe = (<any>(null as any));\nvar _decl0_91:i2.SlicePipe = (<any>(null as any));\nvar _decl0_92:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_93:i2.PercentPipe = (<any>(null as any));\nvar _decl0_94:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_95:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_96:i2.DatePipe = (<any>(null as any));\nvar _decl0_97:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_98:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_99:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_100:i2.CommonModule = (<any>(null as any));\nvar _decl0_101:i51.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_102:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_103:i5.RouterModule = (<any>(null as any));\nvar _decl0_104:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_105:i9.MatListModule = (<any>(null as any));\nvar _decl0_106:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_107:i12.MatIconModule = (<any>(null as any));\nvar _decl0_108:i52.DirectivesModule = (<any>(null as any));\nvar _decl0_109:i15.FlexModule = (<any>(null as any));\nvar _decl0_110:i53.ComponentsModule = (<any>(null as any));\nvar _decl0_111:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_112:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n if (_decl0_81.busyModel.value) {\n var _any:any = (null as any);\n const currVal_0:any = 52;\n currVal_0;\n const currVal_1:any = 'indeterminate';\n currVal_1;\n const currVal_2:any = _decl0_12._noopAnimations;\n currVal_2;\n const currVal_3:any = _decl0_12.diameter;\n currVal_3;\n const currVal_4:any = _decl0_12.diameter;\n currVal_4;\n const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n currVal_5;\n const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n currVal_6;\n const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n currVal_7;\n const currVal_8:any = _decl0_12.mode;\n currVal_8;\n }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_81.busyModel.value;\n currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n if (_decl0_82.animationEnabled.value) {\n var _any:any = (null as any);\n const currVal_0:any = {value:_decl0_82.getAnimationOrder(),params:{duration:_decl0_82.animationDuration}};\n currVal_0;\n const pd_1:any = ((<any>_decl0_82.animationStarted()) !== false);\n const pd_2:any = ((<any>_decl0_82.animationDone()) !== false);\n const pd_3:any = ((<any>_decl0_82.onOutletActivated(_decl0_14,_any)) !== false);\n const pd_4:any = ((<any>_decl0_82.onOutletDeactivated()) !== false);\n }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n if (!_decl0_82.animationEnabled.value) {\n var _any:any = (null as any);\n const pd_0:any = ((<any>_decl0_82.onOutletActivated(_decl0_14,_any)) !== false);\n const pd_1:any = ((<any>_decl0_82.onOutletDeactivated()) !== false);\n }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_82.animationEnabled.value;\n currVal_0;\n const currVal_1:any = !_decl0_82.animationEnabled.value;\n currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_2():void {\n if (_decl0_83.getNav(_any).icon()) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_83.getNav(_any).icon();\n currVal_0;\n }\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_83.isActive(_any);\n currVal_0;\n const currVal_1:any = (_decl0_23.active? 'page': null);\n currVal_1;\n const currVal_2:any = _decl0_23.disabled;\n currVal_2;\n const currVal_3:any = _decl0_23.tabIndex;\n currVal_3;\n const currVal_4:any = _decl0_23.disabled;\n currVal_4;\n const currVal_5:any = _decl0_23.active;\n currVal_5;\n const currVal_6:any = _decl0_83.getNav(_any).tooltip();\n currVal_6;\n const currVal_7:any = _decl0_83.commandFactory.create(_any);\n currVal_7;\n const currVal_8:any = _decl0_83.getNav(_any).icon();\n currVal_8;\n const currVal_9:any = _decl0_83.getNav(_any).title();\n currVal_9;\n const pd_10:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_22._showPaginationControls;\n currVal_0;\n const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n currVal_1;\n const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n currVal_2;\n const currVal_3:any = (_decl0_22.color === 'accent');\n currVal_3;\n const currVal_4:any = (_decl0_22.color === 'warn');\n currVal_4;\n const currVal_5:any = _decl0_83.placeDefinitions.value;\n currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ListPlaceNavComponent_5_2():void {\n if (_decl0_84.getNav(_any).icon()) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_84.getNav(_any).icon();\n currVal_0;\n }\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_30.disabled;\n currVal_0;\n const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_1;\n const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_2;\n const currVal_3:any = _decl0_84.getNav(_any).tooltip();\n currVal_3;\n const currVal_4:any = _decl0_84.commandFactory.create(_any);\n currVal_4;\n const currVal_5:any = _decl0_84.isActive(_any);\n currVal_5;\n const currVal_6:any = _decl0_84.getNav(_any).icon();\n currVal_6;\n const currVal_7:any = _decl0_84.getNav(_any).title();\n currVal_7;\n const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n var _any:any = (null as any);\n const currVal_0:any = '';\n currVal_0;\n const currVal_1:any = _decl0_84.placeDefinitions.value;\n currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_85.expanded;\n currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n if (_decl0_85.getNav(_any).icon()) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_85.getNav(_any).icon();\n currVal_0;\n }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_30.disabled;\n currVal_0;\n const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_1;\n const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_2;\n const currVal_3:any = _decl0_85.getNav(_any).tooltip();\n currVal_3;\n const currVal_4:any = _decl0_85.commandFactory.create(_any);\n currVal_4;\n const currVal_5:any = _decl0_85.isActive(_any);\n currVal_5;\n const currVal_6:any = _decl0_85.getNav(_any).icon();\n currVal_6;\n const currVal_7:any = _decl0_85.getNav(_any).title();\n currVal_7;\n const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n if (_decl0_85.navEndTemplate) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_85.navEndTemplate;\n currVal_0;\n }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_30.disabled;\n currVal_0;\n const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_1;\n const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_2;\n const currVal_3:any = 'mat:menu';\n currVal_3;\n const currVal_4:any = 'mat:arrow_back';\n currVal_4;\n const currVal_5:any = _decl0_85.placeDefinitions.value;\n currVal_5;\n const currVal_6:any = 1;\n currVal_6;\n const currVal_7:any = _decl0_85.navEndTemplate;\n currVal_7;\n const pd_8:any = ((<any>_decl0_85.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n var _any:any = (null as any);\n}\n"]}
|
|
1
|
+
{"version":3,"file":"place.module.ngfactory.js","sourceRoot":"ng://@coolon/angular-ui-powerups/","sources":["lib/place/place.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './place.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/cdk/bidi';\nimport * as i4 from '@angular/material/progress-spinner';\nimport * as i5 from '@angular/router';\nimport * as i6 from '@angular/material/tabs';\nimport * as i7 from '@angular/material/core';\nimport * as i8 from '@angular/material/divider';\nimport * as i9 from '@angular/material/list';\nimport * as i10 from '@angular/cdk/scrolling';\nimport * as i11 from '@angular/material/tooltip';\nimport * as i12 from '@angular/material/icon';\nimport * as i13 from '../directives/command.directive';\nimport * as i14 from '../directives/focus-binding.directive';\nimport * as i15 from '@angular/flex-layout/flex';\nimport * as i16 from '../components/forms/number-input/number-input.component';\nimport * as i17 from '../components/forms/string-input/string-input.component';\nimport * as i18 from '../components/forms/text-input/text-input.component';\nimport * as i19 from '../components/forms/password-input/password-input.component';\nimport * as i20 from '../components/forms/checkbox-input/checkbox-input.component';\nimport * as i21 from '../components/forms/select-input/select-input.component';\nimport * as i22 from '../components/forms/multiple-select-input/multiple-select-input.component';\nimport * as i23 from '../components/forms/autocomplete-input/autocomplete-input.component';\nimport * as i24 from '../components/scroll-container/scroll-container.component';\nimport * as i25 from '../components/noop/noop.component';\nimport * as i26 from '../components/switch-case/switch-case.component';\nimport * as i27 from '../components/focus-container/focus-container.component';\nimport * as i28 from '../components/vertical-focus-container/vertical-focus-container.component';\nimport * as i29 from '../components/focusable.component';\nimport * as i30 from '../components/card-container/card-container.component';\nimport * as i31 from '../components/table/table.component';\nimport * as i32 from '../components/table/edit-row-controls/edit-row-controls.component';\nimport * as i33 from '../components/table/column-template/column-template.directive';\nimport * as i34 from '../components/icon/icon.component';\nimport * as i35 from '../components/section-header/section-header.component';\nimport * as i36 from '../components/table/table-row-menu/table-row-menu.component';\nimport * as i37 from '../components/commands/command-bar.component';\nimport * as i38 from '../components/commands/command.component';\nimport * as i39 from '../components/commands/popup-menu/abstract-popup-menu.component';\nimport * as i40 from '../components/commands/popup-menu/popup-menu.component';\nimport * as i41 from '../components/commands/command-face/command-face.component';\nimport * as i42 from '../components/commands/popup-menu-renderer/popup-menu-renderer.component';\nimport * as i43 from '../components/commands/popup-menu/more-menu.component';\nimport * as i44 from './components/empty-state/empty-state.component';\nimport * as i45 from './components/busy-overlay/busy-overlay.component';\nimport * as i46 from './components/place-outlet/place-outlet.component';\nimport * as i47 from './components/tabbed-place-navigation/tabbed-place-navigation.component';\nimport * as i48 from './components/list-place-nav/list-place-nav.component';\nimport * as i49 from './components/side-place-navigation/side-place-navigation.component';\nimport * as i50 from './components/abstract-place-navigation.component';\nimport * as i51 from '@angular/platform-browser/animations';\nimport * as i52 from '../directives/directives.module';\nimport * as i53 from '../components/components.module';\nexport const PlaceModuleNgFactory:i0.NgModuleFactory<i1.PlaceModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any,any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf<any> = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Dir = (<any>(null as any));\nvar _decl0_12:i4.MatProgressSpinner = (<any>(null as any));\nvar _decl0_13:i4.MatSpinner = (<any>(null as any));\nvar _decl0_14:i5.RouterOutlet = (<any>(null as any));\nvar _decl0_15:i5.RouterLink = (<any>(null as any));\nvar _decl0_16:i5.RouterLinkWithHref = (<any>(null as any));\nvar _decl0_17:i5.RouterLinkActive = (<any>(null as any));\nvar _decl0_18:i5.ɵangular_packages_router_router_l = (<any>(null as any));\nvar _decl0_19:i6.MatTabGroup = (<any>(null as any));\nvar _decl0_20:i6.MatTabLabel = (<any>(null as any));\nvar _decl0_21:i6.MatTab = (<any>(null as any));\nvar _decl0_22:i6.MatTabNav = (<any>(null as any));\nvar _decl0_23:i6.MatTabLink = (<any>(null as any));\nvar _decl0_24:i6.MatTabContent = (<any>(null as any));\nvar _decl0_25:i7.MatLine = (<any>(null as any));\nvar _decl0_26:i7.MatPseudoCheckbox = (<any>(null as any));\nvar _decl0_27:i8.MatDivider = (<any>(null as any));\nvar _decl0_28:i9.MatList = (<any>(null as any));\nvar _decl0_29:i9.MatNavList = (<any>(null as any));\nvar _decl0_30:i9.MatListItem = (<any>(null as any));\nvar _decl0_31:i9.MatListAvatarCssMatStyler = (<any>(null as any));\nvar _decl0_32:i9.MatListIconCssMatStyler = (<any>(null as any));\nvar _decl0_33:i9.MatListSubheaderCssMatStyler = (<any>(null as any));\nvar _decl0_34:i9.MatSelectionList = (<any>(null as any));\nvar _decl0_35:i9.MatListOption = (<any>(null as any));\nvar _decl0_36:i10.CdkScrollable = (<any>(null as any));\nvar _decl0_37:i11.MatTooltip = (<any>(null as any));\nvar _decl0_38:i11.TooltipComponent = (<any>(null as any));\nvar _decl0_39:i12.MatIcon = (<any>(null as any));\nvar _decl0_40:i13.CommandDirective<any> = (<any>(null as any));\nvar _decl0_41:i14.FocusBindingDirective = (<any>(null as any));\nvar _decl0_42:i15.DefaultLayoutDirective = (<any>(null as any));\nvar _decl0_43:i15.DefaultLayoutGapDirective = (<any>(null as any));\nvar _decl0_44:i15.DefaultLayoutAlignDirective = (<any>(null as any));\nvar _decl0_45:i15.DefaultFlexOrderDirective = (<any>(null as any));\nvar _decl0_46:i15.DefaultFlexOffsetDirective = (<any>(null as any));\nvar _decl0_47:i15.FlexFillDirective = (<any>(null as any));\nvar _decl0_48:i15.DefaultFlexAlignDirective = (<any>(null as any));\nvar _decl0_49:i15.DefaultFlexDirective = (<any>(null as any));\nvar _decl0_50:i16.NumberInputComponent = (<any>(null as any));\nvar _decl0_51:i17.StringInputComponent = (<any>(null as any));\nvar _decl0_52:i18.TextInputComponent = (<any>(null as any));\nvar _decl0_53:i19.PasswordInputComponent = (<any>(null as any));\nvar _decl0_54:i20.CheckboxInputComponent = (<any>(null as any));\nvar _decl0_55:i21.SelectInputComponent<any> = (<any>(null as any));\nvar _decl0_56:i22.MultipleSelectInputComponent<any> = (<any>(null as any));\nvar _decl0_57:i23.AutocompleteInputComponent<any> = (<any>(null as any));\nvar _decl0_58:i24.ScrollContainerComponent = (<any>(null as any));\nvar _decl0_59:i25.NoopComponent = (<any>(null as any));\nvar _decl0_60:i26.SwitchCaseComponent<any> = (<any>(null as any));\nvar _decl0_61:i26.SwitchCaseWhenDirective<any> = (<any>(null as any));\nvar _decl0_62:i26.SwitchCaseDefaultDirective<any> = (<any>(null as any));\nvar _decl0_63:i27.FocusContainerComponent = (<any>(null as any));\nvar _decl0_64:i28.VerticalFocusContainerComponent = (<any>(null as any));\nvar _decl0_65:i29.FocusableComponent = (<any>(null as any));\nvar _decl0_66:i30.CardContainerComponent = (<any>(null as any));\nvar _decl0_67:i31.TableComponent<any> = (<any>(null as any));\nvar _decl0_68:i32.EditRowControls<any> = (<any>(null as any));\nvar _decl0_69:i33.ColumnTemplateDirective = (<any>(null as any));\nvar _decl0_70:i34.IconComponent = (<any>(null as any));\nvar _decl0_71:i35.SectionHeaderComponent = (<any>(null as any));\nvar _decl0_72:i36.TableRowMenuComponent<any> = (<any>(null as any));\nvar _decl0_73:i37.CommandBarComponent = (<any>(null as any));\nvar _decl0_74:i38.CommandComponent<any> = (<any>(null as any));\nvar _decl0_75:i39.AbstractPopupMenuComponent = (<any>(null as any));\nvar _decl0_76:i40.PopupMenuComponent = (<any>(null as any));\nvar _decl0_77:i41.CommandFaceComponent<any> = (<any>(null as any));\nvar _decl0_78:i42.PopupMenuRendererComponent = (<any>(null as any));\nvar _decl0_79:i43.MoreMenuComponent = (<any>(null as any));\nvar _decl0_80:i44.EmptyStateComponent = (<any>(null as any));\nvar _decl0_81:i45.BusyOverlayComponent = (<any>(null as any));\nvar _decl0_82:i46.PlaceOutletComponent = (<any>(null as any));\nvar _decl0_83:i47.TabbedPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_84:i48.ListPlaceNavComponent = (<any>(null as any));\nvar _decl0_85:i49.SidePlaceNavigationComponent = (<any>(null as any));\nvar _decl0_86:i50.AbstractPlaceNavigationComponent = (<any>(null as any));\nvar _decl0_87:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_88:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_89:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_90:i2.JsonPipe = (<any>(null as any));\nvar _decl0_91:i2.SlicePipe = (<any>(null as any));\nvar _decl0_92:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_93:i2.PercentPipe = (<any>(null as any));\nvar _decl0_94:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_95:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_96:i2.DatePipe = (<any>(null as any));\nvar _decl0_97:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_98:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_99:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_100:i2.CommonModule = (<any>(null as any));\nvar _decl0_101:i51.BrowserAnimationsModule = (<any>(null as any));\nvar _decl0_102:i4.MatProgressSpinnerModule = (<any>(null as any));\nvar _decl0_103:i5.RouterModule = (<any>(null as any));\nvar _decl0_104:i6.MatTabsModule = (<any>(null as any));\nvar _decl0_105:i9.MatListModule = (<any>(null as any));\nvar _decl0_106:i11.MatTooltipModule = (<any>(null as any));\nvar _decl0_107:i12.MatIconModule = (<any>(null as any));\nvar _decl0_108:i52.DirectivesModule = (<any>(null as any));\nvar _decl0_109:i15.FlexModule = (<any>(null as any));\nvar _decl0_110:i53.ComponentsModule = (<any>(null as any));\nvar _decl0_111:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_112:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_EmptyStateComponent_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_EmptyStateComponent_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_BusyOverlayComponent_2_1():void {\n if (_decl0_81.busyModel.value) {\n var _any:any = (null as any);\n const currVal_0:any = 52;\n currVal_0;\n const currVal_1:any = 'indeterminate';\n currVal_1;\n const currVal_2:any = _decl0_12._noopAnimations;\n currVal_2;\n const currVal_3:any = _decl0_12.diameter;\n currVal_3;\n const currVal_4:any = _decl0_12.diameter;\n currVal_4;\n const currVal_5:any = ((_decl0_12.mode === 'determinate')? 0: null);\n currVal_5;\n const currVal_6:any = ((_decl0_12.mode === 'determinate')? 100: null);\n currVal_6;\n const currVal_7:any = ((_decl0_12.mode === 'determinate')? _decl0_12.value: null);\n currVal_7;\n const currVal_8:any = _decl0_12.mode;\n currVal_8;\n }\n}\nfunction _View_BusyOverlayComponent_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_81.busyModel.value;\n currVal_0;\n}\nfunction _View_PlaceOutletComponent_Host_3_0():void {\n var _any:any = (null as any);\n}\nfunction _View_PlaceOutletComponent_3_1():void {\n if (_decl0_82.animationEnabled.value) {\n var _any:any = (null as any);\n const currVal_0:any = {value:_decl0_82.getAnimationOrder(),params:{duration:_decl0_82.animationDuration}};\n currVal_0;\n const pd_1:any = ((<any>_decl0_82.animationStarted()) !== false);\n const pd_2:any = ((<any>_decl0_82.animationDone()) !== false);\n const pd_3:any = ((<any>_decl0_82.onOutletActivated(_decl0_14,_any)) !== false);\n const pd_4:any = ((<any>_decl0_82.onOutletDeactivated()) !== false);\n }\n}\nfunction _View_PlaceOutletComponent_3_2():void {\n if (!_decl0_82.animationEnabled.value) {\n var _any:any = (null as any);\n const pd_0:any = ((<any>_decl0_82.onOutletActivated(_decl0_14,_any)) !== false);\n const pd_1:any = ((<any>_decl0_82.onOutletDeactivated()) !== false);\n }\n}\nfunction _View_PlaceOutletComponent_3_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_82.animationEnabled.value;\n currVal_0;\n const currVal_1:any = !_decl0_82.animationEnabled.value;\n currVal_1;\n}\nfunction _View_TabbedPlaceNavigationComponent_Host_4_0():void {\n var _any:any = (null as any);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_1():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_83.isActive(_any);\n currVal_0;\n const currVal_1:any = (_decl0_23.active? 'page': null);\n currVal_1;\n const currVal_2:any = _decl0_23.disabled;\n currVal_2;\n const currVal_3:any = _decl0_23.tabIndex;\n currVal_3;\n const currVal_4:any = _decl0_23.disabled;\n currVal_4;\n const currVal_5:any = _decl0_23.active;\n currVal_5;\n const currVal_6:any = _decl0_83.getNavigationFace(_any).tooltip();\n currVal_6;\n const currVal_7:any = _decl0_83.commandFactory.create(_any);\n currVal_7;\n const currVal_8:any = _decl0_83.getNavigationFace(_any);\n currVal_8;\n const currVal_9:any = _decl0_77.requiresMissingIconInLayout;\n currVal_9;\n const currVal_10:any = _decl0_77.destructive;\n currVal_10;\n const pd_11:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_TabbedPlaceNavigationComponent_4_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_22._showPaginationControls;\n currVal_0;\n const currVal_1:any = (_decl0_22._getLayoutDirection() == 'rtl');\n currVal_1;\n const currVal_2:any = ((_decl0_22.color !== 'warn') && (_decl0_22.color !== 'accent'));\n currVal_2;\n const currVal_3:any = (_decl0_22.color === 'accent');\n currVal_3;\n const currVal_4:any = (_decl0_22.color === 'warn');\n currVal_4;\n const currVal_5:any = _decl0_83.placeDefinitions.value;\n currVal_5;\n}\nfunction _View_ListPlaceNavComponent_Host_5_0():void {\n var _any:any = (null as any);\n}\nfunction _View_ListPlaceNavComponent_5_1():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_30.disabled;\n currVal_0;\n const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_1;\n const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_2;\n const currVal_3:any = _decl0_84.getNavigationFace(_any).tooltip();\n currVal_3;\n const currVal_4:any = _decl0_84.commandFactory.create(_any);\n currVal_4;\n const currVal_5:any = _decl0_84.isActive(_any);\n currVal_5;\n const currVal_6:any = _decl0_84.getNavigationFace(_any);\n currVal_6;\n const currVal_7:any = _decl0_77.requiresMissingIconInLayout;\n currVal_7;\n const currVal_8:any = _decl0_77.destructive;\n currVal_8;\n const pd_9:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_ListPlaceNavComponent_5_0():void {\n var _any:any = (null as any);\n const currVal_0:any = '';\n currVal_0;\n const currVal_1:any = _decl0_84.placeDefinitions.value;\n currVal_1;\n}\nfunction _View_SidePlaceNavigationComponent_Host_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_85.expanded;\n currVal_0;\n}\nfunction _View_SidePlaceNavigationComponent_6_2():void {\n if (_decl0_85.getNavigationFace(_any).icon()) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_85.getNavigationFace(_any).icon();\n currVal_0;\n }\n}\nfunction _View_SidePlaceNavigationComponent_6_1():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_30.disabled;\n currVal_0;\n const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_1;\n const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_2;\n const currVal_3:any = _decl0_85.getNavigationFace(_any).tooltip();\n currVal_3;\n const currVal_4:any = _decl0_85.commandFactory.create(_any);\n currVal_4;\n const currVal_5:any = _decl0_85.isActive(_any);\n currVal_5;\n const currVal_6:any = _decl0_85.getNavigationFace(_any).icon();\n currVal_6;\n const currVal_7:any = _decl0_85.getNavigationFace(_any).text();\n currVal_7;\n const pd_8:any = ((<any>_decl0_40.notifyClick(_any)) !== false);\n}\nfunction _View_SidePlaceNavigationComponent_6_3():void {\n if (_decl0_85.navEndTemplate) {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_85.navEndTemplate;\n currVal_0;\n }\n}\nfunction _View_SidePlaceNavigationComponent_6_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_30.disabled;\n currVal_0;\n const currVal_1:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_1;\n const currVal_2:any = (_decl0_30._avatar || _decl0_30._icon);\n currVal_2;\n const currVal_3:any = 'mat:menu';\n currVal_3;\n const currVal_4:any = 'mat:arrow_back';\n currVal_4;\n const currVal_5:any = _decl0_85.placeDefinitions.value;\n currVal_5;\n const currVal_6:any = 1;\n currVal_6;\n const currVal_7:any = _decl0_85.navEndTemplate;\n currVal_7;\n const pd_8:any = ((<any>_decl0_85.toggleMenu()) !== false);\n}\nfunction _View_AbstractPlaceNavigationComponent_Host_7_0():void {\n var _any:any = (null as any);\n}\nfunction _View_AbstractPlaceNavigationComponent_7_0():void {\n var _any:any = (null as any);\n}\n"]}
|
|
@@ -29,8 +29,8 @@ import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS
|
|
|
29
29
|
import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
|
|
30
30
|
import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
|
|
31
31
|
import ResizeObserver from 'resize-observer-polyfill';
|
|
32
|
-
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
33
32
|
import { MatListModule } from '@angular/material/list';
|
|
33
|
+
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
34
34
|
import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
|
|
35
35
|
import 'reflect-metadata';
|
|
36
36
|
import { style, query, group, animate, trigger, transition } from '@angular/animations';
|
|
@@ -372,7 +372,7 @@ CardContainerComponent = __decorate([
|
|
|
372
372
|
Component({
|
|
373
373
|
selector: 'aup-card-container',
|
|
374
374
|
template: "<div class=\"card-container\">\n <ng-content></ng-content>\n\n <div class=\"add-card-container\" *ngIf=\"addCardCommand.enabled.value\" [pectinCommand]=\"addCardCommand\">\n <aup-icon icon=\"mat:add\"></aup-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",
|
|
375
|
-
styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white;--command-face-icon-gap:8px;--aup-icon-width:24px;--aup-fa-icon-width:18px}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right: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}.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}.activity-outlet-wrapper{display:flex;flex-direction:column;align-items:stretch}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{padding-bottom:0;border-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);position:relative}aup-icon fa-icon .svg-inline--fa{position:absolute;top:var(--fa-icon-offset);left:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important;height:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-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);min-height:var(--resolved-card-min-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}"]
|
|
375
|
+
styles: [":root{--aup-default-padding:var(--default-padding, 18px);--aup-default-background:white;--aup-command-face-icon-gap:8px;--aup-icon-width:24px;--aup-fa-icon-width:18px}.router-outlet-container>*{position:absolute;top:0;left:0;bottom:0;right: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}.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}.activity-outlet-wrapper{display:flex;flex-direction:column;align-items:stretch}.aup-popup-interaction-panel{background:var(--aup-default-background,#fff);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);transition:box-shadow 280ms cubic-bezier(.4,0,.2,1)}.aup-input-activity{padding:calc(var(--aup-default-padding)/2)}.aup-input-component{display:block}.aup-input-component input,.aup-input-component mat-form-field{width:100%}.aup-input-component input mat-hint.faux-error,.aup-input-component mat-form-field mat-hint.faux-error{color:#f44336}.aup-input-component.dense mat-form-field .mat-form-field-infix{border-top:none}.aup-input-component.dense mat-form-field .mat-form-field-flex{padding-top:0}.aup-input-component.dense mat-form-field .mat-form-field-wrapper{padding-bottom:0;border-bottom:0}.aup-input-component.dense mat-form-field .mat-form-field-underline{bottom:0}.aup-input-component.dense mat-form-field.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper{display:none}.aup-input-component.dense mat-form-field.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper{transform:translateY(0)}aup-table-cell-renderer>.aup-input-component .mat-form-field-flex{padding-top:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-infix{width:0}aup-table-cell-renderer>.aup-input-component .mat-form-field-label-wrapper{display:none}aup-table{--default-column-gap:var(--column-gap, 24px);--resolved-row-hover-background-color:var(--row-hover-background-color, rgba(0, 0, 0, 0.05))}aup-table .mat-table td.mat-cell:first-of-type,aup-table .mat-table td.mat-footer-cell:first-of-type,aup-table .mat-table th.mat-header-cell:first-of-type{padding-left:0}aup-table .mat-table tr.enable-hover:hover{background-color:var(--resolved-row-hover-background-color)}aup-table .mat-table td.enable-cursor{cursor:pointer}aup-table aup-table-cell-renderer,aup-table aup-table-header-cell-renderer{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;min-height:47px}aup-table aup-table-cell-renderer.first-column,aup-table aup-table-cell-renderer:not(.first-column),aup-table aup-table-header-cell-renderer.first-column,aup-table aup-table-header-cell-renderer:not(.first-column){padding-left:var(--default-column-gap)}aup-table aup-table-cell-renderer.fillCell{justify-content:stretch;padding-left:0!important}aup-table aup-table-cell-renderer.padChild>:first-child{padding-left:var(--default-column-gap);flex:1}aup-icon{--fa-icon-offset:calc((var(--aup-icon-width) - var(--aup-fa-icon-width)) / 2);position:relative}aup-icon fa-icon .svg-inline--fa{position:absolute;top:var(--fa-icon-offset);left:var(--fa-icon-offset);width:var(--aup-fa-icon-width)!important;height:var(--aup-fa-icon-width)!important}.mat-menu-panel aup-icon .svg-inline--fa{opacity:.54}:host{--resolved-card-gap:var(--card-gap, 16px);--resolved-card-width:var(--card-width, 300px);--resolved-card-height:var(--card-height, auto);--resolved-card-min-height:var(--card-min-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);min-height:var(--resolved-card-min-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}"]
|
|
376
376
|
}),
|
|
377
377
|
__metadata("design:paramtypes", [])
|
|
378
378
|
], CardContainerComponent);
|
|
@@ -514,7 +514,14 @@ CommandBarComponent = CommandBarComponent_1 = __decorate([
|
|
|
514
514
|
], CommandBarComponent);
|
|
515
515
|
|
|
516
516
|
/**
|
|
517
|
-
*
|
|
517
|
+
* Custom CSS:
|
|
518
|
+
* @example
|
|
519
|
+
* root: { // globally
|
|
520
|
+
* --aup-command-face-icon-gap: 8px;
|
|
521
|
+
* }
|
|
522
|
+
* aup-command-face { // per instance
|
|
523
|
+
* --icon-gap: 4px;
|
|
524
|
+
* }
|
|
518
525
|
*/
|
|
519
526
|
let CommandFaceComponent = class CommandFaceComponent extends DisposableComponent {
|
|
520
527
|
constructor(commandContainer) {
|
|
@@ -591,7 +598,7 @@ CommandFaceComponent = __decorate([
|
|
|
591
598
|
selector: 'aup-command-face',
|
|
592
599
|
template: "<aup-icon *ngIf=\"iconStart\" [icon]=\"iconModel.value\"></aup-icon>\n<span *ngIf=\"this.text\">{{this.text}}</span>\n<aup-icon *ngIf=\"iconEnd\" [icon]=\"iconModel.value\"></aup-icon>\n",
|
|
593
600
|
encapsulation: ViewEncapsulation.None,
|
|
594
|
-
styles: ["aup-command-face{--icon-gap:var(--command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
|
|
601
|
+
styles: ["aup-command-face{--icon-gap:var(--aup-command-face-icon-gap);display:inline-flex;flex-direction:row;align-items:center}aup-command-face *+*{margin-left:var(--icon-gap)}aup-command-face.hide-icon aup-icon{visibility:hidden}"]
|
|
595
602
|
}),
|
|
596
603
|
__param(0, Optional()),
|
|
597
604
|
__metadata("design:paramtypes", [CommandContainer])
|
|
@@ -6178,10 +6185,10 @@ let AbstractPlaceNavigationComponent = class AbstractPlaceNavigationComponent ex
|
|
|
6178
6185
|
});
|
|
6179
6186
|
this.activePlaceDefinition = chain(this._activePlaceComponent).pluck('placeDefinition');
|
|
6180
6187
|
}
|
|
6181
|
-
|
|
6188
|
+
getNavigationFace(placeDef) {
|
|
6182
6189
|
const navItem = placeDef.getPlaceData('nav');
|
|
6183
6190
|
return {
|
|
6184
|
-
|
|
6191
|
+
text: () => navItem ? navItem.title() : placeDef.searchPlaceData(['navTitle', 'title']),
|
|
6185
6192
|
tooltip: () => navItem && navItem.tooltip ? navItem.tooltip() : placeDef.getPlaceData('navTooltip', null),
|
|
6186
6193
|
icon: () => navItem && navItem.icon ? navItem.icon() : placeDef.getPlaceData('navIcon', null)
|
|
6187
6194
|
};
|
|
@@ -6216,7 +6223,7 @@ __decorate([
|
|
|
6216
6223
|
__metadata("design:type", Function),
|
|
6217
6224
|
__metadata("design:paramtypes", [PlaceDefinition]),
|
|
6218
6225
|
__metadata("design:returntype", Object)
|
|
6219
|
-
], AbstractPlaceNavigationComponent.prototype, "
|
|
6226
|
+
], AbstractPlaceNavigationComponent.prototype, "getNavigationFace", null);
|
|
6220
6227
|
AbstractPlaceNavigationComponent = __decorate([
|
|
6221
6228
|
Component({
|
|
6222
6229
|
template: ''
|
|
@@ -6277,29 +6284,12 @@ ListPlaceNavComponent.ctorParameters = () => [
|
|
|
6277
6284
|
ListPlaceNavComponent = __decorate([
|
|
6278
6285
|
Component({
|
|
6279
6286
|
selector: 'aup-list-place-nav',
|
|
6280
|
-
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]=\"
|
|
6287
|
+
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]=\"getNavigationFace(placeDefinition).tooltip()\">\n <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n </a>\n</mat-nav-list>\n",
|
|
6281
6288
|
styles: [":host{display:flex;flex-direction:column;--selected-border-color:#838383;--selected-color:inherit;--selected-background:#f1f1f1}mat-nav-list{padding-top:0}a.active{border-right:2px solid var(--selected-border-color);background:var(--selected-background);color:var(--selected-color)}"]
|
|
6282
6289
|
}),
|
|
6283
6290
|
__metadata("design:paramtypes", [PlaceRouter])
|
|
6284
6291
|
], ListPlaceNavComponent);
|
|
6285
6292
|
|
|
6286
|
-
let TabbedPlaceNavigationComponent = class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {
|
|
6287
|
-
constructor(placeRouter) {
|
|
6288
|
-
super(placeRouter);
|
|
6289
|
-
}
|
|
6290
|
-
};
|
|
6291
|
-
TabbedPlaceNavigationComponent.ctorParameters = () => [
|
|
6292
|
-
{ type: PlaceRouter }
|
|
6293
|
-
];
|
|
6294
|
-
TabbedPlaceNavigationComponent = __decorate([
|
|
6295
|
-
Component({
|
|
6296
|
-
selector: 'aup-tabbed-place-navigation',
|
|
6297
|
-
template: "<nav mat-tab-nav-bar>\n <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n [active]=\"isActive(placeDefinition)\"\n [matTooltip]=\"getNav(placeDefinition).tooltip()\">\n <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n <span>{{getNav(placeDefinition).title()}}</span>\n </a>\n</nav>\n",
|
|
6298
|
-
styles: [""]
|
|
6299
|
-
}),
|
|
6300
|
-
__metadata("design:paramtypes", [PlaceRouter])
|
|
6301
|
-
], TabbedPlaceNavigationComponent);
|
|
6302
|
-
|
|
6303
6293
|
/**
|
|
6304
6294
|
* @example
|
|
6305
6295
|
* // Usage
|
|
@@ -6373,12 +6363,29 @@ __decorate([
|
|
|
6373
6363
|
SidePlaceNavigationComponent = __decorate([
|
|
6374
6364
|
Component({
|
|
6375
6365
|
selector: 'aup-side-place-navigation',
|
|
6376
|
-
template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-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]=\"
|
|
6366
|
+
template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"mat:menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"mat:arrow_back\"></aup-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]=\"getNavigationFace(placeDefinition).tooltip()\">\n <aup-icon *ngIf=\"getNavigationFace(placeDefinition).icon()\" [icon]=\"getNavigationFace(placeDefinition).icon()\"></aup-icon>\n <span class=\"expanded-only\">{{getNavigationFace(placeDefinition).text()}}</span>\n </a>\n <span [style.flex]=\"1\"></span>\n <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
|
|
6377
6367
|
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 aup-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)}"]
|
|
6378
6368
|
}),
|
|
6379
6369
|
__metadata("design:paramtypes", [Router, PlaceRouter])
|
|
6380
6370
|
], SidePlaceNavigationComponent);
|
|
6381
6371
|
|
|
6372
|
+
let TabbedPlaceNavigationComponent = class TabbedPlaceNavigationComponent extends AbstractPlaceNavigationComponent {
|
|
6373
|
+
constructor(placeRouter) {
|
|
6374
|
+
super(placeRouter);
|
|
6375
|
+
}
|
|
6376
|
+
};
|
|
6377
|
+
TabbedPlaceNavigationComponent.ctorParameters = () => [
|
|
6378
|
+
{ type: PlaceRouter }
|
|
6379
|
+
];
|
|
6380
|
+
TabbedPlaceNavigationComponent = __decorate([
|
|
6381
|
+
Component({
|
|
6382
|
+
selector: 'aup-tabbed-place-navigation',
|
|
6383
|
+
template: "<nav mat-tab-nav-bar>\n <a mat-tab-link *ngFor=\"let placeDefinition of placeDefinitions.value\"\n [pectinCommand]=\"commandFactory.create(placeDefinition)\"\n [active]=\"isActive(placeDefinition)\"\n [matTooltip]=\"getNavigationFace(placeDefinition).tooltip()\">\n <aup-command-face [face]=\"getNavigationFace(placeDefinition)\"></aup-command-face>\n </a>\n</nav>\n",
|
|
6384
|
+
styles: [""]
|
|
6385
|
+
}),
|
|
6386
|
+
__metadata("design:paramtypes", [PlaceRouter])
|
|
6387
|
+
], TabbedPlaceNavigationComponent);
|
|
6388
|
+
|
|
6382
6389
|
let PlaceModule = class PlaceModule {
|
|
6383
6390
|
};
|
|
6384
6391
|
PlaceModule = __decorate([
|