nath-angular-ui 0.5.4 → 0.5.6
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.
|
@@ -332,6 +332,13 @@ class BreadcrumbService {
|
|
|
332
332
|
add(crumb) {
|
|
333
333
|
this._breadcrumbs.update((v) => [...v, crumb]);
|
|
334
334
|
}
|
|
335
|
+
update(index, crumb) {
|
|
336
|
+
this._breadcrumbs.update((v) => {
|
|
337
|
+
const copy = [...v];
|
|
338
|
+
copy[index] = crumb;
|
|
339
|
+
return copy;
|
|
340
|
+
});
|
|
341
|
+
}
|
|
335
342
|
/**
|
|
336
343
|
* Clears the breadcrumbs when leaving a page.
|
|
337
344
|
*/
|
|
@@ -3489,6 +3496,7 @@ class NathProgressBar {
|
|
|
3489
3496
|
{{ value() }}
|
|
3490
3497
|
</span>
|
|
3491
3498
|
}
|
|
3499
|
+
<ng-content></ng-content>
|
|
3492
3500
|
</div>
|
|
3493
3501
|
`, isInline: true, styles: ["nath-progress-bar,.nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-100, oklch(96.7% .003 286.375));--nath-progress-bar-fill: var(--color-blue-500, oklch(62.3% .214 259.815));--nath-progress-bar-text: #ffffff;--nath-progress-bar-height: 1rem;--nath-progress-bar-radius: 9999px}.dark nath-progress-bar,.dark .nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-800, oklch(27.8% .006 285.923));--nath-progress-bar-fill: var(--color-blue-600, oklch(51.9% .21 259.429))}nath-progress-bar{display:flex;width:100%;height:var(--nath-progress-bar-height);background-color:var(--nath-progress-bar-bg);border-radius:var(--nath-progress-bar-radius);overflow:hidden}.nath-progress-bar-fill{height:100%;background-color:var(--nath-progress-bar-fill);display:flex;align-items:center;justify-content:center;transition:width .3s ease-in-out}.nath-progress-bar-value{color:var(--nath-progress-bar-text);font-size:.75rem;font-weight:500;padding:0 .5rem;white-space:nowrap}@keyframes nath-progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.nath-progress-bar-fill--indeterminate{animation:nath-progress-pulse 2s cubic-bezier(.4,0,.6,1) infinite}\n"], encapsulation: i0.ViewEncapsulation.None });
|
|
3494
3502
|
}
|
|
@@ -3506,6 +3514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
|
|
|
3506
3514
|
{{ value() }}
|
|
3507
3515
|
</span>
|
|
3508
3516
|
}
|
|
3517
|
+
<ng-content></ng-content>
|
|
3509
3518
|
</div>
|
|
3510
3519
|
`, encapsulation: ViewEncapsulation.None, styles: ["nath-progress-bar,.nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-100, oklch(96.7% .003 286.375));--nath-progress-bar-fill: var(--color-blue-500, oklch(62.3% .214 259.815));--nath-progress-bar-text: #ffffff;--nath-progress-bar-height: 1rem;--nath-progress-bar-radius: 9999px}.dark nath-progress-bar,.dark .nath-progress-bar-theme{--nath-progress-bar-bg: var(--color-zinc-800, oklch(27.8% .006 285.923));--nath-progress-bar-fill: var(--color-blue-600, oklch(51.9% .21 259.429))}nath-progress-bar{display:flex;width:100%;height:var(--nath-progress-bar-height);background-color:var(--nath-progress-bar-bg);border-radius:var(--nath-progress-bar-radius);overflow:hidden}.nath-progress-bar-fill{height:100%;background-color:var(--nath-progress-bar-fill);display:flex;align-items:center;justify-content:center;transition:width .3s ease-in-out}.nath-progress-bar-value{color:var(--nath-progress-bar-text);font-size:.75rem;font-weight:500;padding:0 .5rem;white-space:nowrap}@keyframes nath-progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.nath-progress-bar-fill--indeterminate{animation:nath-progress-pulse 2s cubic-bezier(.4,0,.6,1) infinite}\n"] }]
|
|
3511
3520
|
}], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], maxValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxValue", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], barClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "barClass", required: false }] }], valueClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueClass", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }] } });
|