@ojiepermana/angular 22.2.1 → 22.2.2

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.
Files changed (125) hide show
  1. package/README.md +18 -7
  2. package/component/icon/README.md +40 -13
  3. package/fesm2022/ojiepermana-angular-chart-area.mjs +3 -3
  4. package/fesm2022/ojiepermana-angular-chart-bar.mjs +5 -5
  5. package/fesm2022/ojiepermana-angular-chart-core.mjs +33 -33
  6. package/fesm2022/ojiepermana-angular-chart-line.mjs +5 -5
  7. package/fesm2022/ojiepermana-angular-chart-pie.mjs +5 -5
  8. package/fesm2022/ojiepermana-angular-chart-primitives.mjs +33 -33
  9. package/fesm2022/ojiepermana-angular-chart-radar.mjs +5 -5
  10. package/fesm2022/ojiepermana-angular-chart-radial.mjs +5 -5
  11. package/fesm2022/ojiepermana-angular-chart-scatter.mjs +3 -3
  12. package/fesm2022/ojiepermana-angular-component-accordion.mjs +17 -17
  13. package/fesm2022/ojiepermana-angular-component-alert-dialog.mjs +27 -27
  14. package/fesm2022/ojiepermana-angular-component-alert.mjs +12 -12
  15. package/fesm2022/ojiepermana-angular-component-aspect-ratio.mjs +3 -3
  16. package/fesm2022/ojiepermana-angular-component-avatar.mjs +18 -18
  17. package/fesm2022/ojiepermana-angular-component-badge.mjs +9 -9
  18. package/fesm2022/ojiepermana-angular-component-breadcrumb.mjs +21 -21
  19. package/fesm2022/ojiepermana-angular-component-button-group.mjs +10 -10
  20. package/fesm2022/ojiepermana-angular-component-button.mjs +4 -4
  21. package/fesm2022/ojiepermana-angular-component-calendar.mjs +5 -5
  22. package/fesm2022/ojiepermana-angular-component-card.mjs +27 -24
  23. package/fesm2022/ojiepermana-angular-component-carousel.mjs +18 -18
  24. package/fesm2022/ojiepermana-angular-component-checkbox.mjs +4 -4
  25. package/fesm2022/ojiepermana-angular-component-collapsible.mjs +12 -12
  26. package/fesm2022/ojiepermana-angular-component-combobox.mjs +3 -3
  27. package/fesm2022/ojiepermana-angular-component-command.mjs +28 -28
  28. package/fesm2022/ojiepermana-angular-component-composer.mjs +22 -22
  29. package/fesm2022/ojiepermana-angular-component-context-menu.mjs +3 -3
  30. package/fesm2022/ojiepermana-angular-component-date-picker.mjs +5 -5
  31. package/fesm2022/ojiepermana-angular-component-dialog.mjs +22 -22
  32. package/fesm2022/ojiepermana-angular-component-dropdown-menu.mjs +39 -39
  33. package/fesm2022/ojiepermana-angular-component-editor.mjs +21 -21
  34. package/fesm2022/ojiepermana-angular-component-empty.mjs +19 -19
  35. package/fesm2022/ojiepermana-angular-component-form.mjs +36 -36
  36. package/fesm2022/ojiepermana-angular-component-hover-card.mjs +9 -9
  37. package/fesm2022/ojiepermana-angular-component-icon.mjs +114 -105
  38. package/fesm2022/ojiepermana-angular-component-input-group.mjs +19 -19
  39. package/fesm2022/ojiepermana-angular-component-input-otp.mjs +16 -16
  40. package/fesm2022/ojiepermana-angular-component-input.mjs +6 -6
  41. package/fesm2022/ojiepermana-angular-component-item.mjs +31 -31
  42. package/fesm2022/ojiepermana-angular-component-kanban.mjs +29 -29
  43. package/fesm2022/ojiepermana-angular-component-kbd.mjs +7 -7
  44. package/fesm2022/ojiepermana-angular-component-label.mjs +3 -3
  45. package/fesm2022/ojiepermana-angular-component-menubar.mjs +13 -13
  46. package/fesm2022/ojiepermana-angular-component-native-select.mjs +14 -14
  47. package/fesm2022/ojiepermana-angular-component-navigation-menu.mjs +21 -21
  48. package/fesm2022/ojiepermana-angular-component-pagination.mjs +3 -3
  49. package/fesm2022/ojiepermana-angular-component-pillbox.mjs +16 -16
  50. package/fesm2022/ojiepermana-angular-component-popover.mjs +6 -6
  51. package/fesm2022/ojiepermana-angular-component-progress.mjs +3 -3
  52. package/fesm2022/ojiepermana-angular-component-radio.mjs +7 -7
  53. package/fesm2022/ojiepermana-angular-component-resizable.mjs +12 -12
  54. package/fesm2022/ojiepermana-angular-component-scroll-area.mjs +3 -3
  55. package/fesm2022/ojiepermana-angular-component-segmented-control.mjs +6 -8
  56. package/fesm2022/ojiepermana-angular-component-select.mjs +8 -8
  57. package/fesm2022/ojiepermana-angular-component-separator.mjs +3 -3
  58. package/fesm2022/ojiepermana-angular-component-sheet.mjs +41 -28
  59. package/fesm2022/ojiepermana-angular-component-skeleton.mjs +3 -3
  60. package/fesm2022/ojiepermana-angular-component-slider.mjs +10 -10
  61. package/fesm2022/ojiepermana-angular-component-spinner.mjs +3 -3
  62. package/fesm2022/ojiepermana-angular-component-switch.mjs +4 -4
  63. package/fesm2022/ojiepermana-angular-component-table.mjs +24 -24
  64. package/fesm2022/ojiepermana-angular-component-tabs.mjs +18 -18
  65. package/fesm2022/ojiepermana-angular-component-textarea.mjs +6 -6
  66. package/fesm2022/ojiepermana-angular-component-timeline.mjs +19 -19
  67. package/fesm2022/ojiepermana-angular-component-toast.mjs +5 -5
  68. package/fesm2022/ojiepermana-angular-component-toggle-group.mjs +9 -9
  69. package/fesm2022/ojiepermana-angular-component-toggle.mjs +5 -5
  70. package/fesm2022/ojiepermana-angular-component-tooltip.mjs +15 -15
  71. package/fesm2022/ojiepermana-angular-component-utils-scale.mjs +3 -3
  72. package/fesm2022/ojiepermana-angular-navigation-icon.mjs +3 -3
  73. package/fesm2022/{ojiepermana-angular-navigation-navigation-badge-count.component-DYuysKVf.mjs → ojiepermana-angular-navigation-navigation-badge-count.component-4RIokl1C.mjs} +3 -3
  74. package/fesm2022/{ojiepermana-angular-navigation-navigation-dockbar-menu.component-COiTaw34.mjs → ojiepermana-angular-navigation-navigation-dockbar-menu.component-CGfu2V6f.mjs} +22 -15
  75. package/fesm2022/{ojiepermana-angular-navigation-navigation-entry-grid.component-YIz0IsIb.mjs → ojiepermana-angular-navigation-navigation-entry-grid.component-zBCXDa4c.mjs} +15 -24
  76. package/fesm2022/{ojiepermana-angular-navigation-navigation-flyout-menu.component-D2vwEwBY.mjs → ojiepermana-angular-navigation-navigation-flyout-menu.component-DYkYIIHd.mjs} +14 -13
  77. package/fesm2022/{ojiepermana-angular-navigation-navigation-horizontal.component-B5D7yXfb.mjs → ojiepermana-angular-navigation-navigation-horizontal.component-LNTertHr.mjs} +5 -5
  78. package/fesm2022/{ojiepermana-angular-navigation-navigation-item.component-CUb68MZH.mjs → ojiepermana-angular-navigation-navigation-item.component-DiGOcizS.mjs} +21 -22
  79. package/fesm2022/{ojiepermana-angular-navigation-navigation-list.component-CrK16trj.mjs → ojiepermana-angular-navigation-navigation-list.component-DB22Gl-5.mjs} +4 -4
  80. package/fesm2022/ojiepermana-angular-navigation-service.mjs +13 -5
  81. package/fesm2022/ojiepermana-angular-navigation.mjs +94 -87
  82. package/fesm2022/ojiepermana-angular-theme-component-settings.mjs +127 -72
  83. package/fesm2022/ojiepermana-angular-theme-layout-services.mjs +6 -6
  84. package/fesm2022/ojiepermana-angular-theme-layout-wrapper.mjs +56 -48
  85. package/fesm2022/ojiepermana-angular-theme-layout.mjs +30 -30
  86. package/fesm2022/ojiepermana-angular-theme-page-core.mjs +3 -3
  87. package/fesm2022/ojiepermana-angular-theme-page-filter.mjs +7 -7
  88. package/fesm2022/ojiepermana-angular-theme-page-overview.mjs +3 -3
  89. package/fesm2022/ojiepermana-angular-theme-page-root.mjs +8 -6
  90. package/fesm2022/ojiepermana-angular-theme-page-side.mjs +7 -7
  91. package/fesm2022/ojiepermana-angular-theme-page-slots.mjs +12 -12
  92. package/fesm2022/ojiepermana-angular-theme-shell-services.mjs +3 -3
  93. package/fesm2022/ojiepermana-angular-theme-shell.mjs +16 -12
  94. package/fesm2022/ojiepermana-angular-theme-styles.mjs +17 -33
  95. package/navigation/README.md +2 -2
  96. package/package.json +3 -2
  97. package/theme/README.md +4 -10
  98. package/theme/page/README.md +2 -0
  99. package/theme/shell/README.md +5 -1
  100. package/theme/styles/README.md +32 -8
  101. package/theme/styles/css/base/components.css +13 -9
  102. package/theme/styles/css/base/tailwind.css +43 -0
  103. package/theme/styles/css/base/theme.css +4 -25
  104. package/theme/styles/css/base/tokens.css +21 -0
  105. package/theme/styles/css/fonts.css +85 -0
  106. package/types/ojiepermana-angular-chart-radar.d.ts +2 -1
  107. package/types/ojiepermana-angular-component-avatar.d.ts +2 -1
  108. package/types/ojiepermana-angular-component-calendar.d.ts +2 -1
  109. package/types/ojiepermana-angular-component-card.d.ts +6 -1
  110. package/types/ojiepermana-angular-component-editor.d.ts +2 -1
  111. package/types/ojiepermana-angular-component-icon.d.ts +64 -79
  112. package/types/ojiepermana-angular-component-input-otp.d.ts +2 -1
  113. package/types/ojiepermana-angular-component-pillbox.d.ts +2 -1
  114. package/types/ojiepermana-angular-component-radio.d.ts +2 -1
  115. package/types/ojiepermana-angular-component-resizable.d.ts +2 -1
  116. package/types/ojiepermana-angular-component-segmented-control.d.ts +1 -1
  117. package/types/ojiepermana-angular-component-select.d.ts +2 -1
  118. package/types/ojiepermana-angular-navigation-service.d.ts +8 -0
  119. package/types/ojiepermana-angular-navigation-types.d.ts +1 -1
  120. package/types/ojiepermana-angular-navigation.d.ts +12 -5
  121. package/types/ojiepermana-angular-theme-layout-services.d.ts +2 -1
  122. package/types/ojiepermana-angular-theme-layout-wrapper.d.ts +4 -3
  123. package/types/ojiepermana-angular-theme-page-root.d.ts +1 -1
  124. package/types/ojiepermana-angular-theme-shell-services.d.ts +2 -1
  125. 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.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.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.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: "light_mode"
