npm - @eui/components - Versions diffs - 19.1.0-snapshot-1740057996064 → 19.1.0 - Mend

@eui/components 19.1.0-snapshot-1740057996064 → 19.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/fesm2022/eui-components-eui-accordion.mjs CHANGED Viewed

@@ -1,25 +1,51 @@
 import * as i1 from '@angular/cdk/accordion';
-import { CdkAccordion, CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';
+import { CdkAccordion, CdkAccordionModule, CdkAccordionItem } from '@angular/cdk/accordion';
 import * as i0 from '@angular/core';
 import { HostBinding, ChangeDetectionStrategy, Component, Directive, NgModule } from '@angular/core';
 import { consumeEvent } from '@eui/core';
 import { euiAnimationCollapse, BaseStatesDirective } from '@eui/components/shared';
+import { CommonModule } from '@angular/common';
 import * as i2 from '@eui/components/eui-icon';
 import { EuiIconModule } from '@eui/components/eui-icon';
-import { CommonModule } from '@angular/common';
+/**
+ * Accordion container component that manages expandable items.
+ * Uses Angular CDK's accordion functionality for managing expansion state.
+ *
+ * @example
+ * <!-- Single expansion mode -->
+ * <eui-accordion>
+ *   <eui-accordion-item>First item</eui-accordion-item>
+ *   <eui-accordion-item>Second item</eui-accordion-item>
+ * </eui-accordion>
+ *
+ * <!-- Multiple expansion mode -->
+ * <eui-accordion [isMulti]="true">
+ *   <eui-accordion-item>First item</eui-accordion-item>
+ *   <eui-accordion-item>Second item</eui-accordion-item>
+ * </eui-accordion>
+ *
+ * @property {boolean} isMulti - When true, allows multiple items to be expanded simultaneously.
+ *                              When false (default), only one item can be expanded at a time.
+ */
 class EuiAccordionComponent {
+    /**
+     * @description
+     * Computes and returns the CSS classes for the component based on its current state.
+     *
+     * @returns {string} Space-separated string of CSS class names
+     */
     get cssClasses() {
         return [
             'eui-accordion',
         ].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiAccordionComponent, isStandalone: false, selector: "eui-accordion", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.CdkAccordion, inputs: ["multi", "isMulti"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-accordion{display:flex;width:100%;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.7", type: EuiAccordionComponent, isStandalone: true, selector: "eui-accordion", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.CdkAccordion, inputs: ["multi", "isMulti"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-accordion{display:flex;width:100%;flex-direction:column}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-accordion', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, hostDirectives: [
+            args: [{ selector: 'eui-accordion', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
                             directive: CdkAccordion,
                             inputs: ['multi: isMulti'],
@@ -30,7 +56,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['class']
             }] } });
+/**
+ * Individual accordion item component that can be expanded/collapsed.
+ * Uses Angular CDK's accordion item functionality for managing expansion state
+ * and includes collapse animation.
+ *
+ * @example
+ * <eui-accordion-item [isExpanded]="true">
+ *   <!-- Custom header using directive -->
+ *   <eui-accordion-item-header>
+ *     Custom Header Content
+ *   </eui-accordion-item-header>
+ *
+ *   <!-- Content -->
+ *   <p>Accordion item content</p>
+ * </eui-accordion-item>
+ *
+ * @property {boolean} isExpanded - Controls whether the item is expanded or collapsed
+ */
 class EuiAccordionItemComponent {
+    /**
+     * @description
+     * Computes and returns the CSS classes for the component based on its current state.
+     *
+     * @returns {string} Space-separated string of CSS class names
+     */
     get cssClasses() {
         return [
             'eui-accordion-item',
@@ -39,18 +89,29 @@ class EuiAccordionItemComponent {
     constructor(accItem) {
         this.accItem = accItem;
     }
+    /**
+     * Handles the toggle event for expanding/collapsing the accordion item
+     * Prevents event propagation to avoid interfering with parent handlers
+     *
+     * @param event - The toggle event
+     */
     onToggle(event) {
         this.accItem.toggle();
         consumeEvent(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionItemComponent, deps: [{ token: i1.CdkAccordionItem }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: EuiAccordionItemComponent, isStandalone: false, selector: "eui-accordion-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.CdkAccordionItem, inputs: ["expanded", "isExpanded"] }], ngImport: i0, template: "<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n    <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n    <div class=\"eui-accordion-item__header-expander\">\n        @if (accItem.expanded) {\n            <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        }\n    </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n    <ng-content></ng-content>\n</div>\n\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-accordion-item{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header{display:flex;align-items:center;width:100%;padding:var(--eui-s-l);outline:none;background-color:initial;border:var(--eui-bw-none);text-align:start;cursor:pointer}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:hover{background-color:var(--eui-c-primary-bg)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header-expander{margin-left:auto;padding-left:var(--eui-s-m)}.eui-19 :host.eui-accordion-item .eui-accordion-item__body{padding:var(--eui-s-xs) var(--eui-s-l) var(--eui-s-l) var(--eui-s-l)}\n"], dependencies: [{ kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: EuiAccordionItemComponent, isStandalone: true, selector: "eui-accordion-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.CdkAccordionItem, inputs: ["expanded", "isExpanded"] }], ngImport: i0, template: "<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n    <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n    <div class=\"eui-accordion-item__header-expander\">\n        @if (accItem.expanded) {\n            <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        } @else {\n            <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n        }\n    </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n    <ng-content></ng-content>\n</div>\n\n", styles: [":root{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-lightest)}html.eui-t-dark{--_eui-scrollbars-foreground-color: var(--eui-c-neutral-light)}.eui-19 :host.eui-accordion-item{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header{display:flex;align-items:center;width:100%;padding:var(--eui-s-l);outline:none;background-color:initial;border:var(--eui-bw-none);text-align:start;cursor:pointer}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 :host.eui-accordion-item .eui-accordion-item__header:hover{background-color:var(--eui-c-primary-bg)}.eui-19 :host.eui-accordion-item .eui-accordion-item__header-expander{margin-left:auto;padding-left:var(--eui-s-m)}.eui-19 :host.eui-accordion-item .eui-accordion-item__body{padding:var(--eui-s-xs) var(--eui-s-l) var(--eui-s-l) var(--eui-s-l)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: EuiIconModule }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "ngmodule", type: CdkAccordionModule }], animations: [
             euiAnimationCollapse,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, hostDirectives: [
+            args: [{ selector: 'eui-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        EuiIconModule,
+                        CdkAccordionModule,
+                        BaseStatesDirective,
+                    ], hostDirectives: [
                         {
                             directive: CdkAccordionItem,
                             inputs: [
@@ -64,27 +125,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 type: HostBinding,
                 args: ['class']
             }] } });
-/* eslint-disable */
+/**
+ * Directive for customizing the header content of an accordion item.
+ *
+ * @example
+ * <eui-accordion-item>
+ *   <eui-accordion-item-header>
+ *     <div class="custom-header">
+ *       <eui-icon name="info"></eui-icon>
+ *       <span>Custom Header</span>
+ *     </div>
+ *   </eui-accordion-item-header>
+ * </eui-accordion-item>
+ */
+// eslint-disable-next-line @angular-eslint/directive-selector
 class EuiAccordionItemHeaderDirective {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionItemHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: EuiAccordionItemHeaderDirective, isStandalone: false, selector: "eui-accordion-item-header", ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.7", type: EuiAccordionItemHeaderDirective, isStandalone: true, selector: "eui-accordion-item-header", ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionItemHeaderDirective, decorators: [{
             type: Directive,
-            args: [{ selector: 'eui-accordion-item-header', standalone: false }]
+            args: [{ selector: 'eui-accordion-item-header', standalone: true }]
         }] });
+/**
+ * Module providing accordion functionality with expandable items.
+ *
+ * Contains:
+ * - {@link EuiAccordionComponent} - Main accordion container
+ * - {@link EuiAccordionItemComponent} - Individual expandable items
+ * - {@link EuiAccordionItemHeaderDirective} - Custom header content for items
+ *
+ * @example
+ * import { EuiAccordionModule } from '@eui/components/eui-accordion';
+ *
+ * @NgModule({
+ *   imports: [EuiAccordionModule]
+ * })
+ * export class MyModule {}
+ *
+ * @example
+ * <eui-accordion>
+ *   <eui-accordion-item>
+ *     <ng-container euiAccordionItemHeader>
+ *       Custom Header Content
+ *     </ng-container>
+ *     Item content
+ *   </eui-accordion-item>
+ * </eui-accordion>
+ */
 class EuiAccordionModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionModule, declarations: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective], imports: [CommonModule, EuiIconModule, CdkAccordionModule, BaseStatesDirective], exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionModule, imports: [CommonModule, EuiIconModule, CdkAccordionModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionModule, imports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective], exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionModule, imports: [EuiAccordionItemComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiAccordionModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, EuiIconModule, CdkAccordionModule, BaseStatesDirective],
+                    imports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],
                     exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],
-                    declarations: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],
                 }]
         }] });

