@smartbit4all/ng-client 7.3.49 → 7.3.50

package/MIGRATION-7.0.md

@@ -2236,32 +2236,56 @@ Additive, and needs the matching platform. Nothing changes for a layout that nam
   of `resolveHtml`, `DataSheetPageApi.CONTEXT_DATA_SHEET`. See HTML-WIDGET.md, *Template-kulcs egy
   tárolt layoutban*.
 
-### Icon font: Material Symbols (7.3.30)
+### Icon font: Material Symbols (7.3.30, loaded by the library from 7.3.50)
 
-**Needs action in every 7.x host, though it shipped in a patch release.** From 7.3.30 the
-library renders its font icons — `smart-icon`, the grid, form, tree, dialog and filter buttons,
-the menus — with `fontSet="material-symbols-outlined"`. Without that font loaded, every such
-icon shows its ligature as raw text (`refresh`, `search`, `more_vert`). Load it in `index.html`,
-**next to** the Material Icons font, not instead of it:
+From 7.3.30 the library renders its font icons — `smart-icon`, the grid, form, tree, dialog and
+filter buttons, the menus, and from 7.3.50 the navbar — with
+`fontSet="material-symbols-outlined"`. Without that font loaded, every such icon shows its
+ligature as raw text (`refresh`, `search`, `more_vert`).
+
+**On 7.3.30 – 7.3.49 the link below is mandatory.** From 7.3.50 `provideSmartNgClient()` links
+the stylesheet itself at start-up when the document does not load the font, so a host without
+the link still renders its icons. The link stays the recommended way: the browser fetches the
+font in parallel with the application, and a production build inlines the stylesheet.
 
 ```html
-<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
 <link
   rel="stylesheet"
   href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0"
 />
 ```
 