206
+ icon: "sun"
160
207
  },
161
208
  {
162
209
  value: "dark",
163
210
  label: "Dark",
164
- icon: "dark_mode"
211
+ icon: "moon"
165
212
  },
166
213
  {
167
214
  value: "system",
168
215
  label: "System",
169
- icon: "desktop_windows"
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: "public"
223
+ icon: "earth"
177
224
  },
178
225
  {
179
226
  value: "desktop",
180
227
  label: "Desktop",
181
- icon: "desktop_windows"
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: "desktop_mac"
248
+ icon: "app-window-mac"
202
249
  }];
203
250
  const SHELL_FRAME_OPTIONS = [{
204
251
  value: "classic",
205
252
  label: "Classic",
206
- icon: "crop_din"
253
+ icon: "square"
207
254
  }, {
208
255
  value: "modern",
209
256
  label: "Modern",
210
- icon: "fullscreen_exit"
257
+ icon: "minimize"
211
258
  }];
212
259
  const SHELL_DEVICE_OPTIONS = {
213
260
  browser: {
214
261
  value: "browser",
215
262
  label: "Browser",
216
- icon: "language"
263
+ icon: "globe"
217
264
  },
218
265
  macos: {
219
266
  value: "macos",
220
267
  label: "macOS",
221
- icon: "laptop_mac"
268
+ icon: "laptop"
222
269
  },
223
270
  windows: {
224
271
  value: "windows",
225
272
  label: "Windows",
226
- icon: "laptop_windows"
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: "tablet_mac"
283
+ icon: "tablet"
237
284
  },
238
285
  android: {
239
286
  value: "android",
240
287
  label: "Android",
241
- icon: "android"
288
+ icon: "bot"
242
289
  },
243
290
  ios: {
244
291
  value: "ios",
245
292
  label: "iOS",
246
- icon: "phone_iphone"
293
+ icon: "smartphone"
247
294
  }
248
295
  };
