@skyux/router 6.16.0 → 7.0.0-alpha.0

package/fesm2020/skyux-router.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { Directive, Optional, Input, NgModule, Injectable, EventEmitter, Output, HostListener } from '@angular/core';
+import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
 import * as i2 from '@angular/common';
 import { PathLocationStrategy, CommonModule } from '@angular/common';
 import * as i1 from '@angular/router';
@@ -8,18 +9,23 @@ import * as i4 from '@skyux/config';
 import * as i3 from '@skyux/core';
 import { HttpParams } from '@angular/common/http';
 
+var _SkyAppLinkExternalDirective_instances, _SkyAppLinkExternalDirective_window, _SkyAppLinkExternalDirective_skyAppConfig, _SkyAppLinkExternalDirective_paramsProvider, _SkyAppLinkExternalDirective_mergeQueryParams;
 /**
  * @deprecated Use `skyHref` directive instead.
  */
 class SkyAppLinkExternalDirective extends RouterLinkWithHref {
     constructor(router, route, platformLocation, window, skyAppConfig, paramsProvider, hostConfig) {
-        super(router, route, new PathLocationStrategy(platformLocation, hostConfig ? hostConfig.host.url : skyAppConfig.skyux.host.url));
-        this.window = window;
-        this.skyAppConfig = skyAppConfig;
-        this.paramsProvider = paramsProvider;
-        if (this.window.nativeWindow.window.name &&
-            this.window.nativeWindow.window.name !== '') {
-            this.target = this.window.nativeWindow.window.name;
+        super(router, route, new PathLocationStrategy(platformLocation, hostConfig ? hostConfig.host.url : skyAppConfig?.skyux.host?.url));
+        _SkyAppLinkExternalDirective_instances.add(this);
+        _SkyAppLinkExternalDirective_window.set(this, void 0);
+        _SkyAppLinkExternalDirective_skyAppConfig.set(this, void 0);
+        _SkyAppLinkExternalDirective_paramsProvider.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAppLinkExternalDirective_window, window, "f");
+        __classPrivateFieldSet(this, _SkyAppLinkExternalDirective_skyAppConfig, skyAppConfig, "f");
+        __classPrivateFieldSet(this, _SkyAppLinkExternalDirective_paramsProvider, paramsProvider, "f");
+        if (__classPrivateFieldGet(this, _SkyAppLinkExternalDirective_window, "f").nativeWindow.window.name &&
+            __classPrivateFieldGet(this, _SkyAppLinkExternalDirective_window, "f").nativeWindow.window.name !== '') {
+            this.target = __classPrivateFieldGet(this, _SkyAppLinkExternalDirective_window, "f").nativeWindow.window.name;
         }
         else {
             this.target = '_top';
@@ -29,19 +35,19 @@ class SkyAppLinkExternalDirective extends RouterLinkWithHref {
         this.routerLink = commands;
     }
     ngOnChanges(changes) {
-        this.queryParams = this.mergeQueryParams(changes.queryParams?.currentValue);
+        this.queryParams = __classPrivateFieldGet(this, _SkyAppLinkExternalDirective_instances, "m", _SkyAppLinkExternalDirective_mergeQueryParams).call(this, changes.queryParams?.currentValue);
         super.ngOnChanges(changes);
     }
-    mergeQueryParams(queryParams) {
-        const skyuxParams = this.skyAppConfig
-            ? this.skyAppConfig.runtime.params.getAll()
-            : this.paramsProvider.params.getAll();
-        return Object.assign({}, this.queryParams, queryParams, skyuxParams);
-    }
 }
-SkyAppLinkExternalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkExternalDirective, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.PlatformLocation }, { token: i3.SkyAppWindowRef }, { token: i4.SkyAppConfig, optional: true }, { token: i4.SkyAppRuntimeConfigParamsProvider, optional: true }, { token: i4.SkyAppConfigHost, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAppLinkExternalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyAppLinkExternalDirective, selector: "[skyAppLinkExternal]", inputs: { skyAppLinkExternal: "skyAppLinkExternal" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkExternalDirective, decorators: [{
+_SkyAppLinkExternalDirective_window = new WeakMap(), _SkyAppLinkExternalDirective_skyAppConfig = new WeakMap(), _SkyAppLinkExternalDirective_paramsProvider = new WeakMap(), _SkyAppLinkExternalDirective_instances = new WeakSet(), _SkyAppLinkExternalDirective_mergeQueryParams = function _SkyAppLinkExternalDirective_mergeQueryParams(queryParams) {
+    const skyuxParams = __classPrivateFieldGet(this, _SkyAppLinkExternalDirective_skyAppConfig, "f")
+        ? __classPrivateFieldGet(this, _SkyAppLinkExternalDirective_skyAppConfig, "f").runtime.params.getAll()
+        : __classPrivateFieldGet(this, _SkyAppLinkExternalDirective_paramsProvider, "f")?.params.getAll();
+    return Object.assign({}, this.queryParams, queryParams, skyuxParams);
+};
+SkyAppLinkExternalDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkExternalDirective, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.PlatformLocation }, { token: i3.SkyAppWindowRef }, { token: i4.SkyAppConfig, optional: true }, { token: i4.SkyAppRuntimeConfigParamsProvider, optional: true }, { token: i4.SkyAppConfigHost, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAppLinkExternalDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyAppLinkExternalDirective, selector: "[skyAppLinkExternal]", inputs: { skyAppLinkExternal: "skyAppLinkExternal" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkExternalDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyAppLinkExternal]',
@@ -56,29 +62,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
                 type: Input
             }] } });
 
