@progressive-development/pd-page 0.1.55 → 0.1.57

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.
Files changed (2) hide show
  1. package/package.json +5 -5
  2. package/src/PdMenu.js +3 -2
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Progressive development page helper, teaser, menu, footer.",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "author": "PD Progressive Development",
6
- "version": "0.1.55",
6
+ "version": "0.1.57",
7
7
  "main": "index.js",
8
8
  "module": "index.js",
9
9
  "scripts": {
@@ -20,10 +20,10 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@lit/localize": "^0.11.4",
23
- "@progressive-development/pd-contact": "^0.1.28",
24
- "@progressive-development/pd-dialog": "^0.1.31",
25
- "@progressive-development/pd-forms": "^0.1.33",
26
- "@progressive-development/pd-icon": "^0.1.14",
23
+ "@progressive-development/pd-contact": "^0.1.29",
24
+ "@progressive-development/pd-dialog": "^0.1.32",
25
+ "@progressive-development/pd-forms": "^0.1.34",
26
+ "@progressive-development/pd-icon": "^0.1.15",
27
27
  "@progressive-development/pd-shared-styles": "^0.1.1",
28
28
  "lit": "^2.2.0",
29
29
  "pwa-helpers": "^0.9.1"
package/src/PdMenu.js CHANGED
@@ -184,6 +184,7 @@ export class PdMenu extends LitElement {
184
184
 
185
185
  static get properties() {
186
186
  return {
187
+ activeRoute: { type: String },
187
188
  menuItems: { type: Array },
188
189
  topMenuItems: { type: Array },
189
190
  // At the moment needed for scroll to pistion => Refactor possible?
@@ -197,7 +198,7 @@ export class PdMenu extends LitElement {
197
198
  }
198
199
 
199
200
  constructor() {
200
- super();
201
+ super();
201
202
  this.menuItems = [];
202
203
  this.topMenuItems = [];
203
204
  this._activeSecIndex = 0;
@@ -271,7 +272,7 @@ export class PdMenu extends LitElement {
271
272
  ${items.map(
272
273
  (item, index) => html`
273
274
  <li
274
- class="item ${checkActiveClass && this._activeSecIndex === index + 1
275
+ class="item ${(checkActiveClass && this._activeSecIndex === index + 1) || (item.route && item.route === this.activeRoute)
275
276
  ? 'active'
276
277
  : ''}"
277
278
  data-key="${item.key}"