@solcre-org/core-ui 2.16.2 → 2.16.3

package/fesm2022/solcre-org-core-ui.mjs

@@ -5965,11 +5965,30 @@ class GenericButtonComponent {
             return true;
         if (this.config().requiredPermission) {
             const perm = this.config().requiredPermission;
-            const hasPermission = this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+            const hasPermission = this.checkRequiredPermission(perm);
             return !hasPermission;
         }
         return false;
     });
+    checkRequiredPermission(perm) {
+        if (perm.custom_action && perm.action) {
+            return this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+        }
+        const resources = perm.resources || (perm.resource ? [perm.resource] : []);
+        const actions = perm.actions || (perm.action ? [perm.action] : []);
+        if (resources.length === 0 && actions.length === 0) {
+            return true;
+        }
+        const resourcesToCheck = resources.length > 0 ? resources : [undefined];
+        for (const resource of resourcesToCheck) {
+            for (const action of actions) {
+                if (this.permissionService.hasPermission(resource, action)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
     buttonClasses = computed(() => {
         const config = this.config();
         const classes = [];
@@ -10269,7 +10288,26 @@ class DropdownComponent {
     hasPermission(action) {
         if (!action.requiredPermission)
             return true;
-        return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action);
+        return this.checkRequiredPermission(action.requiredPermission);
+    }
+    checkRequiredPermission(perm) {
+        if (perm.custom_action && perm.action) {
+            return this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+        }
+        const resources = perm.resources || (perm.resource ? [perm.resource] : []);
+        const actions = perm.actions || (perm.action ? [perm.action] : []);
+        if (resources.length === 0 && actions.length === 0) {
+            return true;
+        }
+        const resourcesToCheck = resources.length > 0 ? resources : [undefined];
+        for (const resource of resourcesToCheck) {
+            for (const actionItem of actions) {
+                if (this.permissionService.hasPermission(resource, actionItem)) {
+                    return true;
+                }
+            }
+        }
+        return false;
     }
     shouldShowAction(actionConfig) {
         const currentRow = this.row();
@@ -12492,7 +12530,7 @@ class FixedActionsMobileModalComponent {
     });
     shouldShowAction(action) {
         if (action.requiredPermission) {
-            const hasPermission = this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+            const hasPermission = this.checkRequiredPermission(action.requiredPermission);
             if (!hasPermission)
                 return false;
         }
@@ -12501,7 +12539,7 @@ class FixedActionsMobileModalComponent {
             return action.shouldShow(data.data);
         }
         if (action.customAction?.requiredPermission) {
-            const hasPermission = this.permissionService.hasPermission(action.customAction.requiredPermission.resource, action.customAction.requiredPermission.action, action.customAction.requiredPermission.custom_action);
+            const hasPermission = this.checkRequiredPermission(action.customAction.requiredPermission);
             if (!hasPermission)
                 return false;
         }
@@ -12509,7 +12547,7 @@ class FixedActionsMobileModalComponent {
             return action.customAction.shouldShow(data.data);
         }
         if (action.globalAction?.requiredPermission) {
-            const hasPermission = this.permissionService.hasPermission(action.globalAction.requiredPermission.resource, action.globalAction.requiredPermission.action, action.globalAction.requiredPermission.custom_action);
+            const hasPermission = this.checkRequiredPermission(action.globalAction.requiredPermission);
             if (!hasPermission)
                 return false;
         }
@@ -12557,6 +12595,25 @@ class FixedActionsMobileModalComponent {
             this.onClose();
         }
     }
+    checkRequiredPermission(perm) {
+        if (perm.custom_action && perm.action) {
+            return this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+        }
+        const resources = perm.resources || (perm.resource ? [perm.resource] : []);
+        const actions = perm.actions || (perm.action ? [perm.action] : []);
+        if (resources.length === 0 && actions.length === 0) {
+            return true;
+        }
+        const resourcesToCheck = resources.length > 0 ? resources : [undefined];
+        for (const resource of resourcesToCheck) {
+            for (const action of actions) {
+                if (this.permissionService.hasPermission(resource, action)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FixedActionsMobileModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FixedActionsMobileModalComponent, isStandalone: true, selector: "core-fixed-actions-mobile-modal", ngImport: i0, template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  [class.is-disabled]=\"isActionDisabled(action)\"\n                  [attr.aria-disabled]=\"isActionDisabled(action)\"\n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action) | coreIconCompat\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
@@ -12834,8 +12891,7 @@ class GenericTableComponent {
             const modalActions = [];
             const createAction = this.actions().find(a => a.action === TableAction.CREATE);
             if (createAction && createAction.mobileConfig?.showInsideModal !== false && !this.getMobileShowInHeader(createAction) && !this.getMobileShowOutsideFixedActions(createAction)) {
-                if (!createAction.requiredPermission ||
-                    this.permissionService.hasPermission(createAction.requiredPermission.resource, createAction.requiredPermission.action, createAction.requiredPermission.custom_action)) {
+                if (!createAction.requiredPermission || this.checkRequiredPermission(createAction.requiredPermission)) {
                     modalActions.push({
                         icon: createAction.icon || this.getDefaultIconForAction(TableAction.CREATE),
                         label: this.getActionLabel(TableAction.CREATE),
@@ -13643,7 +13699,7 @@ class GenericTableComponent {
     }
     shouldShowFixedAction(action) {
         if (action.requiredPermission) {
-            const hasPermission = this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+            const hasPermission = this.checkRequiredPermission(action.requiredPermission);
             if (!hasPermission)
                 return false;
         }
@@ -13652,7 +13708,7 @@ class GenericTableComponent {
             return action.shouldShow(selectedRow);
         }
         if (action.customAction?.requiredPermission) {
-            const hasPermission = this.permissionService.hasPermission(action.customAction.requiredPermission.resource, action.customAction.requiredPermission.action, action.customAction.requiredPermission.custom_action);
+            const hasPermission = this.checkRequiredPermission(action.customAction.requiredPermission);
             if (!hasPermission)
                 return false;
         }
@@ -13663,7 +13719,7 @@ class GenericTableComponent {
             }
         }
         if (action.globalAction?.requiredPermission) {
-            const hasPermission = this.permissionService.hasPermission(action.globalAction.requiredPermission.resource, action.globalAction.requiredPermission.action, action.globalAction.requiredPermission.custom_action);
+            const hasPermission = this.checkRequiredPermission(action.globalAction.requiredPermission);
             if (!hasPermission)
                 return false;
         }
@@ -13902,7 +13958,26 @@ class GenericTableComponent {
     hasPermission(action) {
         if (!action.requiredPermission)
             return true;
-        return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+        return this.checkRequiredPermission(action.requiredPermission);
+    }
+    checkRequiredPermission(perm) {
+        if (perm.custom_action && perm.action) {
+            return this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+        }
+        const resources = perm.resources || (perm.resource ? [perm.resource] : []);
+        const actions = perm.actions || (perm.action ? [perm.action] : []);
+        if (resources.length === 0 && actions.length === 0) {
+            return true;
+        }
+        const resourcesToCheck = resources.length > 0 ? resources : [undefined];
+        for (const resource of resourcesToCheck) {
+            for (const action of actions) {
+                if (this.permissionService.hasPermission(resource, action)) {
+                    return true;
+                }
+            }
+        }
+        return false;
     }
     showFiltersPopup() {
         this.isFilterModalOpen.set(true);
@@ -16204,7 +16279,7 @@ class HeaderComponent {
     hasPermission(action) {
         if (!action.requiredPermission)
             return true;
-        const hasPermission = this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+        const hasPermission = this.checkRequiredPermission(action.requiredPermission);
         if (!hasPermission)
             return false;
         const isMobile = this.mobileResolutionService.isMobile();
@@ -16234,7 +16309,7 @@ class HeaderComponent {
     hasCustomActionPermission(action) {
         if (!action.requiredPermission)
             return true;
-        return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+        return this.checkRequiredPermission(action.requiredPermission);
     }
     isCustomActionVisible(action) {
         if (action.visible === false)
@@ -16279,7 +16354,26 @@ class HeaderComponent {
             return false;
         if (!action.requiredPermission)
             return true;
-        return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+        return this.checkRequiredPermission(action.requiredPermission);
+    }
+    checkRequiredPermission(perm) {
+        if (perm.custom_action && perm.action) {
+            return this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+        }
+        const resources = perm.resources || (perm.resource ? [perm.resource] : []);
+        const actions = perm.actions || (perm.action ? [perm.action] : []);
+        if (resources.length === 0 && actions.length === 0) {
+            return true;
+        }
+        const resourcesToCheck = resources.length > 0 ? resources : [undefined];
+        for (const resource of resourcesToCheck) {
+            for (const action of actions) {
+                if (this.permissionService.hasPermission(resource, action)) {
+                    return true;
+                }
+            }
+        }
+        return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: HeaderComponent, isStandalone: true, selector: "core-header", outputs: { filterRequested: "filterRequested", createRequested: "createRequested", globalActionTriggered: "globalActionTriggered" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (headerService.getIsVisible()()) {\n  @if(!headerService.getHeaderOutside()()) {\n  <div class=\"c-header\">\n    <div class=\"c-header__row\">\n\n      <div class=\"c-header__group\">\n\n        <h2 class=\"c-header__heading u-heading\">{{ getHeaderTitle() }}</h2>\n\n      </div>\n\n      <div class=\"c-header__group u-flex\">\n\n        @for (element of headerService.getOrderedElements(); track element.type + '-' + (element.actionId || $index)) {\n          @if (headerService.isElementVisible(element.type, element)) {\n            \n            @switch (element.type) {\n              @case (HeaderElementType.GLOBAL_ACTIONS) {\n                @for (globalAction of headerService.getGlobalActions()(); track globalAction.label || $index) {\n                  @if (hasPermission(globalAction)) {\n                    @if (globalAction.isSwitch && globalAction.switchOptions) {\n                      <core-generic-switch\n                        [options]=\"globalAction.switchOptions\"\n                        [selectedValue]=\"globalAction.switchSelectedValue\"\n                        [ariaLabel]=\"globalAction.switchAriaLabel || globalAction.label || 'Switch options'\"\n                        (valueChange)=\"onGlobalSwitchChange($event, globalAction)\">\n                      </core-generic-switch>\n                    } @else {\n                      <core-generic-button \n                        [config]=\"getGlobalActionButtonConfig(globalAction)\"\n                        (buttonClick)=\"onGlobalButtonClick($event, globalAction)\">\n                      </core-generic-button>\n                    }\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.CUSTOM_ACTIONS) {\n                @for (customAction of headerService.getCustomActions()(); track customAction.id) {\n                  @if (isCustomActionVisible(customAction)) {\n                    <core-generic-button \n                      [config]=\"getCustomActionButtonConfig(customAction)\"\n                      (buttonClick)=\"onCustomButtonClick($event, customAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.FILTER) {\n                <core-generic-button \n                  [config]=\"getFilterButtonConfig()\"\n                  (buttonClick)=\"onFilterButtonClick()\">\n                </core-generic-button>\n              }\n              \n              @case (HeaderElementType.CREATE) {\n                <core-generic-button \n                  [config]=\"getCreateButtonConfig()\"\n                  (buttonClick)=\"onCreateButtonClick()\">\n                </core-generic-button>\n              }\n\n              @case (HeaderElementType.INDIVIDUAL_ACTION) {\n                @if (getIndividualAction(element); as action) {\n                  @if (hasIndividualActionPermission(action)) {\n                    @if (isIndividualActionSwitch(action)) {\n                      <core-generic-switch\n                        [options]=\"action.switchOptions\"\n                        [selectedValue]=\"action.switchSelectedValue\"\n                        [ariaLabel]=\"action.switchAriaLabel || action.label || 'Switch options'\"\n                        (valueChange)=\"onGlobalSwitchChange($event, action)\">\n                      </core-generic-switch>\n                    } @else if (element.actionType === 'global') {\n                      <core-generic-button \n                        [config]=\"getGlobalActionButtonConfig(action)\"\n                        (buttonClick)=\"onGlobalButtonClick($event, action)\">\n                      </core-generic-button>\n                    } @else if (element.actionType === 'custom') {\n                      <core-generic-button \n                        [config]=\"getCustomActionButtonConfig(action)\"\n                        (buttonClick)=\"onCustomButtonClick($event, action)\">\n                      </core-generic-button>\n                    }\n                  }\n                }\n              }\n            }\n            \n          }\n        }\n\n      </div>\n\n    </div>\n\n    <p class=\"c-header__text u-text\" *ngIf=\"getHeaderText()\">\n        {{ getHeaderText() }}\n    </p>\n\n    @if (\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  </div>\n  } @else {\n    @if(\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  }\n}", styles: [":root{--header-bg: #ffffff;--header-text: #333;--header-shadow: rgba(0, 0, 0, .1);--logout-btn-color: #e74c3c;--logout-btn-hover: #c0392b;--theme-btn-color: #666;--theme-btn-hover: #007bff}.dark-mode{--header-bg: #1a1a1a;--header-text: #e0e0e0;--header-shadow: rgba(255, 255, 255, .1);--logout-btn-color: #ff6b6b;--logout-btn-hover: #ff8787;--theme-btn-color: #bbb;--theme-btn-hover: #4da8ff}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--header-shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-weight:500;color:var(--header-text)}.header .header-actions{display:flex;align-items:center;gap:15px}.header .theme-toggle-btn{background:none;border:none;color:var(--theme-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .theme-toggle-btn:hover{color:var(--theme-btn-hover)}.header .logout-btn{background:none;border:none;color:var(--logout-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .logout-btn i{margin-right:5px}.header .logout-btn:hover{color:var(--logout-btn-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "component", type: GenericSwitchComponent, selector: "core-generic-switch", inputs: ["options", "selectedValue", "ariaLabel"], outputs: ["valueChange"] }] });
@@ -16451,12 +16545,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.16.2',
+    full: '2.16.3',
     major: 2,
     minor: 16,
-    patch: 2,
-    timestamp: '2025-12-04T13:41:32.467Z',
-    buildDate: '4/12/2025'
+    patch: 3,
+    timestamp: '2025-12-05T15:12:25.862Z',
+    buildDate: '5/12/2025'
 };
 
 class MainNavComponent {
@@ -16598,7 +16692,27 @@ class MainNavComponent {
             return true;
         }
         try {
-            return this.permissionService.hasPermission(item.requiredPermission.resource, item.requiredPermission.action, item.requiredPermission.custom_action);
+            const perm = item.requiredPermission;
+            const matchMode = perm.match || 'any';
+            const resources = perm.resources?.length
+                ? perm.resources
+                : [perm.resource];
+            const actions = perm.actions?.length
+                ? perm.actions
+                : (perm.action ? [perm.action] : []);
+            if (actions.length === 0) {
+                return true;
+            }
+            const permissionChecks = [];
+            for (const resource of resources) {
+                for (const action of actions) {
+                    permissionChecks.push(this.permissionService.hasPermission(resource, action, perm.custom_action));
+                }
+            }
+            if (matchMode === 'all') {
+                return permissionChecks.every(result => result);
+            }
+            return permissionChecks.some(result => result);
         }
         catch (error) {
             return !this.isProduction();
@@ -17678,7 +17792,7 @@ class GenericFixedActionsComponent {
         })
             .filter(action => {
             if (action.requiredPermission) {
-                return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+                return this.checkRequiredPermission(action.requiredPermission);
             }
             return true;
         })
@@ -17700,7 +17814,7 @@ class GenericFixedActionsComponent {
         })
             .filter(action => {
             if (action.requiredPermission) {
-                return this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action, action.requiredPermission.custom_action);
+                return this.checkRequiredPermission(action.requiredPermission);
             }
             return true;
         })
@@ -17734,7 +17848,7 @@ class GenericFixedActionsComponent {
         if (external && external.length > 0) {
             external.forEach(action => {
                 if (action.requiredPermission) {
-                    if (this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action)) {
+                    if (this.checkRequiredPermission(action.requiredPermission)) {
                         actions.push(action);
                     }
                 }
@@ -17750,7 +17864,7 @@ class GenericFixedActionsComponent {
                 : this.tableFixedActionsService.getActiveTableActions();
             tableActions.forEach(action => {
                 if (action.requiredPermission) {
-                    if (this.permissionService.hasPermission(action.requiredPermission.resource, action.requiredPermission.action)) {
+                    if (this.checkRequiredPermission(action.requiredPermission)) {
                         actions.push(action);
                     }
                 }
@@ -17823,6 +17937,25 @@ class GenericFixedActionsComponent {
             actions: fixedActions
         });
     }
+    checkRequiredPermission(perm) {
+        if (perm.custom_action && perm.action) {
+            return this.permissionService.hasPermission(perm.resource, perm.action, perm.custom_action);
+        }
+        const resources = perm.resources || (perm.resource ? [perm.resource] : []);
+        const actions = perm.actions || (perm.action ? [perm.action] : []);
+        if (resources.length === 0 && actions.length === 0) {
+            return true;
+        }
+        const resourcesToCheck = resources.length > 0 ? resources : [undefined];
+        for (const resource of resourcesToCheck) {
+            for (const action of actions) {
+                if (this.permissionService.hasPermission(resource, action)) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericFixedActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericFixedActionsComponent, isStandalone: true, selector: "core-generic-fixed-actions", inputs: { externalActions: { classPropertyName: "externalActions", publicName: "externalActions", isSignal: true, isRequired: false, transformFunction: null }, tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "c-fixed-actions c-fixed-actions--right" }, ngImport: i0, template: `
     @if (shouldShow() && visibleActions().length > 0) {
@@ -19989,25 +20122,136 @@ class AdAuthService {
     msalInstance = null;
     msalModule = null;
     initializationPromise = null;
+    codeVerifier = null;
     authState = signal({
         isAuthenticated: false,
         user: null,
         isLoading: false,
         error: null
     });
+    _authorizationCode = signal(null);
+    authorizationCode = computed(() => this._authorizationCode());
     isAuthenticated = computed(() => this.authState().isAuthenticated);
     currentUser = computed(() => this.authState().user);
     isLoading = computed(() => this.authState().isLoading);
     error = computed(() => this.authState().error);
     constructor() {
-        // Only initialize if config is provided
         if (this.config) {
-            this.initializationPromise = this.initializeMsal();
+            if (this.config.authorizationCodeOnly) {
+                this.checkForAuthorizationCode();
+            }
+            else {
+                this.initializationPromise = this.initializeMsal();
+            }
         }
     }
-    /**
-     * Dynamically loads MSAL library only when needed
-     */
+    checkForAuthorizationCode() {
+        const urlParams = new URLSearchParams(window.location.search);
+        const code = urlParams.get('code');
+        const state = urlParams.get('state');
+        const error = urlParams.get('error');
+        const errorDescription = urlParams.get('error_description');
+        if (error) {
+            this.updateAuthState({
+                error: { code: error, message: errorDescription },
+                isLoading: false
+            });
+            this.cleanUrlParams();
+            return;
+        }
+        if (code) {
+            const storedCodeVerifier = sessionStorage.getItem('ad_auth_code_verifier');
+            const storedState = sessionStorage.getItem('ad_auth_state');
+            if (storedState && state !== storedState) {
+                this.updateAuthState({
+                    error: { code: 'state_mismatch', message: 'State parameter mismatch' },
+                    isLoading: false
+                });
+                this.cleanUrlParams();
+                return;
+            }
+            this._authorizationCode.set({
+                code,
+                state: state || undefined,
+                codeVerifier: storedCodeVerifier || undefined
+            });
+            sessionStorage.removeItem('ad_auth_code_verifier');
+            sessionStorage.removeItem('ad_auth_state');
+            this.cleanUrlParams();
+        }
+    }
+    cleanUrlParams() {
+        const url = new URL(window.location.href);
+        url.searchParams.delete('code');
+        url.searchParams.delete('state');
+        url.searchParams.delete('error');
+        url.searchParams.delete('error_description');
+        url.searchParams.delete('session_state');
+        window.history.replaceState({}, document.title, url.pathname + url.hash);
+    }
+    async generatePKCE() {
+        const array = new Uint8Array(32);
+        crypto.getRandomValues(array);
+        const codeVerifier = this.base64UrlEncode(array);
+        const encoder = new TextEncoder();
+        const data = encoder.encode(codeVerifier);
+        const digest = await crypto.subtle.digest('SHA-256', data);
+        const codeChallenge = this.base64UrlEncode(new Uint8Array(digest));
+        return { codeVerifier, codeChallenge };
+    }
+    base64UrlEncode(buffer) {
+        let binary = '';
+        for (let i = 0; i < buffer.byteLength; i++) {
+            binary += String.fromCharCode(buffer[i]);
+        }
+        return btoa(binary)
+            .replace(/\+/g, '-')
+            .replace(/\//g, '_')
+            .replace(/=+$/, '');
+    }
+    generateState() {
+        const array = new Uint8Array(16);
+        crypto.getRandomValues(array);
+        return this.base64UrlEncode(array);
+    }
+    async redirectToAzureLogin() {
+        if (!this.config) {
+            throw new Error('AD Auth configuration is not available');
+        }
+        this.updateAuthState({ isLoading: true, error: null });
+        try {
+            const { codeVerifier, codeChallenge } = await this.generatePKCE();
+            const state = this.config.state || this.generateState();
+            sessionStorage.setItem('ad_auth_code_verifier', codeVerifier);
+            sessionStorage.setItem('ad_auth_state', state);
+            this.codeVerifier = codeVerifier;
+            const params = new URLSearchParams({
+                client_id: this.config.clientId,
+                response_type: 'code',
+                redirect_uri: this.config.redirectUri,
+                scope: (this.config.scopes || ['openid', 'profile', 'email']).join(' '),
+                response_mode: 'query',
+                state: state,
+                code_challenge: codeChallenge,
+                code_challenge_method: 'S256'
+            });
+            const authUrl = `${this.config.authority}/oauth2/v2.0/authorize?${params.toString()}`;
+            window.location.href = authUrl;
+        }
+        catch (error) {
+            this.updateAuthState({ isLoading: false, error });
+            throw error;
+        }
+    }
+    getAuthorizationCode() {
+        return this._authorizationCode();
+    }
+    clearAuthorizationCode() {
+        this._authorizationCode.set(null);
+    }
+    isAuthorizationCodeOnlyMode() {
+        return this.config?.authorizationCodeOnly === true;
+    }
     async loadMsalModule() {
         if (this.msalModule) {
             return this.msalModule;
@@ -20184,6 +20428,10 @@ class AdAuthService {
         }
     }
     async login() {
+        if (this.config?.authorizationCodeOnly) {
+            await this.redirectToAzureLogin();
+            return null;
+        }
         const interactionType = this.config?.interactionType || AdInteractionType.POPUP;
         if (interactionType === AdInteractionType.REDIRECT) {
             await this.loginWithRedirect();
@@ -20246,7 +20494,28 @@ class AdAuthService {
             throw error;
         }
     }
+    async logoutFromAzure() {
+        if (!this.config) {
+            throw new Error('AD Auth configuration is not available');
+        }
+        this.updateAuthState({
+            isAuthenticated: false,
+            user: null,
+            isLoading: false,
+            error: null
+        });
+        this._authorizationCode.set(null);
+        const params = new URLSearchParams({
+            post_logout_redirect_uri: this.config.postLogoutRedirectUri || this.config.redirectUri
+        });
+        const logoutUrl = `${this.config.authority}/oauth2/v2.0/logout?${params.toString()}`;
+        window.location.href = logoutUrl;
+    }
     async logout() {
+        if (this.config?.authorizationCodeOnly) {
+            await this.logoutFromAzure();
+            return;
+        }
         const interactionType = this.config?.interactionType || AdInteractionType.POPUP;
         if (interactionType === AdInteractionType.REDIRECT) {
             await this.logoutWithRedirect();