@akcelik/strct 5.23.0 → 5.25.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.
- package/fesm2022/akcelik-strct.mjs +169 -69
- package/fesm2022/akcelik-strct.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_tokens.scss +5 -5
- package/types/akcelik-strct.d.ts +29 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@akcelik/strct",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.25.0",
|
|
4
4
|
"description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
|
|
5
5
|
"author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
package/styles/_tokens.scss
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
--b3: rgba(255, 255, 255, 0.14);
|
|
78
78
|
--t1: rgba(255, 255, 255, 0.9);
|
|
79
79
|
--t2: rgba(255, 255, 255, 0.52);
|
|
80
|
-
--t3: rgba(255, 255, 255, 0.
|
|
80
|
+
--t3: rgba(255, 255, 255, 0.49);
|
|
81
81
|
--t4: rgba(255, 255, 255, 0.15);
|
|
82
82
|
--inv: #0e1015;
|
|
83
83
|
--acc: #7b9ec8;
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
--b3: rgba(255, 235, 210, 0.14);
|
|
208
208
|
--t1: rgba(255, 240, 220, 0.88);
|
|
209
209
|
--t2: rgba(255, 235, 210, 0.59);
|
|
210
|
-
--t3: rgba(255, 230, 200, 0.
|
|
210
|
+
--t3: rgba(255, 230, 200, 0.545);
|
|
211
211
|
--t4: rgba(255, 225, 195, 0.14);
|
|
212
212
|
--inv: #12100d;
|
|
213
213
|
--acc: #c49a6c;
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
--b3: rgba(80, 50, 20, 0.16);
|
|
273
273
|
--t1: rgba(50, 35, 20, 0.9);
|
|
274
274
|
--t2: rgba(60, 40, 20, 0.74);
|
|
275
|
-
--t3: rgba(70, 50, 30, 0.
|
|
275
|
+
--t3: rgba(70, 50, 30, 0.715);
|
|
276
276
|
--t4: rgba(80, 55, 30, 0.14);
|
|
277
277
|
--inv: #fdfcfa;
|
|
278
278
|
--acc: #7d5e3f;
|
|
@@ -337,7 +337,7 @@
|
|
|
337
337
|
--b3: rgba(210, 240, 225, 0.14);
|
|
338
338
|
--t1: rgba(220, 242, 230, 0.88);
|
|
339
339
|
--t2: rgba(210, 235, 220, 0.62);
|
|
340
|
-
--t3: rgba(200, 228, 215, 0.
|
|
340
|
+
--t3: rgba(200, 228, 215, 0.61);
|
|
341
341
|
--t4: rgba(195, 222, 210, 0.14);
|
|
342
342
|
--inv: #0d1210;
|
|
343
343
|
--acc: #7aab90;
|
|
@@ -402,7 +402,7 @@
|
|
|
402
402
|
--b3: rgba(20, 60, 40, 0.16);
|
|
403
403
|
--t1: rgba(18, 45, 30, 0.9);
|
|
404
404
|
--t2: rgba(25, 55, 38, 0.76);
|
|
405
|
-
--t3: rgba(30, 60, 42, 0.
|
|
405
|
+
--t3: rgba(30, 60, 42, 0.71);
|
|
406
406
|
--t4: rgba(35, 65, 45, 0.14);
|
|
407
407
|
--inv: #fafcfb;
|
|
408
408
|
--acc: #3f7355;
|
package/types/akcelik-strct.d.ts
CHANGED
|
@@ -660,6 +660,11 @@ interface StrctRailItem {
|
|
|
660
660
|
* (select)="go($event)" />
|
|
661
661
|
*/
|
|
662
662
|
declare class StrctRail {
|
|
663
|
+
/** Optional: these entries work with no router at all (href / button rows). */
|
|
664
|
+
private readonly router;
|
|
665
|
+
/** Bumped on every finished navigation, so the active state re-reads. */
|
|
666
|
+
private readonly navTick;
|
|
667
|
+
constructor();
|
|
663
668
|
/** Navigation entries. */
|
|
664
669
|
readonly items: _angular_core.InputSignal<StrctRailItem[]>;
|
|
665
670
|
/** Currently-active item id (two-way). */
|
|
@@ -686,6 +691,13 @@ declare class StrctRail {
|
|
|
686
691
|
* Active state of a router-link item: an explicit `activeId` is authoritative;
|
|
687
692
|
* without one, the router's own active state drives it.
|
|
688
693
|
*/
|
|
694
|
+
/**
|
|
695
|
+
* Whether the router is on this entry's destination — the prefix match
|
|
696
|
+
* `RouterLinkActive` does, asked directly so no directive owns the
|
|
697
|
+
* element's `aria-current` (BUG-58-06, BUG-59-02). Absolute destinations
|
|
698
|
+
* are what these inputs take; a relative one is resolved from the root.
|
|
699
|
+
*/
|
|
700
|
+
protected isRouterActive(item: StrctRailItem): boolean;
|
|
689
701
|
protected isActive(item: StrctRailItem, routerActive: boolean): boolean;
|
|
690
702
|
protected pick(item: StrctRailItem, event?: MouseEvent): void;
|
|
691
703
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctRail, never>;
|
|
@@ -2536,6 +2548,11 @@ interface StrctMenuSection {
|
|
|
2536
2548
|
* (select)="go($event)" />
|
|
2537
2549
|
*/
|
|
2538
2550
|
declare class StrctSectionMenu {
|
|
2551
|
+
/** Optional: these entries work with no router at all (href / button rows). */
|
|
2552
|
+
private readonly router;
|
|
2553
|
+
/** Bumped on every finished navigation, so the active state re-reads. */
|
|
2554
|
+
private readonly navTick;
|
|
2555
|
+
constructor();
|
|
2539
2556
|
/** Categories with their items (max two levels). */
|
|
2540
2557
|
readonly sections: _angular_core.InputSignal<StrctMenuSection[]>;
|
|
2541
2558
|
/** Active item id (two-way). */
|
|
@@ -2559,6 +2576,13 @@ declare class StrctSectionMenu {
|
|
|
2559
2576
|
* authoritative; without one the router's own active state drives it — the
|
|
2560
2577
|
* rail's contract.
|
|
2561
2578
|
*/
|
|
2579
|
+
/**
|
|
2580
|
+
* Whether the router is on this entry's destination — the prefix match
|
|
2581
|
+
* `RouterLinkActive` does, asked directly so no directive owns the
|
|
2582
|
+
* element's `aria-current` (BUG-58-06, BUG-59-02). Absolute destinations
|
|
2583
|
+
* are what these inputs take; a relative one is resolved from the root.
|
|
2584
|
+
*/
|
|
2585
|
+
protected isRouterActive(item: StrctMenuLink): boolean;
|
|
2562
2586
|
protected isActive(item: StrctMenuLink, routerActive: boolean): boolean;
|
|
2563
2587
|
protected pick(item: StrctMenuLink, event?: MouseEvent): void;
|
|
2564
2588
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctSectionMenu, never>;
|
|
@@ -4987,6 +5011,11 @@ declare class StrctDatagrid {
|
|
|
4987
5011
|
* 23. The count includes the header row, as the ARIA spec asks.
|
|
4988
5012
|
*/
|
|
4989
5013
|
protected readonly ariaRowCount: _angular_core.Signal<number | null>;
|
|
5014
|
+
/**
|
|
5015
|
+
* The grid's own noun for a count, singular for one — what the footer
|
|
5016
|
+
* already says, used where a bare number would be read alone (FR-59-01).
|
|
5017
|
+
*/
|
|
5018
|
+
protected countNoun(count: number): string;
|
|
4990
5019
|
/** 1 is the header row, so data rows start at 2. */
|
|
4991
5020
|
protected ariaRowIndex(row: StrctRow): number | null;
|
|
4992
5021
|
protected readonly topPad: _angular_core.Signal<number>;
|