@brightspace-ui-labs/navigation - npm Package Compare versions

Comparing version 5.1.1 to 5.2.0

components/build/lang/ar.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/da-dk.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/de.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/en.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/es.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/fi.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/fr-fr.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/fr.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/ja.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/ko.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/nl.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/pt.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/sv.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/tr.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/zh-tw.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/build/lang/zh.js

 'use strict';
 
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
 
@@ -5,0 +5,0 @@ /* @polymerMixin */

components/d2l-navigation-iterator/d2l-navigation-iterator-item.js

 import '@brightspace-ui/core/components/colors/colors.js';
-import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
-import {NavigationLocalize} from '../NavigationLocalize.js';
+import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
+import { NavigationLocalize } from '../NavigationLocalize.js';
 import '@brightspace-ui/core/components/icons/icon.js';
@@ -108,2 +108,13 @@ import '@brightspace-ui/core/components/tooltip/tooltip.js';
 
+	_computeIcon(type) {
+		return (type === 'previous') ? 'tier3:chevron-left-circle' : 'tier3:chevron-right-circle';
+	}
+
+	_computeText(text, type) {
+		if (text.length > 0) {
+			return text;
+		}
+		return (type === 'previous') ? this.localize('previous') : this.localize('next');
+	}
+
 	_typeChanged(newValue, oldValue) {
@@ -120,14 +131,4 @@ const validTypes = ['previous', 'next'];
 
-	_computeText(text, type) {
-		if (text.length > 0) {
-			return text;
-		}
-		return (type === 'previous') ? this.localize('previous') : this.localize('next');
-	}
-
-	_computeIcon(type) {
-		return (type === 'previous') ? 'tier3:chevron-left-circle' : 'tier3:chevron-right-circle';
-	}
 }
 
 window.customElements.define('d2l-navigation-iterator-item', D2LNavigationIteratorItem);

components/d2l-navigation-iterator/d2l-navigation-iterator.js

@@ -1,3 +0,3 @@
-import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
-import 'd2l-typography/d2l-typography-shared-styles.js';
+import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
+import '@brightspace-ui/typography/d2l-typography-shared-styles.js';
 import './d2l-navigation-iterator-item.js';
@@ -68,4 +68,4 @@
 
