@fundamental-ngx/ui5-webcomponents 0.65.1-rc.9 → 0.65.1

package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs

@@ -1,186 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, inject, ElementRef, Injector, DestroyRef, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/Panel.js';
-import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
-
-class Panel {
-    constructor() {
-        /**
-         * Defines the accessible ARIA name of the component.
-         */
-        this.accessibleName = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
-        /**
-         * Sets the accessible ARIA role of the component.
-      Depending on the usage, you can change the role from the default `Form`
-      to `Region` or `Complementary`.
-         */
-        this.accessibleRole = input("Form", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "accessibleRole" }] : /* istanbul ignore next */ []));
-        /**
-         * Indicates whether the component is collapsed and only the header is displayed.
-         */
-        this.collapsed = input(false, { ...(ngDevMode ? { debugName: "collapsed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Determines whether the component is in a fixed state that is not
-      expandable/collapsible by user interaction.
-         */
-        this.fixed = input(false, { ...(ngDevMode ? { debugName: "fixed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Defines the "aria-level" of component heading,
-      set by the `headerText`.
-         */
-        this.headerLevel = input("H2", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "headerLevel" }] : /* istanbul ignore next */ []));
-        /**
-         * This property is used to set the header text of the component.
-      The text is visible in both expanded and collapsed states.
-      
-      **Note:** This property is overridden by the `header` slot.
-         */
-        this.headerText = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ []));
-        /**
-         * Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.
-         */
-        this.noAnimation = input(false, { ...(ngDevMode ? { debugName: "noAnimation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Indicates whether the Panel header is sticky or not.
-      If stickyHeader is set to true, then whenever you scroll the content or
-      the application, the header of the panel will be always visible and
-      a solid color will be used for its design.
-         */
-        this.stickyHeader = input(false, { ...(ngDevMode ? { debugName: "stickyHeader" } : /* istanbul ignore next */ {}), transform: booleanAttribute }); // className is now passed
-        /**
-         * Fired when the component is expanded/collapsed by user interaction.
-         */
-        this.ui5Toggle = output();
-        /**
-         * Available slots for content projection in this component.
-         *
-         * Slots allow you to insert custom content into predefined areas of the web component.
-         * Use the `slot` attribute on child elements to target specific slots.
-         *
-         * - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.
-         * - **header**: Defines the component header area.
-      
-      **Note:** When a header is provided, the `headerText` property is ignored.
-         *
-         * @example
-         * ```html
-         * <ui5-panel>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-panel>
-         * ```
-         *
-         * @readonly
-         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
-         */
-        this.slots = [
-            {
-                "name": "default",
-                "description": "Defines the content of the component. The content is visible only when the component is expanded."
-            },
-            {
-                "name": "header",
-                "description": "Defines the component header area.\n\n**Note:** When a header is provided, the `headerText` property is ignored."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-        /**
-         * Content density observer is injected to activate automatic CSS class and
-         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
-         * @private
-         */
-        this._contentDensityObserver = inject(ContentDensityObserver);
-        this._destroyRef = inject(DestroyRef);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'accessibleName',
-            'accessibleRole',
-            'collapsed',
-            'fixed',
-            'headerLevel',
-            'headerText',
-            'noAnimation',
-            'stickyHeader',
-        ];
-        // Synchronize inputs (properties)
-        for (const inputName of inputsToSync) {
-            // Find the corresponding camelCase signal property on the Angular component
-            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
-            // Use the Injector to run the effect in the correct context
-            if (this[signalName] && typeof this[signalName] === 'function') {
-                runInInjectionContext(this.injector, () => {
-                    effect(() => {
-                        // Read the signal value
-                        const value = this[signalName]();
-                        if (wcElement) {
-                            // Skip writes when the signal is undefined and the property is already truthy
-                            // This prevents clobbering imperatively-set values (e.g., from RouterLink)
-                            if (value === undefined && wcElement[inputName]) {
-                                return;
-                            }
-                            // Write the value to the Web Component's property
-                            wcElement[inputName] = value;
-                        }
-                    });
-                });
-            }
-        }
-        const outputsToSync = [
-            'ui5Toggle',
-        ];
-        // Synchronize outputs (events)
-        const _listeners = [];
-        for (const outputName of outputsToSync) {
-            // Map Angular output name to UI5 web component event name
-            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
-            // Ensure the output property exists and has an emit function before adding listener
-            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
-                // Cast the listener to the correct type to satisfy TypeScript
-                const listener = (e) => {
-                    this[outputName].emit(e);
-                };
-                wcElement.addEventListener(eventName, listener);
-                _listeners.push(() => wcElement.removeEventListener(eventName, listener));
-            }
-        }
-        this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Panel, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: Panel, isStandalone: true, selector: "ui5-panel, [ui5-panel]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, noAnimation: { classPropertyName: "noAnimation", publicName: "noAnimation", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Toggle: "ui5Toggle" }, providers: [
-            contentDensityObserverProviders({
-                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-            })
-        ], exportAs: ["ui5Panel"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Panel, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-panel, [ui5-panel]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Panel',
-                    providers: [
-                        contentDensityObserverProviders({
-                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-                        })
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], fixed: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixed", required: false }] }], headerLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerLevel", required: false }] }], headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], noAnimation: [{ type: i0.Input, args: [{ isSignal: true, alias: "noAnimation", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], ui5Toggle: [{ type: i0.Output, args: ["ui5Toggle"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Panel };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-panel.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-panel.mjs","sources":["../../../../libs/ui5-webcomponents/panel/index.ts","../../../../libs/ui5-webcomponents/panel/fundamental-ngx-ui5-webcomponents-panel.ts"],"sourcesContent":["\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  AfterViewInit,\n  effect,\n  runInInjectionContext,\n  inject,\n  Injector,\n  booleanAttribute,\n  computed,\n  signal,\n  DestroyRef\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/Panel.js';\nimport { default as _Panel } from '@ui5/webcomponents/dist/Panel.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\nimport { default as PanelAccessibleRole } from '@ui5/webcomponents/dist/types/PanelAccessibleRole.js';\nimport { default as TitleLevel } from '@ui5/webcomponents/dist/types/TitleLevel.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-panel, [ui5-panel]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Panel',\n  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    })\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Panel implements AfterViewInit {\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   */\n  accessibleName = input<typeof _Panel.prototype.accessibleName | undefined>();\n\n  /**\n   * Sets the accessible ARIA role of the component.\nDepending on the usage, you can change the role from the default `Form`\nto `Region` or `Complementary`.\n   */\n  accessibleRole = input<typeof _Panel.prototype.accessibleRole | undefined>(\"Form\");\n\n  /**\n   * Indicates whether the component is collapsed and only the header is displayed.\n   */\n  collapsed = input(false, { transform: booleanAttribute });\n\n  /**\n   * Determines whether the component is in a fixed state that is not\nexpandable/collapsible by user interaction.\n   */\n  fixed = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the \"aria-level\" of component heading,\nset by the `headerText`.\n   */\n  headerLevel = input<typeof _Panel.prototype.headerLevel | undefined>(\"H2\");\n\n  /**\n   * This property is used to set the header text of the component.\nThe text is visible in both expanded and collapsed states.\n\n**Note:** This property is overridden by the `header` slot.\n   */\n  headerText = input<typeof _Panel.prototype.headerText | undefined>();\n\n  /**\n   * Indicates whether the transition between the expanded and the collapsed state of the component is animated. By default the animation is enabled.\n   */\n  noAnimation = input(false, { transform: booleanAttribute });\n\n  /**\n   * Indicates whether the Panel header is sticky or not.\nIf stickyHeader is set to true, then whenever you scroll the content or\nthe application, the header of the panel will be always visible and\na solid color will be used for its design.\n   */\n  stickyHeader = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n  /**\n   * Fired when the component is expanded/collapsed by user interaction.\n   */\n  ui5Toggle = output<UI5CustomEvent<_Panel, 'toggle'>>();\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **(default)**: Defines the content of the component. The content is visible only when the component is expanded.\n   * - **header**: Defines the component header area.\n\n**Note:** When a header is provided, the `headerText` property is ignored.\n   *\n   * @example\n   * ```html\n   * <ui5-panel>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-panel>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the content of the component. The content is visible only when the component is expanded.\"\n      },\n      {\n          \"name\": \"header\",\n          \"description\": \"Defines the component header area.\\n\\n**Note:** When a header is provided, the `headerText` property is ignored.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Panel> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  /**\n   * Content density observer is injected to activate automatic CSS class and\n   * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n   * @private\n   */\n  private readonly _contentDensityObserver = inject(ContentDensityObserver);\n  private readonly _destroyRef = inject(DestroyRef);\n\n  get element(): _Panel {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accessibleName',\n      'accessibleRole',\n      'collapsed',\n      'fixed',\n      'headerLevel',\n      'headerText',\n      'noAnimation',\n      'stickyHeader',\n    ];\n    \n    // Synchronize inputs (properties)\n    for (const inputName of inputsToSync) {\n      // Find the corresponding camelCase signal property on the Angular component\n      const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n      // Use the Injector to run the effect in the correct context\n      if (this[signalName] && typeof this[signalName] === 'function') {\n        runInInjectionContext(this.injector, (): void => {\n          effect((): void => {\n            // Read the signal value\n            const value = this[signalName]();\n            if (wcElement) {\n              // Skip writes when the signal is undefined and the property is already truthy\n              // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n              if (value === undefined && wcElement[inputName]) {\n                return;\n              }\n              // Write the value to the Web Component's property\n              wcElement[inputName] = value;\n            }\n          });\n        });\n      }\n    }\n  \n    \n    const outputsToSync = [\n      'ui5Toggle',\n    ];\n    \n    // Synchronize outputs (events)\n    const _listeners: Array<() => void> = [];\n    for (const outputName of outputsToSync) {\n      // Map Angular output name to UI5 web component event name\n      const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n      // Ensure the output property exists and has an emit function before adding listener\n      if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n        // Cast the listener to the correct type to satisfy TypeScript\n        const listener = (e: Event): void => {\n\n          this[outputName].emit(e as CustomEvent<any>);\n        };\n        wcElement.addEventListener(eventName, listener);\n        _listeners.push(() => wcElement.removeEventListener(eventName, listener));\n      }\n    }\n    this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));\n  \n\n  }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs

@@ -1,263 +0,0 @@
-import * as i0 from '@angular/core';
-import { input, booleanAttribute, output, inject, ElementRef, Injector, DestroyRef, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
-import '@ui5/webcomponents/dist/Popover.js';
-import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
-
-class Popover {
-    constructor() {
-        /**
-         * Defines the accessible description of the component.
-         */
-        this.accessibleDescription = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : /* istanbul ignore next */ []));
-        /**
-         * Receives id(or many ids) of the elements that describe the component.
-         */
-        this.accessibleDescriptionRef = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : /* istanbul ignore next */ []));
-        /**
-         * Defines the accessible name of the component.
-         */
-        this.accessibleName = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : /* istanbul ignore next */ []));
-        /**
-         * Defines the IDs of the elements that label the component.
-         */
-        this.accessibleNameRef = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : /* istanbul ignore next */ []));
-        /**
-         * Allows setting a custom role.
-         */
-        this.accessibleRole = input("Dialog", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "accessibleRole" }] : /* istanbul ignore next */ []));
-        /**
-         * Determines if there is no enough space, the component can be placed
-      over the target.
-         */
-        this.allowTargetOverlap = input(false, { ...(ngDevMode ? { debugName: "allowTargetOverlap" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Defines the header text.
-      
-      **Note:** If `header` slot is provided, the `headerText` is ignored.
-         */
-        this.headerText = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "headerText" }] : /* istanbul ignore next */ []));
-        /**
-         * Determines whether the component arrow is hidden.
-         */
-        this.hideArrow = input(false, { ...(ngDevMode ? { debugName: "hideArrow" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Determines the horizontal alignment of the component.
-         */
-        this.horizontalAlign = input("Center", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "horizontalAlign" }] : /* istanbul ignore next */ []));
-        /**
-         * Defines the ID of the HTML Element, which will get the initial focus.
-      
-      **Note:** If an element with `autofocus` attribute is added inside the component,
-      `initialFocus` won't take effect.
-         */
-        this.initialFocus = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "initialFocus" }] : /* istanbul ignore next */ []));
-        /**
-         * Defines whether the component should close when
-      clicking/tapping outside the popover.
-      If enabled, it blocks any interaction with the background.
-         */
-        this.modal = input(false, { ...(ngDevMode ? { debugName: "modal" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Indicates if the element is open
-         */
-        this.open = input(false, { ...(ngDevMode ? { debugName: "open" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Defines the ID or DOM Reference of the element at which the popover is shown.
-      When using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.
-      You can only set the `opener` attribute to a DOM Reference when using JavaScript.
-         */
-        this.opener = input(/* @ts-ignore */
-        ...(ngDevMode ? [undefined, { debugName: "opener" }] : /* istanbul ignore next */ []));
-        /**
-         * Determines on which side the component is placed at.
-         */
-        this.placement = input("End", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []));
-        /**
-         * Defines if the focus should be returned to the previously focused element,
-      when the popup closes.
-         */
-        this.preventFocusRestore = input(false, { ...(ngDevMode ? { debugName: "preventFocusRestore" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Indicates whether initial focus should be prevented.
-         */
-        this.preventInitialFocus = input(false, { ...(ngDevMode ? { debugName: "preventInitialFocus" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Determines whether the component is resizable.
-      **Note:** This property is effective only on desktop devices.
-         */
-        this.resizable = input(false, { ...(ngDevMode ? { debugName: "resizable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-        /**
-         * Determines the vertical alignment of the component.
-         */
-        this.verticalAlign = input("Center", /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "verticalAlign" }] : /* istanbul ignore next */ [])); // className is now passed
-        /**
-         * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.
-         */
-        this.ui5BeforeClose = output();
-        /**
-         * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.
-         */
-        this.ui5BeforeOpen = output();
-        /**
-         * Fired after the component is closed.
-         */
-        this.ui5Close = output();
-        /**
-         * Fired after the component is opened.
-         */
-        this.ui5Open = output();
-        /**
-         * Available slots for content projection in this component.
-         *
-         * Slots allow you to insert custom content into predefined areas of the web component.
-         * Use the `slot` attribute on child elements to target specific slots.
-         *
-         * - **(default)**: Defines the content of the Popup.
-         * - **footer**: Defines the footer HTML Element.
-         * - **header**: Defines the header HTML Element.
-         *
-         * @example
-         * ```html
-         * <ui5-popover>
-         *   <div slot="header">Custom header content</div>
-         *   <p>Default slot content</p>
-         * </ui5-popover>
-         * ```
-         *
-         * @readonly
-         * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
-         */
-        this.slots = [
-            {
-                "name": "default",
-                "description": "Defines the content of the Popup."
-            },
-            {
-                "name": "footer",
-                "description": "Defines the footer HTML Element."
-            },
-            {
-                "name": "header",
-                "description": "Defines the header HTML Element."
-            }
-        ];
-        this.elementRef = inject(ElementRef);
-        this.injector = inject(Injector);
-        /**
-         * Content density observer is injected to activate automatic CSS class and
-         * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
-         * @private
-         */
-        this._contentDensityObserver = inject(ContentDensityObserver);
-        this._destroyRef = inject(DestroyRef);
-    }
-    get element() {
-        return this.elementRef.nativeElement;
-    }
-    ngAfterViewInit() {
-        const wcElement = this.element;
-        const inputsToSync = [
-            'accessibleDescription',
-            'accessibleDescriptionRef',
-            'accessibleName',
-            'accessibleNameRef',
-            'accessibleRole',
-            'allowTargetOverlap',
-            'headerText',
-            'hideArrow',
-            'horizontalAlign',
-            'initialFocus',
-            'modal',
-            'open',
-            'opener',
-            'placement',
-            'preventFocusRestore',
-            'preventInitialFocus',
-            'resizable',
-            'verticalAlign',
-        ];
-        // Synchronize inputs (properties)
-        for (const inputName of inputsToSync) {
-            // Find the corresponding camelCase signal property on the Angular component
-            const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
-            // Use the Injector to run the effect in the correct context
-            if (this[signalName] && typeof this[signalName] === 'function') {
-                runInInjectionContext(this.injector, () => {
-                    effect(() => {
-                        // Read the signal value
-                        const value = this[signalName]();
-                        if (wcElement) {
-                            // Skip writes when the signal is undefined and the property is already truthy
-                            // This prevents clobbering imperatively-set values (e.g., from RouterLink)
-                            if (value === undefined && wcElement[inputName]) {
-                                return;
-                            }
-                            // Write the value to the Web Component's property
-                            wcElement[inputName] = value;
-                        }
-                    });
-                });
-            }
-        }
-        const outputsToSync = [
-            'ui5BeforeClose',
-            'ui5BeforeOpen',
-            'ui5Close',
-            'ui5Open',
-        ];
-        // Synchronize outputs (events)
-        const _listeners = [];
-        for (const outputName of outputsToSync) {
-            // Map Angular output name to UI5 web component event name
-            const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
-            // Ensure the output property exists and has an emit function before adding listener
-            if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
-                // Cast the listener to the correct type to satisfy TypeScript
-                const listener = (e) => {
-                    this[outputName].emit(e);
-                };
-                wcElement.addEventListener(eventName, listener);
-                _listeners.push(() => wcElement.removeEventListener(eventName, listener));
-            }
-        }
-        this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Popover, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: Popover, isStandalone: true, selector: "ui5-popover, [ui5-popover]", inputs: { accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleRole: { classPropertyName: "accessibleRole", publicName: "accessibleRole", isSignal: true, isRequired: false, transformFunction: null }, allowTargetOverlap: { classPropertyName: "allowTargetOverlap", publicName: "allowTargetOverlap", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null }, hideArrow: { classPropertyName: "hideArrow", publicName: "hideArrow", isSignal: true, isRequired: false, transformFunction: null }, horizontalAlign: { classPropertyName: "horizontalAlign", publicName: "horizontalAlign", isSignal: true, isRequired: false, transformFunction: null }, initialFocus: { classPropertyName: "initialFocus", publicName: "initialFocus", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, opener: { classPropertyName: "opener", publicName: "opener", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, preventFocusRestore: { classPropertyName: "preventFocusRestore", publicName: "preventFocusRestore", isSignal: true, isRequired: false, transformFunction: null }, preventInitialFocus: { classPropertyName: "preventInitialFocus", publicName: "preventInitialFocus", isSignal: true, isRequired: false, transformFunction: null }, resizable: { classPropertyName: "resizable", publicName: "resizable", isSignal: true, isRequired: false, transformFunction: null }, verticalAlign: { classPropertyName: "verticalAlign", publicName: "verticalAlign", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5BeforeClose: "ui5BeforeClose", ui5BeforeOpen: "ui5BeforeOpen", ui5Close: "ui5Close", ui5Open: "ui5Open" }, providers: [
-            contentDensityObserverProviders({
-                supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-            })
-        ], exportAs: ["ui5Popover"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: Popover, decorators: [{
-            type: Component,
-            args: [{
-                    standalone: true,
-                    selector: 'ui5-popover, [ui5-popover]',
-                    template: '<ng-content></ng-content>',
-                    exportAs: 'ui5Popover',
-                    providers: [
-                        contentDensityObserverProviders({
-                            supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
-                        })
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibleRole: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleRole", required: false }] }], allowTargetOverlap: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowTargetOverlap", required: false }] }], headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }], hideArrow: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideArrow", required: false }] }], horizontalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "horizontalAlign", required: false }] }], initialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialFocus", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], opener: [{ type: i0.Input, args: [{ isSignal: true, alias: "opener", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], preventFocusRestore: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventFocusRestore", required: false }] }], preventInitialFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventInitialFocus", required: false }] }], resizable: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizable", required: false }] }], verticalAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "verticalAlign", required: false }] }], ui5BeforeClose: [{ type: i0.Output, args: ["ui5BeforeClose"] }], ui5BeforeOpen: [{ type: i0.Output, args: ["ui5BeforeOpen"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Popover };
-//# sourceMappingURL=fundamental-ngx-ui5-webcomponents-popover.mjs.map

package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fundamental-ngx-ui5-webcomponents-popover.mjs","sources":["../../../../libs/ui5-webcomponents/popover/index.ts","../../../../libs/ui5-webcomponents/popover/fundamental-ngx-ui5-webcomponents-popover.ts"],"sourcesContent":["\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  AfterViewInit,\n  effect,\n  runInInjectionContext,\n  inject,\n  Injector,\n  booleanAttribute,\n  computed,\n  signal,\n  DestroyRef\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/Popover.js';\nimport { default as _Popover } from '@ui5/webcomponents/dist/Popover.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n  ContentDensityObserver,\n  contentDensityObserverProviders,\n  ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\nimport { default as PopupAccessibleRole } from '@ui5/webcomponents/dist/types/PopupAccessibleRole.js';\nimport { default as PopoverHorizontalAlign } from '@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js';\nimport { default as PopoverPlacement } from '@ui5/webcomponents/dist/types/PopoverPlacement.js';\nimport { default as PopoverVerticalAlign } from '@ui5/webcomponents/dist/types/PopoverVerticalAlign.js';\n\n@Component({\n  standalone: true,\n  selector: 'ui5-popover, [ui5-popover]',\n  template: '<ng-content></ng-content>',\n  exportAs: 'ui5Popover',\n  providers: [\n    contentDensityObserverProviders({\n      supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n    })\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Popover implements AfterViewInit {\n\n  /**\n   * Defines the accessible description of the component.\n   */\n  accessibleDescription = input<typeof _Popover.prototype.accessibleDescription | undefined>();\n\n  /**\n   * Receives id(or many ids) of the elements that describe the component.\n   */\n  accessibleDescriptionRef = input<typeof _Popover.prototype.accessibleDescriptionRef | undefined>();\n\n  /**\n   * Defines the accessible name of the component.\n   */\n  accessibleName = input<typeof _Popover.prototype.accessibleName | undefined>();\n\n  /**\n   * Defines the IDs of the elements that label the component.\n   */\n  accessibleNameRef = input<typeof _Popover.prototype.accessibleNameRef | undefined>();\n\n  /**\n   * Allows setting a custom role.\n   */\n  accessibleRole = input<typeof _Popover.prototype.accessibleRole | undefined>(\"Dialog\");\n\n  /**\n   * Determines if there is no enough space, the component can be placed\nover the target.\n   */\n  allowTargetOverlap = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the header text.\n\n**Note:** If `header` slot is provided, the `headerText` is ignored.\n   */\n  headerText = input<typeof _Popover.prototype.headerText | undefined>();\n\n  /**\n   * Determines whether the component arrow is hidden.\n   */\n  hideArrow = input(false, { transform: booleanAttribute });\n\n  /**\n   * Determines the horizontal alignment of the component.\n   */\n  horizontalAlign = input<typeof _Popover.prototype.horizontalAlign | undefined>(\"Center\");\n\n  /**\n   * Defines the ID of the HTML Element, which will get the initial focus.\n\n**Note:** If an element with `autofocus` attribute is added inside the component,\n`initialFocus` won't take effect.\n   */\n  initialFocus = input<typeof _Popover.prototype.initialFocus | undefined>();\n\n  /**\n   * Defines whether the component should close when\nclicking/tapping outside the popover.\nIf enabled, it blocks any interaction with the background.\n   */\n  modal = input(false, { transform: booleanAttribute });\n\n  /**\n   * Indicates if the element is open\n   */\n  open = input(false, { transform: booleanAttribute });\n\n  /**\n   * Defines the ID or DOM Reference of the element at which the popover is shown.\nWhen using this attribute in a declarative way, you must only use the `id` (as a string) of the element at which you want to show the popover.\nYou can only set the `opener` attribute to a DOM Reference when using JavaScript.\n   */\n  opener = input<typeof _Popover.prototype.opener | undefined>();\n\n  /**\n   * Determines on which side the component is placed at.\n   */\n  placement = input<typeof _Popover.prototype.placement | undefined>(\"End\");\n\n  /**\n   * Defines if the focus should be returned to the previously focused element,\nwhen the popup closes.\n   */\n  preventFocusRestore = input(false, { transform: booleanAttribute });\n\n  /**\n   * Indicates whether initial focus should be prevented.\n   */\n  preventInitialFocus = input(false, { transform: booleanAttribute });\n\n  /**\n   * Determines whether the component is resizable.\n**Note:** This property is effective only on desktop devices.\n   */\n  resizable = input(false, { transform: booleanAttribute });\n\n  /**\n   * Determines the vertical alignment of the component.\n   */\n  verticalAlign = input<typeof _Popover.prototype.verticalAlign | undefined>(\"Center\"); // className is now passed\n\n\n\n  /**\n   * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.\n   */\n  ui5BeforeClose = output<UI5CustomEvent<_Popover, 'before-close'>>();\n\n  /**\n   * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.\n   */\n  ui5BeforeOpen = output<UI5CustomEvent<_Popover, 'before-open'>>();\n\n  /**\n   * Fired after the component is closed.\n   */\n  ui5Close = output<UI5CustomEvent<_Popover, 'close'>>();\n\n  /**\n   * Fired after the component is opened.\n   */\n  ui5Open = output<UI5CustomEvent<_Popover, 'open'>>();\n\n  /**\n   * Available slots for content projection in this component.\n   *\n   * Slots allow you to insert custom content into predefined areas of the web component.\n   * Use the `slot` attribute on child elements to target specific slots.\n   *\n   * - **(default)**: Defines the content of the Popup.\n   * - **footer**: Defines the footer HTML Element.\n   * - **header**: Defines the header HTML Element.\n   *\n   * @example\n   * ```html\n   * <ui5-popover>\n   *   <div slot=\"header\">Custom header content</div>\n   *   <p>Default slot content</p>\n   * </ui5-popover>\n   * ```\n   *\n   * @readonly\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n   */\n  readonly slots = [\n      {\n          \"name\": \"default\",\n          \"description\": \"Defines the content of the Popup.\"\n      },\n      {\n          \"name\": \"footer\",\n          \"description\": \"Defines the footer HTML Element.\"\n      },\n      {\n          \"name\": \"header\",\n          \"description\": \"Defines the header HTML Element.\"\n      }\n  ];\n\n\n  public elementRef: ElementRef<_Popover> = inject(ElementRef);\n  public injector = inject(Injector);\n\n  /**\n   * Content density observer is injected to activate automatic CSS class and\n   * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n   * @private\n   */\n  private readonly _contentDensityObserver = inject(ContentDensityObserver);\n  private readonly _destroyRef = inject(DestroyRef);\n\n  get element(): _Popover {\n    return this.elementRef.nativeElement;\n  }\n\n  ngAfterViewInit(): void {\n    const wcElement = this.element;\n    \n    const inputsToSync = [\n      'accessibleDescription',\n      'accessibleDescriptionRef',\n      'accessibleName',\n      'accessibleNameRef',\n      'accessibleRole',\n      'allowTargetOverlap',\n      'headerText',\n      'hideArrow',\n      'horizontalAlign',\n      'initialFocus',\n      'modal',\n      'open',\n      'opener',\n      'placement',\n      'preventFocusRestore',\n      'preventInitialFocus',\n      'resizable',\n      'verticalAlign',\n    ];\n    \n    // Synchronize inputs (properties)\n    for (const inputName of inputsToSync) {\n      // Find the corresponding camelCase signal property on the Angular component\n      const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n      // Use the Injector to run the effect in the correct context\n      if (this[signalName] && typeof this[signalName] === 'function') {\n        runInInjectionContext(this.injector, (): void => {\n          effect((): void => {\n            // Read the signal value\n            const value = this[signalName]();\n            if (wcElement) {\n              // Skip writes when the signal is undefined and the property is already truthy\n              // This prevents clobbering imperatively-set values (e.g., from RouterLink)\n              if (value === undefined && wcElement[inputName]) {\n                return;\n              }\n              // Write the value to the Web Component's property\n              wcElement[inputName] = value;\n            }\n          });\n        });\n      }\n    }\n  \n    \n    const outputsToSync = [\n      'ui5BeforeClose',\n      'ui5BeforeOpen',\n      'ui5Close',\n      'ui5Open',\n    ];\n    \n    // Synchronize outputs (events)\n    const _listeners: Array<() => void> = [];\n    for (const outputName of outputsToSync) {\n      // Map Angular output name to UI5 web component event name\n      const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n      // Ensure the output property exists and has an emit function before adding listener\n      if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n        // Cast the listener to the correct type to satisfy TypeScript\n        const listener = (e: Event): void => {\n\n          this[outputName].emit(e as CustomEvent<any>);\n        };\n        wcElement.addEventListener(eventName, listener);\n        _listeners.push(() => wcElement.removeEventListener(eventName, listener));\n      }\n    }\n    this._destroyRef.onDestroy(() => _listeners.forEach((fn) => fn()));\n  \n\n  }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA4Ca,OAAO,CAAA;AAZpB,IAAA,WAAA,GAAA;AAcE;;AAEG;AACH,QAAA,IAAA,CAAA,qBAAqB,GAAG,KAAK;6GAA+D;AAE5F;;AAEG;AACH,QAAA,IAAA,CAAA,wBAAwB,GAAG,KAAK;gHAAkE;AAElG;;AAEG;AACH,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK;sGAAwD;AAE9E;;AAEG;AACH,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK;yGAA2D;AAEpF;;AAEG;QACH,IAAA,CAAA,cAAc,GAAG,KAAK,CAAuD,QAAQ;2FAAC;AAEtF;;;AAGG;QACH,IAAA,CAAA,kBAAkB,GAAG,KAAK,CAAC,KAAK,0FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAElE;;;;AAIG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK;kGAAoD;AAEtE;;AAEG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEzD;;AAEG;QACH,IAAA,CAAA,eAAe,GAAG,KAAK,CAAwD,QAAQ;4FAAC;AAExF;;;;;AAKG;AACH,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK;oGAAsD;AAE1E;;;;AAIG;QACH,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,6EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAErD;;AAEG;QACH,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,KAAK,4EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEpD;;;;AAIG;AACH,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK;8FAAgD;AAE9D;;AAEG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAkD,KAAK;sFAAC;AAEzE;;;AAGG;QACH,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,KAAK,2FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEnE;;AAEG;QACH,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,KAAK,2FAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEnE;;;AAGG;QACH,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEzD;;AAEG;QACH,IAAA,CAAA,aAAa,GAAG,KAAK,CAAsD,QAAQ;AAAC,QAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAA,CAAC;AAIrF;;AAEG;QACH,IAAA,CAAA,cAAc,GAAG,MAAM,EAA4C;AAEnE;;AAEG;QACH,IAAA,CAAA,aAAa,GAAG,MAAM,EAA2C;AAEjE;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,MAAM,EAAqC;AAEtD;;AAEG;QACH,IAAA,CAAA,OAAO,GAAG,MAAM,EAAoC;AAEpD;;;;;;;;;;;;;;;;;;;;AAoBG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG;AACb,YAAA;AACI,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE;AAClB,aAAA;AACD,YAAA;AACI,gBAAA,MAAM,EAAE,QAAQ;AAChB,gBAAA,aAAa,EAAE;AAClB,aAAA;AACD,YAAA;AACI,gBAAA,MAAM,EAAE,QAAQ;AAChB,gBAAA,aAAa,EAAE;AAClB;SACJ;AAGM,QAAA,IAAA,CAAA,UAAU,GAAyB,MAAM,CAAC,UAAU,CAAC;AACrD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAElC;;;;AAIG;AACc,QAAA,IAAA,CAAA,uBAAuB,GAAG,MAAM,CAAC,sBAAsB,CAAC;AACxD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAmFlD,IAAA;AAjFC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAE9B,QAAA,MAAM,YAAY,GAAG;YACnB,uBAAuB;YACvB,0BAA0B;YAC1B,gBAAgB;YAChB,mBAAmB;YACnB,gBAAgB;YAChB,oBAAoB;YACpB,YAAY;YACZ,WAAW;YACX,iBAAiB;YACjB,cAAc;YACd,OAAO;YACP,MAAM;YACN,QAAQ;YACR,WAAW;YACX,qBAAqB;YACrB,qBAAqB;YACrB,WAAW;YACX,eAAe;SAChB;;AAGD,QAAA,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;;YAEpC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;AAG9E,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC9D,gBAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAW;oBAC9C,MAAM,CAAC,MAAW;;AAEhB,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;;4BAGb,IAAI,KAAK,KAAK,SAAS,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;gCAC/C;4BACF;;AAEA,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;AAGA,QAAA,MAAM,aAAa,GAAG;YACpB,gBAAgB;YAChB,eAAe;YACf,UAAU;YACV,SAAS;SACV;;QAGD,MAAM,UAAU,GAAsB,EAAE;AACxC,QAAA,KAAK,MAAM,UAAU,IAAI,aAAa,EAAE;;YAEtC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;;AAErG,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,gBAAgB,EAAE;;AAEjG,gBAAA,MAAM,QAAQ,GAAG,CAAC,CAAQ,KAAU;oBAElC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAqB,CAAC;AAC9C,gBAAA,CAAC;AACD,gBAAA,SAAS,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC;AAC/C,gBAAA,UAAU,CAAC,IAAI,CAAC,MAAM,SAAS,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC3E;QACF;QACA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAGpE;8GA9PW,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,MAAA,EAAA,EAAA,qBAAA,EAAA,EAAA,iBAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,wBAAA,EAAA,EAAA,iBAAA,EAAA,0BAAA,EAAA,UAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBAAA,EAAA,oBAAA,EAAA,UAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,SAAA,EAPP;AACT,YAAA,+BAA+B,CAAC;gBAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;aAC9E;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANS,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAS1B,OAAO,EAAA,UAAA,EAAA,CAAA;kBAZnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,YAAY;AACtB,oBAAA,SAAS,EAAE;AACT,wBAAA,+BAA+B,CAAC;4BAC9B,uBAAuB,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,CAAC,IAAI;yBAC9E;AACF,qBAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC3CD;;AAEG;;;;"}