@foxeltech/angular-ui 0.0.3 → 0.0.5

package/index.d.ts

@@ -9,7 +9,7 @@ import { HttpClient, HttpEvent, HttpErrorResponse, HttpInterceptor, HttpRequest,
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
 import * as i30 from '@angular/forms';
-import { NgForm, NgControl, ControlValueAccessor, ValidationErrors } from '@angular/forms';
+import { NgForm, ValidationErrors, NgControl, ControlValueAccessor } from '@angular/forms';
 import * as i46 from '@angular/material/dialog';
 import { MatDialogRef, MatDialog } from '@angular/material/dialog';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
@@ -196,10 +196,10 @@ declare class BaseDialogComponent<T = any> extends BaseComponent implements Afte
     constructor(ref: MatDialogRef<any>, bindings: any, toastr: FxToastrService, api: HttpWrapper, dialog: MatDialog);
     ngAfterViewInit(): void;
     ngOnInit(): void;
-    accept(form: NgForm, params?: null): void;
-    create(params?: any): void;
-    update(params?: any): void;
-    updateInfo(params?: any): void;
+    accept(form: NgForm, params?: null): Promise<void>;
+    create(params?: any): Promise<void>;
+    update(params?: any): Promise<void>;
+    updateInfo(params?: any): Promise<void>;
     cancel(): void;
     validate(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseDialogComponent<any>, never>;
@@ -248,6 +248,63 @@ declare class FxUtils {
     static formatSizeUnits(bytes: number): string;
 }
 
+declare class FxValidators {
+    /**
+     * Name fields: firstName, lastName, groupName, projectName, displayName
+     * Allows: letters (Unicode), spaces, hyphens, apostrophes, periods
+     */
+    static validateName(value: string): ValidationErrors | null;
+    /**
+     * Description fields
+     * Allows: letters, digits, spaces, basic punctuation
+     */
+    static validateDescription(value: string): ValidationErrors | null;
+    /**
+     * Email fields
+     */
+    static validateEmail(value: string): ValidationErrors | null;
+    /**
+     * Phone fields
+     * Allows: digits, optional leading +, spaces, hyphens, parentheses (7-15 digits)
+     */
+    static validatePhone(value: string): ValidationErrors | null;
+    /**
+     * Code/identifier fields: server code, template code, templateId
+     * Allows: alphanumeric, hyphens, underscores
+     */
+    static validateCode(value: string): ValidationErrors | null;
+    /**
+     * Domain fields
+     * Standard domain pattern with optional port
+     */
+    static validateDomain(value: string): ValidationErrors | null;
+    /**
+     * Subject fields (email subject)
+     * Allows: letters, digits, spaces, common punctuation, template placeholders {{}}
+     */
+    static validateSubject(value: string): ValidationErrors | null;
+    /**
+     * Tag fields
+     * Allows: alphanumeric, hyphens, underscores, dots, spaces
+     */
+    static validateTag(value: string): ValidationErrors | null;
+    /**
+     * URL fields: proxy, masterUrl
+     * Standard URL pattern
+     */
+    static validateUrl(value: string): ValidationErrors | null;
+    /**
+     * Numeric string fields: timeout, memoryLimit, cpuCores
+     * Allows: digits, optional decimal point
+     */
+    static validateNumeric(value: string): ValidationErrors | null;
+    /**
+     * Version fields (semver-like)
+     * Allows: digits, dots, hyphens, plus, letters
+     */
+    static validateVersion(value: string): ValidationErrors | null;
+}
+
 declare function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader;
 declare class TranslationModule {
     static forRoot(): ModuleWithProviders<TranslationModule>;
@@ -774,6 +831,7 @@ declare class ChartComponent implements OnChanges, AfterViewInit, OnDestroy {
     private intersectionObserver?;
     private canInit;
     private isMobile;
+    private containerWidth;
     constructor(ref: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngOnChanges(): void;
@@ -785,6 +843,7 @@ declare class ChartComponent implements OnChanges, AfterViewInit, OnDestroy {
     private forceMediaRecalc;
     private rebuildChart;
     private registry;
+    private calcPieLayout;
     private detectType;
     private buildOptions;
     private resolvePalette;
@@ -1019,5 +1078,5 @@ declare class UiModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<UiModule>;
 }
 
-export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, ChartComponent, CheckboxComponent, CircleProgressBar, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, DrawerComponent, FlowConnection, FxLoadingService, FxStorageService, FxToastrService, FxUtils, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InputComponent, KanbanBoardComponent, LoadingPanel, MY_MOMENT_FORMATS, NotificationService, PermissionGuard, PermissionService, QuillStyleLoaderService, RadioButtonComponent, RadioButtonToggleComponent, RichTextAreaComponent, SearchBarComponent, SelectComponent, SkeletonTableLoadingComponent, SliderComponent, SwitchComponent, TabComponent, TabGroupComponent, TableCell, TagComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule };
+export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, ChartComponent, CheckboxComponent, CircleProgressBar, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, DrawerComponent, FlowConnection, FxLoadingService, FxStorageService, FxToastrService, FxUtils, FxValidators, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InputComponent, KanbanBoardComponent, LoadingPanel, MY_MOMENT_FORMATS, NotificationService, PermissionGuard, PermissionService, QuillStyleLoaderService, RadioButtonComponent, RadioButtonToggleComponent, RichTextAreaComponent, SearchBarComponent, SelectComponent, SkeletonTableLoadingComponent, SliderComponent, SwitchComponent, TabComponent, TabGroupComponent, TableCell, TagComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule };
 export type { Breadcrumb, ColumnChangedEvent, IChartType, IRadioButton, KanbanColumn, TableResult, TagType, ToastData, TreeNode, UploadResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxeltech/angular-ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "license": "MIT",
   "main": "bundles/ui.umd.js",
   "module": "fesm2022/foxeltech-angular-ui.mjs",

package/src/lib/ui/components/loading-panel/loading-panel.component.html

@@ -12,7 +12,13 @@
     class="relative z-10 flex flex-col items-center gap-4 p-6 rounded-2xl shadow-xl bg-bg-primary/70 border border-border-strong backdrop-bg-primary/70"
     style="min-width: 220px; max-width: 90%"
   >
-  <svg fill="rgb(var(--primary))" width="50" height="50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <svg fill="url(#spinner-gradient)" width="50" height="50" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+      <linearGradient id="spinner-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
+        <stop offset="0%" style="stop-color: rgb(var(--gradient-primary-start)); stop-opacity: 1" />
+        <stop offset="100%" style="stop-color: rgb(var(--gradient-primary-end)); stop-opacity: 1" />
+      </linearGradient>
+    </defs>
     <circle cx="4" cy="12" r="0">
       <animate begin="0;spinner_z0Or.end" attributeName="r" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="0;3" fill="freeze"/>
       <animate begin="spinner_OLMs.end" attributeName="cx" calcMode="spline" dur="0.5s" keySplines=".36,.6,.31,1" values="4;12" fill="freeze"/>