@ojiepermana/angular 22.2.1 → 22.2.3
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 +18 -7
- package/component/icon/README.md +40 -13
- package/fesm2022/ojiepermana-angular-chart-area.mjs +3 -3
- package/fesm2022/ojiepermana-angular-chart-bar.mjs +5 -5
- package/fesm2022/ojiepermana-angular-chart-core.mjs +33 -33
- package/fesm2022/ojiepermana-angular-chart-line.mjs +5 -5
- package/fesm2022/ojiepermana-angular-chart-pie.mjs +5 -5
- package/fesm2022/ojiepermana-angular-chart-primitives.mjs +33 -33
- package/fesm2022/ojiepermana-angular-chart-radar.mjs +5 -5
- package/fesm2022/ojiepermana-angular-chart-radial.mjs +5 -5
- package/fesm2022/ojiepermana-angular-chart-scatter.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-accordion.mjs +17 -17
- package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +27 -27
- package/fesm2022/ojiepermana-angular-component-alert.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-avatar.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-badge.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-button-group.mjs +10 -10
- package/fesm2022/ojiepermana-angular-component-button.mjs +4 -4
- package/fesm2022/ojiepermana-angular-component-calendar.mjs +5 -5
- package/fesm2022/ojiepermana-angular-component-card.mjs +27 -24
- package/fesm2022/ojiepermana-angular-component-carousel.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-checkbox.mjs +4 -4
- package/fesm2022/ojiepermana-angular-component-collapsible.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-combobox.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-command.mjs +28 -28
- package/fesm2022/ojiepermana-angular-component-composer.mjs +22 -22
- package/fesm2022/ojiepermana-angular-component-context-menu.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-date-picker.mjs +5 -5
- package/fesm2022/ojiepermana-angular-component-dialog.mjs +22 -22
- package/fesm2022/ojiepermana-angular-component-drawer.mjs +2 -1
- package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +39 -39
- package/fesm2022/ojiepermana-angular-component-editor.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-empty.mjs +19 -19
- package/fesm2022/ojiepermana-angular-component-form.mjs +36 -36
- package/fesm2022/ojiepermana-angular-component-hover-card.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-icon.mjs +114 -105
- package/fesm2022/ojiepermana-angular-component-input-group.mjs +19 -19
- package/fesm2022/ojiepermana-angular-component-input-otp.mjs +16 -16
- package/fesm2022/ojiepermana-angular-component-input.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-item.mjs +31 -31
- package/fesm2022/ojiepermana-angular-component-kanban.mjs +29 -29
- package/fesm2022/ojiepermana-angular-component-kbd.mjs +7 -7
- package/fesm2022/ojiepermana-angular-component-label.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-menubar.mjs +13 -13
- package/fesm2022/ojiepermana-angular-component-native-select.mjs +14 -14
- package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +21 -21
- package/fesm2022/ojiepermana-angular-component-pagination.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-pillbox.mjs +16 -16
- package/fesm2022/ojiepermana-angular-component-popover.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-progress.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-radio.mjs +7 -7
- package/fesm2022/ojiepermana-angular-component-resizable.mjs +12 -12
- package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +6 -8
- package/fesm2022/ojiepermana-angular-component-select.mjs +8 -8
- package/fesm2022/ojiepermana-angular-component-separator.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-sheet.mjs +41 -28
- package/fesm2022/ojiepermana-angular-component-skeleton.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-slider.mjs +10 -10
- package/fesm2022/ojiepermana-angular-component-spinner.mjs +3 -3
- package/fesm2022/ojiepermana-angular-component-switch.mjs +4 -4
- package/fesm2022/ojiepermana-angular-component-table.mjs +24 -24
- package/fesm2022/ojiepermana-angular-component-tabs.mjs +18 -18
- package/fesm2022/ojiepermana-angular-component-textarea.mjs +6 -6
- package/fesm2022/ojiepermana-angular-component-timeline.mjs +19 -19
- package/fesm2022/ojiepermana-angular-component-toast.mjs +5 -5
- package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +9 -9
- package/fesm2022/ojiepermana-angular-component-toggle.mjs +5 -5
- package/fesm2022/ojiepermana-angular-component-tooltip.mjs +15 -15
- package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +3 -3
- package/fesm2022/ojiepermana-angular-navigation-icon.mjs +3 -3
- package/fesm2022/{ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs → ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs} +3 -3
- package/fesm2022/{ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs → ojiepermana-angular-navigation-navigation-dockbar-menu.component-I-ln7fOq.mjs} +22 -15
- package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-meQb_EWZ.mjs} +15 -24
- package/fesm2022/{ojiepermana-angular-navigation-navigation-flyout-menu.component-D2vwEwBY.mjs → ojiepermana-angular-navigation-navigation-flyout-menu.component-DRdw2G-c.mjs} +14 -13
- package/fesm2022/{ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs → ojiepermana-angular-navigation-navigation-horizontal.component-Bx1NcrWO.mjs} +5 -5
- package/fesm2022/{ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs → ojiepermana-angular-navigation-navigation-item.component-ERZNpmTZ.mjs} +22 -23
- package/fesm2022/{ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs → ojiepermana-angular-navigation-navigation-list.component-DfG6_3eF.mjs} +4 -4
- package/fesm2022/ojiepermana-angular-navigation-service.mjs +16 -7
- package/fesm2022/ojiepermana-angular-navigation.mjs +95 -89
- package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +127 -72
- package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +6 -6
- package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +56 -48
- package/fesm2022/ojiepermana-angular-theme-layout.mjs +30 -30
- package/fesm2022/ojiepermana-angular-theme-page-core.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +7 -7
- package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-page-root.mjs +8 -6
- package/fesm2022/ojiepermana-angular-theme-page-side.mjs +7 -7
- package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +12 -12
- package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +3 -3
- package/fesm2022/ojiepermana-angular-theme-shell.mjs +16 -12
- package/fesm2022/ojiepermana-angular-theme-styles.mjs +17 -33
- package/navigation/README.md +2 -2
- package/package.json +3 -2
- package/theme/README.md +4 -10
- package/theme/page/README.md +2 -0
- package/theme/shell/README.md +5 -1
- package/theme/styles/README.md +32 -8
- package/theme/styles/css/base/components.css +13 -9
- package/theme/styles/css/base/tailwind.css +43 -0
- package/theme/styles/css/base/theme.css +4 -25
- package/theme/styles/css/base/tokens.css +21 -0
- package/theme/styles/css/fonts.css +85 -0
- package/types/ojiepermana-angular-chart-radar.d.ts +2 -1
- package/types/ojiepermana-angular-component-avatar.d.ts +2 -1
- package/types/ojiepermana-angular-component-calendar.d.ts +2 -1
- package/types/ojiepermana-angular-component-card.d.ts +6 -1
- package/types/ojiepermana-angular-component-editor.d.ts +2 -1
- package/types/ojiepermana-angular-component-icon.d.ts +50 -79
- package/types/ojiepermana-angular-component-input-otp.d.ts +2 -1
- package/types/ojiepermana-angular-component-pillbox.d.ts +2 -1
- package/types/ojiepermana-angular-component-radio.d.ts +2 -1
- package/types/ojiepermana-angular-component-resizable.d.ts +2 -1
- package/types/ojiepermana-angular-component-segmented-control.d.ts +1 -1
- package/types/ojiepermana-angular-component-select.d.ts +2 -3
- package/types/ojiepermana-angular-navigation-service.d.ts +8 -0
- package/types/ojiepermana-angular-navigation-types.d.ts +1 -1
- package/types/ojiepermana-angular-navigation.d.ts +12 -7
- package/types/ojiepermana-angular-theme-layout-services.d.ts +2 -1
- package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +4 -3
- package/types/ojiepermana-angular-theme-page-root.d.ts +1 -1
- package/types/ojiepermana-angular-theme-shell-services.d.ts +2 -1
- package/types/ojiepermana-angular-theme-styles.d.ts +0 -12
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import { Component, InjectionToken, PLATFORM_ID, Service, computed, effect, inject, input, model, signal } from "@angular/core";
|
|
3
|
+
import { LucideAppWindow, LucideAppWindowMac, LucideBot, LucideBraces, LucideChevronsLeft, LucideCircle, LucideColumns3, LucideCpu, LucideDropletOff, LucideEarth, LucideExternalLink, LucideGalleryVertical, LucideGlobe, LucideGrid3x3, LucideHexagon, LucideLaptop, LucideLaptopMinimal, LucideLayoutGrid, LucideMaximize, LucideMenu, LucideMinimize, LucideMonitor, LucideMoon, LucideMoveHorizontal, LucidePalette, LucidePanelLeft, LucidePanelLeftClose, LucidePanelLeftDashed, LucidePanelLeftOpen, LucidePanelRight, LucideRatio, LucideRows2, LucideRows3, LucideRows4, LucideScan, LucideSlidersHorizontal, LucideSmartphone, LucideSquare, LucideSquareRoundCorner, LucideStretchHorizontal, LucideSun, LucideTablet, LucideTerminal, LucideUnfoldHorizontal } from "@lucide/angular";
|
|
3
4
|
import { DrawerCloseDirective, DrawerComponent, DrawerContentComponent, DrawerHeaderComponent, DrawerTitleComponent } from "@ojiepermana/angular/component/drawer";
|
|
4
|
-
import { IconComponent } from "@ojiepermana/angular/component/icon";
|
|
5
|
+
import { IconComponent, provideIcons } from "@ojiepermana/angular/component/icon";
|
|
5
6
|
import { SegmentedControlComponent } from "@ojiepermana/angular/component/segmented-control";
|
|
6
7
|
import { cn, globalLocalStorage, injectUniqueId } from "@ojiepermana/angular/component/utils/core";
|
|
7
8
|
import { LAYOUT_LOCKED_WIDTH, LAYOUT_TYPE_STORAGE_KEY } from "@ojiepermana/angular/theme/layout/types";
|
|
@@ -10,6 +11,52 @@ import { isPlatformBrowser } from "@angular/common";
|
|
|
10
11
|
import { LayoutService } from "@ojiepermana/angular/theme/layout/services";
|
|
11
12
|
import { SHELL_COLORS, SHELL_FRAMES, SHELL_MODES, isShellDeviceForMode, resolveShellDeviceForMode, shellDevicesForMode } from "@ojiepermana/angular/theme/shell/types";
|
|
12
13
|
import { THEME_COLORS, THEME_NEUTRALS, ThemeBrandService, ThemeColorService, ThemeModeService, ThemeRadiusService, ThemeSpaceService, isThemeMode, isThemeRadius, isThemeSpace } from "@ojiepermana/angular/theme/styles";
|
|
14
|
+
const THEME_SETTINGS_ICONS = [
|
|
15
|
+
LucideAppWindow,
|
|
16
|
+
LucideAppWindowMac,
|
|
17
|
+
LucideBot,
|
|
18
|
+
LucideBraces,
|
|
19
|
+
LucideChevronsLeft,
|
|
20
|
+
LucideCircle,
|
|
21
|
+
LucideColumns3,
|
|
22
|
+
LucideCpu,
|
|
23
|
+
LucideDropletOff,
|
|
24
|
+
LucideEarth,
|
|
25
|
+
LucideExternalLink,
|
|
26
|
+
LucideGalleryVertical,
|
|
27
|
+
LucideGlobe,
|
|
28
|
+
LucideGrid3x3,
|
|
29
|
+
LucideHexagon,
|
|
30
|
+
LucideLaptop,
|
|
31
|
+
LucideLaptopMinimal,
|
|
32
|
+
LucideLayoutGrid,
|
|
33
|
+
LucideMaximize,
|
|
34
|
+
LucideMenu,
|
|
35
|
+
LucideMinimize,
|
|
36
|
+
LucideMonitor,
|
|
37
|
+
LucideMoon,
|
|
38
|
+
LucideMoveHorizontal,
|
|
39
|
+
LucidePalette,
|
|
40
|
+
LucidePanelLeft,
|
|
41
|
+
LucidePanelLeftClose,
|
|
42
|
+
LucidePanelLeftDashed,
|
|
43
|
+
LucidePanelLeftOpen,
|
|
44
|
+
LucidePanelRight,
|
|
45
|
+
LucideRatio,
|
|
46
|
+
LucideRows2,
|
|
47
|
+
LucideRows3,
|
|
48
|
+
LucideRows4,
|
|
49
|
+
LucideScan,
|
|
50
|
+
LucideSlidersHorizontal,
|
|
51
|
+
LucideSmartphone,
|
|
52
|
+
LucideSquare,
|
|
53
|
+
LucideSquareRoundCorner,
|
|
54
|
+
LucideStretchHorizontal,
|
|
55
|
+
LucideSun,
|
|
56
|
+
LucideTablet,
|
|
57
|
+
LucideTerminal,
|
|
58
|
+
LucideUnfoldHorizontal
|
|
59
|
+
];
|
|
13
60
|
const THEME_SETTINGS_ADAPTER = new InjectionToken("THEME_SETTINGS_ADAPTER");
|
|
14
61
|
const NAV_TYPE_STORAGE_KEY = "nav-type";
|
|
15
62
|
const NAV_TYPE_MODE_STORAGE_KEY = "nav-type-mode";
|
|
@@ -111,7 +158,7 @@ var ThemeSettingsDefaultAdapter = class ThemeSettingsDefaultAdapter {
|
|
|
111
158
|
}
|
|
112
159
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
113
160
|
minVersion: "12.0.0",
|
|
114
|
-
version: "22.2.
|
|
161
|
+
version: "22.2.3",
|
|
115
162
|
ngImport: i0,
|
|
116
163
|
type: ThemeSettingsDefaultAdapter,
|
|
117
164
|
deps: [],
|
|
@@ -119,14 +166,14 @@ var ThemeSettingsDefaultAdapter = class ThemeSettingsDefaultAdapter {
|
|
|
119
166
|
});
|
|
120
167
|
static ɵprov = i0.ɵɵngDeclareService({
|
|
121
168
|
minVersion: "22.0.0",
|
|
122
|
-
version: "22.2.
|
|
169
|
+
version: "22.2.3",
|
|
123
170
|
ngImport: i0,
|
|
124
171
|
type: ThemeSettingsDefaultAdapter
|
|
125
172
|
});
|
|
126
173
|
};
|
|
127
174
|
i0.ɵɵngDeclareClassMetadata({
|
|
128
175
|
minVersion: "12.0.0",
|
|
129
|
-
version: "22.2.
|
|
176
|
+
version: "22.2.3",
|
|
130
177
|
ngImport: i0,
|
|
131
178
|
type: ThemeSettingsDefaultAdapter,
|
|
132
179
|
decorators: [{ type: Service }],
|
|
@@ -156,29 +203,29 @@ const MODE_OPTIONS = [
|
|
|
156
203
|
{
|
|
157
204
|
value: "light",
|
|
158
205
|
label: "Light",
|
|
159
|
-
icon: "
|
|
206
|
+
icon: "sun"
|
|
160
207
|
},
|
|
161
208
|
{
|
|
162
209
|
value: "dark",
|
|
163
210
|
label: "Dark",
|
|
164
|
-
icon: "
|
|
211
|
+
icon: "moon"
|
|
165
212
|
},
|
|
166
213
|
{
|
|
167
214
|
value: "system",
|
|
168
215
|
label: "System",
|
|
169
|
-
icon: "
|
|
216
|
+
icon: "monitor"
|
|
170
217
|
}
|
|
171
218
|
];
|
|
172
219
|
const SHELL_MODE_OPTIONS = [
|
|
173
220
|
{
|
|
174
221
|
value: "web",
|
|
175
222
|
label: "Web",
|
|
176
|
-
icon: "
|
|
223
|
+
icon: "earth"
|
|
177
224
|
},
|
|
178
225
|
{
|
|
179
226
|
value: "desktop",
|
|
180
227
|
label: "Desktop",
|
|
181
|
-
icon: "
|
|
228
|
+
icon: "monitor"
|
|
182
229
|
},
|
|
183
230
|
{
|
|
184
231
|
value: "tablet",
|
|
@@ -198,32 +245,32 @@ const SHELL_COLOR_OPTIONS = [{
|
|
|
198
245
|
}, {
|
|
199
246
|
value: "default",
|
|
200
247
|
label: "Native",
|
|
201
|
-
icon: "
|
|
248
|
+
icon: "app-window-mac"
|
|
202
249
|
}];
|
|
203
250
|
const SHELL_FRAME_OPTIONS = [{
|
|
204
251
|
value: "classic",
|
|
205
252
|
label: "Classic",
|
|
206
|
-
icon: "
|
|
253
|
+
icon: "square"
|
|
207
254
|
}, {
|
|
208
255
|
value: "modern",
|
|
209
256
|
label: "Modern",
|
|
210
|
-
icon: "
|
|
257
|
+
icon: "minimize"
|
|
211
258
|
}];
|
|
212
259
|
const SHELL_DEVICE_OPTIONS = {
|
|
213
260
|
browser: {
|
|
214
261
|
value: "browser",
|
|
215
262
|
label: "Browser",
|
|
216
|
-
icon: "
|
|
263
|
+
icon: "globe"
|
|
217
264
|
},
|
|
218
265
|
macos: {
|
|
219
266
|
value: "macos",
|
|
220
267
|
label: "macOS",
|
|
221
|
-
icon: "
|
|
268
|
+
icon: "laptop"
|
|
222
269
|
},
|
|
223
270
|
windows: {
|
|
224
271
|
value: "windows",
|
|
225
272
|
label: "Windows",
|
|
226
|
-
icon: "
|
|
273
|
+
icon: "laptop-minimal"
|
|
227
274
|
},
|
|
228
275
|
linux: {
|
|
229
276
|
value: "linux",
|
|
@@ -233,44 +280,44 @@ const SHELL_DEVICE_OPTIONS = {
|
|
|
233
280
|
ipad: {
|
|
234
281
|
value: "ipad",
|
|
235
282
|
label: "iPad",
|
|
236
|
-
icon: "
|
|
283
|
+
icon: "tablet"
|
|
237
284
|
},
|
|
238
285
|
android: {
|
|
239
286
|
value: "android",
|
|
240
287
|
label: "Android",
|
|
241
|
-
icon: "
|
|
288
|
+
icon: "bot"
|
|
242
289
|
},
|
|
243
290
|
ios: {
|
|
244
291
|
value: "ios",
|
|
245
292
|
label: "iOS",
|
|
246
|
-
icon: "
|
|
293
|
+
icon: "smartphone"
|
|
247
294
|
}
|
|
248
295
|
};
|
|
249
296
|
const RADIUS_OPTIONS = [
|
|
250
297
|
{
|
|
251
298
|
value: "none",
|
|
252
299
|
label: "None",
|
|
253
|
-
icon: "
|
|
300
|
+
icon: "square"
|
|
254
301
|
},
|
|
255
302
|
{
|
|
256
303
|
value: "xs",
|
|
257
304
|
label: "Xs",
|
|
258
|
-
icon: "
|
|
305
|
+
icon: "square-round-corner"
|
|
259
306
|
},
|
|
260
307
|
{
|
|
261
308
|
value: "sm",
|
|
262
309
|
label: "Sm",
|
|
263
|
-
icon: "
|
|
310
|
+
icon: "square-round-corner"
|
|
264
311
|
},
|
|
265
312
|
{
|
|
266
313
|
value: "md",
|
|
267
314
|
label: "Md",
|
|
268
|
-
icon: "
|
|
315
|
+
icon: "square-round-corner"
|
|
269
316
|
},
|
|
270
317
|
{
|
|
271
318
|
value: "xl",
|
|
272
319
|
label: "Xl",
|
|
273
|
-
icon: "
|
|
320
|
+
icon: "square-round-corner"
|
|
274
321
|
},
|
|
275
322
|
{
|
|
276
323
|
value: "full",
|
|
@@ -281,36 +328,36 @@ const RADIUS_OPTIONS = [
|
|
|
281
328
|
const SPACE_OPTIONS = [{
|
|
282
329
|
value: "compact",
|
|
283
330
|
label: "Compact",
|
|
284
|
-
icon: "
|
|
331
|
+
icon: "rows-4"
|
|
285
332
|
}, {
|
|
286
333
|
value: "normal",
|
|
287
334
|
label: "Normal",
|
|
288
|
-
icon: "
|
|
335
|
+
icon: "rows-3"
|
|
289
336
|
}];
|
|
290
337
|
const APPEARANCE_OPTIONS = [{
|
|
291
338
|
value: "flat",
|
|
292
339
|
label: "Flat",
|
|
293
|
-
icon: "
|
|
340
|
+
icon: "app-window"
|
|
294
341
|
}, {
|
|
295
342
|
value: "border-rail",
|
|
296
343
|
label: "Border rail",
|
|
297
|
-
icon: "
|
|
344
|
+
icon: "square"
|
|
298
345
|
}];
|
|
299
346
|
const SURFACE_OPTIONS = [
|
|
300
347
|
{
|
|
301
348
|
value: "flat",
|
|
302
349
|
label: "Flat",
|
|
303
|
-
icon: "
|
|
350
|
+
icon: "droplet-off"
|
|
304
351
|
},
|
|
305
352
|
{
|
|
306
353
|
value: "grid",
|
|
307
354
|
label: "Grid",
|
|
308
|
-
icon: "
|
|
355
|
+
icon: "grid-3x3"
|
|
309
356
|
},
|
|
310
357
|
{
|
|
311
358
|
value: "grid-line",
|
|
312
359
|
label: "Grid line",
|
|
313
|
-
icon: "
|
|
360
|
+
icon: "layout-grid"
|
|
314
361
|
},
|
|
315
362
|
{
|
|
316
363
|
value: "honeycomb",
|
|
@@ -320,83 +367,83 @@ const SURFACE_OPTIONS = [
|
|
|
320
367
|
{
|
|
321
368
|
value: "matrix",
|
|
322
369
|
label: "Matrix",
|
|
323
|
-
icon: "
|
|
370
|
+
icon: "braces"
|
|
324
371
|
},
|
|
325
372
|
{
|
|
326
373
|
value: "circuit",
|
|
327
374
|
label: "Circuit",
|
|
328
|
-
icon: "
|
|
375
|
+
icon: "cpu"
|
|
329
376
|
},
|
|
330
377
|
{
|
|
331
378
|
value: "line-vertical",
|
|
332
379
|
label: "Vertical lines",
|
|
333
|
-
icon: "
|
|
380
|
+
icon: "columns-3"
|
|
334
381
|
},
|
|
335
382
|
{
|
|
336
383
|
value: "line-horizontal",
|
|
337
384
|
label: "Horizontal lines",
|
|
338
|
-
icon: "
|
|
385
|
+
icon: "rows-2"
|
|
339
386
|
}
|
|
340
387
|
];
|
|
341
388
|
const LAYOUT_TYPE_OPTIONS = [
|
|
342
389
|
{
|
|
343
390
|
value: "vertical",
|
|
344
391
|
label: "Vertical",
|
|
345
|
-
icon: "
|
|
392
|
+
icon: "panel-right"
|
|
346
393
|
},
|
|
347
394
|
{
|
|
348
395
|
value: "horizontal",
|
|
349
396
|
label: "Horizontal",
|
|
350
|
-
icon: "
|
|
397
|
+
icon: "gallery-vertical"
|
|
351
398
|
},
|
|
352
399
|
{
|
|
353
400
|
value: "empty",
|
|
354
401
|
label: "Empty",
|
|
355
|
-
icon: "
|
|
402
|
+
icon: "scan"
|
|
356
403
|
},
|
|
357
404
|
{
|
|
358
405
|
value: "fluid",
|
|
359
406
|
label: "Fluid",
|
|
360
|
-
icon: "
|
|
407
|
+
icon: "maximize"
|
|
361
408
|
}
|
|
362
409
|
];
|
|
363
410
|
const WIDTH_OPTIONS = [
|
|
364
411
|
{
|
|
365
412
|
value: "full",
|
|
366
413
|
label: "Full",
|
|
367
|
-
icon: "
|
|
414
|
+
icon: "move-horizontal"
|
|
368
415
|
},
|
|
369
416
|
{
|
|
370
417
|
value: "wide",
|
|
371
418
|
label: "Wide",
|
|
372
|
-
icon: "
|
|
419
|
+
icon: "unfold-horizontal"
|
|
373
420
|
},
|
|
374
421
|
{
|
|
375
422
|
value: "container",
|
|
376
423
|
label: "Container",
|
|
377
|
-
icon: "
|
|
424
|
+
icon: "stretch-horizontal"
|
|
378
425
|
},
|
|
379
426
|
{
|
|
380
427
|
value: "fluid",
|
|
381
428
|
label: "Fluid",
|
|
382
|
-
icon: "
|
|
429
|
+
icon: "ratio"
|
|
383
430
|
}
|
|
384
431
|
];
|
|
385
432
|
const NAV_TYPE_OPTIONS = [
|
|
386
433
|
{
|
|
387
434
|
value: "sidebar",
|
|
388
435
|
label: "Sidebar",
|
|
389
|
-
icon: "
|
|
436
|
+
icon: "panel-left-open"
|
|
390
437
|
},
|
|
391
438
|
{
|
|
392
439
|
value: "dockbar",
|
|
393
440
|
label: "Dockbar",
|
|
394
|
-
icon: "
|
|
441
|
+
icon: "panel-left"
|
|
395
442
|
},
|
|
396
443
|
{
|
|
397
444
|
value: "minidock",
|
|
398
445
|
label: "Minidock",
|
|
399
|
-
icon: "
|
|
446
|
+
icon: "panel-left-close"
|
|
400
447
|
},
|
|
401
448
|
{
|
|
402
449
|
value: "navbar",
|
|
@@ -406,12 +453,12 @@ const NAV_TYPE_OPTIONS = [
|
|
|
406
453
|
{
|
|
407
454
|
value: "flyout",
|
|
408
455
|
label: "Flyout",
|
|
409
|
-
icon: "
|
|
456
|
+
icon: "external-link"
|
|
410
457
|
},
|
|
411
458
|
{
|
|
412
459
|
value: "desktop",
|
|
413
460
|
label: "Desktop",
|
|
414
|
-
icon: "
|
|
461
|
+
icon: "monitor"
|
|
415
462
|
}
|
|
416
463
|
];
|
|
417
464
|
const ACCENT_SWATCH = {
|
|
@@ -482,7 +529,7 @@ var ThemeSettingsLayoutSectionComponent = class ThemeSettingsLayoutSectionCompon
|
|
|
482
529
|
}
|
|
483
530
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
484
531
|
minVersion: "12.0.0",
|
|
485
|
-
version: "22.2.
|
|
532
|
+
version: "22.2.3",
|
|
486
533
|
ngImport: i0,
|
|
487
534
|
type: ThemeSettingsLayoutSectionComponent,
|
|
488
535
|
deps: [],
|
|
@@ -490,11 +537,12 @@ var ThemeSettingsLayoutSectionComponent = class ThemeSettingsLayoutSectionCompon
|
|
|
490
537
|
});
|
|
491
538
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
492
539
|
minVersion: "17.0.0",
|
|
493
|
-
version: "22.2.
|
|
540
|
+
version: "22.2.3",
|
|
494
541
|
type: ThemeSettingsLayoutSectionComponent,
|
|
495
542
|
isStandalone: true,
|
|
496
543
|
selector: "ThemeSettingsLayoutSection",
|
|
497
544
|
host: { classAttribute: "contents" },
|
|
545
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
498
546
|
ngImport: i0,
|
|
499
547
|
template: `
|
|
500
548
|
<section
|
|
@@ -578,13 +626,14 @@ var ThemeSettingsLayoutSectionComponent = class ThemeSettingsLayoutSectionCompon
|
|
|
578
626
|
};
|
|
579
627
|
i0.ɵɵngDeclareClassMetadata({
|
|
580
628
|
minVersion: "12.0.0",
|
|
581
|
-
version: "22.2.
|
|
629
|
+
version: "22.2.3",
|
|
582
630
|
ngImport: i0,
|
|
583
631
|
type: ThemeSettingsLayoutSectionComponent,
|
|
584
632
|
decorators: [{
|
|
585
633
|
type: Component,
|
|
586
634
|
args: [{
|
|
587
635
|
selector: "ThemeSettingsLayoutSection",
|
|
636
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
588
637
|
imports: [SegmentedControlComponent],
|
|
589
638
|
host: { class: "contents" },
|
|
590
639
|
template: `
|
|
@@ -662,25 +711,25 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
|
|
|
662
711
|
case "sidebar": return [{
|
|
663
712
|
value: "default",
|
|
664
713
|
label: "Default",
|
|
665
|
-
icon: "
|
|
714
|
+
icon: "panel-right"
|
|
666
715
|
}, {
|
|
667
716
|
value: "collapsed",
|
|
668
717
|
label: "Collapsed",
|
|
669
|
-
icon: "
|
|
718
|
+
icon: "chevrons-left"
|
|
670
719
|
}];
|
|
671
720
|
case "dockbar": return [{
|
|
672
721
|
value: "default",
|
|
673
722
|
label: "Sticky",
|
|
674
|
-
icon: "
|
|
723
|
+
icon: "panel-left"
|
|
675
724
|
}, {
|
|
676
725
|
value: "drawer",
|
|
677
726
|
label: "Drawer",
|
|
678
|
-
icon: "
|
|
727
|
+
icon: "panel-left-dashed"
|
|
679
728
|
}];
|
|
680
729
|
default: return [{
|
|
681
730
|
value: "default",
|
|
682
731
|
label: "Default",
|
|
683
|
-
icon: "
|
|
732
|
+
icon: "sliders-horizontal"
|
|
684
733
|
}];
|
|
685
734
|
}
|
|
686
735
|
}, ...ngDevMode ? [{ debugName: "navTypeModeOptions" }] : /* istanbul ignore next */ []);
|
|
@@ -695,7 +744,7 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
|
|
|
695
744
|
}
|
|
696
745
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
697
746
|
minVersion: "12.0.0",
|
|
698
|
-
version: "22.2.
|
|
747
|
+
version: "22.2.3",
|
|
699
748
|
ngImport: i0,
|
|
700
749
|
type: ThemeSettingsNavigationSectionComponent,
|
|
701
750
|
deps: [],
|
|
@@ -703,11 +752,12 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
|
|
|
703
752
|
});
|
|
704
753
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
705
754
|
minVersion: "14.0.0",
|
|
706
|
-
version: "22.2.
|
|
755
|
+
version: "22.2.3",
|
|
707
756
|
type: ThemeSettingsNavigationSectionComponent,
|
|
708
757
|
isStandalone: true,
|
|
709
758
|
selector: "ThemeSettingsNavigationSection",
|
|
710
759
|
host: { classAttribute: "contents" },
|
|
760
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
711
761
|
ngImport: i0,
|
|
712
762
|
template: `
|
|
713
763
|
<section
|
|
@@ -761,13 +811,14 @@ var ThemeSettingsNavigationSectionComponent = class ThemeSettingsNavigationSecti
|
|
|
761
811
|
};
|
|
762
812
|
i0.ɵɵngDeclareClassMetadata({
|
|
763
813
|
minVersion: "12.0.0",
|
|
764
|
-
version: "22.2.
|
|
814
|
+
version: "22.2.3",
|
|
765
815
|
ngImport: i0,
|
|
766
816
|
type: ThemeSettingsNavigationSectionComponent,
|
|
767
817
|
decorators: [{
|
|
768
818
|
type: Component,
|
|
769
819
|
args: [{
|
|
770
820
|
selector: "ThemeSettingsNavigationSection",
|
|
821
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
771
822
|
imports: [SegmentedControlComponent],
|
|
772
823
|
host: { class: "contents" },
|
|
773
824
|
template: `
|
|
@@ -840,7 +891,7 @@ var ThemeSettingsShellSectionComponent = class ThemeSettingsShellSectionComponen
|
|
|
840
891
|
}
|
|
841
892
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
842
893
|
minVersion: "12.0.0",
|
|
843
|
-
version: "22.2.
|
|
894
|
+
version: "22.2.3",
|
|
844
895
|
ngImport: i0,
|
|
845
896
|
type: ThemeSettingsShellSectionComponent,
|
|
846
897
|
deps: [],
|
|
@@ -848,11 +899,12 @@ var ThemeSettingsShellSectionComponent = class ThemeSettingsShellSectionComponen
|
|
|
848
899
|
});
|
|
849
900
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
850
901
|
minVersion: "17.0.0",
|
|
851
|
-
version: "22.2.
|
|
902
|
+
version: "22.2.3",
|
|
852
903
|
type: ThemeSettingsShellSectionComponent,
|
|
853
904
|
isStandalone: true,
|
|
854
905
|
selector: "ThemeSettingsShellSection",
|
|
855
906
|
host: { classAttribute: "contents" },
|
|
907
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
856
908
|
ngImport: i0,
|
|
857
909
|
template: `
|
|
858
910
|
<section
|
|
@@ -949,13 +1001,14 @@ var ThemeSettingsShellSectionComponent = class ThemeSettingsShellSectionComponen
|
|
|
949
1001
|
};
|
|
950
1002
|
i0.ɵɵngDeclareClassMetadata({
|
|
951
1003
|
minVersion: "12.0.0",
|
|
952
|
-
version: "22.2.
|
|
1004
|
+
version: "22.2.3",
|
|
953
1005
|
ngImport: i0,
|
|
954
1006
|
type: ThemeSettingsShellSectionComponent,
|
|
955
1007
|
decorators: [{
|
|
956
1008
|
type: Component,
|
|
957
1009
|
args: [{
|
|
958
1010
|
selector: "ThemeSettingsShellSection",
|
|
1011
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
959
1012
|
imports: [SegmentedControlComponent],
|
|
960
1013
|
host: { class: "contents" },
|
|
961
1014
|
template: `
|
|
@@ -1135,7 +1188,7 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
|
|
|
1135
1188
|
spaceLabelId = injectUniqueId("theme-settings-space");
|
|
1136
1189
|
radiusLabelId = injectUniqueId("theme-settings-radius");
|
|
1137
1190
|
swatchClasses(active) {
|
|
1138
|
-
return cn("inline-flex size-[18px] rounded-full ring-1 ring-black/10 transition-[transform,box-shadow] duration-
|
|
1191
|
+
return cn("inline-flex size-[18px] rounded-full ring-1 ring-black/10 transition-[transform,box-shadow] duration-normal peer-focus-visible:ring-2 peer-focus-visible:ring-ring peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-background motion-reduce:transition-none", active ? "ring-2 ring-ring ring-offset-2 ring-offset-background shadow-sm" : "hover:scale-105");
|
|
1139
1192
|
}
|
|
1140
1193
|
setMode(value) {
|
|
1141
1194
|
if (isThemeMode(value)) this.themeMode.setMode(value);
|
|
@@ -1162,7 +1215,7 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
|
|
|
1162
1215
|
}
|
|
1163
1216
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1164
1217
|
minVersion: "12.0.0",
|
|
1165
|
-
version: "22.2.
|
|
1218
|
+
version: "22.2.3",
|
|
1166
1219
|
ngImport: i0,
|
|
1167
1220
|
type: ThemeSettingsThemeSectionComponent,
|
|
1168
1221
|
deps: [],
|
|
@@ -1170,11 +1223,12 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
|
|
|
1170
1223
|
});
|
|
1171
1224
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1172
1225
|
minVersion: "17.0.0",
|
|
1173
|
-
version: "22.2.
|
|
1226
|
+
version: "22.2.3",
|
|
1174
1227
|
type: ThemeSettingsThemeSectionComponent,
|
|
1175
1228
|
isStandalone: true,
|
|
1176
1229
|
selector: "ThemeSettingsThemeSection",
|
|
1177
1230
|
host: { classAttribute: "contents" },
|
|
1231
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
1178
1232
|
ngImport: i0,
|
|
1179
1233
|
template: `
|
|
1180
1234
|
<section class="flex flex-col gap-5" [attr.aria-labelledby]="themeGroupId">
|
|
@@ -1293,13 +1347,14 @@ var ThemeSettingsThemeSectionComponent = class ThemeSettingsThemeSectionComponen
|
|
|
1293
1347
|
};
|
|
1294
1348
|
i0.ɵɵngDeclareClassMetadata({
|
|
1295
1349
|
minVersion: "12.0.0",
|
|
1296
|
-
version: "22.2.
|
|
1350
|
+
version: "22.2.3",
|
|
1297
1351
|
ngImport: i0,
|
|
1298
1352
|
type: ThemeSettingsThemeSectionComponent,
|
|
1299
1353
|
decorators: [{
|
|
1300
1354
|
type: Component,
|
|
1301
1355
|
args: [{
|
|
1302
1356
|
selector: "ThemeSettingsThemeSection",
|
|
1357
|
+
providers: [provideIcons(...THEME_SETTINGS_ICONS)],
|
|
1303
1358
|
imports: [SegmentedControlComponent],
|
|
1304
1359
|
host: { class: "contents" },
|
|
1305
1360
|
template: `
|
|
@@ -1421,7 +1476,7 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
|
|
|
1421
1476
|
triggerClasses = computed(() => cn("inline-flex items-center gap-2 rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none", this.trigger() === "link" ? this.triggerIconOnly() ? "size-11 p-0 text-primary underline-offset-4 hover:underline" : "min-h-11 px-1 text-primary underline-offset-4 hover:underline" : this.triggerIconOnly() ? "size-11 justify-center p-0 text-muted-foreground hover:bg-accent hover:text-foreground" : "min-h-11 justify-center px-3 text-muted-foreground hover:bg-accent hover:text-accent-foreground", this.class()), ...ngDevMode ? [{ debugName: "triggerClasses" }] : /* istanbul ignore next */ []);
|
|
1422
1477
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1423
1478
|
minVersion: "12.0.0",
|
|
1424
|
-
version: "22.2.
|
|
1479
|
+
version: "22.2.3",
|
|
1425
1480
|
ngImport: i0,
|
|
1426
1481
|
type: ThemeSettingsComponent,
|
|
1427
1482
|
deps: [],
|
|
@@ -1429,7 +1484,7 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
|
|
|
1429
1484
|
});
|
|
1430
1485
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1431
1486
|
minVersion: "17.0.0",
|
|
1432
|
-
version: "22.2.
|
|
1487
|
+
version: "22.2.3",
|
|
1433
1488
|
type: ThemeSettingsComponent,
|
|
1434
1489
|
isStandalone: true,
|
|
1435
1490
|
selector: "ThemeSettings",
|
|
@@ -1486,6 +1541,7 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
|
|
|
1486
1541
|
},
|
|
1487
1542
|
outputs: { open: "openChange" },
|
|
1488
1543
|
host: { classAttribute: "contents" },
|
|
1544
|
+
providers: [provideIcons(LucidePalette)],
|
|
1489
1545
|
ngImport: i0,
|
|
1490
1546
|
template: `
|
|
1491
1547
|
@if (showTrigger()) {
|
|
@@ -1601,10 +1657,8 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
|
|
|
1601
1657
|
"name",
|
|
1602
1658
|
"class",
|
|
1603
1659
|
"size",
|
|
1604
|
-
"
|
|
1605
|
-
"
|
|
1606
|
-
"grade",
|
|
1607
|
-
"opticalSize"
|
|
1660
|
+
"strokeWidth",
|
|
1661
|
+
"label"
|
|
1608
1662
|
]
|
|
1609
1663
|
},
|
|
1610
1664
|
{
|
|
@@ -1632,13 +1686,14 @@ var ThemeSettingsComponent = class ThemeSettingsComponent {
|
|
|
1632
1686
|
};
|
|
1633
1687
|
i0.ɵɵngDeclareClassMetadata({
|
|
1634
1688
|
minVersion: "12.0.0",
|
|
1635
|
-
version: "22.2.
|
|
1689
|
+
version: "22.2.3",
|
|
1636
1690
|
ngImport: i0,
|
|
1637
1691
|
type: ThemeSettingsComponent,
|
|
1638
1692
|
decorators: [{
|
|
1639
1693
|
type: Component,
|
|
1640
1694
|
args: [{
|
|
1641
1695
|
selector: "ThemeSettings",
|
|
1696
|
+
providers: [provideIcons(LucidePalette)],
|
|
1642
1697
|
imports: [
|
|
1643
1698
|
DrawerCloseDirective,
|
|
1644
1699
|
DrawerComponent,
|
|
@@ -91,7 +91,7 @@ var LayoutService = class LayoutService {
|
|
|
91
91
|
}
|
|
92
92
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
93
93
|
minVersion: "12.0.0",
|
|
94
|
-
version: "22.2.
|
|
94
|
+
version: "22.2.3",
|
|
95
95
|
ngImport: i0,
|
|
96
96
|
type: LayoutService,
|
|
97
97
|
deps: [],
|
|
@@ -99,14 +99,14 @@ var LayoutService = class LayoutService {
|
|
|
99
99
|
});
|
|
100
100
|
static ɵprov = i0.ɵɵngDeclareService({
|
|
101
101
|
minVersion: "22.0.0",
|
|
102
|
-
version: "22.2.
|
|
102
|
+
version: "22.2.3",
|
|
103
103
|
ngImport: i0,
|
|
104
104
|
type: LayoutService
|
|
105
105
|
});
|
|
106
106
|
};
|
|
107
107
|
i0.ɵɵngDeclareClassMetadata({
|
|
108
108
|
minVersion: "12.0.0",
|
|
109
|
-
version: "22.2.
|
|
109
|
+
version: "22.2.3",
|
|
110
110
|
ngImport: i0,
|
|
111
111
|
type: LayoutService,
|
|
112
112
|
decorators: [{ type: Service }]
|
|
@@ -221,7 +221,7 @@ var LayoutLoadingService = class LayoutLoadingService {
|
|
|
221
221
|
}
|
|
222
222
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
223
223
|
minVersion: "12.0.0",
|
|
224
|
-
version: "22.2.
|
|
224
|
+
version: "22.2.3",
|
|
225
225
|
ngImport: i0,
|
|
226
226
|
type: LayoutLoadingService,
|
|
227
227
|
deps: [],
|
|
@@ -229,14 +229,14 @@ var LayoutLoadingService = class LayoutLoadingService {
|
|
|
229
229
|
});
|
|
230
230
|
static ɵprov = i0.ɵɵngDeclareService({
|
|
231
231
|
minVersion: "22.0.0",
|
|
232
|
-
version: "22.2.
|
|
232
|
+
version: "22.2.3",
|
|
233
233
|
ngImport: i0,
|
|
234
234
|
type: LayoutLoadingService
|
|
235
235
|
});
|
|
236
236
|
};
|
|
237
237
|
i0.ɵɵngDeclareClassMetadata({
|
|
238
238
|
minVersion: "12.0.0",
|
|
239
|
-
version: "22.2.
|
|
239
|
+
version: "22.2.3",
|
|
240
240
|
ngImport: i0,
|
|
241
241
|
type: LayoutLoadingService,
|
|
242
242
|
decorators: [{ type: Service }],
|