@hermes-ui/angular 0.1.4

package/fesm2022/hermes-ui-angular-addons-dialog.mjs

@@ -0,0 +1,386 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Input, ViewChild, Output, Inject, Optional, Component, NgModule } from '@angular/core';
+import * as i3 from '@hermes-ui/angular/addons/a11y';
+import { ZoomLevel } from '@hermes-ui/angular/addons/a11y';
+import * as i4 from '@hermes-ui/angular/addons/tabs';
+import { Tabs, AppfxTabsModule } from '@hermes-ui/angular/addons/tabs';
+import * as i2 from '@hermes-ui/angular/addons/var';
+import { TabLayout, StepValidationState, formatError, modalServiceToken, WorkflowModelMonitor, AppfxWorkflowCoreModule } from '@hermes-ui/angular/addons/var';
+import { Subscription, of, isObservable } from 'rxjs';
+import { take, filter } from 'rxjs/operators';
+import * as i1 from '@hermes-ui/angular/addons/workflow/strings';
+import * as i5 from '@hermes-ui/angular/modal';
+import { HermesModalModule } from '@hermes-ui/angular/modal';
+import * as i6 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3$1 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2$1 from '@hermes-ui/angular/forms/checkbox';
+import { HermesCheckboxModule } from '@hermes-ui/angular/forms/checkbox';
+import * as i1$1 from '@hermes-ui/angular/forms/common';
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * A multi page dialog implemented as a single modal dialog with clarity tabs where
+ * each step(page) is in a separate tab.
+ * A custom component can be added in the dialog header (appfx-dialog-header) if it is
+ * needed. See the example below:
+ *
+ * @example
+ * <appfx-dialog
+ *             [loading]="loading"
+ *             [steps]="steps"
+ *             [model]="dialogModel"
+ *             [title]="options.title"
+ *             [subTitle]="subTitle"
+ *             [defaultButton]="submit"
+ *             [okButtonLabel]="okButtonLabel"
+ *             [disableTabsContent]="!toggleStateEnabled"
+ *             [closeHandler]="closeHandler">
+ *       <appfx-dialog-header>
+ *          <appfx-toggle
+ *                [label]="label"
+ *                [toggleId]="'myToggleControlId'"
+ *                [(toggleState)]="toggleStateEnabled">
+ *          </appfx-toggle>
+ *       </appfx-dialog-header>
+ * </appfx-dialog>
+ */
+class DialogComponent {
+    #opened;
+    #subTitle$;
+    constructor(cdr, workflowStrings, configService, 
+    /**
+     * openModalComponent = undefined - Dialog used without ModalService
+     * openModalComponent = true  - opened using ModalService.openModalComponent API
+     * openModalComponent = false - opened using ModalService.openModal API
+     */
+    openModalComponent, zoomLevelService) {
+        this.cdr = cdr;
+        this.workflowStrings = workflowStrings;
+        this.configService = configService;
+        this.zoomLevelService = zoomLevelService;
+        /** The tabs layout. The default value is horizontal if it is not specified. */
+        this.tabLayout = TabLayout.horizontal;
+        /** Display loading indicator. */
+        this.loading = false;
+        /**
+         * Show Tab Links (true by default)
+         * Set this to false if you want to hide the tab links.
+         * You can set this to false if you have only one step.
+         */
+        this.showTabLinks = true;
+        /** Dispatches when any of the workflow state's variables changes. */
+        this.onModelChange = new EventEmitter();
+        /**
+         * Dispatched when the dialog is closed (in all three cases: via the close button
+         * (on the top right corner) or the OK/Cancel buttons).
+         */
+        this.onClose = new EventEmitter();
+        /** Emits when opened input is changed. */
+        this.openedChange = new EventEmitter();
+        this.errorIconVisibleList = [];
+        this.closeHandlerValidationState = new StepValidationState();
+        this.currentZoomLevel = ZoomLevel.none;
+        this.ZoomLevel = ZoomLevel;
+        this.tabLinksOpened = false;
+        this.subscriptions = new Subscription();
+        this.defaultMinHeight = '545px';
+        this.#opened = true;
+        if (openModalComponent === false) {
+            throw new Error('AppFx Dialog must be opened using ModalService.openModalComponent method.');
+        }
+        this.cancelButtonLabel = workflowStrings.defaultCancelButtonLabel ?? '';
+        this.okButtonLabel = workflowStrings.defaultOkButtonLabel ?? '';
+    }
+    /**
+     * The sub title of the dialog.
+     */
+    set subTitle(subTitle) {
+        if (typeof subTitle === 'string') {
+            this.#subTitle$ = of(subTitle);
+        }
+        else if (isObservable(subTitle)) {
+            this.#subTitle$ = subTitle;
+        }
+    }
+    /** Controls dialog open/close state. */
+    get opened() {
+        return this.#opened;
+    }
+    set opened(value) {
+        this.#opened = value;
+        this.openedChange.emit(value);
+        if (!value) {
+            this.onClose.emit();
+        }
+    }
+    get subTitle$() {
+        return this.#subTitle$;
+    }
+    get isVerticalLayout() {
+        return this.tabLayout === TabLayout.vertical;
+    }
+    get showAppfxTabLinks() {
+        return this.showTabLinks && this.isVerticalLayout && this.currentZoomLevel !== ZoomLevel.none;
+    }
+    get showTabLinksInAppfxTabs() {
+        return this.showAppfxTabLinks ? this.tabLinksOpened : this.showTabLinks;
+    }
+    get heightStyle() {
+        if (this.currentZoomLevel !== ZoomLevel.none) {
+            return {};
+        }
+        if (this.height) {
+            return { height: `${this.height}` };
+        }
+        return { 'min-height': `${this.defaultMinHeight}` };
+    }
+    get isLoading() {
+        return this.loading || this.tabs.isLoading;
+    }
+    get isOkButtonDisabled() {
+        return this.isLoading || !this.tabs.isReady;
+    }
+    get isSignPostOpen() {
+        return !!(this.debugPopup && this.debugPopup.isOpen);
+    }
+    ngOnInit() {
+        if (this.zoomLevelService) {
+            this.subscriptions.add(this.zoomLevelService.onChange.subscribe((level) => {
+                this.currentZoomLevel = level;
+                this.cdr.detectChanges();
+            }));
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    onOkButtonClick() {
+        this.tabs
+            .validate$()
+            .pipe(take(1), filter(isValid => isValid))
+            .subscribe(() => this.submitDialog());
+    }
+    onCancelButtonClick() {
+        const close$ = this.closeHandler && this.closeHandler.onCancel ? this.closeHandler.onCancel() : of(false);
+        this.subscribeForCloseHandler(close$);
+    }
+    onModalOpenChange(opened) {
+        if (opened) {
+            this.opened = true;
+        }
+        else {
+            this.onCancelButtonClick();
+        }
+    }
+    submitDialog() {
+        const close$ = this.closeHandler && this.closeHandler.onSubmit ? this.closeHandler.onSubmit() : of(true);
+        this.subscribeForCloseHandler(close$);
+    }
+    subscribeForCloseHandler(close$) {
+        this.loading = true;
+        close$.pipe(take(1)).subscribe({
+            error: (error) => {
+                this.loading = false;
+                if (error !== notDisplayedError) {
+                    this.closeHandlerValidationState.errors = [
+                        formatError(error).data.message || this.workflowStrings.defaultDialogSubmitError,
+                    ];
+                }
+            },
+            complete: () => {
+                this.loading = false;
+                this.closeHandlerValidationState.errors = [];
+                this.closeModal();
+            },
+        });
+    }
+    closeModal() {
+        this.opened = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.WorkflowStrings }, { token: i2.WorkflowConfigurationService }, { token: modalServiceToken, optional: true }, { token: i3.ZoomLevelService, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: DialogComponent, isStandalone: false, selector: "appfx-dialog", inputs: { title: "title", size: "size", height: "height", defaultButton: "defaultButton", cancelButtonLabel: "cancelButtonLabel", okButtonLabel: "okButtonLabel", tabLayout: "tabLayout", disableTabsContent: "disableTabsContent", loading: "loading", steps: "steps", model: "model", closeHandler: "closeHandler", showTabLinks: "showTabLinks", subTitle: "subTitle", opened: "opened" }, outputs: { onModelChange: "onModelChange", onClose: "onClose", openedChange: "openedChange" }, viewQueries: [{ propertyName: "tabs", first: true, predicate: Tabs, descendants: true, static: true }, { propertyName: "debugPopup", first: true, predicate: WorkflowModelMonitor, descendants: true }], ngImport: i0, template: "<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<hermes-modal\r\n  [hermesModalStaticBackdrop]=\"true\"\r\n  [hermesModalOpen]=\"opened\"\r\n  (hermesModalOpenChange)=\"onModalOpenChange($event)\"\r\n  [hermesModalSize]=\"size || ''\"\r\n  class=\"appfx-dialog\"\r\n  [ngClass]=\"tabLayout\"\r\n  [class.debug-popup]=\"isSignPostOpen\"\r\n  [class.zoom2x]=\"currentZoomLevel === ZoomLevel.x2\"\r\n  [class.zoom4x]=\"currentZoomLevel === ZoomLevel.x4\"\r\n  [class.tab-links-opened]=\"tabLinksOpened\"\r\n  [class.show-tab-content]=\"!tabLinksOpened\"\r\n>\r\n  <div class=\"modal-title\">\r\n    <appfx-model-popup *ngIf=\"configService.debug\" [modelMgr]=\"appfxTabs.modelMgr\"> </appfx-model-popup>\r\n    <appfx-tab-links *ngIf=\"showAppfxTabLinks\" [(opened)]=\"tabLinksOpened\" [title]=\"appfxTabs.activeTabStep.title\">\r\n    </appfx-tab-links>\r\n    <ng-container *ngIf=\"subTitle$ | async as st; else noSubTitle\">\r\n      <h1 class=\"modal-title p-0 primaryTitle\" [textContent]=\"title\"></h1>\r\n      <div class=\"separator\"></div>\r\n      <h2 class=\"secondaryTitle\" [textContent]=\"st\"></h2>\r\n    </ng-container>\r\n    <ng-template #noSubTitle>\r\n      <h1 class=\"modal-title p-0 primaryTitle secondaryTitleIsEmpty\" [textContent]=\"title\"></h1>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"modal-body\" [ngStyle]=\"heightStyle\">\r\n    <appfx-spinner *ngIf=\"isLoading\" [message]=\"workflowStrings.loading\"></appfx-spinner>\r\n    <appfx-validation-banner [state]=\"closeHandlerValidationState\"> </appfx-validation-banner>\r\n\r\n    <ng-content select=\"appfx-dialog-header\"></ng-content>\r\n\r\n    <appfx-tabs\r\n      #appfxTabs\r\n      [tabs]=\"steps\"\r\n      [model]=\"model\"\r\n      [disableTabsContent]=\"disableTabsContent\"\r\n      [tabLayout]=\"tabLayout\"\r\n      [showTabLinks]=\"showTabLinksInAppfxTabs\"\r\n      [showLoadingIndicator]=\"false\"\r\n      [autoCollapseTabLinks]=\"false\"\r\n      (onModelChange)=\"onModelChange.emit($event)\"\r\n      (tabLinksOpenedChange)=\"tabLinksOpened = $event\"\r\n    >\r\n    </appfx-tabs>\r\n  </div>\r\n  <div class=\"modal-footer\">\r\n    <button\r\n      type=\"button\"\r\n      data-test-id=\"cancelBtn\"\r\n      class=\"btn\"\r\n      [class.btn-primary]=\"defaultButton === 'close'\"\r\n      [class.btn-outline]=\"defaultButton !== 'close'\"\r\n      (click)=\"onCancelButtonClick()\"\r\n    >\r\n      {{ cancelButtonLabel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      data-test-id=\"submitBtn\"\r\n      [disabled]=\"isOkButtonDisabled\"\r\n      class=\"btn\"\r\n      [class.btn-primary]=\"defaultButton === 'submit'\"\r\n      [class.btn-outline]=\"defaultButton !== 'submit'\"\r\n      (click)=\"onOkButtonClick()\"\r\n    >\r\n      {{ okButtonLabel }}\r\n    </button>\r\n  </div>\r\n</hermes-modal>\r\n", styles: [":root :host ::ng-deep .tab-content{display:inline}.center-dialog-content{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-title .primaryTitle.secondaryTitleIsEmpty{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-title{display:flex;align-items:flex-start;padding-left:0}.modal-title .primaryTitle{flex-shrink:0;font-size:24px}.modal-title .primaryTitle.secondaryTitleIsEmpty{flex-shrink:1}.modal-title .primaryTitle:not(.secondaryTitleIsEmpty){max-width:65%}.modal-title .secondaryTitle{display:block;word-break:break-all;margin-top:0;margin-bottom:0;line-height:24px;font-size:18px}.modal-title .separator{content:\"\";border-left:1px solid #ccc;margin:0 18px;height:22px}.div-disabled{pointer-events:none;cursor:not-allowed;opacity:.6}.div-disabled .div-disabled{opacity:1}.debug-popup ::ng-deep div.modal-dialog.modal-xl{margin-left:350px}hermes-tabs ::ng-deep section{flex:1 1 auto}\n", ".appfx-dialog.zoom2x ::ng-deep .modal,.appfx-dialog.zoom4x ::ng-deep .modal{overflow:visible}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper{display:flex;flex-direction:row;flex:1 1 100%;height:100%;width:100%;max-height:100%}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content{display:flex;flex-direction:column;flex:2 2 auto;align-items:flex-start;padding:0;overflow:hidden;border:none;border-radius:0}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible{flex:0 0 auto;width:100%;padding:1.2rem;display:flex;justify-content:space-between;align-items:flex-start}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper{width:calc(100% - 1.2rem)}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title{flex-direction:column;max-width:100%}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title .separator,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title .separator{display:none}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-body,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-body{flex:1 1 auto;width:100%;height:100%;padding:0 1.2rem}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-footer,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-footer{padding-right:1.2rem;display:block;height:4.2rem;min-height:4.2rem;max-height:4.2rem;width:100%;flex:0 0 4.2rem}.appfx-dialog.zoom2x .secondaryTitle,.appfx-dialog.zoom4x .secondaryTitle{white-space:pre-line}.appfx-dialog.zoom2x ::ng-deep .modal-dialog{height:75vh}.appfx-dialog.zoom4x ::ng-deep .modal{padding:0}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog{width:100%;height:100%;margin:0}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content{display:block;overflow-y:auto}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-body{overflow-y:hidden;max-height:unset;height:unset}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-footer{position:sticky;bottom:0;background-color:inherit;min-height:3.2rem;height:3.2rem;padding-top:.7rem;z-index:1000}.appfx-dialog.zoom4x .primaryTitle{max-width:55%}.appfx-dialog.vertical.zoom2x:not(.tab-links-opened) .primaryTitle,.appfx-dialog.vertical.zoom4x:not(.tab-links-opened) .primaryTitle{display:none}.appfx-dialog.vertical.zoom2x:not(.tab-links-opened) .secondaryTitle,.appfx-dialog.vertical.zoom4x:not(.tab-links-opened) .secondaryTitle{white-space:pre-line}.appfx-dialog.vertical.zoom2x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible,.appfx-dialog.vertical.zoom4x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible{flex-direction:row}.appfx-dialog.vertical.zoom2x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title,.appfx-dialog.vertical.zoom4x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title{flex-direction:initial}.appfx-dialog.vertical.zoom2x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .close,.appfx-dialog.vertical.zoom4x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .close{display:none}.appfx-dialog.vertical.zoom2x.tab-links-opened .primaryTitle,.appfx-dialog.vertical.zoom4x.tab-links-opened .primaryTitle{width:100%;max-width:100%}.appfx-dialog.vertical.zoom2x.tab-links-opened .separator,.appfx-dialog.vertical.zoom2x.tab-links-opened .secondaryTitle,.appfx-dialog.vertical.zoom4x.tab-links-opened .separator,.appfx-dialog.vertical.zoom4x.tab-links-opened .secondaryTitle{display:none}.appfx-dialog.vertical.zoom2x .secondaryTitle,.appfx-dialog.vertical.zoom4x .secondaryTitle{padding-left:1.5rem}:host .appfx-dialog.show-tab-content ::ng-deep .tab-content{display:flex}:host .appfx-dialog:not(.show-tab-content) ::ng-deep .tab-content{display:none!important}\n"], dependencies: [{ kind: "component", type: i4.TabsComponent, selector: "appfx-tabs", inputs: ["disableTabsContent", "loading", "tabLayout", "showLoadingIndicator", "autoCollapseTabLinks", "showTabLinks", "tabs", "model"], outputs: ["onModelChange", "tabLinksOpenedChange", "activeTabChange"] }, { kind: "component", type: i4.TabLinksComponent, selector: "appfx-tab-links", inputs: ["opened", "title"], outputs: ["openedChange"] }, { kind: "component", type: i2.ValidationBannerComponent, selector: "appfx-validation-banner", inputs: ["state", "closable"] }, { kind: "component", type: i2.WorkflowModelMonitorComponent, selector: "appfx-model-popup", inputs: ["modelMgr"] }, { kind: "component", type: i2.SpinnerComponent, selector: "appfx-spinner", inputs: ["message", "politeness", "isModal", "progressDetails", "showActionButton", "actionButtonLabel"], outputs: ["actionClick"] }, { kind: "component", type: i5.HermesModal, selector: "hermes-modal", inputs: ["hermesModalOpen", "hermesModalClosable", "hermesModalCloseButtonAriaLabel", "hermesModalSize", "hermesModalStaticBackdrop", "hermesModalSkipAnimation", "hermesModalPreventClose", "hermesModalLabelledById", "hermesModalOverrideScrollService"], outputs: ["hermesModalOpenChange", "hermesModalAlternateClose"] }, { kind: "directive", type: i5.HermesModalBody, selector: ".modal-body" }, { kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'appfx-dialog', standalone: false, template: "<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<hermes-modal\r\n  [hermesModalStaticBackdrop]=\"true\"\r\n  [hermesModalOpen]=\"opened\"\r\n  (hermesModalOpenChange)=\"onModalOpenChange($event)\"\r\n  [hermesModalSize]=\"size || ''\"\r\n  class=\"appfx-dialog\"\r\n  [ngClass]=\"tabLayout\"\r\n  [class.debug-popup]=\"isSignPostOpen\"\r\n  [class.zoom2x]=\"currentZoomLevel === ZoomLevel.x2\"\r\n  [class.zoom4x]=\"currentZoomLevel === ZoomLevel.x4\"\r\n  [class.tab-links-opened]=\"tabLinksOpened\"\r\n  [class.show-tab-content]=\"!tabLinksOpened\"\r\n>\r\n  <div class=\"modal-title\">\r\n    <appfx-model-popup *ngIf=\"configService.debug\" [modelMgr]=\"appfxTabs.modelMgr\"> </appfx-model-popup>\r\n    <appfx-tab-links *ngIf=\"showAppfxTabLinks\" [(opened)]=\"tabLinksOpened\" [title]=\"appfxTabs.activeTabStep.title\">\r\n    </appfx-tab-links>\r\n    <ng-container *ngIf=\"subTitle$ | async as st; else noSubTitle\">\r\n      <h1 class=\"modal-title p-0 primaryTitle\" [textContent]=\"title\"></h1>\r\n      <div class=\"separator\"></div>\r\n      <h2 class=\"secondaryTitle\" [textContent]=\"st\"></h2>\r\n    </ng-container>\r\n    <ng-template #noSubTitle>\r\n      <h1 class=\"modal-title p-0 primaryTitle secondaryTitleIsEmpty\" [textContent]=\"title\"></h1>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"modal-body\" [ngStyle]=\"heightStyle\">\r\n    <appfx-spinner *ngIf=\"isLoading\" [message]=\"workflowStrings.loading\"></appfx-spinner>\r\n    <appfx-validation-banner [state]=\"closeHandlerValidationState\"> </appfx-validation-banner>\r\n\r\n    <ng-content select=\"appfx-dialog-header\"></ng-content>\r\n\r\n    <appfx-tabs\r\n      #appfxTabs\r\n      [tabs]=\"steps\"\r\n      [model]=\"model\"\r\n      [disableTabsContent]=\"disableTabsContent\"\r\n      [tabLayout]=\"tabLayout\"\r\n      [showTabLinks]=\"showTabLinksInAppfxTabs\"\r\n      [showLoadingIndicator]=\"false\"\r\n      [autoCollapseTabLinks]=\"false\"\r\n      (onModelChange)=\"onModelChange.emit($event)\"\r\n      (tabLinksOpenedChange)=\"tabLinksOpened = $event\"\r\n    >\r\n    </appfx-tabs>\r\n  </div>\r\n  <div class=\"modal-footer\">\r\n    <button\r\n      type=\"button\"\r\n      data-test-id=\"cancelBtn\"\r\n      class=\"btn\"\r\n      [class.btn-primary]=\"defaultButton === 'close'\"\r\n      [class.btn-outline]=\"defaultButton !== 'close'\"\r\n      (click)=\"onCancelButtonClick()\"\r\n    >\r\n      {{ cancelButtonLabel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      data-test-id=\"submitBtn\"\r\n      [disabled]=\"isOkButtonDisabled\"\r\n      class=\"btn\"\r\n      [class.btn-primary]=\"defaultButton === 'submit'\"\r\n      [class.btn-outline]=\"defaultButton !== 'submit'\"\r\n      (click)=\"onOkButtonClick()\"\r\n    >\r\n      {{ okButtonLabel }}\r\n    </button>\r\n  </div>\r\n</hermes-modal>\r\n", styles: [":root :host ::ng-deep .tab-content{display:inline}.center-dialog-content{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-title .primaryTitle.secondaryTitleIsEmpty{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-title{display:flex;align-items:flex-start;padding-left:0}.modal-title .primaryTitle{flex-shrink:0;font-size:24px}.modal-title .primaryTitle.secondaryTitleIsEmpty{flex-shrink:1}.modal-title .primaryTitle:not(.secondaryTitleIsEmpty){max-width:65%}.modal-title .secondaryTitle{display:block;word-break:break-all;margin-top:0;margin-bottom:0;line-height:24px;font-size:18px}.modal-title .separator{content:\"\";border-left:1px solid #ccc;margin:0 18px;height:22px}.div-disabled{pointer-events:none;cursor:not-allowed;opacity:.6}.div-disabled .div-disabled{opacity:1}.debug-popup ::ng-deep div.modal-dialog.modal-xl{margin-left:350px}hermes-tabs ::ng-deep section{flex:1 1 auto}\n", ".appfx-dialog.zoom2x ::ng-deep .modal,.appfx-dialog.zoom4x ::ng-deep .modal{overflow:visible}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper{display:flex;flex-direction:row;flex:1 1 100%;height:100%;width:100%;max-height:100%}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content{display:flex;flex-direction:column;flex:2 2 auto;align-items:flex-start;padding:0;overflow:hidden;border:none;border-radius:0}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible{flex:0 0 auto;width:100%;padding:1.2rem;display:flex;justify-content:space-between;align-items:flex-start}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper{width:calc(100% - 1.2rem)}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title{flex-direction:column;max-width:100%}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title .separator,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title .separator{display:none}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-body,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-body{flex:1 1 auto;width:100%;height:100%;padding:0 1.2rem}.appfx-dialog.zoom2x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-footer,.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-footer{padding-right:1.2rem;display:block;height:4.2rem;min-height:4.2rem;max-height:4.2rem;width:100%;flex:0 0 4.2rem}.appfx-dialog.zoom2x .secondaryTitle,.appfx-dialog.zoom4x .secondaryTitle{white-space:pre-line}.appfx-dialog.zoom2x ::ng-deep .modal-dialog{height:75vh}.appfx-dialog.zoom4x ::ng-deep .modal{padding:0}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog{width:100%;height:100%;margin:0}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content{display:block;overflow-y:auto}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-body{overflow-y:hidden;max-height:unset;height:unset}.appfx-dialog.zoom4x ::ng-deep .modal .modal-dialog .modal-content-wrapper .modal-content .modal-footer{position:sticky;bottom:0;background-color:inherit;min-height:3.2rem;height:3.2rem;padding-top:.7rem;z-index:1000}.appfx-dialog.zoom4x .primaryTitle{max-width:55%}.appfx-dialog.vertical.zoom2x:not(.tab-links-opened) .primaryTitle,.appfx-dialog.vertical.zoom4x:not(.tab-links-opened) .primaryTitle{display:none}.appfx-dialog.vertical.zoom2x:not(.tab-links-opened) .secondaryTitle,.appfx-dialog.vertical.zoom4x:not(.tab-links-opened) .secondaryTitle{white-space:pre-line}.appfx-dialog.vertical.zoom2x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible,.appfx-dialog.vertical.zoom4x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible{flex-direction:row}.appfx-dialog.vertical.zoom2x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title,.appfx-dialog.vertical.zoom4x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .modal-title-wrapper .modal-title{flex-direction:initial}.appfx-dialog.vertical.zoom2x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .close,.appfx-dialog.vertical.zoom4x.tab-links-opened ::ng-deep .modal-dialog .modal-content-wrapper .modal-content .modal-header--accessible .close{display:none}.appfx-dialog.vertical.zoom2x.tab-links-opened .primaryTitle,.appfx-dialog.vertical.zoom4x.tab-links-opened .primaryTitle{width:100%;max-width:100%}.appfx-dialog.vertical.zoom2x.tab-links-opened .separator,.appfx-dialog.vertical.zoom2x.tab-links-opened .secondaryTitle,.appfx-dialog.vertical.zoom4x.tab-links-opened .separator,.appfx-dialog.vertical.zoom4x.tab-links-opened .secondaryTitle{display:none}.appfx-dialog.vertical.zoom2x .secondaryTitle,.appfx-dialog.vertical.zoom4x .secondaryTitle{padding-left:1.5rem}:host .appfx-dialog.show-tab-content ::ng-deep .tab-content{display:flex}:host .appfx-dialog:not(.show-tab-content) ::ng-deep .tab-content{display:none!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.WorkflowStrings }, { type: i2.WorkflowConfigurationService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [modalServiceToken]
+                }, {
+                    type: Optional
+                }] }, { type: i3.ZoomLevelService, decorators: [{
+                    type: Optional
+                }] }], propDecorators: { title: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], defaultButton: [{
+                type: Input
+            }], cancelButtonLabel: [{
+                type: Input
+            }], okButtonLabel: [{
+                type: Input
+            }], tabLayout: [{
+                type: Input
+            }], disableTabsContent: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], model: [{
+                type: Input
+            }], closeHandler: [{
+                type: Input
+            }], showTabLinks: [{
+                type: Input
+            }], onModelChange: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], openedChange: [{
+                type: Output
+            }], tabs: [{
+                type: ViewChild,
+                args: [Tabs, { static: true }]
+            }], debugPopup: [{
+                type: ViewChild,
+                args: [WorkflowModelMonitor, { static: false }]
+            }], subTitle: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }] } });
+const notDisplayedError = new Object();
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * A multi page dialog's header component.
+ * It can be used for adding custom components (for example: a toggle button or alerts).
+ */
+class DialogHeaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: DialogHeaderComponent, isStandalone: false, selector: "appfx-dialog-header", ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DialogHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'appfx-dialog-header',
+                    standalone: false,
+                    template: `<ng-content></ng-content>`,
+                }]
+        }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+/**
+ * A toggle with a label control that can be used in the
+ * multi page dialog's header section.
+ */
+class ToggleComponent {
+    static { this.instanceCount = 0; }
+    constructor() {
+        /** Dispatched when the toggle enabled state is changed. */
+        this.toggleStateChange = new EventEmitter();
+        /** The enabled toggle state - true or false. */
+        this.toggleState = false;
+        ToggleComponent.instanceCount++;
+        this.toggleId = 'toggle_' + ToggleComponent.instanceCount;
+    }
+    /**
+     * Triggered when the toggle state has changed.
+     * @param state The current state
+     */
+    onToggleStateChanged(state) {
+        this.toggleStateChange.emit(state);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: ToggleComponent, isStandalone: false, selector: "appfx-toggle", inputs: { toggleState: "toggleState", toggleId: "toggleId", label: "label", disabled: "disabled" }, outputs: { toggleStateChange: "toggleStateChange" }, ngImport: i0, template: "<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<div class=\"hermes-row toggle-header\">\r\n  <label class=\"toggle-label\" for=\"{{ toggleId }}\">{{ label }}</label>\r\n  <hermes-checkbox-wrapper>\r\n    <input\r\n      type=\"checkbox\"\r\n      hermesToggle\r\n      id=\"{{ toggleId }}\"\r\n      [(ngModel)]=\"toggleState\"\r\n      (ngModelChange)=\"onToggleStateChanged(toggleState)\"\r\n      [attr.disabled]=\"disabled\"\r\n    />\r\n  </hermes-checkbox-wrapper>\r\n</div>\r\n", styles: [".toggle-header{display:flex;margin-left:0;margin-bottom:5px}.toggle-label{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1$1.HermesControlLabel, selector: "label", inputs: ["id", "for"] }, { kind: "directive", type: i2$1.HermesCheckbox, selector: "[hermesCheckbox],[hermesToggle]" }, { kind: "component", type: i2$1.HermesCheckboxWrapper, selector: "hermes-checkbox-wrapper,hermes-toggle-wrapper" }, { kind: "directive", type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: ToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'appfx-toggle', standalone: false, template: "<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<div class=\"hermes-row toggle-header\">\r\n  <label class=\"toggle-label\" for=\"{{ toggleId }}\">{{ label }}</label>\r\n  <hermes-checkbox-wrapper>\r\n    <input\r\n      type=\"checkbox\"\r\n      hermesToggle\r\n      id=\"{{ toggleId }}\"\r\n      [(ngModel)]=\"toggleState\"\r\n      (ngModelChange)=\"onToggleStateChanged(toggleState)\"\r\n      [attr.disabled]=\"disabled\"\r\n    />\r\n  </hermes-checkbox-wrapper>\r\n</div>\r\n", styles: [".toggle-header{display:flex;margin-left:0;margin-bottom:5px}.toggle-label{margin-right:5px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { toggleStateChange: [{
+                type: Output
+            }], toggleState: [{
+                type: Input
+            }], toggleId: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+const components = [DialogComponent, DialogHeaderComponent, ToggleComponent];
+class AppfxMultiPageDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AppfxMultiPageDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.22", ngImport: i0, type: AppfxMultiPageDialogModule, declarations: [DialogComponent, DialogHeaderComponent, ToggleComponent], imports: [AppfxTabsModule,
+            AppfxWorkflowCoreModule,
+            HermesCheckboxModule,
+            HermesModalModule,
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule], exports: [DialogComponent, DialogHeaderComponent, ToggleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AppfxMultiPageDialogModule, imports: [AppfxTabsModule,
+            AppfxWorkflowCoreModule,
+            HermesCheckboxModule,
+            HermesModalModule,
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: AppfxMultiPageDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AppfxTabsModule,
+                        AppfxWorkflowCoreModule,
+                        HermesCheckboxModule,
+                        HermesModalModule,
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ],
+                    declarations: [...components],
+                    exports: [...components],
+                }]
+        }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AppfxMultiPageDialogModule, DialogComponent as Dialog, DialogComponent, DialogHeaderComponent as DialogHeader, DialogHeaderComponent, ToggleComponent as Toggle, ToggleComponent, notDisplayedError };
+//# sourceMappingURL=hermes-ui-angular-addons-dialog.mjs.map

