@energinet/watt 3.0.11 → 3.0.12
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/esm2022/shell/nav-list/watt-expand-on-active-link.directive.js +12 -10
- package/esm2022/shell/nav-list/watt-nav-list-item.component.js +5 -6
- package/esm2022/shell/nav-list/watt-nav-list.component.js +3 -4
- package/package.json +5 -5
- package/shell/nav-list/watt-expand-on-active-link.directive.d.ts +3 -20
|
@@ -16,22 +16,24 @@
|
|
|
16
16
|
* limitations under the License.
|
|
17
17
|
*/
|
|
18
18
|
//#endregion
|
|
19
|
-
import { Directive, inject, input } from '@angular/core';
|
|
19
|
+
import { Directive, inject, input, effect } from '@angular/core';
|
|
20
20
|
import { MatExpansionPanel } from '@angular/material/expansion';
|
|
21
|
-
import { outputToObservable } from '@angular/core/rxjs-interop';
|
|
22
|
-
import { from, filter, mergeMap } from 'rxjs';
|
|
23
21
|
import * as i0 from "@angular/core";
|
|
24
22
|
export class WattExpandOnActiveLinkDirective {
|
|
25
23
|
panel = inject(MatExpansionPanel);
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
navListItemsEffect = effect((cleanupFn) => {
|
|
25
|
+
const subs = [];
|
|
26
|
+
cleanupFn(() => subs.forEach((sub) => sub.unsubscribe()));
|
|
28
27
|
const navListItems = this.wattNavListItemComponents();
|
|
29
28
|
if (navListItems.length > 0) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
subs.push(...navListItems.map((item) => item.isActive.subscribe((isActive) => {
|
|
30
|
+
if (isActive) {
|
|
31
|
+
this.panel.open();
|
|
32
|
+
}
|
|
33
|
+
})));
|
|
33
34
|
}
|
|
34
|
-
}
|
|
35
|
+
}, ...(ngDevMode ? [{ debugName: "navListItemsEffect" }] : []));
|
|
36
|
+
wattNavListItemComponents = input([], ...(ngDevMode ? [{ debugName: "wattNavListItemComponents" }] : []));
|
|
35
37
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattExpandOnActiveLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
36
38
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.1.3", type: WattExpandOnActiveLinkDirective, isStandalone: true, selector: "[wattExpandOnActiveLink]", inputs: { wattNavListItemComponents: { classPropertyName: "wattNavListItemComponents", publicName: "wattNavListItemComponents", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["wattExpandOnActiveLink"], ngImport: i0 });
|
|
37
39
|
}
|
|
@@ -42,4 +44,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
|
42
44
|
exportAs: 'wattExpandOnActiveLink',
|
|
43
45
|
}]
|
|
44
46
|
}] });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1leHBhbmQtb24tYWN0aXZlLWxpbmsuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy93YXR0L3BhY2thZ2Uvc2hlbGwvbmF2LWxpc3Qvd2F0dC1leHBhbmQtb24tYWN0aXZlLWxpbmsuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGlCQUFpQjtBQUNqQjs7Ozs7Ozs7Ozs7Ozs7O0dBZUc7QUFDSCxZQUFZO0FBQ1osT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBeUIsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBUWhFLE1BQU0sT0FBTywrQkFBK0I7SUFDbEMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBRWxDLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1FBQ2hELE1BQU0sSUFBSSxHQUE0QixFQUFFLENBQUM7UUFFekMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFMUQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLHlCQUF5QixFQUFFLENBQUM7UUFFdEQsSUFBSSxZQUFZLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzVCLElBQUksQ0FBQyxJQUFJLENBQ1AsR0FBRyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FDM0IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtnQkFDbkMsSUFBSSxRQUFRLEVBQUUsQ0FBQztvQkFDYixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO2dCQUNwQixDQUFDO1lBQ0gsQ0FBQyxDQUFDLENBQ0gsQ0FDRixDQUFDO1FBQ0osQ0FBQztJQUNILENBQUMsOERBQUMsQ0FBQztJQUVILHlCQUF5QixHQUFHLEtBQUssQ0FBc0MsRUFBRSxxRUFBQyxDQUFDO3VHQXZCaEUsK0JBQStCOzJGQUEvQiwrQkFBK0I7OzJGQUEvQiwrQkFBK0I7a0JBSjNDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsUUFBUSxFQUFFLHdCQUF3QjtpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBEaXJlY3RpdmUsIGluamVjdCwgaW5wdXQsIGVmZmVjdCwgT3V0cHV0UmVmU3Vic2NyaXB0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRFeHBhbnNpb25QYW5lbCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvbic7XG5cbmltcG9ydCB7IHR5cGUgV2F0dE5hdkxpc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi93YXR0LW5hdi1saXN0LWl0ZW0uY29tcG9uZW50JztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3dhdHRFeHBhbmRPbkFjdGl2ZUxpbmtdJyxcbiAgZXhwb3J0QXM6ICd3YXR0RXhwYW5kT25BY3RpdmVMaW5rJyxcbn0pXG5leHBvcnQgY2xhc3MgV2F0dEV4cGFuZE9uQWN0aXZlTGlua0RpcmVjdGl2ZSB7XG4gIHByaXZhdGUgcGFuZWwgPSBpbmplY3QoTWF0RXhwYW5zaW9uUGFuZWwpO1xuXG4gIHByaXZhdGUgbmF2TGlzdEl0ZW1zRWZmZWN0ID0gZWZmZWN0KChjbGVhbnVwRm4pID0+IHtcbiAgICBjb25zdCBzdWJzOiBPdXRwdXRSZWZTdWJzY3JpcHRpb25bXSA9IFtdO1xuXG4gICAgY2xlYW51cEZuKCgpID0+IHN1YnMuZm9yRWFjaCgoc3ViKSA9PiBzdWIudW5zdWJzY3JpYmUoKSkpO1xuXG4gICAgY29uc3QgbmF2TGlzdEl0ZW1zID0gdGhpcy53YXR0TmF2TGlzdEl0ZW1Db21wb25lbnRzKCk7XG5cbiAgICBpZiAobmF2TGlzdEl0ZW1zLmxlbmd0aCA+IDApIHtcbiAgICAgIHN1YnMucHVzaChcbiAgICAgICAgLi4ubmF2TGlzdEl0ZW1zLm1hcCgoaXRlbSkgPT5cbiAgICAgICAgICBpdGVtLmlzQWN0aXZlLnN1YnNjcmliZSgoaXNBY3RpdmUpID0+IHtcbiAgICAgICAgICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgICAgICAgICB0aGlzLnBhbmVsLm9wZW4oKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9KVxuICAgICAgICApXG4gICAgICApO1xuICAgIH1cbiAgfSk7XG5cbiAgd2F0dE5hdkxpc3RJdGVtQ29tcG9uZW50cyA9IGlucHV0PHJlYWRvbmx5IFdhdHROYXZMaXN0SXRlbUNvbXBvbmVudFtdPihbXSk7XG59XG4iXX0=
|
|
@@ -18,9 +18,8 @@
|
|
|
18
18
|
//#endregion
|
|
19
19
|
import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
|
|
20
20
|
import { NgTemplateOutlet } from '@angular/common';
|
|
21
|
-
import {
|
|
21
|
+
import { RouterLink, RouterLinkActive } from '@angular/router';
|
|
22
22
|
import * as i0 from "@angular/core";
|
|
23
|
-
import * as i1 from "@angular/router";
|
|
24
23
|
export class WattNavListItemComponent {
|
|
25
24
|
link = input.required(...(ngDevMode ? [{ debugName: "link" }] : []));
|
|
26
25
|
target = input('_self', ...(ngDevMode ? [{ debugName: "target" }] : []));
|
|
@@ -53,14 +52,14 @@ export class WattNavListItemComponent {
|
|
|
53
52
|
<ng-template #templateContent>
|
|
54
53
|
<ng-content />
|
|
55
54
|
</ng-template>
|
|
56
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "
|
|
55
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
57
56
|
}
|
|
58
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattNavListItemComponent, decorators: [{
|
|
59
58
|
type: Component,
|
|
60
59
|
args: [{
|
|
61
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
60
|
selector: 'watt-nav-list-item',
|
|
63
|
-
|
|
61
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
62
|
+
imports: [NgTemplateOutlet, RouterLink, RouterLinkActive],
|
|
64
63
|
template: `
|
|
65
64
|
@if (isExternalLink()) {
|
|
66
65
|
<a [href]="link()" [attr.target]="target()"
|
|
@@ -81,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
|
81
80
|
`,
|
|
82
81
|
}]
|
|
83
82
|
}] });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1uYXYtbGlzdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvd2F0dC9wYWNrYWdlL3NoZWxsL25hdi1saXN0L3dhdHQtbmF2LWxpc3QtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsaUJBQWlCO0FBQ2pCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILFlBQVk7QUFDWixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUF5Qi9ELE1BQU0sT0FBTyx3QkFBd0I7SUFDbkMsSUFBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLCtDQUFVLENBQUM7SUFDaEMsTUFBTSxHQUFHLEtBQUssQ0FBMEMsT0FBTyxrREFBQyxDQUFDO0lBQ2pFLFFBQVEsR0FBRyxNQUFNLEVBQVcsQ0FBQztJQUU3Qjs7T0FFRztJQUNILGNBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQywwREFBQyxDQUFDO0lBRTlFOztPQUVHO0lBQ0gsa0JBQWtCLENBQUMsUUFBaUI7UUFDbEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDL0IsQ0FBQzt1R0FmVSx3QkFBd0I7MkZBQXhCLHdCQUF3Qiw0V0FuQnpCOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVCw0REFsQlMsZ0JBQWdCLG9KQUFFLFVBQVUsb09BQUUsZ0JBQWdCOzsyRkFvQjdDLHdCQUF3QjtrQkF2QnBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDekQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCVDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8vI3JlZ2lvbiBMaWNlbnNlXG4vKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgMjAyMCBFbmVyZ2luZXQgRGF0YUh1YiBBL1NcbiAqXG4gKiBMaWNlbnNlZCB1bmRlciB0aGUgQXBhY2hlIExpY2Vuc2UsIFZlcnNpb24gMi4wICh0aGUgXCJMaWNlbnNlMlwiKTtcbiAqIHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0IGluIGNvbXBsaWFuY2Ugd2l0aCB0aGUgTGljZW5zZS5cbiAqIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuICpcbiAqICAgICBodHRwOi8vd3d3LmFwYWNoZS5vcmcvbGljZW5zZXMvTElDRU5TRS0yLjBcbiAqXG4gKiBVbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG4gKiBkaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG4gKiBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAqIFNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbiAqIGxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuICovXG4vLyNlbmRyZWdpb25cbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJvdXRlckxpbmssIFJvdXRlckxpbmtBY3RpdmUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd3YXR0LW5hdi1saXN0LWl0ZW0nLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW05nVGVtcGxhdGVPdXRsZXQsIFJvdXRlckxpbmssIFJvdXRlckxpbmtBY3RpdmVdLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoaXNFeHRlcm5hbExpbmsoKSkge1xuICAgICAgPGEgW2hyZWZdPVwibGluaygpXCIgW2F0dHIudGFyZ2V0XT1cInRhcmdldCgpXCJcbiAgICAgICAgPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUNvbnRlbnRcIlxuICAgICAgLz48L2E+XG4gICAgfSBAZWxzZSB7XG4gICAgICA8YVxuICAgICAgICBbcm91dGVyTGlua109XCJsaW5rKClcIlxuICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCJcbiAgICAgICAgKGlzQWN0aXZlQ2hhbmdlKT1cIm9uUm91dGVyTGlua0FjdGl2ZSgkZXZlbnQpXCJcbiAgICAgICAgPjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZUNvbnRlbnRcIlxuICAgICAgLz48L2E+XG4gICAgfVxuXG4gICAgPG5nLXRlbXBsYXRlICN0ZW1wbGF0ZUNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFdhdHROYXZMaXN0SXRlbUNvbXBvbmVudCB7XG4gIGxpbmsgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG4gIHRhcmdldCA9IGlucHV0PCdfc2VsZicgfCAnX2JsYW5rJyB8ICdfcGFyZW50JyB8ICdfdG9wJz4oJ19zZWxmJyk7XG4gIGlzQWN0aXZlID0gb3V0cHV0PGJvb2xlYW4+KCk7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIGlzRXh0ZXJuYWxMaW5rID0gY29tcHV0ZWQoKCkgPT4gL14oaHR0cDpcXC9cXC98aHR0cHM6XFwvXFwvKS9pLnRlc3QodGhpcy5saW5rKCkpKTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgb25Sb3V0ZXJMaW5rQWN0aXZlKGlzQWN0aXZlOiBib29sZWFuKSB7XG4gICAgdGhpcy5pc0FjdGl2ZS5lbWl0KGlzQWN0aXZlKTtcbiAgfVxufVxuIl19
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
//#endregion
|
|
19
19
|
import { NgTemplateOutlet } from '@angular/common';
|
|
20
20
|
import { ChangeDetectionStrategy, Component, ViewEncapsulation, contentChildren, input, } from '@angular/core';
|
|
21
|
-
import { RouterModule } from '@angular/router';
|
|
22
21
|
import { MatExpansionModule } from '@angular/material/expansion';
|
|
23
22
|
import { WattExpandOnActiveLinkDirective } from './watt-expand-on-active-link.directive';
|
|
24
23
|
import { WattNavListItemComponent } from './watt-nav-list-item.component';
|
|
@@ -51,7 +50,7 @@ export class WattNavListComponent {
|
|
|
51
50
|
<ng-template #navListTemplate>
|
|
52
51
|
<ng-content />
|
|
53
52
|
</ng-template>
|
|
54
|
-
`, isInline: true, styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color)}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a{padding:var(--watt-space-s) var(--watt-space-m);display:block;border-left:var(--watt-space-xs) solid transparent;color:var(--watt-color-neutral-white);text-decoration:none}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{border-left-color:var(--watt-color-secondary)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{padding-left:calc(var(--watt-space-xs) + var(--watt-space-m));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a{padding-left:var(--watt-space-l)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type:
|
|
53
|
+
`, isInline: true, styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color)}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a{padding:var(--watt-space-s) var(--watt-space-m);display:block;border-left:var(--watt-space-xs) solid transparent;color:var(--watt-color-neutral-white);text-decoration:none}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{border-left-color:var(--watt-color-secondary)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{padding-left:calc(var(--watt-space-xs) + var(--watt-space-m));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a{padding-left:var(--watt-space-l)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "component", type: i1.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: WattExpandOnActiveLinkDirective, selector: "[wattExpandOnActiveLink]", inputs: ["wattNavListItemComponents"], exportAs: ["wattExpandOnActiveLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
55
54
|
}
|
|
56
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: WattNavListComponent, decorators: [{
|
|
57
56
|
type: Component,
|
|
@@ -76,6 +75,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
|
|
|
76
75
|
<ng-template #navListTemplate>
|
|
77
76
|
<ng-content />
|
|
78
77
|
</ng-template>
|
|
79
|
-
`, imports: [NgTemplateOutlet,
|
|
78
|
+
`, imports: [NgTemplateOutlet, MatExpansionModule, WattExpandOnActiveLinkDirective], styles: ["watt-nav-list{background-color:var(--watt-sidenav-background-color)}watt-nav-list watt-nav-list-item{display:block}watt-nav-list watt-nav-list-item a{padding:var(--watt-space-s) var(--watt-space-m);display:block;border-left:var(--watt-space-xs) solid transparent;color:var(--watt-color-neutral-white);text-decoration:none}watt-nav-list watt-nav-list-item a:hover,watt-nav-list watt-nav-list-item a.active{background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list watt-nav-list-item a.active{border-left-color:var(--watt-color-secondary)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel{background-color:var(--watt-sidenav-background-color);border-radius:0}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header.mat-expanded:hover,watt-nav-list.watt-nav-list--expandable .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background-color:var(--watt-nav-list-hover-background-color)}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header{padding-left:calc(var(--watt-space-xs) + var(--watt-space-m));height:40px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-header-title{color:var(--watt-color-neutral-white)}watt-nav-list.watt-nav-list--expandable .mat-expansion-indicator:after{color:var(--watt-color-neutral-white);position:relative;top:-3px}watt-nav-list.watt-nav-list--expandable .mat-expansion-panel-body{padding:0}watt-nav-list.watt-nav-list--expandable watt-nav-list-item a{padding-left:var(--watt-space-l)}\n"] }]
|
|
80
79
|
}] });
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2F0dC1uYXYtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL3dhdHQvcGFja2FnZS9zaGVsbC9uYXYtbGlzdC93YXR0LW5hdi1saXN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxpQkFBaUI7QUFDakI7Ozs7Ozs7Ozs7Ozs7OztHQWVHO0FBQ0gsWUFBWTtBQUNaLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ25ELE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULGlCQUFpQixFQUNqQixlQUFlLEVBQ2YsS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWpFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDOzs7QUFnQzFFLE1BQU0sT0FBTyxvQkFBb0I7SUFDL0I7O09BRUc7SUFDSCxxQkFBcUIsR0FBRyxlQUFlLENBQUMsd0JBQXdCLGlFQUFDLENBQUM7SUFFbEUsVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLHNEQUFDLENBQUM7SUFDMUIsS0FBSyxHQUFHLEtBQUssQ0FBQyxFQUFFLGlEQUFDLENBQUM7dUdBUFAsb0JBQW9COzJGQUFwQixvQkFBb0IsdWNBSVMsd0JBQXdCLDZDQTFCdEQ7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQseWtEQUNTLGdCQUFnQixtSkFBRSxrQkFBa0IsMGRBQUUsK0JBQStCOzsyRkFFcEUsb0JBQW9CO2tCQTlCaEMsU0FBUztzQ0FDUyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFlBQzNCLGVBQWUsUUFFbkI7d0JBQ0osbUNBQW1DLEVBQUUsY0FBYztxQkFDcEQsWUFDUzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CVCxXQUNRLENBQUMsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsK0JBQStCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyNyZWdpb24gTGljZW5zZVxuLyoqXG4gKiBAbGljZW5zZVxuICogQ29weXJpZ2h0IDIwMjAgRW5lcmdpbmV0IERhdGFIdWIgQS9TXG4gKlxuICogTGljZW5zZWQgdW5kZXIgdGhlIEFwYWNoZSBMaWNlbnNlLCBWZXJzaW9uIDIuMCAodGhlIFwiTGljZW5zZTJcIik7XG4gKiB5b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG4gKiBZb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcbiAqXG4gKiAgICAgaHR0cDovL3d3dy5hcGFjaGUub3JnL2xpY2Vuc2VzL0xJQ0VOU0UtMi4wXG4gKlxuICogVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICogZGlzdHJpYnV0ZWQgdW5kZXIgdGhlIExpY2Vuc2UgaXMgZGlzdHJpYnV0ZWQgb24gYW4gXCJBUyBJU1wiIEJBU0lTLFxuICogV0lUSE9VVCBXQVJSQU5USUVTIE9SIENPTkRJVElPTlMgT0YgQU5ZIEtJTkQsIGVpdGhlciBleHByZXNzIG9yIGltcGxpZWQuXG4gKiBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gKiBsaW1pdGF0aW9ucyB1bmRlciB0aGUgTGljZW5zZS5cbiAqL1xuLy8jZW5kcmVnaW9uXG5pbXBvcnQgeyBOZ1RlbXBsYXRlT3V0bGV0IH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBjb250ZW50Q2hpbGRyZW4sXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEV4cGFuc2lvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2V4cGFuc2lvbic7XG5cbmltcG9ydCB7IFdhdHRFeHBhbmRPbkFjdGl2ZUxpbmtEaXJlY3RpdmUgfSBmcm9tICcuL3dhdHQtZXhwYW5kLW9uLWFjdGl2ZS1saW5rLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBXYXR0TmF2TGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL3dhdHQtbmF2LWxpc3QtaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHNlbGVjdG9yOiAnd2F0dC1uYXYtbGlzdCcsXG4gIHN0eWxlVXJsOiAnLi93YXR0LW5hdi1saXN0LmNvbXBvbmVudC5zY3NzJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3Mud2F0dC1uYXYtbGlzdC0tZXhwYW5kYWJsZV0nOiAnZXhwYW5kYWJsZSgpJyxcbiAgfSxcbiAgdGVtcGxhdGU6IGBcbiAgICBAaWYgKGV4cGFuZGFibGUoKSkge1xuICAgICAgPG1hdC1leHBhbnNpb24tcGFuZWxcbiAgICAgICAgd2F0dEV4cGFuZE9uQWN0aXZlTGlua1xuICAgICAgICBbd2F0dE5hdkxpc3RJdGVtQ29tcG9uZW50c109XCJuYXZMaXN0SXRlbUNvbXBvbmVudHMoKVwiXG4gICAgICAgIGNsYXNzPVwibWF0LWVsZXZhdGlvbi16MFwiXG4gICAgICA+XG4gICAgICAgIDxtYXQtZXhwYW5zaW9uLXBhbmVsLWhlYWRlcj5cbiAgICAgICAgICA8bWF0LXBhbmVsLXRpdGxlIGNsYXNzPVwid2F0dC10ZXh0LW1cIj57eyB0aXRsZSgpIH19PC9tYXQtcGFuZWwtdGl0bGU+XG4gICAgICAgIDwvbWF0LWV4cGFuc2lvbi1wYW5lbC1oZWFkZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJuYXZMaXN0VGVtcGxhdGVcIiAvPlxuICAgICAgPC9tYXQtZXhwYW5zaW9uLXBhbmVsPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cIm5hdkxpc3RUZW1wbGF0ZVwiIC8+XG4gICAgfVxuXG4gICAgPG5nLXRlbXBsYXRlICNuYXZMaXN0VGVtcGxhdGU+XG4gICAgICA8bmctY29udGVudCAvPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIGltcG9ydHM6IFtOZ1RlbXBsYXRlT3V0bGV0LCBNYXRFeHBhbnNpb25Nb2R1bGUsIFdhdHRFeHBhbmRPbkFjdGl2ZUxpbmtEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBXYXR0TmF2TGlzdENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuYXZMaXN0SXRlbUNvbXBvbmVudHMgPSBjb250ZW50Q2hpbGRyZW4oV2F0dE5hdkxpc3RJdGVtQ29tcG9uZW50KTtcblxuICBleHBhbmRhYmxlID0gaW5wdXQoZmFsc2UpO1xuICB0aXRsZSA9IGlucHV0KCcnKTtcbn1cbiJdfQ==
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"name": "@energinet/watt",
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.12",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": {
|
|
@@ -79,6 +79,10 @@
|
|
|
79
79
|
"types": "./expandable-card/energinet-watt-expandable-card.d.ts",
|
|
80
80
|
"default": "./esm2022/expandable-card/energinet-watt-expandable-card.js"
|
|
81
81
|
},
|
|
82
|
+
"./icon": {
|
|
83
|
+
"types": "./icon/energinet-watt-icon.d.ts",
|
|
84
|
+
"default": "./esm2022/icon/energinet-watt-icon.js"
|
|
85
|
+
},
|
|
82
86
|
"./expansion": {
|
|
83
87
|
"types": "./expansion/energinet-watt-expansion.d.ts",
|
|
84
88
|
"default": "./esm2022/expansion/energinet-watt-expansion.js"
|
|
@@ -87,10 +91,6 @@
|
|
|
87
91
|
"types": "./field/energinet-watt-field.d.ts",
|
|
88
92
|
"default": "./esm2022/field/energinet-watt-field.js"
|
|
89
93
|
},
|
|
90
|
-
"./icon": {
|
|
91
|
-
"types": "./icon/energinet-watt-icon.d.ts",
|
|
92
|
-
"default": "./esm2022/icon/energinet-watt-icon.js"
|
|
93
|
-
},
|
|
94
94
|
"./modal": {
|
|
95
95
|
"types": "./modal/energinet-watt-modal.d.ts",
|
|
96
96
|
"default": "./esm2022/modal/energinet-watt-modal.js"
|
|
@@ -1,26 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
* @license
|
|
3
|
-
* Copyright 2020 Energinet DataHub A/S
|
|
4
|
-
*
|
|
5
|
-
* Licensed under the Apache License, Version 2.0 (the "License2");
|
|
6
|
-
* you may not use this file except in compliance with the License.
|
|
7
|
-
* You may obtain a copy of the License at
|
|
8
|
-
*
|
|
9
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
10
|
-
*
|
|
11
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
12
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
13
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
14
|
-
* See the License for the specific language governing permissions and
|
|
15
|
-
* limitations under the License.
|
|
16
|
-
*/
|
|
17
|
-
import { AfterViewInit } from '@angular/core';
|
|
18
|
-
import { WattNavListItemComponent } from './watt-nav-list-item.component';
|
|
1
|
+
import { type WattNavListItemComponent } from './watt-nav-list-item.component';
|
|
19
2
|
import * as i0 from "@angular/core";
|
|
20
|
-
export declare class WattExpandOnActiveLinkDirective
|
|
3
|
+
export declare class WattExpandOnActiveLinkDirective {
|
|
21
4
|
private panel;
|
|
5
|
+
private navListItemsEffect;
|
|
22
6
|
wattNavListItemComponents: import("@angular/core").InputSignal<readonly WattNavListItemComponent[]>;
|
|
23
|
-
ngAfterViewInit(): void;
|
|
24
7
|
static ɵfac: i0.ɵɵFactoryDeclaration<WattExpandOnActiveLinkDirective, never>;
|
|
25
8
|
static ɵdir: i0.ɵɵDirectiveDeclaration<WattExpandOnActiveLinkDirective, "[wattExpandOnActiveLink]", ["wattExpandOnActiveLink"], { "wattNavListItemComponents": { "alias": "wattNavListItemComponents"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
26
9
|
}
|