+var _SkyAppLinkDirective_instances, _SkyAppLinkDirective_skyAppConfig, _SkyAppLinkDirective_paramsProvider, _SkyAppLinkDirective_mergeQueryParams;
 class SkyAppLinkDirective extends RouterLinkWithHref {
     constructor(router, route, locationStrategy, skyAppConfig, paramsProvider) {
         super(router, route, locationStrategy);
-        this.skyAppConfig = skyAppConfig;
-        this.paramsProvider = paramsProvider;
+        _SkyAppLinkDirective_instances.add(this);
+        _SkyAppLinkDirective_skyAppConfig.set(this, void 0);
+        _SkyAppLinkDirective_paramsProvider.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAppLinkDirective_skyAppConfig, skyAppConfig, "f");
+        __classPrivateFieldSet(this, _SkyAppLinkDirective_paramsProvider, paramsProvider, "f");
     }
     set skyAppLink(commands) {
         this.routerLink = commands;
     }
     ngOnChanges(changes) {
-        this.queryParams = this.mergeQueryParams(changes.queryParams?.currentValue);
+        this.queryParams = __classPrivateFieldGet(this, _SkyAppLinkDirective_instances, "m", _SkyAppLinkDirective_mergeQueryParams).call(this, changes.queryParams?.currentValue);
         super.ngOnChanges(changes);
     }
-    mergeQueryParams(queryParams) {
-        const skyuxParams = this.skyAppConfig
-            ? this.skyAppConfig.runtime.params.getAll(true)
-            : this.paramsProvider.params.getAll(true);
-        return Object.assign({}, this.queryParams, queryParams, skyuxParams);
-    }
 }
-SkyAppLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkDirective, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.LocationStrategy }, { token: i4.SkyAppConfig, optional: true }, { token: i4.SkyAppRuntimeConfigParamsProvider, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAppLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyAppLinkDirective, selector: "[skyAppLink]", inputs: { skyAppLink: "skyAppLink" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkDirective, decorators: [{
+_SkyAppLinkDirective_skyAppConfig = new WeakMap(), _SkyAppLinkDirective_paramsProvider = new WeakMap(), _SkyAppLinkDirective_instances = new WeakSet(), _SkyAppLinkDirective_mergeQueryParams = function _SkyAppLinkDirective_mergeQueryParams(queryParams) {
+    const skyuxParams = __classPrivateFieldGet(this, _SkyAppLinkDirective_skyAppConfig, "f")
+        ? __classPrivateFieldGet(this, _SkyAppLinkDirective_skyAppConfig, "f").runtime.params.getAll(true)
+        : __classPrivateFieldGet(this, _SkyAppLinkDirective_paramsProvider, "f")?.params.getAll(true);
+    return Object.assign({}, this.queryParams, queryParams, skyuxParams);
+};
+SkyAppLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkDirective, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i2.LocationStrategy }, { token: i4.SkyAppConfig, optional: true }, { token: i4.SkyAppRuntimeConfigParamsProvider, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAppLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyAppLinkDirective, selector: "[skyAppLink]", inputs: { skyAppLink: "skyAppLink" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyAppLink]',
@@ -94,10 +104,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 /* istanbul ignore next */
 class SkyAppLinkModule {
 }
-SkyAppLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAppLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkModule, declarations: [SkyAppLinkDirective, SkyAppLinkExternalDirective], exports: [SkyAppLinkDirective, SkyAppLinkExternalDirective] });
-SkyAppLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAppLinkModule, decorators: [{
+SkyAppLinkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAppLinkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkModule, declarations: [SkyAppLinkDirective, SkyAppLinkExternalDirective], exports: [SkyAppLinkDirective, SkyAppLinkExternalDirective] });
+SkyAppLinkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAppLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyAppLinkDirective, SkyAppLinkExternalDirective],
@@ -116,29 +126,60 @@ class SkyHrefResolverService {
         });
     }
 }
-SkyHrefResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyHrefResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefResolverService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefResolverService, decorators: [{
+SkyHrefResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyHrefResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefResolverService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefResolverService, decorators: [{
             type: Injectable
         }] });
 
