37 |
38 |
{{text}}
39 | {{text}}
40 | {{text}}
41 | {{text}}
42 | {{text}}
43 | {{text}}
44 |
45 |
46 |
--------------------------------------------------------------------------------
/projects/aem-angular-core-wcm-components/layout/navigation/v1/src/navigation.v1.component.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Copyright 2020 Adobe
3 | *
4 | * Licensed under the Apache License, Version 2.0 (the "License");
5 | * you may not use this file except in compliance with the License.
6 | * You may obtain a copy of the License at
7 | *
8 | * http://www.apache.org/licenses/LICENSE-2.0
9 | *
10 | * Unless required by applicable law or agreed to in writing, software
11 | * distributed under the License is distributed on an "AS IS" BASIS,
12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | * See the License for the specific language governing permissions and
14 | * limitations under the License.
15 | */
16 |
17 | import {Component, HostBinding, Inject, Input} from "@angular/core";
18 | import {
19 | AbstractRoutedCoreComponent,
20 | NAVIGATION_UTIL_SERVICE,
21 | NavigationItemModel,
22 | NavigationUtilityService, NavigationV1IsEmptyFn, NavigationV1Item, NavigationV1Model,
23 | RoutedCoreComponentModel
24 | } from "@adobe/aem-core-components-angular-base/core";
25 |
26 |
27 | @Component({
28 | selector: 'core-navigation-v1',
29 | templateUrl: './navigation.v1.component.html'
30 | })
31 | export class NavigationV1Component extends AbstractRoutedCoreComponent implements NavigationV1Model {
32 |
33 | @Input() baseCssClass = 'cmp-navigation';
34 |
35 | navigationUtilService: NavigationUtilityService;
36 |
37 | @Input() items: NavigationV1Item[];
38 | @Input() accessibilityLabel;
39 |
40 | constructor(@Inject(NAVIGATION_UTIL_SERVICE) navigationUtilService: NavigationUtilityService) {
41 | super();
42 | this.navigationUtilService = navigationUtilService;
43 | }
44 |
45 | get isEmpty(): boolean {
46 | return NavigationV1IsEmptyFn(this);
47 | }
48 |
49 |
50 | getItemCssClass(item:NavigationV1Item):string{
51 | const active:string = this.isItemActive(item) ? ` ${this.baseCssClass}__item--active`: '';
52 | const level:string = ` ${this.baseCssClass}__item--level-${item.level}`;
53 | return `${this.baseCssClass}__item${active}${level}`;
54 | }
55 |
56 | /**
57 | * You may overrule this method to determine for example based on current URL / page context whether the item is active.
58 | * @param item
59 | */
60 | isItemActive(item:NavigationItemModel):boolean{
61 | return this.navigationUtilService.isItemActive(item);
62 | }
63 | }
--------------------------------------------------------------------------------
/projects/aem-angular-core-wcm-components/authoring/image/v2/src/image.v2.component.html:
--------------------------------------------------------------------------------
1 |
16 |
17 |