-	_dispatchPreviousClicked(e) {
-		if (this.previousDisabled) {
+	_dispatchNextClicked(e) {
+		if (this.nextDisabled) {
 			return;
@@ -76,3 +76,3 @@ }
 
-		this.dispatchEvent(new CustomEvent('previous-click', {
+		this.dispatchEvent(new CustomEvent('next-click', {
 			detail: {
@@ -84,4 +84,4 @@ type: e.currentTarget.type
 
-	_dispatchNextClicked(e) {
-		if (this.nextDisabled) {
+	_dispatchPreviousClicked(e) {
+		if (this.previousDisabled) {
 			return;
@@ -92,3 +92,3 @@ }
 
-		this.dispatchEvent(new CustomEvent('next-click', {
+		this.dispatchEvent(new CustomEvent('previous-click', {
 			detail: {
@@ -99,4 +99,5 @@ type: e.currentTarget.type
 	}
+
 }
 
 window.customElements.define('d2l-navigation-iterator', D2LNavigationIterator);

components/NavigationLocalize.js

@@ -1,20 +0,20 @@
-import {dedupingMixin} from '@polymer/polymer/lib/utils/mixin.js';
-import {mixinBehaviors} from '@polymer/polymer/lib/legacy/class.js';
-import 'd2l-localize-behavior/d2l-localize-behavior.js';
-import {LangAr} from './build/lang/ar.js';
-import {LangDadk} from './build/lang/da-dk.js';
-import {LangDe} from './build/lang/de.js';
-import {LangEn} from './build/lang/en.js';
-import {LangEs} from './build/lang/es.js';
-import {LangFi} from './build/lang/fi.js';
-import {LangFr} from './build/lang/fr.js';
-import {LangFrfr} from './build/lang/fr-fr.js';
-import {LangJa} from './build/lang/ja.js';
-import {LangKo} from './build/lang/ko.js';
-import {LangNl} from './build/lang/nl.js';
-import {LangPt} from './build/lang/pt.js';
-import {LangSv} from './build/lang/sv.js';
-import {LangTr} from './build/lang/tr.js';
-import {LangZhtw} from './build/lang/zh-tw.js';
-import {LangZh} from './build/lang/zh.js';
+import { dedupingMixin } from '@polymer/polymer/lib/utils/mixin.js';
+import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
+import '@brightspace-ui/localize-behavior/d2l-localize-behavior.js';
+import { LangAr } from './build/lang/ar.js';
+import { LangDadk } from './build/lang/da-dk.js';
+import { LangDe } from './build/lang/de.js';
+import { LangEn } from './build/lang/en.js';
+import { LangEs } from './build/lang/es.js';
+import { LangFi } from './build/lang/fi.js';
+import { LangFr } from './build/lang/fr.js';
+import { LangFrfr } from './build/lang/fr-fr.js';
+import { LangJa } from './build/lang/ja.js';
+import { LangKo } from './build/lang/ko.js';
+import { LangNl } from './build/lang/nl.js';
+import { LangPt } from './build/lang/pt.js';
+import { LangSv } from './build/lang/sv.js';
+import { LangTr } from './build/lang/tr.js';
+import { LangZhtw } from './build/lang/zh-tw.js';
+import { LangZh } from './build/lang/zh.js';
 
@@ -21,0 +21,0 @@ /* @polymerMixin */

d2l-navigation-band.js

 import '@brightspace-ui/core/components/colors/colors.js';
 import './d2l-navigation-shared-styles';
 
-import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';
+import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';
 import { navigationSharedStyle } from './d2l-navigation-shared-styles';
@@ -6,0 +6,0 @@ /**

d2l-navigation-button-close.js

 
 import './d2l-navigation-button-notification-icon.js';
-import 'd2l-button/d2l-button-behavior.js';
-import 'd2l-polymer-behaviors/d2l-focusable-behavior.js';
-import 'd2l-localize-behavior/d2l-localize-behavior.js';
+import '@brightspace-ui/button/d2l-button-behavior.js';
+import '@brightspace-ui/polymer-behaviors/d2l-focusable-behavior.js';
+import '@brightspace-ui/localize-behavior/d2l-localize-behavior.js';
 
@@ -7,0 +7,0 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';

d2l-navigation-button-notification-icon.js

 import '@brightspace-ui/core/components/colors/colors.js';
 import './d2l-navigation-button.js';
 import '@brightspace-ui/core/components/icons/icon.js';
-import 'd2l-button/d2l-button-behavior.js';
-import 'd2l-polymer-behaviors/d2l-focusable-behavior.js';
+import '@brightspace-ui/button/d2l-button-behavior.js';
+import '@brightspace-ui/polymer-behaviors/d2l-focusable-behavior.js';
 import './d2l-navigation-notification-icon.js';
@@ -7,0 +7,0 @@

d2l-navigation-button.js

@@ -1,4 +0,4 @@
-import 'd2l-button/d2l-button-behavior.js';
-import 'd2l-polymer-behaviors/d2l-focusable-behavior.js';
-import 'd2l-polymer-behaviors/d2l-id.js';
+import '@brightspace-ui/button/d2l-button-behavior.js';
+import '@brightspace-ui/polymer-behaviors/d2l-focusable-behavior.js';
+import '@brightspace-ui/polymer-behaviors/d2l-id.js';
 import { highlightStyles } from './d2l-navigation-highlight-styles.js';
@@ -115,5 +115,3 @@ import '@brightspace-ui/core/components/offscreen/offscreen.js';
 	}
-	_getTopBorderClass() {
-		return this.hideHighlight ? '' : 'd2l-navigation-button-top-border';
-	}
+
 	ready() {
@@ -123,3 +121,8 @@ super.ready();
 	}
+
+	_getTopBorderClass() {
+		return this.hideHighlight ? '' : 'd2l-navigation-button-top-border';
+	}
+
 }
 customElements.define('d2l-navigation-button', D2LNavigationButton);

d2l-navigation-immersive.js

 import '@brightspace-ui/core/components/colors/colors.js';
 import 'fastdom/fastdom.js';
 import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
-import 'd2l-typography/d2l-typography-shared-styles.js';
+import '@brightspace-ui/typography/d2l-typography-shared-styles.js';
 import './d2l-navigation.js';
@@ -217,7 +217,2 @@ import './d2l-navigation-link-back.js';
 	}
-	ready() {
-		super.ready();
-		this._onMiddleResize = this._onMiddleResize.bind(this);
-		this._onRightResize = this._onRightResize.bind(this);
-	}
 
@@ -247,2 +242,8 @@ connectedCallback() {
 
+	ready() {
+		super.ready();
+		this._onMiddleResize = this._onMiddleResize.bind(this);
+		this._onRightResize = this._onRightResize.bind(this);
+	}
+
 	_onMiddleResize(entries) {
@@ -252,6 +253,2 @@ this._onResize(entries, '.d2l-navigation-immersive-middle', 'd2l-navigation-immersive-middle-hidden');
 
-	_onRightResize(entries) {
-		this._onResize(entries, '.d2l-navigation-immersive-middle', 'd2l-navigation-immersive-middle-no-right-border');
-	}
-
 	_onResize(entries, slotContainerQuerySelector, containerClass) {
@@ -281,3 +278,8 @@ if (!entries || entries.length === 0) {
 	}
+
+	_onRightResize(entries) {
+		this._onResize(entries, '.d2l-navigation-immersive-middle', 'd2l-navigation-immersive-middle-no-right-border');
+	}
+
 }
 customElements.define('d2l-navigation-immersive', D2LNavigationImmsersive);

d2l-navigation-link-back.js

 import './d2l-navigation-link.js';
 import '@brightspace-ui/core/components/icons/icon.js';
-import 'd2l-polymer-behaviors/d2l-focusable-behavior.js';
-import 'd2l-localize-behavior/d2l-localize-behavior.js';
+import '@brightspace-ui/polymer-behaviors/d2l-focusable-behavior.js';
+import '@brightspace-ui/localize-behavior/d2l-localize-behavior.js';
 
@@ -6,0 +6,0 @@ import { PolymerElement, html } from '@polymer/polymer/polymer-element.js';

d2l-navigation-link.js

@@ -1,2 +0,2 @@
-import 'd2l-polymer-behaviors/d2l-focusable-behavior.js';
+import '@brightspace-ui/polymer-behaviors/d2l-focusable-behavior.js';
 import { highlightStyles } from './d2l-navigation-highlight-styles.js';
@@ -3,0 +3,0 @@

package.json

 {
   "name": "@brightspace-ui-labs/navigation",
-  "version": "5.1.1",
+  "version": "5.2.0",
   "repository": "https://github.com/BrightspaceUILabs/navigation.git",
@@ -46,8 +46,9 @@ "scripts": {
     "@web/test-runner": "^0.13",
-    "babel-eslint": "^10.0.1",
-    "eslint": "^4.19.1",
-    "eslint-config-brightspace": "^0.6.4",
-    "eslint-plugin-html": "^4.0.5",
+    "del": "^6",
+    "eslint": "^8",
+    "eslint-config-brightspace": "^0.17",
+    "eslint-plugin-html": "^6",
+    "eslint-plugin-import": "^2",
     "eslint-plugin-lit": "^1",
-    "eslint-plugin-sort-class-members": "^1.5.0",
+    "eslint-plugin-sort-class-members": "^1",
     "gulp": "^4.0.0",
@@ -63,8 +64,8 @@ "gulp-cli": "^2.0.1",
   "dependencies": {
+    "@brightspace-ui/button": "^6",
     "@brightspace-ui/core": "^2",
+    "@brightspace-ui/localize-behavior": "^2",
+    "@brightspace-ui/polymer-behaviors": "^3",
+    "@brightspace-ui/typography": "^8",
     "@polymer/polymer": "^3",
-    "d2l-button": "github:BrightspaceUI/button#semver:^6",
-    "d2l-localize-behavior": "github:BrightspaceUI/localize-behavior#semver:^2",
-    "d2l-polymer-behaviors": "github:Brightspace/d2l-polymer-behaviors-ui#semver:^3",
-    "d2l-typography": "github:BrightspaceUI/typography#semver:^8",
     "fastdom": "^1",
@@ -71,0 +72,0 @@ "lit-element": "^3",

Fixed alerts

GitHub dependency

Supply chain risk

Contains a dependency which resolves to a GitHub URL. Dependencies fetched from GitHub specifiers are not immutable can be used to inject untrusted code or reduce the likelihood of a reproducible install.

Found 4 instances in 1 package

Improved metrics

Total package byte prevSize

72219

increased by0.19%

Number of high supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

19

increased by5.56%

Dependency changes

• + Added@brightspace-ui/button@^6

• + Added@brightspace-ui/localize-behavior@^2

• + Added@brightspace-ui/polymer-behaviors@^3

• + Added@brightspace-ui/typography@^8

• + Added@brightspace-ui/button@6.2.1(transitive)

• + Added@brightspace-ui/localize-behavior@2.10.1(transitive)

• + Added@brightspace-ui/polymer-behaviors@3.2.0(transitive)

• + Added@brightspace-ui/typography@8.2.0(transitive)

• + Added@polymer/iron-ajax@3.0.1(transitive)

• - Removedd2l-button@github:BrightspaceUI/button#semver:^6

• - Removedd2l-localize-behavior@github:BrightspaceUI/localize-behavior#semver:^2

• - Removedd2l-polymer-behaviors@github:Brightspace/d2l-polymer-behaviors-ui#semver:^3

• - Removedd2l-typography@github:BrightspaceUI/typography#semver:^8