249
296
  const RADIUS_OPTIONS = [
250
297
  {
251
298
  value: "none",
252
299
  label: "None",
253
- icon: "crop_square"
300
+ icon: "square"
254
301
  },
255
302
  {
256
303
  value: "xs",
257
304
  label: "Xs",
258
- icon: "rounded_corner"
305
+ icon: "square-round-corner"
259
306
  },
260
307
  {
261
308
  value: "sm",
262
309
  label: "Sm",
263
- icon: "rounded_corner"
310
+ icon: "square-round-corner"
264
311
  },
265
312
  {
266
313
  value: "md",
267
314
  label: "Md",
268
- icon: "rounded_corner"
315
+ icon: "square-round-corner"
269
316
  },
270
317
  {
271
318
  value: "xl",
272
319
  label: "Xl",
273
- icon: "rounded_corner"
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: "density_small"
331
+ icon: "rows-4"
285
332
  }, {
286
333
  value: "normal",
287
334
  label: "Normal",
288
- icon: "density_medium"
335
+ icon: "rows-3"
289
336
  }];
290
337
  const APPEARANCE_OPTIONS = [{
291
338
  value: "flat",
292
339
  label: "Flat",
293
- icon: "web_asset"
340
+ icon: "app-window"
294
341
  }, {
295
342
  value: "border-rail",
296
343
  label: "Border rail",
297
- icon: "border_outer"
344
+ icon: "square"
298
345
  }];