package/fesm2022/eui-components-eui-accordion.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-accordion.mjs","sources":["../../eui-accordion/eui-accordion.component.ts","../../eui-accordion/eui-accordion-item.component.ts","../../eui-accordion/eui-accordion-item.component.html","../../eui-accordion/eui-accordion.module.ts","../../eui-accordion/eui-components-eui-accordion.ts"],"sourcesContent":["import { CdkAccordion } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'eui-accordion',\n template: '<ng-content/>',\n styleUrls: ['./styles/accordion.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: CdkAccordion,\n inputs: [ 'multi: isMulti' ],\n },\n ],\n})\nexport class EuiAccordionComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion',\n ].join(' ').trim();\n }\n}\n","import { CdkAccordionItem } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Directive } from '@angular/core';\nimport { consumeEvent } from '@eui/core';\nimport { euiAnimationCollapse } from '@eui/components/shared';\n\n@Component({\n selector: 'eui-accordion-item',\n templateUrl: './eui-accordion-item.component.html',\n styleUrl: './styles/accordion-item.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n hostDirectives: [\n {\n directive: CdkAccordionItem,\n inputs: [\n 'expanded: isExpanded',\n ],\n },\n ],\n animations: [\n euiAnimationCollapse,\n ],\n})\nexport class EuiAccordionItemComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion-item',\n ].join(' ').trim();\n }\n\n constructor(\n protected accItem: CdkAccordionItem,\n ) {\n }\n\n onToggle(event: Event): void {\n this.accItem.toggle();\n consumeEvent(event);\n }\n\n}\n\n/* eslint-disable /\n@Directive({ selector: 'eui-accordion-item-header', standalone: false })\nexport class EuiAccordionItemHeaderDirective{ }\n/ eslint-enable /\n","<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n <div class=\"eui-accordion-item__header-expander\">\n @if (accItem.expanded) {\n <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n }\n </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n <ng-content></ng-content>\n</div>\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CdkAccordionModule } from '@angular/cdk/accordion';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\nimport { EuiAccordionComponent } from './eui-accordion.component';\nimport { EuiAccordionItemComponent, EuiAccordionItemHeaderDirective } from './eui-accordion-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, CdkAccordionModule, BaseStatesDirective],\n exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n declarations: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n})\nexport class EuiAccordionModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-accordion.mjs","sources":["../../eui-accordion/eui-accordion.component.ts","../../eui-accordion/eui-accordion-item.component.ts","../../eui-accordion/eui-accordion-item.component.html","../../eui-accordion/eui-accordion.module.ts","../../eui-accordion/eui-components-eui-accordion.ts"],"sourcesContent":["import { CdkAccordion } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\n/*\n Accordion container component that manages expandable items.\n * Uses Angular CDK's accordion functionality for managing expansion state.\n \n @example\n * <!-- Single expansion mode -->\n * <eui-accordion>\n * <eui-accordion-item>First item</eui-accordion-item>\n * <eui-accordion-item>Second item</eui-accordion-item>\n * </eui-accordion>\n \n <!-- Multiple expansion mode -->\n * <eui-accordion [isMulti]=\"true\">\n * <eui-accordion-item>First item</eui-accordion-item>\n * <eui-accordion-item>Second item</eui-accordion-item>\n * </eui-accordion>\n \n @property {boolean} isMulti - When true, allows multiple items to be expanded simultaneously.\n * When false (default), only one item can be expanded at a time.\n /\n@Component({\n selector: 'eui-accordion',\n template: '<ng-content/>',\n styleUrls: ['./styles/accordion.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n hostDirectives: [\n {\n directive: CdkAccordion,\n inputs: [ 'multi: isMulti' ],\n },\n ],\n})\nexport class EuiAccordionComponent {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion',\n ].join(' ').trim();\n }\n}\n","import { CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';\nimport { Component, HostBinding, ChangeDetectionStrategy, Directive } from '@angular/core';\nimport { consumeEvent } from '@eui/core';\nimport { euiAnimationCollapse } from '@eui/components/shared';\nimport { CommonModule } from '@angular/common';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n/\n Individual accordion item component that can be expanded/collapsed.\n * Uses Angular CDK's accordion item functionality for managing expansion state\n * and includes collapse animation.\n \n @example\n * <eui-accordion-item [isExpanded]=\"true\">\n * <!-- Custom header using directive -->\n * <eui-accordion-item-header>\n * Custom Header Content\n * </eui-accordion-item-header>\n \n <!-- Content -->\n * <p>Accordion item content</p>\n * </eui-accordion-item>\n \n @property {boolean} isExpanded - Controls whether the item is expanded or collapsed\n /\n@Component({\n selector: 'eui-accordion-item',\n templateUrl: './eui-accordion-item.component.html',\n styleUrl: './styles/accordion-item.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [\n CommonModule,\n EuiIconModule,\n CdkAccordionModule,\n BaseStatesDirective,\n ],\n hostDirectives: [\n {\n directive: CdkAccordionItem,\n inputs: [\n 'expanded: isExpanded',\n ],\n },\n ],\n animations: [\n euiAnimationCollapse,\n ],\n})\nexport class EuiAccordionItemComponent {\n /\n @description\n * Computes and returns the CSS classes for the component based on its current state.\n \n @returns {string} Space-separated string of CSS class names\n /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-accordion-item',\n ].join(' ').trim();\n }\n\n constructor(\n protected accItem: CdkAccordionItem,\n ) {\n }\n\n /\n Handles the toggle event for expanding/collapsing the accordion item\n * Prevents event propagation to avoid interfering with parent handlers\n \n @param event - The toggle event\n /\n onToggle(event: Event): void {\n this.accItem.toggle();\n consumeEvent(event);\n }\n}\n\n/\n Directive for customizing the header content of an accordion item.\n \n @example\n * <eui-accordion-item>\n * <eui-accordion-item-header>\n * <div class=\"custom-header\">\n * <eui-icon name=\"info\"></eui-icon>\n * <span>Custom Header</span>\n * </div>\n * </eui-accordion-item-header>\n * </eui-accordion-item>\n /\n// eslint-disable-next-line @angular-eslint/directive-selector\n@Directive({ selector: 'eui-accordion-item-header', standalone: true })\nexport class EuiAccordionItemHeaderDirective { }\n","<button class=\"eui-accordion-item__header\" (click)=\"onToggle($event)\" (keydown.enter)=\"onToggle($event)\">\n <ng-content select=\"eui-accordion-item-header\"></ng-content>\n\n <div class=\"eui-accordion-item__header-expander\">\n @if (accItem.expanded) {\n <eui-icon-svg icon=\"eui-ecl-minus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n } @else {\n <eui-icon-svg icon=\"eui-ecl-plus\" size=\"s\" fillColor=\"primary\"></eui-icon-svg>\n }\n </div>\n</button>\n<div [@euiAnimationCollapse]=\"!accItem.expanded\" class=\"eui-accordion-item__body\">\n <ng-content></ng-content>\n</div>\n\n","import { NgModule } from '@angular/core';\nimport { EuiAccordionComponent } from './eui-accordion.component';\nimport { EuiAccordionItemComponent, EuiAccordionItemHeaderDirective } from './eui-accordion-item.component';\n\n/\n Module providing accordion functionality with expandable items.\n \n Contains:\n * - {@link EuiAccordionComponent} - Main accordion container\n * - {@link EuiAccordionItemComponent} - Individual expandable items\n * - {@link EuiAccordionItemHeaderDirective} - Custom header content for items\n \n @example\n * import { EuiAccordionModule } from '@eui/components/eui-accordion';\n \n @NgModule({\n * imports: [EuiAccordionModule]\n * })\n * export class MyModule {}\n \n @example\n * <eui-accordion>\n * <eui-accordion-item>\n * <ng-container euiAccordionItemHeader>\n * Custom Header Content\n * </ng-container>\n * Item content\n * </eui-accordion-item>\n * </eui-accordion>\n /\n@NgModule({\n imports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n exports: [EuiAccordionComponent, EuiAccordionItemComponent, EuiAccordionItemHeaderDirective],\n})\nexport class EuiAccordionModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-block-content.mjs CHANGED Viewed

@@ -1,8 +1,27 @@
 import * as i0 from '@angular/core';
 import { booleanAttribute, Input, HostBinding, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+/**
+ * @description
+ * Component that wraps content and manages focus state when content is blocked.
+ * Provides accessibility attributes and handles focus restoration when blocking/unblocking.
+ *
+ * @example
+ * <!-- Basic usage -->
+ * <eui-block-content>
+ *   <div>Content that can be blocked</div>
+ * </eui-block-content>
+ *
+ * <!-- Blocked state with custom accessibility -->
+ * <eui-block-content
+ *   [isBlocked]="true"
+ *   role="dialog"
+ *   ariaLabel="Loading content">
+ *   <div>This content is blocked</div>
+ * </eui-block-content>
+ */
 class EuiBlockContentComponent {
+    /** CSS classes applied to the host element */
     get cssClasses() {
         return [
             'eui-block-content',
@@ -12,16 +31,33 @@ class EuiBlockContentComponent {
     constructor(elRef, renderer) {
         this.elRef = elRef;
         this.renderer = renderer;
+        /**
+         * ARIA role for the content wrapper
+         * @default 'region'
+         */
         this.role = 'region';
+        /**
+         * ARIA label for the content wrapper
+         * @default 'block content wrapper'
+         */
         this.ariaLabel = 'block content wrapper';
+        /**
+         * Whether the content is currently blocked
+         * When true, focused elements within will be blurred and state saved
+         * @default false
+         */
         this.isBlocked = false;
-        /** keeps the state of the element that was focused before content was blocked */
+        /** Stores the element that was focused before content was blocked */
         this.lastActiveElement = null;
     }
+    /**
+     * Handles changes to the blocked state.
+     * Manages focus when content is blocked or unblocked.
+     */
     ngOnChanges(changes) {
         if (changes['isBlocked']) {
             const activeElement = this.getActiveElement();
-            const isBlocking = this.isAboutToBlock(changes);
+            const isBlocking = this.isAboutToBlock(changes['isBlocked']);
             if (isBlocking) {
                 this.deactivateElement(activeElement);
             }
@@ -31,7 +67,10 @@ class EuiBlockContentComponent {
         }
     }
     /**
-     * blur (un-focus) the focused element inside BlockContent
+     * Removes focus from the currently focused element when blocking
+     * Stores the element reference for later restoration
+     *
+     * @param activeElement - The currently focused element
      */
     deactivateElement(activeElement) {
         if (activeElement) {
@@ -43,7 +82,9 @@ class EuiBlockContentComponent {
         }
     }
     /**
-     * focus on element if it was focused before content was blocked
+     * Restores focus to the previously focused element when unblocking
+     *
+     * @param element - The element that was previously focused
      */
     reactivateElement(element) {
         if (element) {
@@ -51,26 +92,28 @@ class EuiBlockContentComponent {
         }
     }
     /**
-     * returns where the element is about to block or not
+     * Determines if the content is transitioning to a blocked state
      *
-     * @param changes SimplyChanges
+     * @param change - Angular SimpleChange object
+     * @returns true if the content is being blocked, false otherwise
      */
-    isAboutToBlock(changes) {
-        const isBlockedChange = changes['isBlocked'];
-        return isBlockedChange?.currentValue && !isBlockedChange.previousValue;
+    isAboutToBlock(change) {
+        return change?.currentValue && !change.previousValue;
     }
     /**
-     * finds the element which is focused inside the UxBlockContent
+     * Finds the currently focused element within the block content
+     *
+     * @returns The currently focused HTMLElement or null if none found
      */
     getActiveElement() {
         return this.elRef.nativeElement.querySelector(':focus');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: EuiBlockContentComponent, isStandalone: false, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.1.7", type: EuiBlockContentComponent, isStandalone: true, selector: "eui-block-content", inputs: { role: "role", ariaLabel: "ariaLabel", isBlocked: ["isBlocked", "isBlocked", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-block-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
+            args: [{ selector: 'eui-block-content', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [".eui-19 :host.eui-block-content{display:block;position:relative}.eui-19 :host.eui-block-content--blocked{min-height:114px}.eui-19 :host.eui-block-content--blocked:before{border-top:var(--eui-s-2xs) solid currentcolor;border-right:var(--eui-s-2xs) solid currentcolor;border-bottom-style:solid;border-left-style:solid;border-radius:var(--eui-br-max);border-bottom-width:var(--eui-s-2xs);border-left-width:var(--eui-s-2xs);border-bottom-color:var(--eui-c-neutral-lightest);border-left-color:var(--eui-c-neutral-lightest);color:var(--eui-c-primary);-webkit-animation:spin .65s linear infinite;animation:spin .65s linear infinite;display:block;height:80px;left:50%;margin:-40px 0 0 -40px;top:50%;content:\"\";position:absolute;width:80px;z-index:var(--eui-zi-overlay)}.eui-19 :host.eui-block-content--blocked:after{background-color:#fff6;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -89,17 +132,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: [{ transform: booleanAttribute }]
             }] } });
+/**
+ * @deprecated Import the standalone {@link EuiBlockContentComponent} instead.
+ * This module is maintained for backward compatibility.
+ *
+ * @example
+ * // Instead of importing the module:
+ * // import { EuiBlockContentModule } from '@eui/components/eui-block-content';
+ *
+ * // Import the standalone component:
+ * import { EuiBlockContentComponent } from '@eui/components/eui-block-content';
+ *
+ * @example
+ * // Instead of adding to NgModule imports:
+ * // @NgModule({
+ * //   imports: [EuiBlockContentModule]
+ * // })
+ *
+ * // Add the standalone component:
+ * @NgModule({
+ *   imports: [EuiBlockContentComponent]
+ * })
+ */
 class EuiBlockContentModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentModule, declarations: [EuiBlockContentComponent], imports: [CommonModule], exports: [EuiBlockContentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentModule, imports: [CommonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentModule, imports: [EuiBlockContentComponent], exports: [EuiBlockContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: EuiBlockContentModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
+                    imports: [EuiBlockContentComponent],
                     exports: [EuiBlockContentComponent],
-                    declarations: [EuiBlockContentComponent],
                 }]
         }] });

package/fesm2022/eui-components-eui-block-content.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-block-content.mjs","sources":["../../eui-block-content/eui-block-content.component.ts","../../eui-block-content/eui-block-content.module.ts","../../eui-block-content/eui-components-eui-block-content.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n HostBinding,\n booleanAttribute,\n} from '@angular/core';\n\n@Component({\n selector: 'eui-block-content',\n template: '<ng-content/>',\n styleUrls: ['./eui-block-content.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n ~~standalone: false,\n~~})\nexport class EuiBlockContentComponent implements OnChanges {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n @Input() @HostBinding('attr.role') role = 'region';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /** ~~keeps~~ the ~~state of the~~ element that was focused before content was blocked /\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /\n ~~blur~~ ~~(un-~~focus) the focused element ~~inside~~ ~~BlockContent~~\n /\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /\n focus on element if it ~~was~~ ~~focused~~ ~~before~~ ~~content~~ was ~~blocked~~\n /\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /\n ~~returns~~ ~~where~~ the ~~element~~ is ~~about~~ to ~~block~~ or ~~not~~\n \n @param ~~changes~~ ~~SimplyChanges~~\n /\n private isAboutToBlock(~~changes~~: ~~SimpleChanges~~): boolean {\n ~~const isBlockedChange = changes['isBlocked'];\n\n~~ return ~~isBlockedChange~~?.currentValue && !~~isBlockedChange~~.previousValue;\n }\n\n /\n ~~finds~~ the element ~~which~~ is focused ~~inside~~ ~~the~~ ~~UxBlockContent~~\n /\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { ~~CommonModule~~ } from '@~~angular~~/~~common~~';\~~nimport~~ { EuiBlockContentComponent } from './eui-block-content~~.component~~';\n\n@NgModule({\n imports: [~~CommonModule~~],\n ~~exports~~: [EuiBlockContentComponent],\n ~~declarations~~: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;MAmBa~~,wBAAwB,CAAA~~;AACjC~~,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;YACH,mBAAmB;YACnB,IAAI,CAAC,SAAS,GAAG,4BAA4B,GAAG,EAAE;AACrD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;~~IAWtB~~,WACY,CAAA,KAAiB,EACjB,QAAmB,EAAA;QADnB,IAAK,CAAA,KAAA,GAAL,KAAK;QACL,IAAQ,CAAA,QAAA,GAAR,QAAQ;~~QAVe~~,IAAI,CAAA,IAAA,GAAG,QAAQ;~~QACT~~,IAAS,CAAA,SAAA,GAAG,uBAAuB;~~QAEpC~~,IAAS,CAAA,SAAA,GAAG,KAAK;;QAGjD,IAAiB,CAAA,iBAAA,GAAgB,IAAI;;~~AAQ7C~~,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;AACtB,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;~~YAE/C~~,IAAI,UAAU,EAAE;AACZ,gBAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;;iBAClC;AACH,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC;;;;AAK1D~~;;AAEG~~;AACH,IAAA,iBAAiB,CAAC,aAA0B,EAAA;QACxC,IAAI,aAAa,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE;AAC3D,YAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;;aACnC;AACH,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;;AAIrC~~;;AAEG~~;AACH,IAAA,iBAAiB,CAAC,OAAoB,EAAA;QAClC,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE;;;AAI9D~~;;;;AAIG~~;AACK,IAAA,cAAc,CAAC,~~OAAsB~~,EAAA;~~AACzC~~,~~QAAA~~,MAAM,~~eAAe,GAAG,OAAO,CAAC,WAAW,CAAC;QAE5C,OAAO,eAAe,~~EAAE,YAAY,IAAI,CAAC,~~eAAe~~,CAAC,aAAa;;~~AAG1E;;AAEG~~;IACK,gBAAgB,GAAA;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;;~~8GAxElD~~,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,~~KAAA~~,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,~~EAYb~~,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,~~EAjB1B~~,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,w4BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;~~2FAKhB~~,wBAAwB,EAAA,UAAA,EAAA,CAAA;~~kBAPpC~~,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,~~YACnB~~,~~eAAe~~,EAAA,~~eAAA~~,EAER,uBAAuB,CAAC,MAAM,~~cACnC,KAAK,~~EAAA,MAAA,EAAA,CAAA,w4BAAA,CAAA,EAAA;~~uGAIN~~,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;~~gBAQe~~,IAAI,EAAA,CAAA;sBAAtC;;sBAAS,WAAW;uBAAC,WAAW;~~gBACQ~~,SAAS,EAAA,CAAA;sBAAjD;;sBAAS,WAAW;uBAAC,iBAAiB;~~gBAEC~~,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;~~MCtB7B~~,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA~~;AAArB~~,~~IAAA~~,~~SAAA,IAAA,CAAA,IAAA,GAAA,~~EAAA,~~CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,~~OAAA,EAAA,~~QAAA~~,~~EAAA~~,~~QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAFf,YAAA,EAAA,~~CAAA,~~wBAAwB,CAF7B,~~EAAA,OAAA,EAAA,~~CAAA~~,~~YAAY,aACZ,~~wBAAwB,CAAA,EAAA,CAAA,CAAA~~;AAGzB~~,~~IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~qBAAqB,~~YAJpB,YAAY,CAAA,~~EAAA,CAAA,CAAA;;~~2FAIb~~,qBAAqB,EAAA,UAAA,EAAA,CAAA;~~kBALjC~~,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,~~YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,~~wBAAwB,CAAC;oBACnC,~~YAAY~~,EAAE,CAAC,wBAAwB,CAAC;~~AAC3C~~,iBAAA;;;~~ACRD~~;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-eui-block-content.mjs","sources":["../../eui-block-content/eui-block-content.component.ts","../../eui-block-content/eui-block-content.module.ts","../../eui-block-content/eui-components-eui-block-content.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n Input,\n OnChanges,\n Renderer2,\n SimpleChanges,\n ChangeDetectionStrategy,\n HostBinding,\n booleanAttribute,\n SimpleChange,\n} from '@angular/core';\n\n/*\n @description\n * Component that wraps content and manages focus state when content is blocked.\n * Provides accessibility attributes and handles focus restoration when blocking/unblocking.\n \n @example\n * <!-- Basic usage -->\n * <eui-block-content>\n * <div>Content that can be blocked</div>\n * </eui-block-content>\n \n <!-- Blocked state with custom accessibility -->\n * <eui-block-content\n * [isBlocked]=\"true\"\n * role=\"dialog\"\n * ariaLabel=\"Loading content\">\n * <div>This content is blocked</div>\n * </eui-block-content>\n /\n@Component({\n selector: 'eui-block-content',\n template: '<ng-content/>',\n styleUrls: ['./eui-block-content.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class EuiBlockContentComponent implements OnChanges {\n /* CSS classes applied to the host element /\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n 'eui-block-content',\n this.isBlocked ? 'eui-block-content--blocked' : '',\n ].join(' ').trim();\n }\n\n /\n ARIA role for the content wrapper\n * @default 'region'\n /\n @Input() @HostBinding('attr.role') role = 'region';\n\n /\n ARIA label for the content wrapper\n * @default 'block content wrapper'\n /\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'block content wrapper';\n\n /\n Whether the content is currently blocked\n * When true, focused elements within will be blurred and state saved\n * @default false\n /\n @Input({ transform: booleanAttribute }) isBlocked = false;\n\n /* Stores the element that was focused before content was blocked /\n private lastActiveElement: HTMLElement = null;\n\n constructor(\n private elRef: ElementRef,\n private renderer: Renderer2,\n ) {}\n\n /\n Handles changes to the blocked state.\n * Manages focus when content is blocked or unblocked.\n /\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['isBlocked']) {\n const activeElement = this.getActiveElement();\n const isBlocking = this.isAboutToBlock(changes['isBlocked']);\n\n if (isBlocking) {\n this.deactivateElement(activeElement);\n } else {\n this.reactivateElement(this.lastActiveElement);\n }\n }\n }\n\n /\n Removes focus from the currently focused element when blocking\n * Stores the element reference for later restoration\n \n @param activeElement - The currently focused element\n /\n deactivateElement(activeElement: HTMLElement): void {\n if (activeElement) {\n this.renderer.selectRootElement(activeElement, true).blur();\n this.lastActiveElement = activeElement;\n } else {\n this.lastActiveElement = null;\n }\n }\n\n /\n Restores focus to the previously focused element when unblocking\n \n @param element - The element that was previously focused\n /\n reactivateElement(element: HTMLElement): void {\n if (element) {\n this.renderer.selectRootElement(element, true).focus();\n }\n }\n\n /\n Determines if the content is transitioning to a blocked state\n \n @param change - Angular SimpleChange object\n * @returns true if the content is being blocked, false otherwise\n /\n private isAboutToBlock(change: SimpleChange): boolean {\n return change?.currentValue && !change.previousValue;\n }\n\n /\n Finds the currently focused element within the block content\n \n @returns The currently focused HTMLElement or null if none found\n /\n private getActiveElement(): HTMLElement {\n return this.elRef.nativeElement.querySelector(':focus');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { EuiBlockContentComponent } from './eui-block-content.component';\n\n/\n @deprecated Import the standalone {@link EuiBlockContentComponent} instead.\n * This module is maintained for backward compatibility.\n \n @example\n * // Instead of importing the module:\n * // import { EuiBlockContentModule } from '@eui/components/eui-block-content';\n \n // Import the standalone component:\n * import { EuiBlockContentComponent } from '@eui/components/eui-block-content';\n \n @example\n * // Instead of adding to NgModule imports:\n * // @NgModule({\n * // imports: [EuiBlockContentModule]\n * // })\n \n // Add the standalone component:\n * @NgModule({\n * imports: [EuiBlockContentComponent]\n * })\n /\n@NgModule({\n imports: [EuiBlockContentComponent],\n exports: [EuiBlockContentComponent],\n})\nexport class EuiBlockContentModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;AAaA;;;;;;;;;;;;;;;;;;AAkBG;MAOU,wBAAwB,CAAA;;AAEjC,IAAA,IACW,UAAU,GAAA;QACjB,OAAO;YACH,mBAAmB;YACnB,IAAI,CAAC,SAAS,GAAG,4BAA4B,GAAG,EAAE;AACrD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;IAyBtB,WACY,CAAA,KAAiB,EACjB,QAAmB,EAAA;QADnB,IAAK,CAAA,KAAA,GAAL,KAAK;QACL,IAAQ,CAAA,QAAA,GAAR,QAAQ;AAxBpB;;;AAGG;QACgC,IAAI,CAAA,IAAA,GAAG,QAAQ;AAElD;;;AAGG;QACsC,IAAS,CAAA,SAAA,GAAG,uBAAuB;AAE5E;;;;AAIG;QACqC,IAAS,CAAA,SAAA,GAAG,KAAK;;QAGjD,IAAiB,CAAA,iBAAA,GAAgB,IAAI;;AAO7C;;;AAGG;AACH,IAAA,WAAW,CAAC,OAAsB,EAAA;AAC9B,QAAA,IAAI,OAAO,CAAC,WAAW,CAAC,EAAE;AACtB,YAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;YAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAE5D,IAAI,UAAU,EAAE;AACZ,gBAAA,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;;iBAClC;AACH,gBAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,iBAAiB,CAAC;;;;AAK1D;;;;;AAKG;AACH,IAAA,iBAAiB,CAAC,aAA0B,EAAA;QACxC,IAAI,aAAa,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE;AAC3D,YAAA,IAAI,CAAC,iBAAiB,GAAG,aAAa;;aACnC;AACH,YAAA,IAAI,CAAC,iBAAiB,GAAG,IAAI;;;AAIrC;;;;AAIG;AACH,IAAA,iBAAiB,CAAC,OAAoB,EAAA;QAClC,IAAI,OAAO,EAAE;AACT,YAAA,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,EAAE;;;AAI9D;;;;;AAKG;AACK,IAAA,cAAc,CAAC,MAAoB,EAAA;QACvC,OAAO,MAAM,EAAE,YAAY,IAAI,CAAC,MAAM,CAAC,aAAa;;AAGxD;;;;AAIG;IACK,gBAAgB,GAAA;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,QAAQ,CAAC;;8GAhGlD,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EA2Bb,gBAAgB,CAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA/B1B,eAAe,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,w4BAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAIhB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBANpC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EACnB,QAAA,EAAA,eAAe,EAER,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,w4BAAA,CAAA,EAAA;uGAKpC,UAAU,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO;gBAYe,IAAI,EAAA,CAAA;sBAAtC;;sBAAS,WAAW;uBAAC,WAAW;gBAMQ,SAAS,EAAA,CAAA;sBAAjD;;sBAAS,WAAW;uBAAC,iBAAiB;gBAOC,SAAS,EAAA,CAAA;sBAAhD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE;;;AC9D1C;;;;;;;;;;;;;;;;;;;;;AAqBG;MAKU,qBAAqB,CAAA;8GAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAArB,qBAAqB,EAAA,OAAA,EAAA,CAHpB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CACxB,wBAAwB,CAAA,EAAA,CAAA,CAAA;+GAEzB,qBAAqB,EAAA,CAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,wBAAwB,CAAC;oBACnC,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACtC,iBAAA;;;AC5BD;;AAEG;;;;"}

package/fesm2022/eui-components-eui-datepicker.mjs CHANGED Viewed

@@ -314,6 +314,7 @@ class EuiDatepickerComponent {
             if (this.euiActionButtons) {
                 this.calendar.registerActions(this.templatePortal);
             }
+            this.calendar['_overlayRef']['_pane'].classList.add('eui-19');
             this.calendar['_overlayRef']['_backdropClick'].pipe(takeUntil(this.destroy$)).subscribe(() => {
                 this.closeCalendar();
             });