@coolon/angular-ui-powerups 1.19.1 → 1.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/bundles/coolon-angular-ui-powerups.umd.js +150 -84
- package/bundles/coolon-angular-ui-powerups.umd.js.map +1 -1
- package/bundles/coolon-angular-ui-powerups.umd.min.js +2 -2
- package/bundles/coolon-angular-ui-powerups.umd.min.js.map +1 -1
- package/coolon-angular-ui-powerups.d.ts +35 -34
- package/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/coolon-angular-ui-powerups.js +33 -32
- package/esm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/esm2015/coolon-angular-ui-powerups.metadata.json +1 -1
- package/esm2015/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/components.module.js +8 -3
- package/esm2015/lib/components/components.module.js.map +1 -1
- package/esm2015/lib/components/components.module.metadata.json +1 -1
- package/esm2015/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm2015/lib/components/icon/icon.component.js +21 -23
- package/esm2015/lib/components/icon/icon.component.js.map +1 -1
- package/esm2015/lib/components/icon/icon.component.metadata.json +1 -1
- package/esm2015/lib/components/index.js +1 -0
- package/esm2015/lib/components/index.js.map +1 -1
- package/esm2015/lib/components/index.metadata.json +1 -1
- package/esm2015/lib/components/section-header/section-header.component.js +24 -0
- package/esm2015/lib/components/section-header/section-header.component.js.map +1 -0
- package/esm2015/lib/components/section-header/section-header.component.metadata.json +1 -0
- package/esm2015/lib/components/section-header/section-header.component.ngfactory.js.map +1 -0
- package/esm2015/lib/components/section-header/section-header.component.scss.shim.ngstyle.js.map +1 -0
- package/esm2015/lib/components/table/table-model.js +20 -0
- package/esm2015/lib/components/table/table-model.js.map +1 -1
- package/esm2015/lib/components/table/table-model.metadata.json +1 -1
- package/esm2015/lib/components/table/table.component.js +1 -1
- package/esm2015/lib/components/table/table.component.js.map +1 -1
- package/esm2015/lib/components/table/table.component.metadata.json +1 -1
- package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js +16 -2
- package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js.map +1 -1
- package/esm2015/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.metadata.json +1 -1
- package/esm2015/lib/interaction/interaction.module.ngfactory.js.map +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/place.module.ngfactory.js.map +1 -1
- package/esm5/coolon-angular-ui-powerups.js +33 -32
- package/esm5/coolon-angular-ui-powerups.js.map +1 -1
- package/esm5/lib/angular-ui-powerups.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/components.module.js +8 -3
- package/esm5/lib/components/components.module.js.map +1 -1
- package/esm5/lib/components/components.module.ngfactory.js.map +1 -1
- package/esm5/lib/components/icon/icon.component.js +30 -27
- package/esm5/lib/components/icon/icon.component.js.map +1 -1
- package/esm5/lib/components/index.js +1 -0
- package/esm5/lib/components/index.js.map +1 -1
- package/esm5/lib/components/section-header/section-header.component.js +25 -0
- package/esm5/lib/components/section-header/section-header.component.js.map +1 -0
- package/esm5/lib/components/section-header/section-header.component.ngfactory.js.map +1 -0
- package/esm5/lib/components/section-header/section-header.component.scss.shim.ngstyle.js.map +1 -0
- package/esm5/lib/components/table/table-model.js +22 -0
- package/esm5/lib/components/table/table-model.js.map +1 -1
- package/esm5/lib/components/table/table.component.js +1 -1
- package/esm5/lib/components/table/table.component.js.map +1 -1
- package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js +16 -2
- package/esm5/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.js.map +1 -1
- package/esm5/lib/interaction/interaction.module.ngfactory.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/place.module.ngfactory.js.map +1 -1
- package/fesm2015/coolon-angular-ui-powerups.js +88 -32
- package/fesm2015/coolon-angular-ui-powerups.js.map +1 -1
- package/fesm5/coolon-angular-ui-powerups.js +100 -36
- package/fesm5/coolon-angular-ui-powerups.js.map +1 -1
- package/lib/components/icon/icon.component.d.ts +6 -7
- package/lib/components/index.d.ts +1 -0
- package/lib/components/section-header/section-header.component.d.ts +6 -0
- package/lib/components/table/table-model.d.ts +3 -0
- package/lib/interaction/components/add-item-interaction-context/add-item-interaction-context.component.d.ts +10 -0
- package/package.json +1 -1
|
@@ -20,6 +20,7 @@ import ___default, { isEqual, isNil } from 'lodash';
|
|
|
20
20
|
import produce from 'immer';
|
|
21
21
|
import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
|
|
22
22
|
import { fas } from '@fortawesome/free-solid-svg-icons';
|
|
23
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
23
24
|
import { FlexModule, GridModule } from '@angular/flex-layout';
|
|
24
25
|
import { MatDialogModule, MatDialog, MatDialogConfig, MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
|
|
25
26
|
import { RouterModule, UrlSegment, Router, UrlSerializer, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, RouterOutlet } from '@angular/router';
|
|
@@ -27,7 +28,6 @@ import { Overlay, CdkScrollable } from '@angular/cdk/overlay';
|
|
|
27
28
|
import ResizeObserver from 'resize-observer-polyfill';
|
|
28
29
|
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
|
|
29
30
|
import { MatListModule } from '@angular/material/list';
|
|
30
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
31
31
|
import { Memoize as Memoize$1 } from '@typescript-plus/fast-memoize-decorator';
|
|
32
32
|
import 'reflect-metadata';
|
|
33
33
|
import { style, query, group, animate, trigger, transition } from '@angular/animations';
|
|
@@ -967,6 +967,28 @@ var ScrollContainerComponent = /** @class */ (function () {
|
|
|
967
967
|
return ScrollContainerComponent;
|
|
968
968
|
}());
|
|
969
969
|
|
|
970
|
+
var SectionHeaderComponent = /** @class */ (function () {
|
|
971
|
+
function SectionHeaderComponent() {
|
|
972
|
+
this.underline = false;
|
|
973
|
+
}
|
|
974
|
+
SectionHeaderComponent.prototype.ngOnInit = function () {
|
|
975
|
+
};
|
|
976
|
+
__decorate([
|
|
977
|
+
Input(),
|
|
978
|
+
HostBinding('class.underline'),
|
|
979
|
+
__metadata("design:type", Object)
|
|
980
|
+
], SectionHeaderComponent.prototype, "underline", void 0);
|
|
981
|
+
SectionHeaderComponent = __decorate([
|
|
982
|
+
Component({
|
|
983
|
+
selector: 'aup-section-header',
|
|
984
|
+
template: "<ng-content></ng-content>\n",
|
|
985
|
+
styles: [":host{--def-border-bottom-color:var(--border-bottom-color, rgba(0, 0, 0, 0.07));display:block;padding:8px 16px;font-size:12px;line-height:12px;color:rgba(0,0,0,.5)}:host.underline{border-bottom:1px solid var(--def-border-bottom-color)}"]
|
|
986
|
+
}),
|
|
987
|
+
__metadata("design:paramtypes", [])
|
|
988
|
+
], SectionHeaderComponent);
|
|
989
|
+
return SectionHeaderComponent;
|
|
990
|
+
}());
|
|
991
|
+
|
|
970
992
|
var SwitchCaseOption = /** @class */ (function () {
|
|
971
993
|
function SwitchCaseOption(templateRef) {
|
|
972
994
|
this.templateRef = templateRef;
|
|
@@ -1657,6 +1679,13 @@ var SelectionColumnModel = /** @class */ (function (_super) {
|
|
|
1657
1679
|
|
|
1658
1680
|
// export type StringPropertiesOf<T> = { [K in keyof T]: T[K] extends string ? K : never }[keyof T];
|
|
1659
1681
|
// export type NumberPropertiesOf<T> = { [K in keyof T]: T[K] extends number ? K : never }[keyof T];
|
|
1682
|
+
var RowClass = /** @class */ (function () {
|
|
1683
|
+
function RowClass(className, matches) {
|
|
1684
|
+
this.className = className;
|
|
1685
|
+
this.matches = matches;
|
|
1686
|
+
}
|
|
1687
|
+
return RowClass;
|
|
1688
|
+
}());
|
|
1660
1689
|
/**
|
|
1661
1690
|
* Example:
|
|
1662
1691
|
* @example
|
|
@@ -1729,10 +1758,12 @@ var SelectionColumnModel = /** @class */ (function (_super) {
|
|
|
1729
1758
|
*/
|
|
1730
1759
|
var TableModel = /** @class */ (function () {
|
|
1731
1760
|
function TableModel(sourceOfTruth) {
|
|
1761
|
+
var _this = this;
|
|
1732
1762
|
this.sourceOfTruth = sourceOfTruth;
|
|
1733
1763
|
this._garbage = new GarbageCollector();
|
|
1734
1764
|
this._columns = new MutableListModel();
|
|
1735
1765
|
this._editorSessions = new MutableListModel();
|
|
1766
|
+
this.rowClassNamePredicates = [];
|
|
1736
1767
|
this._createForm = function (row) { return new Form(); };
|
|
1737
1768
|
this.identityOf = sourceOfTruth.identityOf;
|
|
1738
1769
|
var _a = Dsl.disposeWith(this._garbage), chain = _a.chain, valueOf = _a.valueOf, before = _a.before, when = _a.when, after = _a.after, observe = _a.observe, switchOn = _a.switchOn;
|
|
@@ -1745,6 +1776,7 @@ var TableModel = /** @class */ (function () {
|
|
|
1745
1776
|
this.dataSource = chain(this.sourceOfTruth).replaceAll(this.rowsBeingEdited);
|
|
1746
1777
|
this.firstEditableColumn = chain(this.columns).select(function (c) { return c.hasEditorPortal(); }).first();
|
|
1747
1778
|
this.hasColumnsWithRowSelectionExplicitlyEnabled = chain(this._columns).findIndex(function (column) { return column.isRowSelectionExplicitlyEnabled(); }).isGreaterThanOrEqualTo(0);
|
|
1779
|
+
this.addRowClass("enable-hover", function () { return _this.isRowSelectionEnabled(); });
|
|
1748
1780
|
}
|
|
1749
1781
|
TableModel_1 = TableModel;
|
|
1750
1782
|
TableModel.fromList = function (sourceOfTruth, builder) {
|
|
@@ -1793,6 +1825,18 @@ var TableModel = /** @class */ (function () {
|
|
|
1793
1825
|
TableModel.prototype.addTemplateColumn = function (columnId) {
|
|
1794
1826
|
return this.addColumn(new CustomTemplateColumnModel(columnId, this));
|
|
1795
1827
|
};
|
|
1828
|
+
TableModel.prototype.addRowClass = function (className, predicate) {
|
|
1829
|
+
this.rowClassNamePredicates.push(new RowClass(className, predicate));
|
|
1830
|
+
};
|
|
1831
|
+
TableModel.prototype.getRowClasses = function (row) {
|
|
1832
|
+
var classNames = [];
|
|
1833
|
+
this.rowClassNamePredicates.forEach(function (i) {
|
|
1834
|
+
if (i.matches(row)) {
|
|
1835
|
+
classNames.push(i.className);
|
|
1836
|
+
}
|
|
1837
|
+
});
|
|
1838
|
+
return classNames;
|
|
1839
|
+
};
|
|
1796
1840
|
TableModel.prototype.useFormFactory = function (factory) {
|
|
1797
1841
|
this._createForm = factory;
|
|
1798
1842
|
return this;
|
|
@@ -1929,7 +1973,7 @@ var TableComponent = /** @class */ (function (_super) {
|
|
|
1929
1973
|
TableComponent = __decorate([
|
|
1930
1974
|
Component({
|
|
1931
1975
|
selector: 'aup-table',
|
|
1932
|
-
template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef>\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-header-cell-renderer>\n </th>\n <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n <aup-table-cell-renderer [column]=\"column\"\n [row]=\"row\"\n [tableModel]=\"tableModel\"\n [editSession]=\"tableModel.getEditSessionFor(row)\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-cell-renderer>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"
|
|
1976
|
+
template: "<table mat-table [dataSource]=\"tableModel.dataSource.value\" [trackBy]=\"tableModel.getTrackByFunction()\">\n\n <ng-container *ngFor=\"let column of columns.value; index as index; first as first; last as last\" matColumnDef=\"{{column.columnId}}\">\n <th mat-header-cell *matHeaderCellDef>\n <aup-table-header-cell-renderer [column]=\"column\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-header-cell-renderer>\n </th>\n <td mat-cell *matCellDef=\"let row\" (click)=\"onCellClicked(column, row)\" [class.enable-cursor]=\"tableModel.isRowSelectionEnabledFor(column)\">\n <aup-table-cell-renderer [column]=\"column\"\n [row]=\"row\"\n [tableModel]=\"tableModel\"\n [editSession]=\"tableModel.getEditSessionFor(row)\"\n [attr.column-index]=\"index\"\n [class.first-column]=\"first\"\n [class.last-column]=\"last\"\n ></aup-table-cell-renderer>\n </td>\n </ng-container>\n\n <tr mat-header-row *matHeaderRowDef=\"columnIds.value\"></tr>\n <tr mat-row *matRowDef=\"let row; columns: columnIds.value;\"\n [ngClass]=\"tableModel.getRowClasses(row)\"\n ></tr>\n\n</table>\n",
|
|
1933
1977
|
styles: [":host{display:flex;flex-direction:column;align-items:stretch}:host table{flex:1}"]
|
|
1934
1978
|
}),
|
|
1935
1979
|
__metadata("design:paramtypes", [])
|
|
@@ -2252,38 +2296,41 @@ var MultipleSelectInputComponent = /** @class */ (function (_super) {
|
|
|
2252
2296
|
var IconComponent = /** @class */ (function () {
|
|
2253
2297
|
function IconComponent() {
|
|
2254
2298
|
}
|
|
2255
|
-
IconComponent.prototype
|
|
2256
|
-
|
|
2257
|
-
return this.
|
|
2258
|
-
}
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2262
|
-
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2299
|
+
Object.defineProperty(IconComponent.prototype, "icon", {
|
|
2300
|
+
get: function () {
|
|
2301
|
+
return this._icon;
|
|
2302
|
+
},
|
|
2303
|
+
set: function (iconName) {
|
|
2304
|
+
this._icon = iconName;
|
|
2305
|
+
if (!iconName) {
|
|
2306
|
+
this.errorMessage = 'icon is nil';
|
|
2307
|
+
this.prefix = undefined;
|
|
2308
|
+
return;
|
|
2309
|
+
}
|
|
2310
|
+
var colonIndex = iconName.indexOf(':');
|
|
2311
|
+
if (colonIndex > 0) {
|
|
2312
|
+
this.prefix = this.icon.slice(0, colonIndex);
|
|
2313
|
+
this.suffix = this.icon.slice(colonIndex + 1);
|
|
2314
|
+
}
|
|
2315
|
+
if (this.prefix) {
|
|
2316
|
+
this.errorMessage = "Unknown icon \"" + iconName + "\"";
|
|
2317
|
+
}
|
|
2318
|
+
this.errorMessage = "Unknown icon prefix \"" + this.prefix + "\"";
|
|
2319
|
+
},
|
|
2320
|
+
enumerable: true,
|
|
2321
|
+
configurable: true
|
|
2322
|
+
});
|
|
2276
2323
|
__decorate([
|
|
2277
2324
|
Input(),
|
|
2278
|
-
__metadata("design:type", String)
|
|
2279
|
-
|
|
2325
|
+
__metadata("design:type", String),
|
|
2326
|
+
__metadata("design:paramtypes", [String])
|
|
2327
|
+
], IconComponent.prototype, "icon", null);
|
|
2280
2328
|
IconComponent = __decorate([
|
|
2281
2329
|
Component({
|
|
2282
2330
|
selector: 'aup-icon',
|
|
2283
|
-
template: "<mat-icon *
|
|
2284
|
-
styles: [":host{display:inline-flex;width:24px}fa-icon{
|
|
2285
|
-
})
|
|
2286
|
-
__metadata("design:paramtypes", [])
|
|
2331
|
+
template: "<ng-container [ngSwitch]=\"prefix\">\n\n <mat-icon *ngSwitchCase=\"'svg'\"\n [svgIcon]=\"suffix\"\n class=\"svgIcon\">\n </mat-icon>\n\n <mat-icon *ngSwitchCase=\"'mat'\">\n {{suffix}}\n </mat-icon>\n\n <div *ngSwitchCase=\"'fab'\"\n class=\"faIconWrapper\">\n <fa-icon [icon]=\"suffix\">\n </fa-icon>\n </div>\n\n <mat-icon *ngSwitchDefault\n [matTooltip]=\"errorMessage\">\n bug_report\n </mat-icon>\n\n</ng-container>\n\n",
|
|
2332
|
+
styles: [":host{display:inline-flex;width:24px}fa-icon{vertical-align:middle}.faIconWrapper{text-align:center;width:24px;height:24px}.svgIcon{width:24px;height:24px}:host(.mat-chip-remove) mat-icon{font-size:18px}mat-icon{width:inherit;height:inherit}"]
|
|
2333
|
+
})
|
|
2287
2334
|
], IconComponent);
|
|
2288
2335
|
return IconComponent;
|
|
2289
2336
|
}());
|
|
@@ -2326,7 +2373,8 @@ var ComponentsModule = /** @class */ (function () {
|
|
|
2326
2373
|
DefaultHeaderCellRendererComponent,
|
|
2327
2374
|
TableHeaderCellRendererComponent,
|
|
2328
2375
|
MultipleSelectInputComponent,
|
|
2329
|
-
IconComponent
|
|
2376
|
+
IconComponent,
|
|
2377
|
+
SectionHeaderComponent
|
|
2330
2378
|
],
|
|
2331
2379
|
imports: [
|
|
2332
2380
|
CommonModule,
|
|
@@ -2343,7 +2391,8 @@ var ComponentsModule = /** @class */ (function () {
|
|
|
2343
2391
|
MatTableModule,
|
|
2344
2392
|
PortalModule,
|
|
2345
2393
|
CdkScrollableModule,
|
|
2346
|
-
FontAwesomeModule
|
|
2394
|
+
FontAwesomeModule,
|
|
2395
|
+
MatTooltipModule
|
|
2347
2396
|
],
|
|
2348
2397
|
exports: [
|
|
2349
2398
|
NumberInputComponent,
|
|
@@ -2365,7 +2414,8 @@ var ComponentsModule = /** @class */ (function () {
|
|
|
2365
2414
|
EditRowControls,
|
|
2366
2415
|
ColumnTemplateDirective,
|
|
2367
2416
|
MultipleSelectInputComponent,
|
|
2368
|
-
IconComponent
|
|
2417
|
+
IconComponent,
|
|
2418
|
+
SectionHeaderComponent
|
|
2369
2419
|
],
|
|
2370
2420
|
providers: [
|
|
2371
2421
|
FocusBindingFactory,
|
|
@@ -3235,10 +3285,20 @@ var InPlaceInteractionContextComponent = /** @class */ (function (_super) {
|
|
|
3235
3285
|
return InPlaceInteractionContextComponent;
|
|
3236
3286
|
}(DisposableComponent));
|
|
3237
3287
|
|
|
3288
|
+
/**
|
|
3289
|
+
* Css Vars.
|
|
3290
|
+
* --link-color
|
|
3291
|
+
* --link-color-hover
|
|
3292
|
+
* --link-background
|
|
3293
|
+
* --link-background-hover
|
|
3294
|
+
* --link-border-radius
|
|
3295
|
+
* --link-padding
|
|
3296
|
+
*/
|
|
3238
3297
|
var AddItemInteractionContextComponent = /** @class */ (function (_super) {
|
|
3239
3298
|
__extends(AddItemInteractionContextComponent, _super);
|
|
3240
3299
|
function AddItemInteractionContextComponent() {
|
|
3241
3300
|
var _this = _super.call(this) || this;
|
|
3301
|
+
_this.icon = "mat:add";
|
|
3242
3302
|
_this.tabindex = 0;
|
|
3243
3303
|
_this.clickCommand = Command.create(function (context) {
|
|
3244
3304
|
if (_this.activityClass) {
|
|
@@ -3268,6 +3328,10 @@ var AddItemInteractionContextComponent = /** @class */ (function (_super) {
|
|
|
3268
3328
|
Input(),
|
|
3269
3329
|
__metadata("design:type", String)
|
|
3270
3330
|
], AddItemInteractionContextComponent.prototype, "label", void 0);
|
|
3331
|
+
__decorate([
|
|
3332
|
+
Input(),
|
|
3333
|
+
__metadata("design:type", Object)
|
|
3334
|
+
], AddItemInteractionContextComponent.prototype, "icon", void 0);
|
|
3271
3335
|
__decorate([
|
|
3272
3336
|
Input(),
|
|
3273
3337
|
__metadata("design:type", Object)
|
|
@@ -3297,8 +3361,8 @@ var AddItemInteractionContextComponent = /** @class */ (function (_super) {
|
|
|
3297
3361
|
AddItemInteractionContextComponent = __decorate([
|
|
3298
3362
|
Component({
|
|
3299
3363
|
selector: 'aup-add-item-interaction-context',
|
|
3300
|
-
template: "<aup-in-place-interaction-context
|
|
3301
|
-
styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-
|
|
3364
|
+
template: "<aup-in-place-interaction-context [animateFirstActivity]=\"false\">\n <a part=\"link\" class=\"link\" [pectinCommand]=\"clickCommand\"><aup-icon [icon]=\"icon\"></aup-icon> {{label}}</a>\n</aup-in-place-interaction-context>\n",
|
|
3365
|
+
styles: [":host{--def-link-color:var(--link-color, currentColor);--def-link-color-hover:var(--link-color-hover, currentColor);--def-link-background:var(--link-background, transparent);--def-link-background-hover:var(--link-background-hover, rgba(0, 0, 0, 0.05));--def-link-border-radius:var(--link-border-radius, 4px);--def-link-padding:var(--link-padding, calc(var(--aup-default-padding) / 2));display:flex;flex-direction:column;border-radius:var(--def-link-border-radius);box-sizing:border-box;outline:0}:host:hover a.link{color:var(--def-link-color-hover);background-color:var(--def-link-background-hover)}aup-in-place-interaction-context{border-radius:var(--def-link-border-radius)}a.link{display:flex;flex-direction:row;align-items:center;border-radius:var(--def-link-border-radius);color:var(--def-link-color);background:var(--def-link-background);padding:var(--def-link-padding);cursor:pointer;text-decoration:none}a.link mat-icon{margin-right:8px}"]
|
|
3302
3366
|
}),
|
|
3303
3367
|
__metadata("design:paramtypes", [])
|
|
3304
3368
|
], AddItemInteractionContextComponent);
|
|
@@ -6021,7 +6085,7 @@ var SidePlaceNavigationComponent = /** @class */ (function (_super) {
|
|
|
6021
6085
|
SidePlaceNavigationComponent = __decorate([
|
|
6022
6086
|
Component({
|
|
6023
6087
|
selector: 'aup-side-place-navigation',
|
|
6024
|
-
template: "<mat-nav-list>\n <a mat-list-item (click)=\"toggleMenu()\" class=\"home\">\n <aup-icon class=\"collapsed-only\" icon=\"menu\"></aup-icon>\n <aup-icon class=\"expanded-only\" icon=\"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]=\"getNav(placeDefinition).tooltip()\">\n <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n <span\n class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n </a>\n <span [style.flex]=\"1\"></span>\n <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
|
|
6088
|
+
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]=\"getNav(placeDefinition).tooltip()\">\n <aup-icon *ngIf=\"getNav(placeDefinition).icon()\" [icon]=\"getNav(placeDefinition).icon()\"></aup-icon>\n <span\n class=\"expanded-only\">{{getNav(placeDefinition).title()}}</span>\n </a>\n <span [style.flex]=\"1\"></span>\n <ng-container *ngIf=\"navEndTemplate\" [ngTemplateOutlet]=\"navEndTemplate\"></ng-container>\n</mat-nav-list>\n",
|
|
6025
6089
|
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)}"]
|
|
6026
6090
|
}),
|
|
6027
6091
|
__metadata("design:paramtypes", [Router, PlaceRouter])
|
|
@@ -6638,5 +6702,5 @@ function VisitParameterList(options) {
|
|
|
6638
6702
|
* Generated bundle index. Do not edit.
|
|
6639
6703
|
*/
|
|
6640
6704
|
|
|
6641
|
-
export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, EditRowControls as ɵba, ColumnTemplateDirective as ɵbb, DefaultCellRendererComponent as ɵbc, TableCellRendererComponent as ɵbd, SelectCellRendererComponent as ɵbe, SelectHeaderCellRendererComponent as ɵbf, DefaultHeaderCellRendererComponent as ɵbg, TableHeaderCellRendererComponent as ɵbh, MultipleSelectInputComponent as ɵbi, IconComponent as ɵbj,
|
|
6705
|
+
export { ACTIVITY_DATA, AUP_PLACE_CONFIG, AbstractInputActivity, AbstractInputComponent, AbstractInteractionContext, AbstractListInputComponent, AbstractPlaceNavigationComponent, AbstractPopStateNavigation, AbstractValueInputComponent, Activity, ActivityActionsComponent, ActivityContainerComponent, ActivityOutletComponent, ActivityRef, AddItemInteractionContextComponent, AlertDialogComponent, AngularUiPowerupsModule, Bounds, BusyOverlayComponent, CELL_EDITOR_PORTAL, CELL_RENDERER_PORTAL, CardContainerComponent, CellEditorPortalRef, CellHeaderPortalRef, CellPortalRef, CellRendererPortalRef, CheckboxInputComponent, ColumnModel, ColumnTemplateDirective, CommandDirective, ComponentCellRendererPortalRef, ComponentsModule, ConfirmThenDialogComponent, ConfirmationDialogComponent, ConsolidatedParameterMap, CustomTemplateColumnModel, CustomValueColumnModel, DEFINITION_META_DATA_KEY, DIALOG_INTERACTION_SERVICE_DEFAULTS, DefaultCellRendererComponent, DefaultHeaderCellRendererComponent, DialogInteractionContext, DialogInteractionContextFactory, Dimension, DirectivesModule, DisposableComponent, EditRowControls, EditSession, EditorControlColumnModel, EmptyStateComponent, EventCleanUpSession, FocusBinding, FocusBindingDirective, FocusBindingFactory, FocusContainerComponent, FocusableComponent, Formatter, HEADER_CELL_RENDERER_PORTAL, IconComponent, InPlaceInteractionContextComponent, InteractionContextTriggerFor, InteractionModule, InteractionService, InteractionServiceRoutingAdapter, LEFT_RIGHT_PLACE_ANIMATION, ListPlaceNavComponent, ListPropertyColumnModel, ModalInteractionContextFactory, MultipleSelectInputComponent, Navigating, NavigatingDuringInteraction, NavigationContext, NavigationSession, NoopAuthGuard, NoopComponent, NumberInputComponent, PORTAL_EDITOR_COMPONENT, PORTAL_RENDERER_COMPONENT, ParameterDefinition, PasswordInputComponent, Place, PlaceComponent, PlaceComponentDeactivationHandler, PlaceDefinition, PlaceGuard, PlaceHistory, PlaceModule, PlaceOutletComponent, PlaceRouter, Point, PopStateDuringInteractionNavigation, PopStateNavigation, PopupInteractionContextComponent, PropertyColumnModel, ROUTE_PARAMETER_LIST_KEY, RemoveLastInteractionFromUrlNavigationSession, ResizeAwareComponent, RouteId, ScrollContainerComponent, SectionHeaderComponent, SelectCellRendererComponent, SelectHeaderCellRendererComponent, SelectInputActivity, SelectInputComponent, SelectionColumnModel, SidePlaceNavigationComponent, StringInputActivity, StringInputComponent, SwitchCaseComponent, SwitchCaseDefaultDirective, SwitchCaseOption, SwitchCaseWhenDirective, SynchroniseInteractionContextIdsWithRoute, TabbedPlaceNavigationComponent, TableCellRendererComponent, TableComponent, TableHeaderCellRendererComponent, TableModel, TemplateCellRendererPortalRef, TextInputComponent, UrlService, UrlSnapshot, VerticalFocusContainerComponent, Visit, VisitParameter, VisitParameterList, VisitSanitiser, WaitUntilLeavingInteractionTransitionCancelled, WaitUntilLinkTriggeredNavigationInteractionCancellationEventsFinish, WaitUntilPopStateDuringCanDeactivateInteractionFinishes, leftRightPlaceAnimation, slideDownOnEnterAnimation, slideRightOnEnterAnimation, ɵ0, DirectivesModule as ɵa, CommandDirective as ɵb, EditRowControls as ɵba, ColumnTemplateDirective as ɵbb, DefaultCellRendererComponent as ɵbc, TableCellRendererComponent as ɵbd, SelectCellRendererComponent as ɵbe, SelectHeaderCellRendererComponent as ɵbf, DefaultHeaderCellRendererComponent as ɵbg, TableHeaderCellRendererComponent as ɵbh, MultipleSelectInputComponent as ɵbi, IconComponent as ɵbj, SectionHeaderComponent as ɵbk, PlaceModule as ɵbl, ComponentsModule as ɵbm, EmptyStateComponent as ɵbn, BusyOverlayComponent as ɵbo, PlaceOutletComponent as ɵbp, leftRightPlaceAnimation as ɵbq, LEFT_RIGHT_PLACE_ANIMATION as ɵbr, AUP_PLACE_CONFIG as ɵbs, PlaceRouter as ɵbu, InteractionService as ɵbv, ModalInteractionContextFactory as ɵbw, UrlService as ɵbx, PlaceHistory as ɵby, TabbedPlaceNavigationComponent as ɵbz, FocusBindingDirective as ɵc, AbstractPlaceNavigationComponent as ɵca, ListPlaceNavComponent as ɵcb, SidePlaceNavigationComponent as ɵcc, InteractionModule as ɵcd, ActivityContainerComponent as ɵce, AbstractInteractionContext as ɵcf, ActivityOutletComponent as ɵcg, ConfirmationDialogComponent as ɵch, ACTIVITY_DATA as ɵci, Activity as ɵcj, ConfirmThenDialogComponent as ɵcl, AlertDialogComponent as ɵcm, InPlaceInteractionContextComponent as ɵco, AddItemInteractionContextComponent as ɵcp, ActivityActionsComponent as ɵcq, PopupInteractionContextComponent as ɵcr, StringInputActivity as ɵcs, AbstractInputActivity as ɵct, SelectInputActivity as ɵcu, InteractionContextTriggerFor as ɵcv, DisposableComponent as ɵd, FocusBindingFactory as ɵe, ComponentsModule as ɵf, AbstractInputComponent as ɵg, AbstractValueInputComponent as ɵh, AbstractListInputComponent as ɵi, NumberInputComponent as ɵj, StringInputComponent as ɵk, TextInputComponent as ɵl, PasswordInputComponent as ɵm, SelectInputComponent as ɵn, CheckboxInputComponent as ɵo, ScrollContainerComponent as ɵp, NoopComponent as ɵq, SwitchCaseOption as ɵr, SwitchCaseWhenDirective as ɵs, SwitchCaseDefaultDirective as ɵt, SwitchCaseComponent as ɵu, FocusContainerComponent as ɵv, VerticalFocusContainerComponent as ɵw, FocusableComponent as ɵx, CardContainerComponent as ɵy, TableComponent as ɵz };
|
|
6642
6706
|
//# sourceMappingURL=coolon-angular-ui-powerups.js.map
|