299
346
  const SURFACE_OPTIONS = [
300
347
  {
301
348
  value: "flat",
302
349
  label: "Flat",
303
- icon: "format_color_reset"
350
+ icon: "droplet-off"
304
351
  },
305
352
  {
306
353
  value: "grid",
307
354
  label: "Grid",
308
- icon: "grid_4x4"
355
+ icon: "grid-3x3"
309
356
  },
310
357
  {
311
358
  value: "grid-line",
312
359
  label: "Grid line",
313
- icon: "grid_view"
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: "data_object"
370
+ icon: "braces"
324
371
  },
325
372
  {
326
373
  value: "circuit",
327
374
  label: "Circuit",
328
- icon: "memory"
375
+ icon: "cpu"
329
376
  },
330
377
  {
331
378
  value: "line-vertical",
332
379
  label: "Vertical lines",
333
- icon: "view_column"
380
+ icon: "columns-3"
334
381
  },
335
382
  {
336
383
  value: "line-horizontal",
337
384
  label: "Horizontal lines",
338
- icon: "view_agenda"
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: "view_sidebar"
392
+ icon: "panel-right"
346
393
  },
347
394
  {
348
395
  value: "horizontal",
349
396
  label: "Horizontal",
350
- icon: "view_stream"
397
+ icon: "gallery-vertical"
351
398
  },
352
399
  {
353
400
  value: "empty",
354
401
  label: "Empty",
355
- icon: "crop_free"
402
+ icon: "scan"
356
403
  },
357
404
  {
358
405
  value: "fluid",
359
406
  label: "Fluid",
360
- icon: "fit_screen"
407
+ icon: "maximize"
361
408
  }
362
409
  ];
363
410
  const WIDTH_OPTIONS = [
364
411
  {
365
412
  value: "full",
366
413
  label: "Full",
367
- icon: "width_full"
414
+ icon: "move-horizontal"
368
415
  },
369
416
  {
370
417
  value: "wide",
371
418
  label: "Wide",
372
- icon: "width_wide"
419
+ icon: "unfold-horizontal"
373
420
  },
374
421
  {
375
422
  value: "container",
376
423
  label: "Container",
377
- icon: "width_normal"
424
+ icon: "stretch-horizontal"
378
425
  },
379
426
  {
380
427
  value: "fluid",
381
428
  label: "Fluid",
382
- icon: "aspect_ratio"
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: "left_panel_open"
436
+ icon: "panel-left-open"
390
437
  },
391
438
  {
392
439
  value: "dockbar",
393
440
  label: "Dockbar",
394
- icon: "dock_to_left"
441
+ icon: "panel-left"
395
442
  },
396
443
  {
397
444
  value: "minidock",
398
445
  label: "Minidock",
399
- icon: "left_panel_close"
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: "open_in_new"
456
+ icon: "external-link"
410
457
  },
411
458
  {
412
459
  value: "desktop",
413
460
  label: "Desktop",
414
- icon: "desktop_windows"
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.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.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.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: "view_sidebar"
714
+ icon: "panel-right"
666
715
  }, {
667
716
  value: "collapsed",
668
717
  label: "Collapsed",
669
- icon: "first_page"
718
+ icon: "chevrons-left"
670
719
  }];
671
720
  case "dockbar": return [{
672
721
  value: "default",
673
722
  label: "Sticky",
674
- icon: "dock_to_left"
723
+ icon: "panel-left"
675
724
  }, {
676
725
  value: "drawer",
677
726
  label: "Drawer",
678
- icon: "side_navigation"
727
+ icon: "panel-left-dashed"
679
728
  }];
680
729
  default: return [{
681
730
  value: "default",
682
731
  label: "Default",
683
- icon: "tune"
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.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.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.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.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.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.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-200 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");
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.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.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.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.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.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
- "fill",
1605
- "weight",
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.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.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.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.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.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.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.2",
239
+ version: "22.2.3",
240
240
  ngImport: i0,
241
241
  type: LayoutLoadingService,
242
242
  decorators: [{ type: Service }],