package/fesm2022/hermes-ui-angular-addons-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-addons-dialog.mjs","sources":["../../../addons/dialog/multi-page-dialog.component.ts","../../../addons/dialog/multi-page-dialog.component.html","../../../addons/dialog/multi-page-dialog-header.component.ts","../../../addons/dialog/toggle-component/toggle.component.ts","../../../addons/dialog/toggle-component/toggle.component.html","../../../addons/dialog/multi-page-dialog.module.ts","../../../addons/dialog/index.ts","../../../addons/dialog/hermes-ui-angular-addons-dialog.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport {\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  ViewChild,\n} from '@angular/core';\nimport { ZoomLevel, ZoomLevelService } from '@hermes-ui/angular/addons/a11y';\nimport { Tabs } from '@hermes-ui/angular/addons/tabs';\nimport {\n  CloseHandler,\n  formatError,\n  modalServiceToken,\n  ModelChange,\n  Step,\n  StepValidationState,\n  TabLayout,\n  WorkflowConfigurationService,\n  WorkflowModel,\n  WorkflowModelMonitor,\n} from '@hermes-ui/angular/addons/var';\nimport { WorkflowStrings } from '@hermes-ui/angular/addons/workflow/strings';\nimport { isObservable, Observable, of, Subscription } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\n\nimport { DefaultButton, ModalSize } from './multi-page-dialog.model';\n\n/**\n * A multi page dialog implemented as a single modal dialog with clarity tabs where\n * each step(page) is in a separate tab.\n * A custom component can be added in the dialog header (appfx-dialog-header) if it is\n * needed. See the example below:\n *\n * @example\n * <appfx-dialog\n *             [loading]=\"loading\"\n *             [steps]=\"steps\"\n *             [model]=\"dialogModel\"\n *             [title]=\"options.title\"\n *             [subTitle]=\"subTitle\"\n *             [defaultButton]=\"submit\"\n *             [okButtonLabel]=\"okButtonLabel\"\n *             [disableTabsContent]=\"!toggleStateEnabled\"\n *             [closeHandler]=\"closeHandler\">\n *       <appfx-dialog-header>\n *          <appfx-toggle\n *                [label]=\"label\"\n *                [toggleId]=\"'myToggleControlId'\"\n *                [(toggleState)]=\"toggleStateEnabled\">\n *          </appfx-toggle>\n *       </appfx-dialog-header>\n * </appfx-dialog>\n */\n@Component({\n  selector: 'appfx-dialog',\n  standalone: false,\n  templateUrl: 'multi-page-dialog.component.html',\n  styleUrls: ['multi-page-dialog.component.scss', 'multi-page-dialog.a11y.scss'],\n})\nexport class DialogComponent implements OnInit, OnDestroy {\n  /** The title of the dialog. */\n  @Input() title: string;\n\n  /** Dialog's clarity size (\"xl\" | \"lg\" | \"md\" | \"sm\" | \"full-screen\"). */\n  @Input() size: ModalSize;\n\n  /** Specifies the height of the dialog. */\n  @Input() height: string;\n\n  /** Set default button - submit or close. The default value is close if it is not specified. */\n  @Input() defaultButton: DefaultButton;\n\n  /** The cancel button label. */\n  @Input() cancelButtonLabel: string;\n\n  /** The ok button label. */\n  @Input() okButtonLabel: string;\n\n  /** The tabs layout. The default value is horizontal if it is not specified. */\n  @Input() tabLayout: TabLayout = TabLayout.horizontal;\n\n  /** Disable the content of the tabs. */\n  @Input() disableTabsContent: boolean;\n\n  /** Display loading indicator. */\n  @Input() loading = false;\n\n  @Input() steps: Step[];\n\n  /**\n   * You can supply here any structure you like. As long as it has the\n   * needed properties to inject to the step models and eject back from\n   * the step models.\n   *\n   * If not specified, the steps will simply stay disconnected from each other,\n   * so you would need other means of communication between them.\n   */\n  @Input() model: WorkflowModel;\n\n  /**\n   * Object containing callback methods that will be invoked when the Dialog is Submitted or Cancelled.\n   * onSubmit is invoked when the user clicks Ok button.\n   * onCancel is invoked when the user clicks Cancel button.\n   * You can perform the actions you want there (i.e modify something).\n   * Dialog will wait for the result and then will close.\n   * If there is an error, it will be displayed in the dialog that will remain open.\n   */\n  @Input() closeHandler: CloseHandler;\n\n  /**\n   * Show Tab Links (true by default)\n   * Set this to false if you want to hide the tab links.\n   * You can set this to false if you have only one step.\n   */\n  @Input() showTabLinks = true;\n\n  /** Dispatches when any of the workflow state's variables changes. */\n  @Output() readonly onModelChange: EventEmitter<ModelChange[]> = new EventEmitter<ModelChange[]>();\n\n  /**\n   * Dispatched when the dialog is closed (in all three cases: via the close button\n   * (on the top right corner) or the OK/Cancel buttons).\n   */\n  @Output() onClose: EventEmitter<void> = new EventEmitter<void>();\n\n  /** Emits when opened input is changed. */\n  @Output() openedChange = new EventEmitter<boolean>();\n\n  @ViewChild(Tabs, { static: true }) tabs: Tabs;\n\n  errorIconVisibleList: boolean[] = [];\n  closeHandlerValidationState = new StepValidationState();\n  currentZoomLevel = ZoomLevel.none;\n  ZoomLevel = ZoomLevel;\n  tabLinksOpened = false;\n\n  @ViewChild(WorkflowModelMonitor, { static: false }) private debugPopup: WorkflowModelMonitor;\n\n  private subscriptions = new Subscription();\n  private readonly defaultMinHeight = '545px';\n\n  #opened = true;\n  #subTitle$: Observable<string>;\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    readonly workflowStrings: WorkflowStrings,\n    readonly configService: WorkflowConfigurationService,\n    /**\n     * openModalComponent = undefined - Dialog used without ModalService\n     * openModalComponent = true  - opened using ModalService.openModalComponent API\n     * openModalComponent = false - opened using ModalService.openModal API\n     */\n    @Inject(modalServiceToken) @Optional() openModalComponent?: boolean,\n    @Optional() private zoomLevelService?: ZoomLevelService\n  ) {\n    if (openModalComponent === false) {\n      throw new Error('AppFx Dialog must be opened using ModalService.openModalComponent method.');\n    }\n    this.cancelButtonLabel = workflowStrings.defaultCancelButtonLabel ?? '';\n    this.okButtonLabel = workflowStrings.defaultOkButtonLabel ?? '';\n  }\n\n  /**\n   * The sub title of the dialog.\n   */\n  @Input()\n  set subTitle(subTitle: string | Observable<string>) {\n    if (typeof subTitle === 'string') {\n      this.#subTitle$ = of(subTitle);\n    } else if (isObservable(subTitle)) {\n      this.#subTitle$ = subTitle;\n    }\n  }\n\n  /** Controls dialog open/close state. */\n  @Input()\n  get opened(): boolean {\n    return this.#opened;\n  }\n\n  set opened(value: boolean) {\n    this.#opened = value;\n    this.openedChange.emit(value);\n    if (!value) {\n      this.onClose.emit();\n    }\n  }\n\n  get subTitle$(): Observable<string> {\n    return this.#subTitle$;\n  }\n\n  get isVerticalLayout(): boolean {\n    return this.tabLayout === TabLayout.vertical;\n  }\n\n  get showAppfxTabLinks(): boolean {\n    return this.showTabLinks && this.isVerticalLayout && this.currentZoomLevel !== ZoomLevel.none;\n  }\n\n  get showTabLinksInAppfxTabs(): boolean {\n    return this.showAppfxTabLinks ? this.tabLinksOpened : this.showTabLinks;\n  }\n\n  get heightStyle(): any {\n    if (this.currentZoomLevel !== ZoomLevel.none) {\n      return {};\n    }\n    if (this.height) {\n      return { height: `${this.height}` };\n    }\n    return { 'min-height': `${this.defaultMinHeight}` };\n  }\n\n  get isLoading(): boolean {\n    return this.loading || this.tabs.isLoading;\n  }\n\n  get isOkButtonDisabled(): boolean {\n    return this.isLoading || !this.tabs.isReady;\n  }\n\n  get isSignPostOpen(): boolean {\n    return !!(this.debugPopup && this.debugPopup.isOpen);\n  }\n\n  ngOnInit(): void {\n    if (this.zoomLevelService) {\n      this.subscriptions.add(\n        this.zoomLevelService.onChange.subscribe((level: ZoomLevel) => {\n          this.currentZoomLevel = level;\n          this.cdr.detectChanges();\n        })\n      );\n    }\n  }\n\n  ngOnDestroy() {\n    this.subscriptions.unsubscribe();\n  }\n\n  onOkButtonClick(): void {\n    this.tabs\n      .validate$()\n      .pipe(\n        take(1),\n        filter(isValid => isValid)\n      )\n      .subscribe(() => this.submitDialog());\n  }\n\n  onCancelButtonClick(): void {\n    const close$ = this.closeHandler && this.closeHandler.onCancel ? this.closeHandler.onCancel() : of(false);\n    this.subscribeForCloseHandler(close$);\n  }\n\n  onModalOpenChange(opened: boolean) {\n    if (opened) {\n      this.opened = true;\n    } else {\n      this.onCancelButtonClick();\n    }\n  }\n\n  private submitDialog() {\n    const close$ = this.closeHandler && this.closeHandler.onSubmit ? this.closeHandler.onSubmit() : of(true);\n    this.subscribeForCloseHandler(close$);\n  }\n\n  private subscribeForCloseHandler(close$: Observable<any>) {\n    this.loading = true;\n    close$.pipe(take(1)).subscribe({\n      error: (error: unknown) => {\n        this.loading = false;\n        if (error !== notDisplayedError) {\n          this.closeHandlerValidationState.errors = [\n            formatError(error).data.message || this.workflowStrings.defaultDialogSubmitError,\n          ];\n        }\n      },\n      complete: () => {\n        this.loading = false;\n        this.closeHandlerValidationState.errors = [];\n        this.closeModal();\n      },\n    });\n  }\n\n  private closeModal(): void {\n    this.opened = false;\n  }\n}\n\nexport const notDisplayedError = new Object();\n","<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<hermes-modal\r\n  [hermesModalStaticBackdrop]=\"true\"\r\n  [hermesModalOpen]=\"opened\"\r\n  (hermesModalOpenChange)=\"onModalOpenChange($event)\"\r\n  [hermesModalSize]=\"size || ''\"\r\n  class=\"appfx-dialog\"\r\n  [ngClass]=\"tabLayout\"\r\n  [class.debug-popup]=\"isSignPostOpen\"\r\n  [class.zoom2x]=\"currentZoomLevel === ZoomLevel.x2\"\r\n  [class.zoom4x]=\"currentZoomLevel === ZoomLevel.x4\"\r\n  [class.tab-links-opened]=\"tabLinksOpened\"\r\n  [class.show-tab-content]=\"!tabLinksOpened\"\r\n>\r\n  <div class=\"modal-title\">\r\n    <appfx-model-popup *ngIf=\"configService.debug\" [modelMgr]=\"appfxTabs.modelMgr\"> </appfx-model-popup>\r\n    <appfx-tab-links *ngIf=\"showAppfxTabLinks\" [(opened)]=\"tabLinksOpened\" [title]=\"appfxTabs.activeTabStep.title\">\r\n    </appfx-tab-links>\r\n    <ng-container *ngIf=\"subTitle$ | async as st; else noSubTitle\">\r\n      <h1 class=\"modal-title p-0 primaryTitle\" [textContent]=\"title\"></h1>\r\n      <div class=\"separator\"></div>\r\n      <h2 class=\"secondaryTitle\" [textContent]=\"st\"></h2>\r\n    </ng-container>\r\n    <ng-template #noSubTitle>\r\n      <h1 class=\"modal-title p-0 primaryTitle secondaryTitleIsEmpty\" [textContent]=\"title\"></h1>\r\n    </ng-template>\r\n  </div>\r\n\r\n  <div class=\"modal-body\" [ngStyle]=\"heightStyle\">\r\n    <appfx-spinner *ngIf=\"isLoading\" [message]=\"workflowStrings.loading\"></appfx-spinner>\r\n    <appfx-validation-banner [state]=\"closeHandlerValidationState\"> </appfx-validation-banner>\r\n\r\n    <ng-content select=\"appfx-dialog-header\"></ng-content>\r\n\r\n    <appfx-tabs\r\n      #appfxTabs\r\n      [tabs]=\"steps\"\r\n      [model]=\"model\"\r\n      [disableTabsContent]=\"disableTabsContent\"\r\n      [tabLayout]=\"tabLayout\"\r\n      [showTabLinks]=\"showTabLinksInAppfxTabs\"\r\n      [showLoadingIndicator]=\"false\"\r\n      [autoCollapseTabLinks]=\"false\"\r\n      (onModelChange)=\"onModelChange.emit($event)\"\r\n      (tabLinksOpenedChange)=\"tabLinksOpened = $event\"\r\n    >\r\n    </appfx-tabs>\r\n  </div>\r\n  <div class=\"modal-footer\">\r\n    <button\r\n      type=\"button\"\r\n      data-test-id=\"cancelBtn\"\r\n      class=\"btn\"\r\n      [class.btn-primary]=\"defaultButton === 'close'\"\r\n      [class.btn-outline]=\"defaultButton !== 'close'\"\r\n      (click)=\"onCancelButtonClick()\"\r\n    >\r\n      {{ cancelButtonLabel }}\r\n    </button>\r\n    <button\r\n      type=\"button\"\r\n      data-test-id=\"submitBtn\"\r\n      [disabled]=\"isOkButtonDisabled\"\r\n      class=\"btn\"\r\n      [class.btn-primary]=\"defaultButton === 'submit'\"\r\n      [class.btn-outline]=\"defaultButton !== 'submit'\"\r\n      (click)=\"onOkButtonClick()\"\r\n    >\r\n      {{ okButtonLabel }}\r\n    </button>\r\n  </div>\r\n</hermes-modal>\r\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nimport { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'appfx-dialog-header',\r\n  standalone: false,\r\n  template: `<ng-content></ng-content>`,\r\n})\r\n/**\r\n * A multi page dialog's header component.\r\n * It can be used for adding custom components (for example: a toggle button or alerts).\r\n */\r\nexport class DialogHeaderComponent {}\r\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\n/**\r\n * A toggle with a label control that can be used in the\r\n * multi page dialog's header section.\r\n */\r\n@Component({\r\n  selector: 'appfx-toggle',\r\n  standalone: false,\r\n  templateUrl: 'toggle.component.html',\r\n  styleUrls: ['toggle.component.scss'],\r\n})\r\nexport class ToggleComponent {\r\n  private static instanceCount = 0;\r\n\r\n  /** Dispatched when the toggle enabled state is changed. */\r\n  @Output() toggleStateChange = new EventEmitter<boolean>();\r\n\r\n  /** The enabled toggle state - true or false. */\r\n  @Input() toggleState = false;\r\n\r\n  /**\r\n   * The toggle control ID. If it is not specified,\r\n   * an autogenerated ID will be set.\r\n   */\r\n  @Input() toggleId: string;\r\n\r\n  /** The label/description of the toggle. */\r\n  @Input() label: string;\r\n\r\n  @Input() disabled: boolean;\r\n\r\n  constructor() {\r\n    ToggleComponent.instanceCount++;\r\n    this.toggleId = 'toggle_' + ToggleComponent.instanceCount;\r\n  }\r\n\r\n  /**\r\n   * Triggered when the toggle state has changed.\r\n   * @param state The current state\r\n   */\r\n  onToggleStateChanged(state: boolean): void {\r\n    this.toggleStateChange.emit(state);\r\n  }\r\n}\r\n","<!--\r\n  ~ Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n  ~ The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n  ~ This software is released under MIT license.\r\n  ~ The full license information can be found in LICENSE in the root directory of this project.\r\n  -->\r\n<div class=\"hermes-row toggle-header\">\r\n  <label class=\"toggle-label\" for=\"{{ toggleId }}\">{{ label }}</label>\r\n  <hermes-checkbox-wrapper>\r\n    <input\r\n      type=\"checkbox\"\r\n      hermesToggle\r\n      id=\"{{ toggleId }}\"\r\n      [(ngModel)]=\"toggleState\"\r\n      (ngModelChange)=\"onToggleStateChanged(toggleState)\"\r\n      [attr.disabled]=\"disabled\"\r\n    />\r\n  </hermes-checkbox-wrapper>\r\n</div>\r\n","/*\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { AppfxTabsModule } from '@hermes-ui/angular/addons/tabs';\nimport { AppfxWorkflowCoreModule } from '@hermes-ui/angular/addons/var';\nimport { HermesCheckboxModule } from '@hermes-ui/angular/forms/checkbox';\nimport { HermesModalModule } from '@hermes-ui/angular/modal';\n\nimport { DialogHeaderComponent } from './multi-page-dialog-header.component';\nimport { DialogComponent } from './multi-page-dialog.component';\nimport { ToggleComponent } from './toggle-component/toggle.component';\n\nconst components = [DialogComponent, DialogHeaderComponent, ToggleComponent];\n\n@NgModule({\n  imports: [\n    AppfxTabsModule,\n    AppfxWorkflowCoreModule,\n    HermesCheckboxModule,\n    HermesModalModule,\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n  ],\n  declarations: [...components],\n  exports: [...components],\n})\nexport class AppfxMultiPageDialogModule {}\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nexport { DialogComponent, notDisplayedError } from './multi-page-dialog.component';\r\nexport {\r\n  /**\r\n   * @deprecated Use DialogComponent import instead.\r\n   */\r\n  DialogComponent as Dialog,\r\n} from './multi-page-dialog.component';\r\nexport { DialogHeaderComponent } from './multi-page-dialog-header.component';\r\nexport {\r\n  /**\r\n   * @deprecated Use DialogHeaderComponent import instead.\r\n   */\r\n  DialogHeaderComponent as DialogHeader,\r\n} from './multi-page-dialog-header.component';\r\nexport { DefaultButton, DialogOptions, ModalSize } from './multi-page-dialog.model';\r\nexport { AppfxMultiPageDialogModule } from './multi-page-dialog.module';\r\nexport { ToggleComponent } from './toggle-component/toggle.component';\r\nexport {\r\n  /**\r\n   * @deprecated Use ToggleComponent import instead.\r\n   */\r\n  ToggleComponent as Toggle,\r\n} from './toggle-component/toggle.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2","i3"],"mappings":"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"}

package/fesm2022/hermes-ui-angular-addons-drag-and-drop.mjs

@@ -0,0 +1,78 @@
+import * as i0 from '@angular/core';
+import { Injectable } from '@angular/core';
+
+/**
+ * Service for managing groups of items that can be dragged and dropped with CdkDropList.
+ */
+class DragAndDropGroupService {
+    constructor() {
+        this.groups = new Map();
+    }
+    /**
+     * Retrieves the items (CdkDropList instances) belonging to a specific group.
+     *
+     * @param group The name of the group to retrieve items for.
+     * @returns An array of CdkDropList instances belonging to the specified group.
+     */
+    getGroupItems(group) {
+        const items = this.groups.get(group);
+        if (items) {
+            return items;
+        }
+        const emptyItems = [];
+        this.groups.set(group, emptyItems);
+        return emptyItems;
+    }
+    /**
+     * Adds a CdkDropList item to the specified group.
+     *
+     * @param group The name of the group to add the item to.
+     * @param item The CdkDropList instance to add to the group.
+     */
+    addGroupItem(group, item) {
+        const items = this.groups.get(group) ?? [];
+        if (!items.includes(item)) {
+            items.push(item);
+            this.groups.set(group, items);
+        }
+    }
+    /**
+     * Removes a CdkDropList item from the specified group.
+     *
+     * @param group The name of the group to remove the item from.
+     * @param item The CdkDropList instance to remove from the group.
+     */
+    removeGroupItem(group, item) {
+        const items = this.groups.get(group);
+        if (!items) {
+            return;
+        }
+        const index = items.indexOf(item);
+        if (index < 0) {
+            return;
+        }
+        items.splice(index, 1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DragAndDropGroupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DragAndDropGroupService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: DragAndDropGroupService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/*
+ * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.
+ * The term "Broadcom" refers to Broadcom Inc. and/or its subsidiaries.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DragAndDropGroupService };
+//# sourceMappingURL=hermes-ui-angular-addons-drag-and-drop.mjs.map

package/fesm2022/hermes-ui-angular-addons-drag-and-drop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hermes-ui-angular-addons-drag-and-drop.mjs","sources":["../../../addons/drag-and-drop/services/drag-and-drop-group.service.ts","../../../addons/drag-and-drop/index.ts","../../../addons/drag-and-drop/hermes-ui-angular-addons-drag-and-drop.ts"],"sourcesContent":["/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nimport { CdkDropList } from '@angular/cdk/drag-drop';\r\nimport { Injectable } from '@angular/core';\r\n\r\n/**\r\n * Service for managing groups of items that can be dragged and dropped with CdkDropList.\r\n */\r\n@Injectable({\r\n  providedIn: 'root',\r\n})\r\nexport class DragAndDropGroupService {\r\n  private groups: Map<string, CdkDropList[]> = new Map();\r\n\r\n  /**\r\n   * Retrieves the items (CdkDropList instances) belonging to a specific group.\r\n   *\r\n   * @param group The name of the group to retrieve items for.\r\n   * @returns An array of CdkDropList instances belonging to the specified group.\r\n   */\r\n  getGroupItems(group: string): readonly CdkDropList[] {\r\n    const items = this.groups.get(group);\r\n    if (items) {\r\n      return items;\r\n    }\r\n    const emptyItems: CdkDropList[] = [];\r\n    this.groups.set(group, emptyItems);\r\n    return emptyItems;\r\n  }\r\n\r\n  /**\r\n   * Adds a CdkDropList item to the specified group.\r\n   *\r\n   * @param group The name of the group to add the item to.\r\n   * @param item The CdkDropList instance to add to the group.\r\n   */\r\n  addGroupItem(group: string, item: CdkDropList): void {\r\n    const items = this.groups.get(group) ?? [];\r\n    if (!items.includes(item)) {\r\n      items.push(item);\r\n      this.groups.set(group, items);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Removes a CdkDropList item from the specified group.\r\n   *\r\n   * @param group The name of the group to remove the item from.\r\n   * @param item The CdkDropList instance to remove from the group.\r\n   */\r\n  removeGroupItem(group: string, item: CdkDropList): void {\r\n    const items = this.groups.get(group);\r\n    if (!items) {\r\n      return;\r\n    }\r\n\r\n    const index = items.indexOf(item);\r\n    if (index < 0) {\r\n      return;\r\n    }\r\n\r\n    items.splice(index, 1);\r\n  }\r\n}\r\n","/*\r\n * Copyright (c) 2016-2026 Broadcom. All Rights Reserved.\r\n * The term \"Broadcom\" refers to Broadcom Inc. and/or its subsidiaries.\r\n * This software is released under MIT license.\r\n * The full license information can be found in LICENSE in the root directory of this project.\r\n */\r\n\r\nexport { DragAndDropGroupService } from './services/drag-and-drop-group.service';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAUA;;AAEG;MAIU,uBAAuB,CAAA;AAHpC,IAAA,WAAA,GAAA;AAIU,QAAA,IAAA,CAAA,MAAM,GAA+B,IAAI,GAAG,EAAE;AAmDvD,IAAA;AAjDC;;;;;AAKG;AACH,IAAA,aAAa,CAAC,KAAa,EAAA;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC,IAAI,KAAK,EAAE;AACT,YAAA,OAAO,KAAK;QACd;QACA,MAAM,UAAU,GAAkB,EAAE;QACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC;AAClC,QAAA,OAAO,UAAU;IACnB;AAEA;;;;;AAKG;IACH,YAAY,CAAC,KAAa,EAAE,IAAiB,EAAA;AAC3C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzB,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;QAC/B;IACF;AAEA;;;;;AAKG;IACH,eAAe,CAAC,KAAa,EAAE,IAAiB,EAAA;QAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;QACpC,IAAI,CAAC,KAAK,EAAE;YACV;QACF;QAEA,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;AACjC,QAAA,IAAI,KAAK,GAAG,CAAC,EAAE;YACb;QACF;AAEA,QAAA,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACxB;+GAnDW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cAFtB,MAAM,EAAA,CAAA,CAAA;;4FAEP,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;ACfD;;;;;AAKG;;ACLH;;AAEG;;"}