-- **Keep Material Icons.** A dozen library icons (the navbar's) and every plain `<mat-icon>`
-  of the host still use the default font set.
+- **The library looks before it links.** A `<link>` to Material Symbols or a font face named
+  `Material Symbols Outlined` declared by an already loaded stylesheet counts as loaded, and
+  the library adds nothing. What it adds is the URL above with `&display=block`
+  (`SMART_ICON_FONT_URL`), so the ligature text stays hidden while the font arrives.
+- **`iconFont` in `SmartNgClientConfig`** sets the stylesheet the library links (a self-hosted
+  one, a mirror), and `iconFont: false` turns the linking off.
+- **A self-hosted icon font** (the `material-icons` npm package imported in `styles.css`, as
+  in p009) has its pair in the `material-symbols` package: `@import
+  'material-symbols/outlined.css';`. Set `iconFont: false` next to it: a stylesheet that loads
+  after the application started is not seen, and the library would reach for Google.
+- **A Content Security Policy** has to allow the stylesheet and the font
+  (`style-src https://fonts.googleapis.com`, `font-src https://fonts.gstatic.com`) whichever
+  side links them.
 - **Ask for the default axis values only.** The library sets no `font-variation-settings`, so
   `@24,400,0,0` (≈320 KB) renders exactly what the full variable range
   (`@20..48,100..700,0..1,-50..200`, ≈4 MB) would.
-- **A self-hosted icon font** (the `material-icons` npm package imported in `styles.css`, as
-  in p009) has its pair in the `material-symbols` package: `@import
-  'material-symbols/outlined.css';`.
-- **Check the icon names the backend sends.** A name that only Material Icons has also renders
-  as raw text under Material Symbols — look for one in the smoke.
+- **Material Icons is the host's own business from 7.3.50.** No library icon uses the default
+  font set any more; keep its link as long as a host template has a plain `<mat-icon>`.
+- **`materialSymbolsByDefault: true`** draws those plain `<mat-icon>`s with Material Symbols
+  too, so the whole screen is one icon style and the Material Icons link can go. The host's own
+  icons turn from filled to outlined; check their names against the list below first.
+- **Filled instead of outlined** is a property of the font, not of the library. For every icon
+  at once, ask for the filled instance in the link and in `iconFont`
+  (`…:opsz,wght,FILL,GRAD@24,400,1,0`, ≈400 KB). For some icons only (an active menu item), ask
+  for the range (`@24,400,0..1,0`, ≈460 KB) and set `font-variation-settings: 'FILL' 1` where
+  wanted.
+- **Check the icon names stored as data.** 87 of the 2235 Material Icons names do not exist in
+  Material Symbols and render as raw text: brand logos, and old aliases such as
+  `info_outline`, `favorite_outline`, `bookmark_outline`, `play_circle_outline`,
+  `play_circle_filled`, `highlight_remove`, `radio_button_on`, `local_print_shop`. A source
+  search finds the ones in code; the ones in MDM entries need a look at the data.
 
 The codemod's `icon-font` rule adds the link next to a Google Material Icons link and reports a
 host that loads its icon font some other way.

package/fesm2022/smartbit4all-ng-client.mjs

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, reflectComponentType, Injectable, inject, DOCUMENT, PLATFORM_ID, Optional, Inject, SkipSelf, NgModule, RendererStyleFlags2, input, computed, Component, HostListener, HostBinding, Directive, ViewContainerRef, ElementRef, Renderer2, ChangeDetectorRef, Input, output, Injector, signal, afterNextRender, CSP_NONCE, ViewChild, ViewChildren, effect, untracked, viewChild, NgZone, DestroyRef, forwardRef, createComponent, EnvironmentInjector, ApplicationRef, ChangeDetectionStrategy, ViewEncapsulation, Pipe, runInInjectionContext, EventEmitter, Output, makeEnvironmentProviders, importProvidersFrom, provideEnvironmentInitializer } from '@angular/core';
+import { isPlatformBrowser, NgClass, NgTemplateOutlet, NgStyle, Location, AsyncPipe, NgComponentOutlet, KeyValuePipe, DatePipe, NgIf, NgForOf, DOCUMENT as DOCUMENT$1 } from '@angular/common';
 import * as i1 from '@angular/common/http';
 import { HttpHeaders, HttpContext, HttpErrorResponse, HttpParams, provideHttpClient, withInterceptors, withInterceptorsFromDi } from '@angular/common/http';
 import { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';
+import { MatIconRegistry, MatIcon } from '@angular/material/icon';
 import { NgxMaskDirective, provideNgxMask } from 'ngx-mask';
 import { QuillEditorComponent, QuillModule } from 'ngx-quill';
 import { DateFnsAdapter } from '@angular/material-date-fns-adapter';
 import { enUS, hu } from 'date-fns/locale';
-import { isPlatformBrowser, NgClass, NgTemplateOutlet, NgStyle, Location, AsyncPipe, NgComponentOutlet, KeyValuePipe, DatePipe, NgIf, NgForOf } from '@angular/common';
 import { Subject, lastValueFrom, defer, finalize, filter, startWith, map, distinctUntilChanged, tap, takeUntil, interval, merge, throwError, from, catchError as catchError$1 } from 'rxjs';
 import { catchError, switchMap, filter as filter$1, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import { deepEqual } from 'fast-equals';
@@ -15,7 +16,6 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatDialogRef, MatDialog, MAT_DIALOG_DATA, MatDialogContent, MatDialogTitle, MatDialogClose, MatDialogActions } from '@angular/material/dialog';
 import { MatButton, MatIconButton, MatMiniFabButton } from '@angular/material/button';
 import { MatTooltip } from '@angular/material/tooltip';
-import { MatIconRegistry, MatIcon } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
 import { FocusTrapFactory } from '@angular/cdk/a11y';
 import { ActivatedRoute } from '@angular/router';
@@ -56,6 +56,41 @@ import ZoomPlugin from 'chartjs-plugin-zoom';
 import ChartDataLabels from 'chartjs-plugin-datalabels';
 import { MatToolbar } from '@angular/material/toolbar';
 
+/** The font family the library's font icons are drawn with. */
+const ICON_FONT_FAMILY = 'Material Symbols Outlined';
+/**
+ * Stylesheet of the library's icon font with the default axis values only, which is all the
+ * library renders. `display=block` keeps the ligature text hidden while the font arrives.
+ */
+const SMART_ICON_FONT_URL = 'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=block';
+/**
+ * The classes of a `<mat-icon>` without `fontSet` once Material Symbols is the default font
+ * set; `mat-ligature-font` keeps the `fontIcon` attribute working, as it does for Material Icons.
+ */
+const SMART_ICON_FONT_SET_CLASSES = ['material-symbols-outlined', 'mat-ligature-font'];
+/**
+ * Links the icon font stylesheet into the document, unless the host turned it off or already
+ * loads the font: by a link of its own, or by a font face its stylesheets declare.
+ */
+function loadSmartIconFont(document, iconFont) {
+    if (iconFont === false || hasIconFont(document)) {
+        return;
+    }
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = iconFont;
+    document.head.appendChild(link);
+}
+function hasIconFont(document) {
+    let declared = false;
+    // Some browsers report the family with its quotes.
+    document.fonts.forEach((face) => {
+        declared ||= face.family.replace(/["']/g, '') === ICON_FONT_FAMILY;
+    });
+    return (declared ||
+        Array.from(document.querySelectorAll('link[rel~="stylesheet"]')).some((link) => /material[+\s-]symbols/i.test(decodeURIComponent(link.getAttribute('href') ?? ''))));
+}
+
 /** The default count limit of the Global Value Set Store's explicit sets. */
 const DEFAULT_VALUE_SET_STORE_SIZE = 200;
 /** The library's widget messages by key, in English. */
@@ -82,6 +117,7 @@ function resolveSmartNgClientConfig(config) {
     return {
         gridMenuIcon: 'more_vert',
         treeMenuIcon: 'more_vert',
+        iconFont: SMART_ICON_FONT_URL,
         dialogDisableClose: true,
         dateLocale: 'hu-HU',
         valueSetStoreSize: DEFAULT_VALUE_SET_STORE_SIZE,
@@ -29227,6 +29263,13 @@ function provideSmartNgClient(config = {}, ...features) {
         ]), withInterceptorsFromDi(), ...(resolved.httpFeatures ?? [])),
         // Keybindings listen on the document from the start, not from the first view that has some.
         provideEnvironmentInitializer(() => inject(SmartKeybindingService)),
+        // The icon font is the library's own dependency; a host that links it itself wins.
+        provideEnvironmentInitializer(() => loadSmartIconFont(inject(DOCUMENT$1), resolved.iconFont)),
+        ...(resolved.materialSymbolsByDefault
+            ? [
+                provideEnvironmentInitializer(() => inject(MatIconRegistry).setDefaultFontSetClass(...SMART_ICON_FONT_SET_CLASSES)),
+            ]
+            : []),
         ...features.map((feature) => feature.providers),
     ]);
 }
