@arsedizioni/ars-utils 21.2.359 → 21.2.361

package/fesm2022/arsedizioni-ars-utils-ui.oauth.mjs

@@ -22,11 +22,11 @@ var LoginOAuthType;
 })(LoginOAuthType || (LoginOAuthType = {}));
 
 class ArsUIOAuthModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ArsUIOAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: ArsUIOAuthModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ArsUIOAuthModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ArsUIOAuthModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: ArsUIOAuthModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ArsUIOAuthModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: ArsUIOAuthModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ArsUIOAuthModule, decorators: [{
             type: NgModule
         }] });
 
@@ -181,8 +181,8 @@ class LoginOAuthComponent {
         // Use wrapper click to prevent Illegal invocation exception
         googleButtonWrapper.click();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LoginOAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: LoginOAuthComponent, isStandalone: true, selector: "login-oauth", inputs: { showInfo: { classPropertyName: "showInfo", publicName: "showInfo", isSignal: true, isRequired: false, transformFunction: null }, applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: false, transformFunction: null }, autoInitialize: { classPropertyName: "autoInitialize", publicName: "autoInitialize", isSignal: true, isRequired: false, transformFunction: null }, allowMicrosoft: { classPropertyName: "allowMicrosoft", publicName: "allowMicrosoft", isSignal: true, isRequired: false, transformFunction: null }, allowGoogle: { classPropertyName: "allowGoogle", publicName: "allowGoogle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { success: "success" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LoginOAuthComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: LoginOAuthComponent, isStandalone: true, selector: "login-oauth", inputs: { showInfo: { classPropertyName: "showInfo", publicName: "showInfo", isSignal: true, isRequired: false, transformFunction: null }, applicationName: { classPropertyName: "applicationName", publicName: "applicationName", isSignal: true, isRequired: false, transformFunction: null }, autoInitialize: { classPropertyName: "autoInitialize", publicName: "autoInitialize", isSignal: true, isRequired: false, transformFunction: null }, allowMicrosoft: { classPropertyName: "allowMicrosoft", publicName: "allowMicrosoft", isSignal: true, isRequired: false, transformFunction: null }, allowGoogle: { classPropertyName: "allowGoogle", publicName: "allowGoogle", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { success: "success" }, providers: [
             {
                 provide: MSAL_INSTANCE,
                 deps: [EnvironmentService],
@@ -201,7 +201,7 @@ class LoginOAuthComponent {
             MsalBroadcastService
         ], ngImport: i0, template: "<div class=\"login-oauth\">\r\n  @if(showInfo()) {\r\n  <div class=\"message\">\r\n    <p>Questa sezione consente di accedere al servizio utilizzando un provider OAuth2.</p>\r\n    @if(applicationName()) {\r\n    <p>La email utilizzata deve essere collegata ad un utente valido di {{applicationName()}} e dei servizi ad esso\r\n      connessi.</p>\r\n    }\r\n  </div>\r\n  }\r\n  @if (allowMicrosoft()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginMSAL()\" aria-label=\"Effettua accesso\"\r\n      [disabled]=\"!oauthMicrosoftReady()\" style=\"width: 100%;\">\r\n      Accedi con Microsoft</button>\r\n  </div>\r\n  }\r\n  @if (allowGoogle()) {\r\n  <div class=\"button\">\r\n    <button mat-flat-button  (click)=\"loginGoogle()\" style=\"width: 100%;\"\r\n      aria-label=\"Effettua accesso\" [disabled]=\"!oauthGoogleReady()\">\r\n      Accedi con Google</button>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".login-oauth{text-align:center}.login-oauth .button{padding:10px 0;width:100%}.login-oauth .message{padding:0 0 10px!important;font-size:small}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LoginOAuthComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LoginOAuthComponent, decorators: [{
             type: Component,
             args: [{ selector: 'login-oauth', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -256,10 +256,10 @@ class LoginOAuthOkMSComponent {
         // it back to the opener window via BroadcastChannel, then close the popup.
         broadcastResponseToMainFrame();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LoginOAuthOkMSComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: LoginOAuthOkMSComponent, isStandalone: true, selector: "app-login-oauth-ok-ms", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\r\n  </div>\r\n</div>\r\n", styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1$1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LoginOAuthOkMSComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.15", type: LoginOAuthOkMSComponent, isStandalone: true, selector: "app-login-oauth-ok-ms", inputs: { message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\r\n  </div>\r\n</div>\r\n", styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"], dependencies: [{ kind: "ngmodule", type: FlexModule }, { kind: "directive", type: i1$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i1$1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i1$1.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LoginOAuthOkMSComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LoginOAuthOkMSComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-login-oauth-ok-ms', changeDetection: ChangeDetectionStrategy.OnPush, imports: [FlexModule, MatProgressBarModule], template: "<div fxLayout=\"column\" fxLayoutAlign=\"center center\" fxFill>\r\n  <div class=\"login-auto fade-in\">\r\n    <div class=\"message\">\r\n      Autenticazione in corso...\r\n    </div>\r\n    <mat-progress-bar mode=\"indeterminate\" color=\"primary\"></mat-progress-bar>\r\n  </div>\r\n</div>\r\n", styles: [".login-auto{padding:20px 0}.login-auto .message{font-size:large;font-weight:700;color:var(--ars-color-primary);max-width:300px;text-align:center;width:100%;padding:40px 0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }] } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arsedizioni/ars-utils",
-  "version": "21.2.359",
+  "version": "21.2.361",
   "author": {
     "email": "software@arsedizioni.it",
     "name": "Fabio Buscaroli, Alberto Doria"

package/types/arsedizioni-ars-utils-clipper.ui.d.ts

@@ -868,13 +868,18 @@ declare class ClipperDocumentComponent extends ClipperDocumentManager {
      */
     private applyIframeUrl;
     /**
-     * Sets the iframe `src` ensuring a reload happens even when the URL is identical
-     * to the current one (some browsers skip the navigation otherwise).
+     * Navigates the iframe to the given URL, always pushing a new entry into its
+     * session history — even when the URL is identical to the current one.
      *
-     * When the URL is unchanged we use `location.replace`, which forces a reload without
-     * adding a new entry to the iframe's history — this preserves the Back/Forward
-     * behaviour driven by the iframe itself. If the iframe is cross-origin and the
-     * replace throws, we fall back to a plain `src` assignment.
+     * We use `location.assign` instead of setting `src` directly so that:
+     *  - the navigation is guaranteed to happen across browsers (assigning the same
+     *    string to `src` is a no-op in some engines);
+     *  - a new history entry is added, keeping the iframe's Back stack independent
+     *    from the parent window's history. Otherwise, repeated Back presses would
+     *    eventually fall through to the host page and close the dialog.
+     *
+     * If the iframe is cross-origin and `contentWindow.location` access throws,
+     * we fall back to a plain `src` assignment.
      *
      * @param el  - The iframe element to update.
      * @param url - The URL to navigate to.
@@ -1048,7 +1053,7 @@ declare class ClipperDocumentMenuComponent {
     /** Internal counter incremented on each external selection-model change to drive signal re-evaluation. */
     private readonly selectionChangeTick;
     readonly useSelections: _angular_core.InputSignal<boolean>;
-    readonly selectionSource: _angular_core.InputSignal<"bag" | "selection" | "none">;
+    readonly selectionSource: _angular_core.InputSignal<"none" | "selection" | "bag">;
     /**
      * Computed signal that returns the current effective document selection.
      * Re-evaluates when any input signal or the underlying selection model changes.

package/types/arsedizioni-ars-utils-ui.application.d.ts

@@ -1032,7 +1032,7 @@ declare class ChipsSelectorComponent implements OnDestroy, ControlValueAccessor
     /** When `true`, at least one item must remain selected. */
     readonly mustSelect: _angular_core.InputSignal<boolean>;
     /** Layout mode: `'collapsed'` forces dropdown mode, `'dynamic'` collapses based on `collapseAt`. */
-    readonly mode: _angular_core.InputSignal<"collapsed" | "dynamic">;
+    readonly mode: _angular_core.InputSignal<"dynamic" | "collapsed">;
     /** When `true`, chips are stacked vertically instead of wrapping horizontally. */
     readonly stacked: _angular_core.InputSignal<boolean>;
     /** Chips below this index receive extra padding to align with other UI elements. */

package/types/arsedizioni-ars-utils-ui.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, Signal, Renderer2 } from '@angular/core';
+import { ElementRef, TemplateRef, InjectionToken, Signal, Renderer2 } from '@angular/core';
 import * as i1 from '@arsedizioni/ars-utils/core';
 import { PasswordStrength } from '@arsedizioni/ars-utils/core';
 import { MatPaginatorIntl } from '@angular/material/paginator';
@@ -400,7 +400,7 @@ declare class BusyDialogComponent {
     /** Current progress value (0–100). Used when `progressMode` is `'determinate'`. */
     readonly progress: _angular_core.WritableSignal<number>;
     /** Progress mode passed to the Material progress components. */
-    readonly progressMode: _angular_core.WritableSignal<"determinate" | "indeterminate">;
+    readonly progressMode: _angular_core.WritableSignal<"indeterminate" | "determinate">;
     /** Message displayed above the progress indicator. */
     readonly message: _angular_core.WritableSignal<string>;
     /**
@@ -640,9 +640,23 @@ declare class IfBpDirective {
  * They share the same media query string so CDK deduplicates them internally.
  */
 
+declare const BS5_BREAKPOINTS: Record<string, string>;
+/** InjectionToken — override to customise or extend breakpoints */
+declare const LAYOUT_BREAKPOINTS: InjectionToken<Record<string, string>>;
 /** Ordered canonical aliases, smallest → largest (used for mobile-first cascade) */
 declare const CANONICAL_ALIASES: readonly ["xs", "sm", "md", "lg", "xl", "xxl"];
 type BreakpointAlias = typeof CANONICAL_ALIASES[number];
+/**
+ * All non-canonical alias families.
+ * Used by ResponsiveBaseDirective.resolveNonCanonical() to handle lt-* / gt-* / *-up / *-down
+ * inputs without polluting the mobile-first cascade logic.
+ */
+declare const ALIAS_FAMILIES: {
+    readonly up: readonly ["sm-up", "md-up", "lg-up", "xl-up", "xxl-up"];
+    readonly down: readonly ["sm-down", "md-down", "lg-down", "xl-down"];
+    readonly gt: readonly ["gt-xs", "gt-sm", "gt-md", "gt-lg", "gt-xl"];
+    readonly lt: readonly ["lt-sm", "lt-md", "lt-lg", "lt-xl", "lt-xxl"];
+};
 
 /**
  * @file media-observer.service.ts  (v2 — optimized)
@@ -1376,5 +1390,11 @@ declare class FxClassDirective extends ResponsiveBaseDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxClassDirective, "    [fxClass],    [fxClass.xs],[fxClass.sm],[fxClass.md],[fxClass.lg],[fxClass.xl],[fxClass.xxl],    [fxClass.lt-sm],[fxClass.lt-md],[fxClass.lt-lg],[fxClass.lt-xl],[fxClass.lt-xxl],    [fxClass.gt-xs],[fxClass.gt-sm],[fxClass.gt-md],[fxClass.gt-lg],[fxClass.gt-xl],    [fxClass.sm-up],[fxClass.md-up],[fxClass.lg-up],[fxClass.xl-up],[fxClass.xxl-up],    [fxClass.sm-down],[fxClass.md-down],[fxClass.lg-down],[fxClass.xl-down]  ", never, { "fxClass": { "alias": "fxClass"; "required": false; "isSignal": true; }; "xs": { "alias": "fxClass.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxClass.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxClass.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxClass.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxClass.xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "fxClass.xxl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxClass.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxClass.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxClass.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxClass.lt-xl"; "required": false; "isSignal": true; }; "ltXxl": { "alias": "fxClass.lt-xxl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxClass.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxClass.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxClass.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxClass.gt-lg"; "required": false; "isSignal": true; }; "gtXl": { "alias": "fxClass.gt-xl"; "required": false; "isSignal": true; }; "smUp": { "alias": "fxClass.sm-up"; "required": false; "isSignal": true; }; "mdUp": { "alias": "fxClass.md-up"; "required": false; "isSignal": true; }; "lgUp": { "alias": "fxClass.lg-up"; "required": false; "isSignal": true; }; "xlUp": { "alias": "fxClass.xl-up"; "required": false; "isSignal": true; }; "xxlUp": { "alias": "fxClass.xxl-up"; "required": false; "isSignal": true; }; "smDown": { "alias": "fxClass.sm-down"; "required": false; "isSignal": true; }; "mdDown": { "alias": "fxClass.md-down"; "required": false; "isSignal": true; }; "lgDown": { "alias": "fxClass.lg-down"; "required": false; "isSignal": true; }; "xlDown": { "alias": "fxClass.xl-down"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { ALIAS_INDEX, ArsUIModule, BusyDialogComponent, BusyTimer, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, InfoDialogComponent, NON_CANONICAL_PRIORITY, OtpInputComponent, PaginatorIntl, PasswordStrengthComponent, RecoverPasswordDialogComponent, ResetPasswordDialogComponent, ResponsiveBaseDirective, ToastComponent, UIService, resolve, resolveAll, resolveNonCanonical };
-export type { ConfirmDialogData, ConfirmDialogOption, CredentialsDialogData, CredentialsDialogResult, DeleteDialogData, DialogOption, DialogResult, IDialogService, InfoDialogData, RecoverPasswordDialogData, RecoverPasswordDialogResult, ResetPasswordDialogData, ResetPasswordDialogMode, ResetPasswordDialogResult, ToastData };
+declare class ArsUIFlexModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ArsUIFlexModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ArsUIFlexModule, never, [typeof FxLayoutDirective, typeof FxLayoutWrapDirective, typeof FxFlexDirective, typeof FxShowHideDirective, typeof FxLayoutAlignDirective, typeof FxLayoutGapDirective, typeof FxFlexOrderDirective, typeof FxFlexOffsetDirective, typeof FxFlexAlignDirective, typeof FxFlexFillDirective, typeof FxStyleDirective, typeof FxClassDirective, typeof FxGridDirective, typeof FxGridColumnDirective, typeof FxGridAreaDirective, typeof IfBpDirective], [typeof FxLayoutDirective, typeof FxLayoutWrapDirective, typeof FxFlexDirective, typeof FxShowHideDirective, typeof FxLayoutAlignDirective, typeof FxLayoutGapDirective, typeof FxFlexOrderDirective, typeof FxFlexOffsetDirective, typeof FxFlexAlignDirective, typeof FxFlexFillDirective, typeof FxStyleDirective, typeof FxClassDirective, typeof FxGridDirective, typeof FxGridColumnDirective, typeof FxGridAreaDirective, typeof IfBpDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ArsUIFlexModule>;
+}
+
+export { ALIAS_FAMILIES, ALIAS_INDEX, ArsUIFlexModule, ArsUIModule, BS5_BREAKPOINTS, BusyDialogComponent, BusyTimer, CANONICAL_ALIASES, ConfirmDialogComponent, CredentialsDialogComponent, DeleteDialogComponent, DeleteDialogConfirmMode, DialogService, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, InfoDialogComponent, LAYOUT_BREAKPOINTS, MediaObserver, NON_CANONICAL_PRIORITY, OtpInputComponent, PaginatorIntl, PasswordStrengthComponent, RecoverPasswordDialogComponent, ResetPasswordDialogComponent, ResponsiveBaseDirective, ToastComponent, UIService, resolve, resolveAll, resolveNonCanonical };
+export type { BpValues, BreakpointAlias, CanonicalKey, ConfirmDialogData, ConfirmDialogOption, CredentialsDialogData, CredentialsDialogResult, DeleteDialogData, DialogOption, DialogResult, IDialogService, InfoDialogData, NcValues, NonCanonicalKey, RecoverPasswordDialogData, RecoverPasswordDialogResult, ResetPasswordDialogData, ResetPasswordDialogMode, ResetPasswordDialogResult, ToastData };