@edsis/ui 21.3.8 → 21.3.9
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/README.md +2 -0
- package/fesm2022/edsis-ui-icon.mjs +78 -0
- package/fesm2022/edsis-ui-icon.mjs.map +1 -0
- package/fesm2022/edsis-ui-nav.mjs +13 -26
- package/fesm2022/edsis-ui-nav.mjs.map +1 -1
- package/fesm2022/edsis-ui-page.mjs +27 -4
- package/fesm2022/edsis-ui-page.mjs.map +1 -1
- package/fesm2022/edsis-ui-theme.mjs +4 -0
- package/fesm2022/edsis-ui-theme.mjs.map +1 -1
- package/icon/README.md +25 -0
- package/nav/README.md +9 -3
- package/package.json +5 -1
- package/page/README.md +100 -5
- package/theme/README.md +30 -0
- package/types/edsis-ui-icon.d.ts +31 -0
- package/types/edsis-ui-page.d.ts +10 -2
- package/types/edsis-ui-theme.d.ts +5 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
|
|
3
|
+
declare class UiIconComponent {
|
|
4
|
+
private readonly materialSymbols;
|
|
5
|
+
readonly name: _angular_core.InputSignal<string>;
|
|
6
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
7
|
+
readonly size: _angular_core.InputSignal<number | null>;
|
|
8
|
+
readonly fill: _angular_core.InputSignal<number>;
|
|
9
|
+
readonly weight: _angular_core.InputSignal<number>;
|
|
10
|
+
readonly grade: _angular_core.InputSignal<number>;
|
|
11
|
+
readonly opticalSize: _angular_core.InputSignal<number>;
|
|
12
|
+
protected readonly resolvedSize: _angular_core.Signal<number>;
|
|
13
|
+
protected readonly fontVariationSettings: _angular_core.Signal<string>;
|
|
14
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
15
|
+
constructor();
|
|
16
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiIconComponent, never>;
|
|
17
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiIconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "grade": { "alias": "grade"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
declare const UI_MATERIAL_SYMBOLS_FONT_ATTR = "data-ui-icon-font";
|
|
21
|
+
declare const UI_MATERIAL_SYMBOLS_FONT_ID = "material-symbols-outlined";
|
|
22
|
+
declare const UI_MATERIAL_SYMBOLS_FONT_HREF = "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";
|
|
23
|
+
declare class UiMaterialSymbolsService {
|
|
24
|
+
private readonly documentRef;
|
|
25
|
+
private readonly platformId;
|
|
26
|
+
ensureLoaded(): void;
|
|
27
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiMaterialSymbolsService, never>;
|
|
28
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<UiMaterialSymbolsService>;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
export { UI_MATERIAL_SYMBOLS_FONT_ATTR, UI_MATERIAL_SYMBOLS_FONT_HREF, UI_MATERIAL_SYMBOLS_FONT_ID, UiIconComponent, UiMaterialSymbolsService };
|
package/types/edsis-ui-page.d.ts
CHANGED
|
@@ -116,7 +116,7 @@ declare class UiPageComponent {
|
|
|
116
116
|
constructor();
|
|
117
117
|
protected handleBackdropClick(): void;
|
|
118
118
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageComponent, never>;
|
|
119
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageComponent, "ui-page", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "sideMode": { "alias": "sideMode"; "required": false; "isSignal": true; }; "sideOpen": { "alias": "sideOpen"; "required": false; "isSignal": true; }; "sideWidth": { "alias": "sideWidth"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "sideOpenChange": "sideOpenChange"; }, ["projectedSide"], ["ui-page-header", "ui-page-side-toggle", "ui-page-side", "ui-page-content", "ui-page-footer"], true, never>;
|
|
119
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageComponent, "ui-page", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "sideMode": { "alias": "sideMode"; "required": false; "isSignal": true; }; "sideOpen": { "alias": "sideOpen"; "required": false; "isSignal": true; }; "sideWidth": { "alias": "sideWidth"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "sideOpenChange": "sideOpenChange"; }, ["projectedSide"], ["ui-page-header", "ui-page-side-toggle", "ui-page-side", "ui-page-content, ui-page-dashboard", "ui-page-footer"], true, never>;
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
declare class UiPageSideToggleComponent {
|
|
@@ -147,6 +147,14 @@ declare class UiPageContentComponent {
|
|
|
147
147
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageContentComponent, never>;
|
|
148
148
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageContentComponent, "ui-page-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
149
149
|
}
|
|
150
|
+
declare class UiPageDashboardComponent {
|
|
151
|
+
private readonly page;
|
|
152
|
+
readonly class: _angular_core.InputSignal<string>;
|
|
153
|
+
protected readonly resolvedScroll: _angular_core.Signal<"content" | "page">;
|
|
154
|
+
protected readonly classes: _angular_core.Signal<string>;
|
|
155
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiPageDashboardComponent, never>;
|
|
156
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageDashboardComponent, "ui-page-dashboard", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
157
|
+
}
|
|
150
158
|
declare class UiPageFooterComponent {
|
|
151
159
|
private readonly page;
|
|
152
160
|
readonly class: _angular_core.InputSignal<string>;
|
|
@@ -156,5 +164,5 @@ declare class UiPageFooterComponent {
|
|
|
156
164
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiPageFooterComponent, "ui-page-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
157
165
|
}
|
|
158
166
|
|
|
159
|
-
export { UI_PAGE_DEFAULT_HEIGHT, UI_PAGE_DEFAULT_SCROLL, UI_PAGE_DEFAULT_SIDE_MODE, UI_PAGE_DEFAULT_SIDE_POSITION, UI_PAGE_DEFAULT_SIDE_WIDTH, UI_PAGE_DEFAULT_VARIANT, UI_PAGE_HEIGHT_VALUES, UI_PAGE_SCROLL_VALUES, UI_PAGE_SIDE_MODES, UI_PAGE_SIDE_POSITIONS, UI_PAGE_VARIANTS, UiPageComponent, UiPageContentComponent, UiPageFooterComponent, UiPageHeaderComponent, UiPageSideComponent, UiPageSideToggleComponent, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };
|
|
167
|
+
export { UI_PAGE_DEFAULT_HEIGHT, UI_PAGE_DEFAULT_SCROLL, UI_PAGE_DEFAULT_SIDE_MODE, UI_PAGE_DEFAULT_SIDE_POSITION, UI_PAGE_DEFAULT_SIDE_WIDTH, UI_PAGE_DEFAULT_VARIANT, UI_PAGE_HEIGHT_VALUES, UI_PAGE_SCROLL_VALUES, UI_PAGE_SIDE_MODES, UI_PAGE_SIDE_POSITIONS, UI_PAGE_VARIANTS, UiPageComponent, UiPageContentComponent, UiPageDashboardComponent, UiPageFooterComponent, UiPageHeaderComponent, UiPageSideComponent, UiPageSideToggleComponent, isUiPageHeight, isUiPageScroll, isUiPageSideMode, isUiPageSidePosition, isUiPageVariant };
|
|
160
168
|
export type { UiPageHeight, UiPageScroll, UiPageSideMode, UiPageSidePosition, UiPageVariant };
|
|
@@ -20,10 +20,14 @@ declare function normalizeThemeMode(value: string | null | undefined): ThemeMode
|
|
|
20
20
|
declare function normalizeThemeBrand(value: string | null | undefined): ThemeBrand;
|
|
21
21
|
declare function normalizeThemeSeason(value: string | null | undefined): ThemeSeason;
|
|
22
22
|
|
|
23
|
+
interface UiThemeIconOptions {
|
|
24
|
+
readonly materialSymbols?: boolean;
|
|
25
|
+
}
|
|
23
26
|
interface UiThemeOptions {
|
|
24
27
|
readonly brand?: ThemeBrand;
|
|
25
28
|
readonly mode?: ThemeMode;
|
|
26
29
|
readonly season?: ThemeSeason;
|
|
30
|
+
readonly icons?: UiThemeIconOptions;
|
|
27
31
|
}
|
|
28
32
|
declare const UI_THEME_OPTIONS: InjectionToken<Readonly<UiThemeOptions>>;
|
|
29
33
|
|
|
@@ -72,4 +76,4 @@ declare class ThemeSeasonService {
|
|
|
72
76
|
}
|
|
73
77
|
|
|
74
78
|
export { DEFAULT_THEME_BRAND, DEFAULT_THEME_MODE, DEFAULT_THEME_SEASON, RESOLVED_THEME_MODES, THEME_MODES, THEME_MODE_STORAGE_KEY, THEME_SEASONS, THEME_SEASON_STORAGE_KEY, ThemeModeService, ThemeSeasonService, UI_THEME_OPTIONS, isResolvedThemeMode, isThemeMode, isThemeSeason, normalizeThemeBrand, normalizeThemeMode, normalizeThemeSeason, provideUiTheme };
|
|
75
|
-
export type { ResolvedThemeMode, ThemeBrand, ThemeMode, ThemeSeason, UiThemeOptions };
|
|
79
|
+
export type { ResolvedThemeMode, ThemeBrand, ThemeMode, ThemeSeason, UiThemeIconOptions, UiThemeOptions };
|