@@ -29542,11 +29585,11 @@ class SmartNavbarComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartNavbarComponent, isStandalone: true, selector: "smart-navbar", inputs: { smartNavbar: "smartNavbar" }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ["searchOption"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\n  @if (smartNavbar.icon) {\n    <img\n      class=\"title\"\n      src=\"{{ smartNavbar.icon }}\"\n      alt=\"\"\n      (click)=\"onIconClick()\"\n      />\n  }\n  <ng-content select=\"[titleComponent]\" class=\"title\"></ng-content>\n  @if (smartNavbar.searchBar) {\n    <div class=\"input\">\n      <input\n        type=\"text\"\n        placeholder=\"{{ smartNavbar.searchBar.placeholder }}\"\n        [(ngModel)]=\"searchText\"\n        />\n      @if (smartNavbar.searchBar.quickFilterLabel && smartNavbar.searchBar.quickFilters.length) {\n        <div\n          class=\"drop_down_btn\"\n          >\n          <smartform #searchOption [smartForm]=\"filterForm\"></smartform>\n          @if (smartNavbar.searchBar.icon) {\n            <button\n              class=\"search_icon\"\n              mat-icon-button\n              (click)=\"onSearchButtonClick()\"\n              >\n              <mat-icon class=\"search_icon\">{{ smartNavbar.searchBar.icon }}</mat-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (smartNavbar.filterButtonCallback) {\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"filter-btn\"\n      (click)=\"openFilters()\"\n      >\n      <div #customFilter class=\"custom-filter-holder\">\n        <ng-content select=\"[filterComponent]\"></ng-content>\n      </div>\n      @if (!customFilter.hasChildNodes()) {\n        <mat-icon>filter_list</mat-icon> {{ smartNavbar.filterButtonLabel }}\n      }\n    </button>\n  }\n  @if (smartNavbar.userSettings) {\n    <div class=\"account-content\">\n      @if (smartNavbar?.notification) {\n        <button\n          mat-button\n          [color]=\"$safeNavigationMigration(smartNavbar.notification?.iconColor)\"\n          (click)=\"onNotificationClick()\"\n          class=\"notification-btn\"\n          >\n          <mat-icon>\n            {{ smartNavbar.notification?.icon }}\n          </mat-icon>\n        </button>\n      }\n      <button mat-button color=\"primary\" [matMenuTriggerFor]=\"menu\">\n        @if (smartNavbar.userSettings.icon) {\n          <mat-icon>\n            {{ smartNavbar.userSettings.icon }}\n          </mat-icon>\n        }\n        @if (!smartNavbar.userSettings.icon) {\n          <mat-icon> person_outline </mat-icon>\n        }\n        {{ smartNavbar.userSettings.label }}\n        <mat-icon>arrow_drop_down</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        @for (btn of smartNavbar.userSettings.settings; track btn) {\n          <button\n            mat-menu-item\n            (click)=\"btn.callback()\"\n            class=\"menuButton\"\n            >\n            @if (btn.icon && btn.iconPosition === buttonPosition().FRONT) {\n              <mat-icon class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n            <div class=\"menuLabel\">\n              {{ btn.label }}\n            </div>\n            @if (btn.icon && btn.iconPosition === buttonPosition().POST) {\n              <mat-icon class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n          </button>\n        }\n      </mat-menu>\n    </div>\n  }\n</mat-toolbar>\n", styles: [".filter-btn{margin-left:20px}input[type=text]{flex:1;background:#fff;height:40px;border:none;outline:none;padding:0 25px;border-radius:25px 0 0 25px}.drop_down_btn{position:relative;left:-5;border-radius:0 25px 25px 0;height:40px;border:none;outline:none;cursor:pointer;background:#fff;color:#00a8da;display:flex;align-items:center;padding-right:20px}.input{flex:1;position:relative;font-size:20px;display:flex;flex-direction:row;align-items:center;padding-left:30px}mat-toolbar{height:var(--navbar-height)}::ng-deep .navbar-form .mat-form-field-appearance-outline .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline{opacity:.75!important;color:#fff}.account-content{margin-left:75px}.title{margin-right:75px}.account-content>*{margin-left:30px}.account-content>*:first-child{margin-left:0}.custom-filter-holder{display:flex;align-items:center}.menuButton{display:flex;flex-direction:row;gap:.5rem}.menuLabel{flex:1;text-align:left}\n"], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SmartNavbarComponent, isStandalone: true, selector: "smart-navbar", inputs: { smartNavbar: "smartNavbar" }, viewQueries: [{ propertyName: "formComp", first: true, predicate: ["searchOption"], descendants: true }], ngImport: i0, template: "<mat-toolbar>\n  @if (smartNavbar.icon) {\n    <img\n      class=\"title\"\n      src=\"{{ smartNavbar.icon }}\"\n      alt=\"\"\n      (click)=\"onIconClick()\"\n      />\n  }\n  <ng-content select=\"[titleComponent]\" class=\"title\"></ng-content>\n  @if (smartNavbar.searchBar) {\n    <div class=\"input\">\n      <input\n        type=\"text\"\n        placeholder=\"{{ smartNavbar.searchBar.placeholder }}\"\n        [(ngModel)]=\"searchText\"\n        />\n      @if (smartNavbar.searchBar.quickFilterLabel && smartNavbar.searchBar.quickFilters.length) {\n        <div\n          class=\"drop_down_btn\"\n          >\n          <smartform #searchOption [smartForm]=\"filterForm\"></smartform>\n          @if (smartNavbar.searchBar.icon) {\n            <button\n              class=\"search_icon\"\n              mat-icon-button\n              (click)=\"onSearchButtonClick()\"\n              >\n              <mat-icon fontSet=\"material-symbols-outlined\" class=\"search_icon\">{{ smartNavbar.searchBar.icon }}</mat-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (smartNavbar.filterButtonCallback) {\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"filter-btn\"\n      (click)=\"openFilters()\"\n      >\n      <div #customFilter class=\"custom-filter-holder\">\n        <ng-content select=\"[filterComponent]\"></ng-content>\n      </div>\n      @if (!customFilter.hasChildNodes()) {\n        <mat-icon fontSet=\"material-symbols-outlined\">filter_list</mat-icon> {{ smartNavbar.filterButtonLabel }}\n      }\n    </button>\n  }\n  @if (smartNavbar.userSettings) {\n    <div class=\"account-content\">\n      @if (smartNavbar?.notification) {\n        <button\n          mat-button\n          [color]=\"$safeNavigationMigration(smartNavbar.notification?.iconColor)\"\n          (click)=\"onNotificationClick()\"\n          class=\"notification-btn\"\n          >\n          <mat-icon fontSet=\"material-symbols-outlined\">\n            {{ smartNavbar.notification?.icon }}\n          </mat-icon>\n        </button>\n      }\n      <button mat-button color=\"primary\" [matMenuTriggerFor]=\"menu\">\n        @if (smartNavbar.userSettings.icon) {\n          <mat-icon fontSet=\"material-symbols-outlined\">\n            {{ smartNavbar.userSettings.icon }}\n          </mat-icon>\n        }\n        @if (!smartNavbar.userSettings.icon) {\n          <mat-icon fontSet=\"material-symbols-outlined\"> person_outline </mat-icon>\n        }\n        {{ smartNavbar.userSettings.label }}\n        <mat-icon fontSet=\"material-symbols-outlined\">arrow_drop_down</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        @for (btn of smartNavbar.userSettings.settings; track btn) {\n          <button\n            mat-menu-item\n            (click)=\"btn.callback()\"\n            class=\"menuButton\"\n            >\n            @if (btn.icon && btn.iconPosition === buttonPosition().FRONT) {\n              <mat-icon fontSet=\"material-symbols-outlined\" class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n            <div class=\"menuLabel\">\n              {{ btn.label }}\n            </div>\n            @if (btn.icon && btn.iconPosition === buttonPosition().POST) {\n              <mat-icon fontSet=\"material-symbols-outlined\" class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n          </button>\n        }\n      </mat-menu>\n    </div>\n  }\n</mat-toolbar>\n", styles: [".filter-btn{margin-left:20px}input[type=text]{flex:1;background:#fff;height:40px;border:none;outline:none;padding:0 25px;border-radius:25px 0 0 25px}.drop_down_btn{position:relative;left:-5;border-radius:0 25px 25px 0;height:40px;border:none;outline:none;cursor:pointer;background:#fff;color:#00a8da;display:flex;align-items:center;padding-right:20px}.input{flex:1;position:relative;font-size:20px;display:flex;flex-direction:row;align-items:center;padding-left:30px}mat-toolbar{height:var(--navbar-height)}::ng-deep .navbar-form .mat-form-field-appearance-outline .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline{opacity:.75!important;color:#fff}.account-content{margin-left:75px}.title{margin-right:75px}.account-content>*{margin-left:30px}.account-content>*:first-child{margin-left:0}.custom-filter-holder{display:flex;align-items:center}.menuButton{display:flex;flex-direction:row;gap:.5rem}.menuLabel{flex:1;text-align:left}\n"], dependencies: [{ kind: "component", type: MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SmartformComponent, selector: "smartform", inputs: ["smartForm"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "component", type: MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SmartNavbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'smart-navbar', encapsulation: ViewEncapsulation.Emulated, imports: [MatToolbar, FormsModule, SmartformComponent, MatIconButton, MatIcon, MatButton, MatMenuTrigger, MatMenu, MatMenuItem], template: "<mat-toolbar>\n  @if (smartNavbar.icon) {\n    <img\n      class=\"title\"\n      src=\"{{ smartNavbar.icon }}\"\n      alt=\"\"\n      (click)=\"onIconClick()\"\n      />\n  }\n  <ng-content select=\"[titleComponent]\" class=\"title\"></ng-content>\n  @if (smartNavbar.searchBar) {\n    <div class=\"input\">\n      <input\n        type=\"text\"\n        placeholder=\"{{ smartNavbar.searchBar.placeholder }}\"\n        [(ngModel)]=\"searchText\"\n        />\n      @if (smartNavbar.searchBar.quickFilterLabel && smartNavbar.searchBar.quickFilters.length) {\n        <div\n          class=\"drop_down_btn\"\n          >\n          <smartform #searchOption [smartForm]=\"filterForm\"></smartform>\n          @if (smartNavbar.searchBar.icon) {\n            <button\n              class=\"search_icon\"\n              mat-icon-button\n              (click)=\"onSearchButtonClick()\"\n              >\n              <mat-icon class=\"search_icon\">{{ smartNavbar.searchBar.icon }}</mat-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (smartNavbar.filterButtonCallback) {\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"filter-btn\"\n      (click)=\"openFilters()\"\n      >\n      <div #customFilter class=\"custom-filter-holder\">\n        <ng-content select=\"[filterComponent]\"></ng-content>\n      </div>\n      @if (!customFilter.hasChildNodes()) {\n        <mat-icon>filter_list</mat-icon> {{ smartNavbar.filterButtonLabel }}\n      }\n    </button>\n  }\n  @if (smartNavbar.userSettings) {\n    <div class=\"account-content\">\n      @if (smartNavbar?.notification) {\n        <button\n          mat-button\n          [color]=\"$safeNavigationMigration(smartNavbar.notification?.iconColor)\"\n          (click)=\"onNotificationClick()\"\n          class=\"notification-btn\"\n          >\n          <mat-icon>\n            {{ smartNavbar.notification?.icon }}\n          </mat-icon>\n        </button>\n      }\n      <button mat-button color=\"primary\" [matMenuTriggerFor]=\"menu\">\n        @if (smartNavbar.userSettings.icon) {\n          <mat-icon>\n            {{ smartNavbar.userSettings.icon }}\n          </mat-icon>\n        }\n        @if (!smartNavbar.userSettings.icon) {\n          <mat-icon> person_outline </mat-icon>\n        }\n        {{ smartNavbar.userSettings.label }}\n        <mat-icon>arrow_drop_down</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        @for (btn of smartNavbar.userSettings.settings; track btn) {\n          <button\n            mat-menu-item\n            (click)=\"btn.callback()\"\n            class=\"menuButton\"\n            >\n            @if (btn.icon && btn.iconPosition === buttonPosition().FRONT) {\n              <mat-icon class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n            <div class=\"menuLabel\">\n              {{ btn.label }}\n            </div>\n            @if (btn.icon && btn.iconPosition === buttonPosition().POST) {\n              <mat-icon class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n          </button>\n        }\n      </mat-menu>\n    </div>\n  }\n</mat-toolbar>\n", styles: [".filter-btn{margin-left:20px}input[type=text]{flex:1;background:#fff;height:40px;border:none;outline:none;padding:0 25px;border-radius:25px 0 0 25px}.drop_down_btn{position:relative;left:-5;border-radius:0 25px 25px 0;height:40px;border:none;outline:none;cursor:pointer;background:#fff;color:#00a8da;display:flex;align-items:center;padding-right:20px}.input{flex:1;position:relative;font-size:20px;display:flex;flex-direction:row;align-items:center;padding-left:30px}mat-toolbar{height:var(--navbar-height)}::ng-deep .navbar-form .mat-form-field-appearance-outline .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline{opacity:.75!important;color:#fff}.account-content{margin-left:75px}.title{margin-right:75px}.account-content>*{margin-left:30px}.account-content>*:first-child{margin-left:0}.custom-filter-holder{display:flex;align-items:center}.menuButton{display:flex;flex-direction:row;gap:.5rem}.menuLabel{flex:1;text-align:left}\n"] }]
+            args: [{ selector: 'smart-navbar', encapsulation: ViewEncapsulation.Emulated, imports: [MatToolbar, FormsModule, SmartformComponent, MatIconButton, MatIcon, MatButton, MatMenuTrigger, MatMenu, MatMenuItem], template: "<mat-toolbar>\n  @if (smartNavbar.icon) {\n    <img\n      class=\"title\"\n      src=\"{{ smartNavbar.icon }}\"\n      alt=\"\"\n      (click)=\"onIconClick()\"\n      />\n  }\n  <ng-content select=\"[titleComponent]\" class=\"title\"></ng-content>\n  @if (smartNavbar.searchBar) {\n    <div class=\"input\">\n      <input\n        type=\"text\"\n        placeholder=\"{{ smartNavbar.searchBar.placeholder }}\"\n        [(ngModel)]=\"searchText\"\n        />\n      @if (smartNavbar.searchBar.quickFilterLabel && smartNavbar.searchBar.quickFilters.length) {\n        <div\n          class=\"drop_down_btn\"\n          >\n          <smartform #searchOption [smartForm]=\"filterForm\"></smartform>\n          @if (smartNavbar.searchBar.icon) {\n            <button\n              class=\"search_icon\"\n              mat-icon-button\n              (click)=\"onSearchButtonClick()\"\n              >\n              <mat-icon fontSet=\"material-symbols-outlined\" class=\"search_icon\">{{ smartNavbar.searchBar.icon }}</mat-icon>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n  @if (smartNavbar.filterButtonCallback) {\n    <button\n      mat-raised-button\n      color=\"primary\"\n      class=\"filter-btn\"\n      (click)=\"openFilters()\"\n      >\n      <div #customFilter class=\"custom-filter-holder\">\n        <ng-content select=\"[filterComponent]\"></ng-content>\n      </div>\n      @if (!customFilter.hasChildNodes()) {\n        <mat-icon fontSet=\"material-symbols-outlined\">filter_list</mat-icon> {{ smartNavbar.filterButtonLabel }}\n      }\n    </button>\n  }\n  @if (smartNavbar.userSettings) {\n    <div class=\"account-content\">\n      @if (smartNavbar?.notification) {\n        <button\n          mat-button\n          [color]=\"$safeNavigationMigration(smartNavbar.notification?.iconColor)\"\n          (click)=\"onNotificationClick()\"\n          class=\"notification-btn\"\n          >\n          <mat-icon fontSet=\"material-symbols-outlined\">\n            {{ smartNavbar.notification?.icon }}\n          </mat-icon>\n        </button>\n      }\n      <button mat-button color=\"primary\" [matMenuTriggerFor]=\"menu\">\n        @if (smartNavbar.userSettings.icon) {\n          <mat-icon fontSet=\"material-symbols-outlined\">\n            {{ smartNavbar.userSettings.icon }}\n          </mat-icon>\n        }\n        @if (!smartNavbar.userSettings.icon) {\n          <mat-icon fontSet=\"material-symbols-outlined\"> person_outline </mat-icon>\n        }\n        {{ smartNavbar.userSettings.label }}\n        <mat-icon fontSet=\"material-symbols-outlined\">arrow_drop_down</mat-icon>\n      </button>\n      <mat-menu #menu=\"matMenu\">\n        @for (btn of smartNavbar.userSettings.settings; track btn) {\n          <button\n            mat-menu-item\n            (click)=\"btn.callback()\"\n            class=\"menuButton\"\n            >\n            @if (btn.icon && btn.iconPosition === buttonPosition().FRONT) {\n              <mat-icon fontSet=\"material-symbols-outlined\" class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n            <div class=\"menuLabel\">\n              {{ btn.label }}\n            </div>\n            @if (btn.icon && btn.iconPosition === buttonPosition().POST) {\n              <mat-icon fontSet=\"material-symbols-outlined\" class=\"menuIcon\">\n                {{ btn.icon }}\n              </mat-icon>\n            }\n          </button>\n        }\n      </mat-menu>\n    </div>\n  }\n</mat-toolbar>\n", styles: [".filter-btn{margin-left:20px}input[type=text]{flex:1;background:#fff;height:40px;border:none;outline:none;padding:0 25px;border-radius:25px 0 0 25px}.drop_down_btn{position:relative;left:-5;border-radius:0 25px 25px 0;height:40px;border:none;outline:none;cursor:pointer;background:#fff;color:#00a8da;display:flex;align-items:center;padding-right:20px}.input{flex:1;position:relative;font-size:20px;display:flex;flex-direction:row;align-items:center;padding-left:30px}mat-toolbar{height:var(--navbar-height)}::ng-deep .navbar-form .mat-form-field-appearance-outline .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline,::ng-deep .navbar-form .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline{opacity:.75!important;color:#fff}.account-content{margin-left:75px}.title{margin-right:75px}.account-content>*{margin-left:30px}.account-content>*:first-child{margin-left:0}.custom-filter-holder{display:flex;align-items:center}.menuButton{display:flex;flex-direction:row;gap:.5rem}.menuLabel{flex:1;text-align:left}\n"] }]
         }], ctorParameters: () => [], propDecorators: { smartNavbar: [{
                 type: Input
             }], formComp: [{
@@ -29953,5 +29996,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ACLEntry, APIS$5 as APIS, AclEditingViewComponent, ApiModule$5 as ApiModule, ApiQueueService, BASE_PATH$7 as BASE_PATH, COLLECTION_FORMATS$7 as COLLECTION_FORMATS, CUSTOM_DIAGRAM_OPTIONS, CaptureDeviceStart, CaptureHandover, CaptureMode, CaptureOpenDirection, CloseResult, CodeEditorLang, ComponentFactoryService, ComponentType, ComponentWidgetType, Configuration$7 as Configuration, DEFAULT_ROW_LAYOUT, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultChartOptionsProvider, DefaultUiActionCode_CLOSE, DrawTime, EMPTY_PARAMS, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FileUploaderSource, FileUploaderThumbnail, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionBuilderUiModelTypeEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GenericPageComponent, GeoMapDataLoadingMode, GeoMapDataSourceType, GeoMapItemKind, GeoMapOperationMode, GeoMapSelectionMode, GeoMapTextType, GridColumnContentType, GridDataAccessConfigKindEnum, GridDefaultRowActionTrigger, GridRowStateDisplay, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, HighlightPipe, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, InvalidSmartlinkComponent, LayoutDirection, LinkTargetEnum, MAP_ENGINE, MapEngine, MenuOpenDirection, MenuTriggerType, MessageOptionType, MessageTextType, MessageType, NAMED_VALIDATOR, NamedValidatorOperationEnum, NamedValidatorService, NoPermissionPageComponent, PageExportFieldScope, PageExportSelectionKind, PageExportValueType, PageExportValuesSource, REUSE_ROUTER_SLOT_COMPONENT, ROOT_CONTAINER_UUID, ROUTER_SLOT_ID, RecordingUploaderPropertiesOpenDirectionEnum, SMART_DATE_FORMATS, SMART_DEFAULT_VIEW_COMPONENTS, SMART_MESSAGE_DEFAULTS, SMART_NG_CLIENT_CONFIG, SMART_ROW_LAYOUT_COMPONENT, SearchPageComponent, SelectAllMode, SelectionDefinitionTypeEnum, SelectionDefinitionValueSetValueTypeEnum, ServerRequestType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartActionHost, SmartActionType, SmartBackendBootstrapService, SmartComponent, SmartComponentApiClient, SmartComponentDetachedDirective, SmartComponentHost, SmartComponentLayoutComponent, SmartDateFnsAdapter, SmartDatePipe, SmartDateTimePipe, SmartDefaultErrorUiService, SmartDiagramComponent, SmartDialog, SmartEmbeddedSlotDirective, SmartExpandableSectionService, SmartFileEditorComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorService, SmartFilterExpressionFieldComponent, SmartFilterPosition, SmartFilterType, SmartFilterWidgetComponent, SmartFormInputMode, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridService, SmartGridType, SmartIconComponent, SmartIconService, SmartKeybindingService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkMigrationStatusStatusEnum, SmartLinkUuidVariableInPath, SmartMapComponent, SmartMultiFileEditorComponent, SmartNavbarComponent, SmartNavbarService, SmartNavigationService, SmartNgClientFeatureKind, SmartService, SmartSessionService, SmartSessionTimerComponent, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartValueSetStore, SmartViewContextService, SmartViewRedirect, SmartVoiceRecorderComponent, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmarttreeGenericService, SmarttreeService, SubjectSelectorComponent, ThemeService, ToggleLabelPosition, ToolbarAlignment, ToolbarAppearance, ToolbarDirection, TreeArrowPosition, TreeGridControl, USE_ADVANCED_FILTER, UiActionButtonComponent, UiActionButtonType, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogButtonComponent, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, UiBadgeComponent, UiBadgeDirective, UploadWidgetType, ValidationResultPageComponent, ValueChangeMode, ValueSetDependencyWhenParentEmptyEnum, ViewContextRebuiltError, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType, barChart, bubbleChart, createBasicOptions, doughnutChart, formatChord, formatMessage, hasGroupEditActions, horizontalBarChart, horizontalStackedBarChart, injectSmartComponent, isMacPlatform, isMergedExtra, matches, multiAxisLineChart, parseChord, pieChart, polarAreaChart, provideSmartNgClient, radarChart, registerSmartWidget, resolveDateLocale, resolveSlot, resolveSmartNgClientConfig, resolveViewHandler, scatterChart, stackedBarChart, transformDataToBarLikeDataSet, transformDataToBasicDataSets, transformDataToBubble, transformDataToScatter, withSmartDiagram, withSmartMap };
+export { ACLEntry, APIS$5 as APIS, AclEditingViewComponent, ApiModule$5 as ApiModule, ApiQueueService, BASE_PATH$7 as BASE_PATH, COLLECTION_FORMATS$7 as COLLECTION_FORMATS, CUSTOM_DIAGRAM_OPTIONS, CaptureDeviceStart, CaptureHandover, CaptureMode, CaptureOpenDirection, CloseResult, CodeEditorLang, ComponentFactoryService, ComponentType, ComponentWidgetType, Configuration$7 as Configuration, DEFAULT_ROW_LAYOUT, DIALOG_DISABLE_CLOSE, DataChangeKind, DefaultChartOptionsProvider, DefaultUiActionCode_CLOSE, DrawTime, EMPTY_PARAMS, ExpandableSectionButtonIconPosition, ExpandableSectionButtonType, ExpandableSectionComponent, FileUploaderSource, FileUploaderThumbnail, FilterExpressionBoolOperator$1 as FilterExpressionBoolOperator, FilterExpressionBuilderGroupBuilderGroupKindEnum, FilterExpressionBuilderUiModelTypeEnum, FilterExpressionDataType, FilterExpressionFieldWidgetType, FilterExpressionOperation, FilterExpressionOrderByOrderEnum, GenericPageComponent, GeoMapDataLoadingMode, GeoMapDataSourceType, GeoMapItemKind, GeoMapOperationMode, GeoMapSelectionMode, GeoMapTextType, GridColumnContentType, GridDataAccessConfigKindEnum, GridDefaultRowActionTrigger, GridRowStateDisplay, GridSelectionMode, GridSelectionType, GridUiActionType, GridViewDescriptorKindEnum, HighlightPipe, IS_ASYNC_PARAM_NAME, IconPosition, ImageResourceKindEnum, InvalidSmartlinkComponent, LayoutDirection, LinkTargetEnum, MAP_ENGINE, MapEngine, MenuOpenDirection, MenuTriggerType, MessageOptionType, MessageTextType, MessageType, NAMED_VALIDATOR, NamedValidatorOperationEnum, NamedValidatorService, NoPermissionPageComponent, PageExportFieldScope, PageExportSelectionKind, PageExportValueType, PageExportValuesSource, REUSE_ROUTER_SLOT_COMPONENT, ROOT_CONTAINER_UUID, ROUTER_SLOT_ID, RecordingUploaderPropertiesOpenDirectionEnum, SMART_DATE_FORMATS, SMART_DEFAULT_VIEW_COMPONENTS, SMART_ICON_FONT_SET_CLASSES, SMART_ICON_FONT_URL, SMART_MESSAGE_DEFAULTS, SMART_NG_CLIENT_CONFIG, SMART_ROW_LAYOUT_COMPONENT, SearchPageComponent, SelectAllMode, SelectionDefinitionTypeEnum, SelectionDefinitionValueSetValueTypeEnum, ServerRequestType, SessionAPIS, SessionErrorBehaviour, SessionService, SmartActionHost, SmartActionType, SmartBackendBootstrapService, SmartComponent, SmartComponentApiClient, SmartComponentDetachedDirective, SmartComponentHost, SmartComponentLayoutComponent, SmartDateFnsAdapter, SmartDatePipe, SmartDateTimePipe, SmartDefaultErrorUiService, SmartDiagramComponent, SmartDialog, SmartEmbeddedSlotDirective, SmartExpandableSectionService, SmartFileEditorComponent, SmartFilterComponent, SmartFilterEditorContentComponent, SmartFilterEditorService, SmartFilterExpressionFieldComponent, SmartFilterPosition, SmartFilterType, SmartFilterWidgetComponent, SmartFormInputMode, SmartFormTextFieldButtonIconPosition, SmartFormWidgetDirection, SmartFormWidgetType, SmartFormWidgetWidth, SmartGridButtonType, SmartGridComponent, SmartGridDataLayout, SmartGridService, SmartGridType, SmartIconComponent, SmartIconService, SmartKeybindingService, SmartLayoutDef, SmartLinkChannelVariableInPath, SmartLinkMigrationStatusStatusEnum, SmartLinkUuidVariableInPath, SmartMapComponent, SmartMultiFileEditorComponent, SmartNavbarComponent, SmartNavbarService, SmartNavigationService, SmartNgClientFeatureKind, SmartService, SmartSessionService, SmartSessionTimerComponent, SmartTable, SmartTableButtonType, SmartTableHeaderPropertyType, SmartTableInterfaceTypeEnum, SmartTableOptionButtonDirection, SmartTableOrder, SmartTableType, SmartTimePipe, SmartTooltipDirective, SmartTreeComponent, SmartTreeNodeButtonType, SmartUserSettinsIconPosition, SmartValidatorName, SmartValueSetStore, SmartViewContextService, SmartViewRedirect, SmartVoiceRecorderComponent, SmartWidgetHintPosition, SmartWidgetHintPositionEnum, SmartdialogService, SmartfileuploaderComponent, SmartformComponent, SmartformLayoutDefinitionService, SmarttreeGenericService, SmarttreeService, SubjectSelectorComponent, ThemeService, ToggleLabelPosition, ToolbarAlignment, ToolbarAppearance, ToolbarDirection, TreeArrowPosition, TreeGridControl, USE_ADVANCED_FILTER, UiActionButtonComponent, UiActionButtonType, UiActionConfirmDialogService, UiActionDescriptorService, UiActionDialogButtonComponent, UiActionDialogType, UiActionFeedbackType, UiActionInputDialogService, UiActionInputType, UiActionService, UiActionToolbarComponent, UiActionTooltipTooltipPositionEnum, UiBadgeComponent, UiBadgeDirective, UploadWidgetType, ValidationResultPageComponent, ValueChangeMode, ValueSetDependencyWhenParentEmptyEnum, ViewContextRebuiltError, ViewEventHandlerViewEventTypeEnum, ViewService, ViewState, ViewType, barChart, bubbleChart, createBasicOptions, doughnutChart, formatChord, formatMessage, hasGroupEditActions, horizontalBarChart, horizontalStackedBarChart, injectSmartComponent, isMacPlatform, isMergedExtra, loadSmartIconFont, matches, multiAxisLineChart, parseChord, pieChart, polarAreaChart, provideSmartNgClient, radarChart, registerSmartWidget, resolveDateLocale, resolveSlot, resolveSmartNgClientConfig, resolveViewHandler, scatterChart, stackedBarChart, transformDataToBarLikeDataSet, transformDataToBasicDataSets, transformDataToBubble, transformDataToScatter, withSmartDiagram, withSmartMap };
 //# sourceMappingURL=smartbit4all-ng-client.mjs.map