+var _SkyHrefDirective_instances, _SkyHrefDirective_route, _SkyHrefDirective_href, _SkyHrefDirective__skyHref, _SkyHrefDirective__skyHrefElse, _SkyHrefDirective_router, _SkyHrefDirective_renderer, _SkyHrefDirective_element, _SkyHrefDirective_skyAppConfig, _SkyHrefDirective_paramsProvider, _SkyHrefDirective_hrefResolver, _SkyHrefDirective_applicationRef, _SkyHrefDirective_changeDetectorRef, _SkyHrefDirective_applyChanges, _SkyHrefDirective_checkRouteAccess, _SkyHrefDirective_getChanges, _SkyHrefDirective_getSkyuxParams, _SkyHrefDirective_getUrlTree;
 class SkyHrefDirective {
     constructor(router, renderer, element, skyAppConfig, paramsProvider, hrefResolver, applicationRef, changeDetectorRef) {
-        this.router = router;
-        this.renderer = renderer;
-        this.element = element;
-        this.skyAppConfig = skyAppConfig;
-        this.paramsProvider = paramsProvider;
-        this.hrefResolver = hrefResolver;
-        this.applicationRef = applicationRef;
-        this.changeDetectorRef = changeDetectorRef;
+        _SkyHrefDirective_instances.add(this);
         /**
          * Emits whether the link is available (true) or not (false).
          */
         this.skyHrefChange = new EventEmitter();
-        this._route = false;
-        this._skyHref = '';
-        this._skyHrefElse = 'hide';
+        _SkyHrefDirective_route.set(this, false);
+        _SkyHrefDirective_href.set(this, '');
+        _SkyHrefDirective__skyHref.set(this, '');
+        _SkyHrefDirective__skyHrefElse.set(this, 'hide');
+        _SkyHrefDirective_router.set(this, void 0);
+        _SkyHrefDirective_renderer.set(this, void 0);
+        _SkyHrefDirective_element.set(this, void 0);
+        _SkyHrefDirective_skyAppConfig.set(this, void 0);
+        _SkyHrefDirective_paramsProvider.set(this, void 0);
+        _SkyHrefDirective_hrefResolver.set(this, void 0);
+        _SkyHrefDirective_applicationRef.set(this, void 0);
+        _SkyHrefDirective_changeDetectorRef.set(this, void 0);
+        /* istanbul ignore next */
+        _SkyHrefDirective_getUrlTree.set(this, () => {
+            const href = __classPrivateFieldGet(this, _SkyHrefDirective_href, "f").toLowerCase();
+            if (!href ||
+                !__classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f")?.skyux.host?.url ||
+                !__classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f")?.runtime?.app?.base) {
+                return false;
+            }
+            const baseUrl = (__classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f").skyux.host.url +
+                __classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f").runtime.app.base.substr(0, __classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f").runtime.app.base.length - 1)).toLowerCase();
+            if (href === baseUrl ||
+                // Make sure the base URL is not simply a partial match of the base URL plus additional
+                // characters after the base URL that are not "terminating" characters
+                href.indexOf(baseUrl + '/') === 0 ||
+                href.indexOf(baseUrl + '?') === 0) {
+                const routePath = __classPrivateFieldGet(this, _SkyHrefDirective_href, "f").substring(baseUrl.length);
+                return __classPrivateFieldGet(this, _SkyHrefDirective_router, "f").parseUrl(routePath);
+            }
+            return false;
+        });
+        __classPrivateFieldSet(this, _SkyHrefDirective_router, router, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_renderer, renderer, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_element, element, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_skyAppConfig, skyAppConfig, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_paramsProvider, paramsProvider, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_hrefResolver, hrefResolver, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_applicationRef, applicationRef, "f");
+        __classPrivateFieldSet(this, _SkyHrefDirective_changeDetectorRef, changeDetectorRef, "f");
     }
     /**
      * Provide a link as a string or as an array of strings to be joined by a slash to form a complete
@@ -148,12 +189,15 @@ class SkyHrefDirective {
      */
     set skyHref(skyHref) {
         if (typeof skyHref === 'string') {
-            this._skyHref = skyHref;
+            __classPrivateFieldSet(this, _SkyHrefDirective__skyHref, skyHref, "f");
         }
         else {
-            this._skyHref = skyHref.join('/');
+            __classPrivateFieldSet(this, _SkyHrefDirective__skyHref, skyHref ? skyHref.join('/') : '', "f");
         }
-        this.checkRouteAccess();
+        __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_checkRouteAccess).call(this);
+    }
+    get skyHref() {
+        return __classPrivateFieldGet(this, _SkyHrefDirective__skyHref, "f");
     }
     /**
      * Set the behavior for when the link is not available to either hide the link or display unlinked text.
@@ -161,134 +205,113 @@ class SkyHrefDirective {
      * @param value
      */
     set skyHrefElse(value) {
-        this._skyHrefElse = value;
-        this.applyChanges(this.getChanges());
+        __classPrivateFieldSet(this, _SkyHrefDirective__skyHrefElse, value, "f");
+        __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_applyChanges).call(this, __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_getChanges).call(this));
+    }
+    get skyHrefElse() {
+        return __classPrivateFieldGet(this, _SkyHrefDirective__skyHrefElse, "f");
     }
     /* istanbul ignore next */
     onClick(button, ctrlKey, shiftKey, altKey, metaKey) {
-        if (!this._route || !this._route.userHasAccess) {
+        if (!__classPrivateFieldGet(this, _SkyHrefDirective_route, "f") || !__classPrivateFieldGet(this, _SkyHrefDirective_route, "f").userHasAccess) {
             return false;
         }
         if (button !== 0 || ctrlKey || shiftKey || altKey || metaKey) {
             return true;
         }
-        const target = this.element.nativeElement.getAttribute('target');
+        const target = __classPrivateFieldGet(this, _SkyHrefDirective_element, "f").nativeElement.getAttribute('target');
         if (typeof target === 'string' && target !== '_self') {
             return true;
         }
-        const urlTree = this.getUrlTree();
+        const urlTree = __classPrivateFieldGet(this, _SkyHrefDirective_getUrlTree, "f").call(this);
         if (urlTree) {
-            this.router.navigateByUrl(urlTree);
+            __classPrivateFieldGet(this, _SkyHrefDirective_router, "f").navigateByUrl(urlTree);
             return false;
         }
         return true;
     }
-    applyChanges(change) {
-        this.renderer.addClass(this.element.nativeElement, 'sky-href');
-        if (change.hidden) {
-            this.renderer.setAttribute(this.element.nativeElement, 'hidden', 'hidden');
-        }
-        else {
-            this.renderer.removeAttribute(this.element.nativeElement, 'hidden');
-        }
-        if (change.href) {
-            this.renderer.setAttribute(this.element.nativeElement, 'href', change.href);
-        }
-        else {
-            this.renderer.removeAttribute(this.element.nativeElement, 'href');
-        }
-        this.skyHrefChange.emit({ userHasAccess: !change.hidden });
+}
+_SkyHrefDirective_route = new WeakMap(), _SkyHrefDirective_href = new WeakMap(), _SkyHrefDirective__skyHref = new WeakMap(), _SkyHrefDirective__skyHrefElse = new WeakMap(), _SkyHrefDirective_router = new WeakMap(), _SkyHrefDirective_renderer = new WeakMap(), _SkyHrefDirective_element = new WeakMap(), _SkyHrefDirective_skyAppConfig = new WeakMap(), _SkyHrefDirective_paramsProvider = new WeakMap(), _SkyHrefDirective_hrefResolver = new WeakMap(), _SkyHrefDirective_applicationRef = new WeakMap(), _SkyHrefDirective_changeDetectorRef = new WeakMap(), _SkyHrefDirective_getUrlTree = new WeakMap(), _SkyHrefDirective_instances = new WeakSet(), _SkyHrefDirective_applyChanges = function _SkyHrefDirective_applyChanges(change) {
+    __classPrivateFieldGet(this, _SkyHrefDirective_renderer, "f").addClass(__classPrivateFieldGet(this, _SkyHrefDirective_element, "f").nativeElement, 'sky-href');
+    if (change.hidden) {
+        __classPrivateFieldGet(this, _SkyHrefDirective_renderer, "f").setAttribute(__classPrivateFieldGet(this, _SkyHrefDirective_element, "f").nativeElement, 'hidden', 'hidden');
     }
-    checkRouteAccess() {
-        this._route = {
-            url: this._skyHref,
-            userHasAccess: false,
-        };
-        /* istanbul ignore else */
-        if (this.hrefResolver && this._skyHref) {
-            this.applyChanges(this.getChanges());
-            try {
-                this.hrefResolver.resolveHref({ url: this._skyHref }).then((route) => {
-                    this._route = { ...route };
-                    this.applyChanges(this.getChanges());
-                    /* istanbul ignore else */
-                    if (this.changeDetectorRef && this.applicationRef) {
-                        this.changeDetectorRef.markForCheck();
-                        this.applicationRef.tick();
-                    }
-                });
-            }
-            catch (error) {
-                this.applyChanges(this.getChanges());
-            }
-        }
-        else {
-            // no resolver or skyHref is falsy
-            this._route.userHasAccess = !!this._skyHref;
-            this.applyChanges(this.getChanges());
-        }
+    else {
+        __classPrivateFieldGet(this, _SkyHrefDirective_renderer, "f").removeAttribute(__classPrivateFieldGet(this, _SkyHrefDirective_element, "f").nativeElement, 'hidden');
     }
-    getChanges() {
-        const queryParams = {};
-        if (!this._route || !this._route.userHasAccess) {
-            return {
-                href: '',
-                hidden: this._skyHrefElse === 'hide',
-            };
-        }
-        else {
-            const [beforeFragment, fragment] = this._route.url.split('#', 2);
-            const [baseUrl, search] = beforeFragment.split('?', 2);
-            if (search) {
-                const searchParams = new HttpParams({ fromString: search });
-                searchParams.keys().forEach((key) => {
-                    queryParams[key] = searchParams.get(key);
-                });
-            }
-            const queryParamsMerged = new HttpParams({
-                fromObject: Object.assign({}, this.getSkyuxParams(), queryParams),
+    if (change.href) {
+        __classPrivateFieldGet(this, _SkyHrefDirective_renderer, "f").setAttribute(__classPrivateFieldGet(this, _SkyHrefDirective_element, "f").nativeElement, 'href', change.href);
+    }
+    else {
+        __classPrivateFieldGet(this, _SkyHrefDirective_renderer, "f").removeAttribute(__classPrivateFieldGet(this, _SkyHrefDirective_element, "f").nativeElement, 'href');
+    }
+    this.skyHrefChange.emit({ userHasAccess: !change.hidden });
+}, _SkyHrefDirective_checkRouteAccess = function _SkyHrefDirective_checkRouteAccess() {
+    __classPrivateFieldSet(this, _SkyHrefDirective_route, {
+        url: this.skyHref,
+        userHasAccess: false,
+    }, "f");
+    /* istanbul ignore else */
+    if (__classPrivateFieldGet(this, _SkyHrefDirective_hrefResolver, "f") && this.skyHref) {
+        __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_applyChanges).call(this, __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_getChanges).call(this));
+        try {
+            __classPrivateFieldGet(this, _SkyHrefDirective_hrefResolver, "f").resolveHref({ url: this.skyHref }).then((route) => {
+                __classPrivateFieldSet(this, _SkyHrefDirective_route, { ...route }, "f");
+                __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_applyChanges).call(this, __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_getChanges).call(this));
+                /* istanbul ignore else */
+                if (__classPrivateFieldGet(this, _SkyHrefDirective_changeDetectorRef, "f") && __classPrivateFieldGet(this, _SkyHrefDirective_applicationRef, "f")) {
+                    __classPrivateFieldGet(this, _SkyHrefDirective_changeDetectorRef, "f").markForCheck();
+                    __classPrivateFieldGet(this, _SkyHrefDirective_applicationRef, "f").tick();
+                }
             });
-            this._href =
-                baseUrl +
-                    (queryParamsMerged.keys().length > 0
-                        ? '?' + queryParamsMerged.toString()
-                        : '') +
-                    (fragment ? `#${fragment}` : '');
-            return {
-                href: this._href,
-                hidden: false,
-            };
+        }
+        catch (error) {
+            __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_applyChanges).call(this, __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_getChanges).call(this));
         }
     }
-    getSkyuxParams() {
-        return typeof this.skyAppConfig?.runtime.params?.getAll === 'function'
-            ? this.skyAppConfig.runtime.params.getAll(true)
-            : this.paramsProvider.params.getAll(true);
+    else {
+        // no resolver or skyHref is falsy
+        __classPrivateFieldGet(this, _SkyHrefDirective_route, "f").userHasAccess = !!this.skyHref;
+        __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_applyChanges).call(this, __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_getChanges).call(this));
     }
