@solar-angular/ui-sun 19.2.0 → 19.3.0
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.
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { AsyncPipe } from '@angular/common';
|
|
2
1
|
import * as i0 from '@angular/core';
|
|
3
2
|
import { inject, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
|
|
3
|
+
import { toSignal } from '@angular/core/rxjs-interop';
|
|
4
4
|
import { Router, NavigationStart, NavigationEnd, NavigationError, NavigationCancel } from '@angular/router';
|
|
5
5
|
import { fadeAnimation } from '@solar-angular/animations';
|
|
6
|
-
import { filter, map
|
|
6
|
+
import { filter, map } from 'rxjs';
|
|
7
7
|
|
|
8
8
|
class SunNavProgressBar {
|
|
9
9
|
constructor() {
|
|
10
|
-
this.navigating
|
|
10
|
+
this.navigating = toSignal(inject(Router).events.pipe(filter(event => [NavigationStart, NavigationEnd, NavigationError, NavigationCancel].some(o => event instanceof o)), map(event => event instanceof NavigationStart)), { initialValue: true });
|
|
11
11
|
}
|
|
12
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SunNavProgressBar, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SunNavProgressBar, isStandalone: true, selector: "sun-nav-progress-bar", host: { classAttribute: "sun-nav-progress-bar" }, ngImport: i0, template: `@if (navigating
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: SunNavProgressBar, isStandalone: true, selector: "sun-nav-progress-bar", host: { classAttribute: "sun-nav-progress-bar" }, ngImport: i0, template: `@if (navigating()) {<div @fadeAnimation></div>}`, isInline: true, styles: [".sun-nav-progress-bar{--track-color: transparent;--progress-color: var(--color-primary)}.sun-nav-progress-bar>div{position:fixed;top:0;left:0;width:100%;height:2.5px;background:var(--track-color);z-index:999}.sun-nav-progress-bar>div:after{content:\"\";display:block;height:100%;width:40%;transform-origin:left;background:var(--progress-color);animation:sun-nav-progress 1.5s infinite linear}@keyframes sun-nav-progress{0%{transform:translate(250%) scaleX(.2)}80%{transform:translate(0) scaleX(1)}to{transform:translate(0) scaleX(0)}}\n"], animations: [fadeAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
14
14
|
}
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: SunNavProgressBar, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'sun-nav-progress-bar', template: `@if (navigating
|
|
17
|
+
args: [{ selector: 'sun-nav-progress-bar', template: `@if (navigating()) {<div @fadeAnimation></div>}`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, animations: [fadeAnimation], host: {
|
|
18
18
|
class: 'sun-nav-progress-bar'
|
|
19
19
|
}, styles: [".sun-nav-progress-bar{--track-color: transparent;--progress-color: var(--color-primary)}.sun-nav-progress-bar>div{position:fixed;top:0;left:0;width:100%;height:2.5px;background:var(--track-color);z-index:999}.sun-nav-progress-bar>div:after{content:\"\";display:block;height:100%;width:40%;transform-origin:left;background:var(--progress-color);animation:sun-nav-progress 1.5s infinite linear}@keyframes sun-nav-progress{0%{transform:translate(250%) scaleX(.2)}80%{transform:translate(0) scaleX(1)}to{transform:translate(0) scaleX(0)}}\n"] }]
|
|
20
20
|
}] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"solar-angular-ui-sun-nav-progress-bar.mjs","sources":["../../../packages/ui-sun/nav-progress-bar/nav-progress-bar.component.ts","../../../packages/ui-sun/nav-progress-bar/solar-angular-ui-sun-nav-progress-bar.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"solar-angular-ui-sun-nav-progress-bar.mjs","sources":["../../../packages/ui-sun/nav-progress-bar/nav-progress-bar.component.ts","../../../packages/ui-sun/nav-progress-bar/solar-angular-ui-sun-nav-progress-bar.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject, ViewEncapsulation } from '@angular/core';\nimport { toSignal } from '@angular/core/rxjs-interop';\nimport { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\nimport { fadeAnimation } from '@solar-angular/animations';\nimport { filter, map } from 'rxjs';\n\n@Component({\n selector: 'sun-nav-progress-bar',\n template: `@if (navigating()) {<div @fadeAnimation></div>}`,\n styleUrl: './nav-progress-bar.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n animations: [fadeAnimation],\n host: {\n class: 'sun-nav-progress-bar'\n }\n})\nexport class SunNavProgressBar {\n readonly navigating = toSignal(\n inject(Router).events.pipe(\n filter(event =>\n [NavigationStart, NavigationEnd, NavigationError, NavigationCancel].some(o => event instanceof o)\n ),\n map(event => event instanceof NavigationStart)\n ),\n { initialValue: true }\n )\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAiBa,iBAAiB,CAAA;AAX9B,IAAA,WAAA,GAAA;QAYW,IAAU,CAAA,UAAA,GAAG,QAAQ,CAC5B,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI,CACxB,MAAM,CAAC,KAAK,IACV,CAAC,eAAe,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAClG,EACD,GAAG,CAAC,KAAK,IAAI,KAAK,YAAY,eAAe,CAAC,CAC/C,EACD,EAAE,YAAY,EAAE,IAAI,EAAE,CACvB;AACF;+GAVY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,EATlB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,+CAAA,CAAiD,EAI/C,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0hBAAA,CAAA,EAAA,UAAA,EAAA,CAAC,aAAa,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAKhB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAX7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACtB,QAAA,EAAA,CAAA,+CAAA,CAAiD,EAE1C,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,UAAA,EACzB,CAAC,aAAa,CAAC,EACrB,IAAA,EAAA;AACJ,wBAAA,KAAK,EAAE;AACR,qBAAA,EAAA,MAAA,EAAA,CAAA,0hBAAA,CAAA,EAAA;;;ACfH;;AAEG;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
export declare class SunNavProgressBar {
|
|
3
|
-
navigating
|
|
3
|
+
readonly navigating: import("@angular/core").Signal<boolean>;
|
|
4
4
|
static ɵfac: i0.ɵɵFactoryDeclaration<SunNavProgressBar, never>;
|
|
5
5
|
static ɵcmp: i0.ɵɵComponentDeclaration<SunNavProgressBar, "sun-nav-progress-bar", never, {}, {}, never, never, true, never>;
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@solar-angular/ui-sun",
|
|
3
|
-
"version": "19.
|
|
3
|
+
"version": "19.3.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@solar-angular/http": "19.
|
|
10
|
-
"@solar-angular/animations": "19.
|
|
9
|
+
"@solar-angular/http": "19.3.0",
|
|
10
|
+
"@solar-angular/animations": "19.3.0",
|
|
11
11
|
"crypto-js": "^4.2.0",
|
|
12
12
|
"tslib": "^2.3.0"
|
|
13
13
|
},
|