-    /* istanbul ignore next */
-    getUrlTree() {
-        const href = this._href.toLowerCase();
-        if (!href ||
-            !this.skyAppConfig?.skyux.host?.url ||
-            !this.skyAppConfig?.runtime?.app?.base) {
-            return false;
-        }
-        const baseUrl = (this.skyAppConfig.skyux.host.url +
-            this.skyAppConfig.runtime.app.base.substr(0, this.skyAppConfig.runtime.app.base.length - 1)).toLowerCase();
-        if (href === baseUrl ||
-            // Make sure the base URL is not simply a partial match of the base URL plus additional
-            // characters after the base URL that are not "terminating" characters
-            href.indexOf(baseUrl + '/') === 0 ||
-            href.indexOf(baseUrl + '?') === 0) {
-            const routePath = this._href.substring(baseUrl.length);
-            return this.router.parseUrl(routePath);
+}, _SkyHrefDirective_getChanges = function _SkyHrefDirective_getChanges() {
+    const queryParams = {};
+    if (!__classPrivateFieldGet(this, _SkyHrefDirective_route, "f") || !__classPrivateFieldGet(this, _SkyHrefDirective_route, "f").userHasAccess) {
+        return {
+            href: '',
+            hidden: this.skyHrefElse === 'hide',
+        };
+    }
+    else {
+        const [beforeFragment, fragment] = __classPrivateFieldGet(this, _SkyHrefDirective_route, "f").url.split('#', 2);
+        const [baseUrl, search] = beforeFragment.split('?', 2);
+        if (search) {
+            const searchParams = new HttpParams({ fromString: search });
+            searchParams.keys().forEach((key) => {
+                queryParams[key] = searchParams.get(key);
+            });
         }
-        return false;
+        const queryParamsMerged = new HttpParams({
+            fromObject: Object.assign({}, __classPrivateFieldGet(this, _SkyHrefDirective_instances, "m", _SkyHrefDirective_getSkyuxParams).call(this), queryParams),
+        });
+        __classPrivateFieldSet(this, _SkyHrefDirective_href, baseUrl +
+            (queryParamsMerged.keys().length > 0
+                ? '?' + queryParamsMerged.toString()
+                : '') +
+            (fragment ? `#${fragment}` : ''), "f");
+        return {
+            href: __classPrivateFieldGet(this, _SkyHrefDirective_href, "f"),
+            hidden: false,
+        };
     }
-}
-SkyHrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefDirective, deps: [{ token: i1.Router }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i4.SkyAppConfig, optional: true }, { token: i4.SkyAppRuntimeConfigParamsProvider, optional: true }, { token: SkyHrefResolverService, optional: true }, { token: i0.ApplicationRef, optional: true }, { token: i0.ChangeDetectorRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyHrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: SkyHrefDirective, selector: "[skyHref]", inputs: { skyHref: "skyHref", skyHrefElse: "skyHrefElse" }, outputs: { skyHrefChange: "skyHrefChange" }, host: { listeners: { "click": "onClick($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefDirective, decorators: [{
+}, _SkyHrefDirective_getSkyuxParams = function _SkyHrefDirective_getSkyuxParams() {
+    return typeof __classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f")?.runtime.params?.getAll === 'function'
+        ? __classPrivateFieldGet(this, _SkyHrefDirective_skyAppConfig, "f").runtime.params.getAll(true)
+        : __classPrivateFieldGet(this, _SkyHrefDirective_paramsProvider, "f")?.params.getAll(true);
+};
+SkyHrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefDirective, deps: [{ token: i1.Router }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i4.SkyAppConfig, optional: true }, { token: i4.SkyAppRuntimeConfigParamsProvider, optional: true }, { token: SkyHrefResolverService, optional: true }, { token: i0.ApplicationRef, optional: true }, { token: i0.ChangeDetectorRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+SkyHrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: SkyHrefDirective, selector: "[skyHref]", inputs: { skyHref: "skyHref", skyHrefElse: "skyHrefElse" }, outputs: { skyHrefChange: "skyHrefChange" }, host: { listeners: { "click": "onClick($event.button,$event.ctrlKey,$event.shiftKey,$event.altKey,$event.metaKey)" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyHref]',
@@ -322,10 +345,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
 
 class SkyHrefModule {
 }
-SkyHrefModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyHrefModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefModule, declarations: [SkyHrefDirective], imports: [CommonModule], exports: [SkyHrefDirective] });
-SkyHrefModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyHrefModule, decorators: [{
+SkyHrefModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyHrefModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefModule, declarations: [SkyHrefDirective], imports: [CommonModule], exports: [SkyHrefDirective] });
+SkyHrefModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyHrefModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyHrefDirective],
@@ -339,9 +362,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
  */
 class SkyRecentlyAccessedService {
 }
-SkyRecentlyAccessedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyRecentlyAccessedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyRecentlyAccessedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyRecentlyAccessedService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyRecentlyAccessedService, decorators: [{
+SkyRecentlyAccessedService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyRecentlyAccessedService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyRecentlyAccessedService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyRecentlyAccessedService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyRecentlyAccessedService, decorators: [{
             type: Injectable
         }] });