@angular/cdk-experimental 21.0.0-next.5 → 21.0.0-next.6

package/fesm2022/combobox.mjs

@@ -1,340 +1,131 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, HOST_TAG_NAME, ElementRef, ViewContainerRef, Injector, DOCUMENT, ChangeDetectorRef, EventEmitter, Directive, Input, Output, NgModule } from '@angular/core';
-import { createOverlayRef, OverlayConfig, createBlockScrollStrategy, createFlexibleConnectedPositionStrategy, OverlayModule } from '@angular/cdk/overlay';
-import { Directionality } from '@angular/cdk/bidi';
-import { coerceBooleanProperty, coerceArray } from '@angular/cdk/coercion';
-import { DOWN_ARROW, ENTER, ESCAPE, TAB } from '@angular/cdk/keycodes';
-import { _getEventTarget } from '@angular/cdk/platform';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { _IdGenerator } from '@angular/cdk/a11y';
+import { inject, ElementRef, contentChild, input, signal, afterRenderEffect, Directive, model, untracked } from '@angular/core';
+import * as i1 from '@angular/cdk-experimental/deferred-content';
+import { DeferredContentAware, DeferredContent } from '@angular/cdk-experimental/deferred-content';
+import { ComboboxPattern } from './_combobox-chunk.mjs';
+import './_pointer-event-manager-chunk.mjs';
 
-const allowedOpenActions = ['focus', 'click', 'downKey', 'toggle'];
-const CDK_COMBOBOX = new InjectionToken('CDK_COMBOBOX');
 class CdkCombobox {
-    _tagName = inject(HOST_TAG_NAME);
+    /** The element that the combobox is attached to. */
     _elementRef = inject(ElementRef);
-    _viewContainerRef = inject(ViewContainerRef);
-    _injector = inject(Injector);
-    _doc = inject(DOCUMENT);
-    _directionality = inject(Directionality, { optional: true });
-    _changeDetectorRef = inject(ChangeDetectorRef);
-    _overlayRef;
-    _panelPortal;
-    _panelTemplateRef;
-    value;
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = coerceBooleanProperty(value);
-    }
-    _disabled = false;
-    get openActions() {
-        return this._openActions;
-    }
-    set openActions(action) {
-        this._openActions = this._coerceOpenActionProperty(action);
-    }
-    _openActions = ['click'];
-    /** Whether the textContent is automatically updated upon change of the combobox value. */
-    get autoSetText() {
-        return this._autoSetText;
-    }
-    set autoSetText(value) {
-        this._autoSetText = coerceBooleanProperty(value);
-    }
-    _autoSetText = true;
-    opened = new EventEmitter();
-    closed = new EventEmitter();
-    panelValueChanged = new EventEmitter();
-    contentId = '';
-    contentType;
-    ngOnDestroy() {
-        if (this._overlayRef) {
-            this._overlayRef.dispose();
-        }
-        this.opened.complete();
-        this.closed.complete();
-        this.panelValueChanged.complete();
-    }
-    _keydown(event) {
-        const { keyCode } = event;
-        if (keyCode === DOWN_ARROW) {
-            if (this.isOpen()) {
-                // TODO: instead of using a focus function, potentially use cdk/a11y focus trapping
-                this._doc.getElementById(this.contentId)?.focus();
-            }
-            else if (this._openActions.indexOf('downKey') !== -1) {
-                this.open();
-            }
-        }
-        else if (keyCode === ENTER) {
-            if (this._openActions.indexOf('toggle') !== -1) {
-                this.toggle();
-            }
-            else if (this._openActions.indexOf('click') !== -1) {
-                this.open();
-            }
-        }
-        else if (keyCode === ESCAPE) {
-            event.preventDefault();
-            this.close();
-        }
-        else if (keyCode === TAB) {
-            this.close();
-        }
-    }
-    /** Handles click or focus interactions. */
-    _handleInteractions(interaction) {
-        if (interaction === 'click') {
-            if (this._openActions.indexOf('toggle') !== -1) {
-                this.toggle();
-            }
-            else if (this._openActions.indexOf('click') !== -1) {
-                this.open();
-            }
-        }
-        else if (interaction === 'focus') {
-            if (this._openActions.indexOf('focus') !== -1) {
-                this.open();
-            }
-        }
-    }
-    /** Given a click in the document, determines if the click was inside a combobox. */
-    _attemptClose(event) {
-        if (this.isOpen()) {
-            let target = _getEventTarget(event);
-            while (target instanceof Element) {
-                if (target.className.indexOf('cdk-combobox') !== -1) {
-                    return;
-                }
-                target = target.parentElement;
+    /** The DeferredContentAware host directive. */
+    _deferredContentAware = inject(DeferredContentAware, { optional: true });
+    /** The combobox popup. */
+    popup = contentChild(CdkComboboxPopup, ...(ngDevMode ? [{ debugName: "popup" }] : []));
+    /** The filter mode for the combobox. */
+    filterMode = input('manual', ...(ngDevMode ? [{ debugName: "filterMode" }] : []));
+    /** Whether the combobox is focused. */
+    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : []));
+    /** The value of the first matching item in the popup. */
+    firstMatch = input(undefined, ...(ngDevMode ? [{ debugName: "firstMatch" }] : []));
+    /** Whether the listbox has received focus yet. */
+    _hasBeenFocused = signal(false, ...(ngDevMode ? [{ debugName: "_hasBeenFocused" }] : []));
+    /** The combobox ui pattern. */
+    pattern = new ComboboxPattern({
+        ...this,
+        inputValue: signal(''),
+        inputEl: signal(undefined),
+        containerEl: () => this._elementRef.nativeElement,
+        popupControls: () => this.popup()?.controls(),
+    });
+    constructor() {
+        afterRenderEffect(() => {
+            if (!this._deferredContentAware?.contentVisible() && this.pattern.isFocused()) {
+                this._deferredContentAware?.contentVisible.set(true);
             }
-        }
-        this.close();
-    }
-    /** Toggles the open state of the panel. */
-    toggle() {
-        if (this.hasPanel()) {
-            this.isOpen() ? this.close() : this.open();
-        }
-    }
-    /** If the combobox is closed and not disabled, opens the panel. */
-    open() {
-        if (!this.isOpen() && !this.disabled) {
-            this.opened.next();
-            this._overlayRef =
-                this._overlayRef || createOverlayRef(this._injector, this._getOverlayConfig());
-            this._overlayRef.attach(this._getPanelContent());
-            this._changeDetectorRef.markForCheck();
-            if (!this._isTextTrigger()) {
-                // TODO: instead of using a focus function, potentially use cdk/a11y focus trapping
-                this._doc.getElementById(this.contentId)?.focus();
-            }
-        }
-    }
-    /** If the combobox is open and not disabled, closes the panel. */
-    close() {
-        if (this.isOpen() && !this.disabled) {
-            this.closed.next();
-            this._overlayRef.detach();
-            this._changeDetectorRef.markForCheck();
-        }
-    }
-    /** Returns true if panel is currently opened. */
-    isOpen() {
-        return this._overlayRef ? this._overlayRef.hasAttached() : false;
-    }
-    /** Returns true if combobox has a child panel. */
-    hasPanel() {
-        return !!this._panelTemplateRef;
-    }
-    _getTabIndex() {
-        return this.disabled ? null : '0';
-    }
-    _setComboboxValue(value) {
-        const valueChanged = this.value !== value;
-        this.value = value;
-        if (valueChanged) {
-            this.panelValueChanged.emit(coerceArray(value));
-            if (this._autoSetText) {
-                this._setTextContent(value);
+        });
+        afterRenderEffect(() => {
+            if (!this._hasBeenFocused() && this.pattern.isFocused()) {
+                this._hasBeenFocused.set(true);
             }
-        }
-    }
-    updateAndClose(value) {
-        this._setComboboxValue(value);
-        this.close();
-    }
-    _setTextContent(content) {
-        const contentArray = coerceArray(content);
-        this._elementRef.nativeElement.textContent = contentArray.join(' ');
-    }
-    _isTextTrigger() {
-        // TODO: Should check if the trigger is contenteditable.
-        const tagName = this._tagName.toLowerCase();
-        return tagName === 'input' || tagName === 'textarea';
-    }
-    _getOverlayConfig() {
-        return new OverlayConfig({
-            positionStrategy: this._getOverlayPositionStrategy(),
-            scrollStrategy: createBlockScrollStrategy(this._injector),
-            direction: this._directionality || undefined,
         });
     }
-    _getOverlayPositionStrategy() {
-        return createFlexibleConnectedPositionStrategy(this._injector, this._elementRef).withPositions(this._getOverlayPositions());
-    }
-    _getOverlayPositions() {
-        return [
-            { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },
-            { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },
-            { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },
-            { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },
-        ];
-    }
-    _getPanelInjector() {
-        return this._injector;
-    }
-    _getPanelContent() {
-        const hasPanelChanged = this._panelTemplateRef !== this._panelPortal?.templateRef;
-        if (this._panelTemplateRef && (!this._panelPortal || hasPanelChanged)) {
-            this._panelPortal = new TemplatePortal(this._panelTemplateRef, this._viewContainerRef, undefined, this._getPanelInjector());
-        }
-        return this._panelPortal;
-    }
-    _coerceOpenActionProperty(input) {
-        let actions = typeof input === 'string' ? input.trim().split(/[ ,]+/) : input;
-        if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
-            actions?.some(a => allowedOpenActions.indexOf(a) === -1)) {
-            throw Error(`${input} is not a support open action for CdkCombobox`);
-        }
-        return actions;
-    }
-    /** Registers the content's id and the content type with the panel. */
-    _registerContent(contentId, contentType) {
-        if ((typeof ngDevMode === 'undefined' || ngDevMode) &&
-            contentType !== 'listbox' &&
-            contentType !== 'dialog') {
-            throw Error('CdkComboboxPanel currently only supports listbox or dialog content.');
-        }
-        this.contentId = contentId;
-        this.contentType = contentType;
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkCombobox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: CdkCombobox, isStandalone: true, selector: "[cdkCombobox]", inputs: { _panelTemplateRef: ["cdkComboboxTriggerFor", "_panelTemplateRef"], value: "value", disabled: "disabled", openActions: "openActions", autoSetText: "autoSetText" }, outputs: { opened: "comboboxPanelOpened", closed: "comboboxPanelClosed", panelValueChanged: "panelValueChanged" }, host: { attributes: { "role": "combobox" }, listeners: { "click": "_handleInteractions(\"click\")", "focus": "_handleInteractions(\"focus\")", "keydown": "_keydown($event)", "document:click": "_attemptClose($event)" }, properties: { "attr.aria-disabled": "disabled", "attr.aria-owns": "contentId", "attr.aria-haspopup": "contentType", "attr.aria-expanded": "isOpen()", "attr.tabindex": "_getTabIndex()" }, classAttribute: "cdk-combobox" }, providers: [{ provide: CDK_COMBOBOX, useExisting: CdkCombobox }], exportAs: ["cdkCombobox"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0-next.2", type: CdkCombobox, isStandalone: true, selector: "[cdkCombobox]", inputs: { filterMode: { classPropertyName: "filterMode", publicName: "filterMode", isSignal: true, isRequired: false, transformFunction: null }, firstMatch: { classPropertyName: "firstMatch", publicName: "firstMatch", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "pattern.onInput($event)", "keydown": "pattern.onKeydown($event)", "pointerup": "pattern.onPointerup($event)", "focusin": "pattern.onFocusIn()", "focusout": "pattern.onFocusOut($event)" }, properties: { "attr.data-expanded": "pattern.expanded()" } }, queries: [{ propertyName: "popup", first: true, predicate: CdkComboboxPopup, descendants: true, isSignal: true }], exportAs: ["cdkCombobox"], hostDirectives: [{ directive: i1.DeferredContentAware, inputs: ["preserveContent", "preserveContent"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkCombobox, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cdkCombobox]',
                     exportAs: 'cdkCombobox',
+                    hostDirectives: [
+                        {
+                            directive: DeferredContentAware,
+                            inputs: ['preserveContent'],
+                        },
+                    ],
                     host: {
-                        'role': 'combobox',
-                        'class': 'cdk-combobox',
-                        '(click)': '_handleInteractions("click")',
-                        '(focus)': '_handleInteractions("focus")',
-                        '(keydown)': '_keydown($event)',
-                        '(document:click)': '_attemptClose($event)',
-                        '[attr.aria-disabled]': 'disabled',
-                        '[attr.aria-owns]': 'contentId',
-                        '[attr.aria-haspopup]': 'contentType',
-                        '[attr.aria-expanded]': 'isOpen()',
-                        '[attr.tabindex]': '_getTabIndex()',
+                        '[attr.data-expanded]': 'pattern.expanded()',
+                        '(input)': 'pattern.onInput($event)',
+                        '(keydown)': 'pattern.onKeydown($event)',
+                        '(pointerup)': 'pattern.onPointerup($event)',
+                        '(focusin)': 'pattern.onFocusIn()',
+                        '(focusout)': 'pattern.onFocusOut($event)',
                     },
-                    providers: [{ provide: CDK_COMBOBOX, useExisting: CdkCombobox }],
                 }]
-        }], propDecorators: { _panelTemplateRef: [{
-                type: Input,
-                args: ['cdkComboboxTriggerFor']
-            }], value: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], openActions: [{
-                type: Input
-            }], autoSetText: [{
-                type: Input
-            }], opened: [{
-                type: Output,
-                args: ['comboboxPanelOpened']
-            }], closed: [{
-                type: Output,
-                args: ['comboboxPanelClosed']
-            }], panelValueChanged: [{
-                type: Output,
-                args: ['panelValueChanged']
-            }] } });
-
-class CdkComboboxPopup {
+        }], ctorParameters: () => [] });
+class CdkComboboxInput {
+    /** The element that the combobox is attached to. */
     _elementRef = inject(ElementRef);
-    _combobox = inject(CDK_COMBOBOX);
-    get role() {
-        return this._role;
-    }
-    set role(value) {
-        this._role = value;
-    }
-    _role = 'dialog';
-    get firstFocus() {
-        return this._firstFocusElement;
-    }
-    set firstFocus(id) {
-        this._firstFocusElement = id;
-    }
-    _firstFocusElement;
-    id = inject(_IdGenerator).getId('cdk-combobox-popup-');
-    ngOnInit() {
-        this.registerWithPanel();
-    }
-    registerWithPanel() {
-        this._combobox._registerContent(this.id, this._role);
-    }
-    focusFirstElement() {
-        if (this._firstFocusElement) {
-            this._firstFocusElement.focus();
-        }
-        else {
-            this._elementRef.nativeElement.focus();
-        }
+    /** The combobox that the input belongs to. */
+    combobox = inject(CdkCombobox);
+    /** The value of the input. */
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+    constructor() {
+        this.combobox.pattern.inputs.inputEl.set(this._elementRef.nativeElement);
+        this.combobox.pattern.inputs.inputValue = this.value;
+        /** Focuses & selects the first item in the combobox if the user changes the input value. */
+        afterRenderEffect(() => {
+            this.combobox.popup()?.controls()?.items();
+            untracked(() => this.combobox.pattern.onFilter());
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxPopup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: CdkComboboxPopup, isStandalone: true, selector: "[cdkComboboxPopup]", inputs: { role: "role", firstFocus: "firstFocus", id: "id" }, host: { attributes: { "tabindex": "-1" }, listeners: { "focus": "focusFirstElement()" }, properties: { "attr.role": "role", "id": "id" }, classAttribute: "cdk-combobox-popup" }, exportAs: ["cdkComboboxPopup"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: CdkComboboxInput, isStandalone: true, selector: "input[cdkComboboxInput]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "combobox" }, properties: { "value": "value()", "attr.aria-expanded": "combobox.pattern.expanded()", "attr.aria-activedescendant": "combobox.pattern.activedescendant()", "attr.aria-controls": "combobox.pattern.popupId()", "attr.aria-haspopup": "combobox.pattern.hasPopup()", "attr.aria-autocomplete": "combobox.pattern.autocomplete()" } }, exportAs: ["cdkComboboxInput"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxPopup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxInput, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[cdkComboboxPopup]',
-                    exportAs: 'cdkComboboxPopup',
+                    selector: 'input[cdkComboboxInput]',
+                    exportAs: 'cdkComboboxInput',
                     host: {
-                        'class': 'cdk-combobox-popup',
-                        '[attr.role]': 'role',
-                        '[id]': 'id',
-                        'tabindex': '-1',
-                        '(focus)': 'focusFirstElement()',
+                        'role': 'combobox',
+                        '[value]': 'value()',
+                        '[attr.aria-expanded]': 'combobox.pattern.expanded()',
+                        '[attr.aria-activedescendant]': 'combobox.pattern.activedescendant()',
+                        '[attr.aria-controls]': 'combobox.pattern.popupId()',
+                        '[attr.aria-haspopup]': 'combobox.pattern.hasPopup()',
+                        '[attr.aria-autocomplete]': 'combobox.pattern.autocomplete()',
                     },
                 }]
-        }], propDecorators: { role: [{
-                type: Input
-            }], firstFocus: [{
-                type: Input
-            }], id: [{
-                type: Input
-            }] } });
-
-const EXPORTED_DECLARATIONS = [CdkCombobox, CdkComboboxPopup];
-class CdkComboboxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxModule, imports: [OverlayModule, CdkCombobox, CdkComboboxPopup], exports: [CdkCombobox, CdkComboboxPopup] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxModule, imports: [OverlayModule] });
+        }], ctorParameters: () => [] });
+class CdkComboboxPopupContainer {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxPopupContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: CdkComboboxPopupContainer, isStandalone: true, selector: "ng-template[cdkComboboxPopupContainer]", exportAs: ["cdkComboboxPopupContainer"], hostDirectives: [{ directive: i1.DeferredContent }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxPopupContainer, decorators: [{
+            type: Directive,
             args: [{
-                    imports: [OverlayModule, ...EXPORTED_DECLARATIONS],
-                    exports: EXPORTED_DECLARATIONS,
+                    selector: 'ng-template[cdkComboboxPopupContainer]',
+                    exportAs: 'cdkComboboxPopupContainer',
+                    hostDirectives: [DeferredContent],
+                }]
+        }] });
+class CdkComboboxPopup {
+    /** The combobox that the popup belongs to. */
+    combobox = inject(CdkCombobox, { optional: true });
+    /** The controls the popup exposes to the combobox. */
+    controls = signal(undefined, ...(ngDevMode ? [{ debugName: "controls" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxPopup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: CdkComboboxPopup, isStandalone: true, selector: "[cdkComboboxPopup]", exportAs: ["cdkComboboxPopup"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkComboboxPopup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cdkComboboxPopup]',
+                    exportAs: 'cdkComboboxPopup',
                 }]
         }] });
 
-export { CDK_COMBOBOX, CdkCombobox, CdkComboboxModule, CdkComboboxPopup };
+export { CdkCombobox, CdkComboboxInput, CdkComboboxPopup, CdkComboboxPopupContainer };
 //# sourceMappingURL=combobox.mjs.map

package/fesm2022/combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/combobox/combobox.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/combobox/combobox-popup.ts","../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/combobox/combobox-module.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\nimport {Directionality} from '@angular/cdk/bidi';\nimport {BooleanInput, coerceArray, coerceBooleanProperty} from '@angular/cdk/coercion';\nimport {DOWN_ARROW, ENTER, ESCAPE, TAB} from '@angular/cdk/keycodes';\nimport {\n  ConnectedPosition,\n  createBlockScrollStrategy,\n  createFlexibleConnectedPositionStrategy,\n  createOverlayRef,\n  FlexibleConnectedPositionStrategy,\n  OverlayConfig,\n  OverlayRef,\n} from '@angular/cdk/overlay';\nimport {_getEventTarget} from '@angular/cdk/platform';\nimport {TemplatePortal} from '@angular/cdk/portal';\n\nimport {\n  ChangeDetectorRef,\n  Directive,\n  ElementRef,\n  EventEmitter,\n  HOST_TAG_NAME,\n  InjectionToken,\n  Injector,\n  Input,\n  OnDestroy,\n  Output,\n  TemplateRef,\n  ViewContainerRef,\n  inject,\n  DOCUMENT,\n} from '@angular/core';\n\nexport type AriaHasPopupValue = 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';\nexport type OpenAction = 'focus' | 'click' | 'downKey' | 'toggle';\nexport type OpenActionInput = OpenAction | OpenAction[] | string | null | undefined;\n\nconst allowedOpenActions = ['focus', 'click', 'downKey', 'toggle'];\n\nexport const CDK_COMBOBOX = new InjectionToken<CdkCombobox>('CDK_COMBOBOX');\n\n@Directive({\n  selector: '[cdkCombobox]',\n  exportAs: 'cdkCombobox',\n  host: {\n    'role': 'combobox',\n    'class': 'cdk-combobox',\n    '(click)': '_handleInteractions(\"click\")',\n    '(focus)': '_handleInteractions(\"focus\")',\n    '(keydown)': '_keydown($event)',\n    '(document:click)': '_attemptClose($event)',\n    '[attr.aria-disabled]': 'disabled',\n    '[attr.aria-owns]': 'contentId',\n    '[attr.aria-haspopup]': 'contentType',\n    '[attr.aria-expanded]': 'isOpen()',\n    '[attr.tabindex]': '_getTabIndex()',\n  },\n  providers: [{provide: CDK_COMBOBOX, useExisting: CdkCombobox}],\n})\nexport class CdkCombobox<T = unknown> implements OnDestroy {\n  private readonly _tagName = inject(HOST_TAG_NAME);\n  private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  protected readonly _viewContainerRef = inject(ViewContainerRef);\n  private readonly _injector = inject(Injector);\n  private readonly _doc = inject(DOCUMENT);\n  private readonly _directionality = inject(Directionality, {optional: true});\n  private _changeDetectorRef = inject(ChangeDetectorRef);\n  private _overlayRef: OverlayRef;\n  private _panelPortal: TemplatePortal;\n\n  @Input('cdkComboboxTriggerFor')\n  _panelTemplateRef: TemplateRef<unknown>;\n\n  @Input()\n  value: T | T[];\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n  }\n  private _disabled: boolean = false;\n\n  @Input()\n  get openActions(): OpenAction[] {\n    return this._openActions;\n  }\n  set openActions(action: OpenActionInput) {\n    this._openActions = this._coerceOpenActionProperty(action);\n  }\n  private _openActions: OpenAction[] = ['click'];\n\n  /** Whether the textContent is automatically updated upon change of the combobox value. */\n  @Input()\n  get autoSetText(): boolean {\n    return this._autoSetText;\n  }\n  set autoSetText(value: BooleanInput) {\n    this._autoSetText = coerceBooleanProperty(value);\n  }\n  private _autoSetText: boolean = true;\n\n  @Output('comboboxPanelOpened') readonly opened: EventEmitter<void> = new EventEmitter<void>();\n  @Output('comboboxPanelClosed') readonly closed: EventEmitter<void> = new EventEmitter<void>();\n  @Output('panelValueChanged') readonly panelValueChanged: EventEmitter<T[]> = new EventEmitter<\n    T[]\n  >();\n\n  contentId: string = '';\n  contentType: AriaHasPopupValue;\n\n  ngOnDestroy() {\n    if (this._overlayRef) {\n      this._overlayRef.dispose();\n    }\n\n    this.opened.complete();\n    this.closed.complete();\n    this.panelValueChanged.complete();\n  }\n\n  _keydown(event: KeyboardEvent) {\n    const {keyCode} = event;\n\n    if (keyCode === DOWN_ARROW) {\n      if (this.isOpen()) {\n        // TODO: instead of using a focus function, potentially use cdk/a11y focus trapping\n        this._doc.getElementById(this.contentId)?.focus();\n      } else if (this._openActions.indexOf('downKey') !== -1) {\n        this.open();\n      }\n    } else if (keyCode === ENTER) {\n      if (this._openActions.indexOf('toggle') !== -1) {\n        this.toggle();\n      } else if (this._openActions.indexOf('click') !== -1) {\n        this.open();\n      }\n    } else if (keyCode === ESCAPE) {\n      event.preventDefault();\n      this.close();\n    } else if (keyCode === TAB) {\n      this.close();\n    }\n  }\n\n  /** Handles click or focus interactions. */\n  _handleInteractions(interaction: OpenAction) {\n    if (interaction === 'click') {\n      if (this._openActions.indexOf('toggle') !== -1) {\n        this.toggle();\n      } else if (this._openActions.indexOf('click') !== -1) {\n        this.open();\n      }\n    } else if (interaction === 'focus') {\n      if (this._openActions.indexOf('focus') !== -1) {\n        this.open();\n      }\n    }\n  }\n\n  /** Given a click in the document, determines if the click was inside a combobox. */\n  _attemptClose(event: MouseEvent) {\n    if (this.isOpen()) {\n      let target = _getEventTarget(event);\n      while (target instanceof Element) {\n        if (target.className.indexOf('cdk-combobox') !== -1) {\n          return;\n        }\n        target = target.parentElement;\n      }\n    }\n\n    this.close();\n  }\n\n  /** Toggles the open state of the panel. */\n  toggle() {\n    if (this.hasPanel()) {\n      this.isOpen() ? this.close() : this.open();\n    }\n  }\n\n  /** If the combobox is closed and not disabled, opens the panel. */\n  open() {\n    if (!this.isOpen() && !this.disabled) {\n      this.opened.next();\n      this._overlayRef =\n        this._overlayRef || createOverlayRef(this._injector, this._getOverlayConfig());\n      this._overlayRef.attach(this._getPanelContent());\n      this._changeDetectorRef.markForCheck();\n      if (!this._isTextTrigger()) {\n        // TODO: instead of using a focus function, potentially use cdk/a11y focus trapping\n        this._doc.getElementById(this.contentId)?.focus();\n      }\n    }\n  }\n\n  /** If the combobox is open and not disabled, closes the panel. */\n  close() {\n    if (this.isOpen() && !this.disabled) {\n      this.closed.next();\n      this._overlayRef.detach();\n      this._changeDetectorRef.markForCheck();\n    }\n  }\n\n  /** Returns true if panel is currently opened. */\n  isOpen(): boolean {\n    return this._overlayRef ? this._overlayRef.hasAttached() : false;\n  }\n\n  /** Returns true if combobox has a child panel. */\n  hasPanel(): boolean {\n    return !!this._panelTemplateRef;\n  }\n\n  _getTabIndex(): string | null {\n    return this.disabled ? null : '0';\n  }\n\n  private _setComboboxValue(value: T | T[]) {\n    const valueChanged = this.value !== value;\n    this.value = value;\n\n    if (valueChanged) {\n      this.panelValueChanged.emit(coerceArray(value));\n      if (this._autoSetText) {\n        this._setTextContent(value);\n      }\n    }\n  }\n\n  updateAndClose(value: T | T[]) {\n    this._setComboboxValue(value);\n    this.close();\n  }\n\n  private _setTextContent(content: T | T[]) {\n    const contentArray = coerceArray(content);\n    this._elementRef.nativeElement.textContent = contentArray.join(' ');\n  }\n\n  private _isTextTrigger() {\n    // TODO: Should check if the trigger is contenteditable.\n    const tagName = this._tagName.toLowerCase();\n    return tagName === 'input' || tagName === 'textarea';\n  }\n\n  private _getOverlayConfig() {\n    return new OverlayConfig({\n      positionStrategy: this._getOverlayPositionStrategy(),\n      scrollStrategy: createBlockScrollStrategy(this._injector),\n      direction: this._directionality || undefined,\n    });\n  }\n\n  private _getOverlayPositionStrategy(): FlexibleConnectedPositionStrategy {\n    return createFlexibleConnectedPositionStrategy(this._injector, this._elementRef).withPositions(\n      this._getOverlayPositions(),\n    );\n  }\n\n  private _getOverlayPositions(): ConnectedPosition[] {\n    return [\n      {originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top'},\n      {originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom'},\n      {originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top'},\n      {originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom'},\n    ];\n  }\n\n  private _getPanelInjector() {\n    return this._injector;\n  }\n\n  private _getPanelContent() {\n    const hasPanelChanged = this._panelTemplateRef !== this._panelPortal?.templateRef;\n    if (this._panelTemplateRef && (!this._panelPortal || hasPanelChanged)) {\n      this._panelPortal = new TemplatePortal(\n        this._panelTemplateRef,\n        this._viewContainerRef,\n        undefined,\n        this._getPanelInjector(),\n      );\n    }\n\n    return this._panelPortal;\n  }\n\n  private _coerceOpenActionProperty(input: OpenActionInput): OpenAction[] {\n    let actions = typeof input === 'string' ? input.trim().split(/[ ,]+/) : input;\n    if (\n      (typeof ngDevMode === 'undefined' || ngDevMode) &&\n      actions?.some(a => allowedOpenActions.indexOf(a) === -1)\n    ) {\n      throw Error(`${input} is not a support open action for CdkCombobox`);\n    }\n    return actions as OpenAction[];\n  }\n\n  /** Registers the content's id and the content type with the panel. */\n  _registerContent(contentId: string, contentType: AriaHasPopupValue) {\n    if (\n      (typeof ngDevMode === 'undefined' || ngDevMode) &&\n      contentType !== 'listbox' &&\n      contentType !== 'dialog'\n    ) {\n      throw Error('CdkComboboxPanel currently only supports listbox or dialog content.');\n    }\n    this.contentId = contentId;\n    this.contentType = contentType;\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive, ElementRef, Input, OnInit, inject} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {AriaHasPopupValue, CDK_COMBOBOX, CdkCombobox} from './combobox';\n\n@Directive({\n  selector: '[cdkComboboxPopup]',\n  exportAs: 'cdkComboboxPopup',\n  host: {\n    'class': 'cdk-combobox-popup',\n    '[attr.role]': 'role',\n    '[id]': 'id',\n    'tabindex': '-1',\n    '(focus)': 'focusFirstElement()',\n  },\n})\nexport class CdkComboboxPopup<T = unknown> implements OnInit {\n  private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly _combobox = inject<CdkCombobox>(CDK_COMBOBOX);\n\n  @Input()\n  get role(): AriaHasPopupValue {\n    return this._role;\n  }\n  set role(value: AriaHasPopupValue) {\n    this._role = value;\n  }\n  private _role: AriaHasPopupValue = 'dialog';\n\n  @Input()\n  get firstFocus(): HTMLElement {\n    return this._firstFocusElement;\n  }\n  set firstFocus(id: HTMLElement) {\n    this._firstFocusElement = id;\n  }\n  private _firstFocusElement: HTMLElement;\n\n  @Input() id: string = inject(_IdGenerator).getId('cdk-combobox-popup-');\n\n  ngOnInit() {\n    this.registerWithPanel();\n  }\n\n  registerWithPanel(): void {\n    this._combobox._registerContent(this.id, this._role);\n  }\n\n  focusFirstElement() {\n    if (this._firstFocusElement) {\n      this._firstFocusElement.focus();\n    } else {\n      this._elementRef.nativeElement.focus();\n    }\n  }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {NgModule} from '@angular/core';\nimport {OverlayModule} from '@angular/cdk/overlay';\nimport {CdkCombobox} from './combobox';\nimport {CdkComboboxPopup} from './combobox-popup';\n\nconst EXPORTED_DECLARATIONS = [CdkCombobox, CdkComboboxPopup];\n@NgModule({\n  imports: [OverlayModule, ...EXPORTED_DECLARATIONS],\n  exports: EXPORTED_DECLARATIONS,\n})\nexport class CdkComboboxModule {}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"combobox.mjs","sources":["../../../../../k8-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/combobox/combobox.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  contentChild,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n  WritableSignal,\n} from '@angular/core';\nimport {DeferredContent, DeferredContentAware} from '@angular/cdk-experimental/deferred-content';\nimport {ComboboxPattern, ComboboxListboxControls, ComboboxTreeControls} from '../ui-patterns';\n\n@Directive({\n  selector: '[cdkCombobox]',\n  exportAs: 'cdkCombobox',\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n  host: {\n    '[attr.data-expanded]': 'pattern.expanded()',\n    '(input)': 'pattern.onInput($event)',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerup)': 'pattern.onPointerup($event)',\n    '(focusin)': 'pattern.onFocusIn()',\n    '(focusout)': 'pattern.onFocusOut($event)',\n  },\n})\nexport class CdkCombobox<V> {\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});\n\n  /** The combobox popup. */\n  readonly popup = contentChild<CdkComboboxPopup<V>>(CdkComboboxPopup);\n\n  /** The filter mode for the combobox. */\n  filterMode = input<'manual' | 'auto-select' | 'highlight'>('manual');\n\n  /** Whether the combobox is focused. */\n  readonly isFocused = signal(false);\n\n  /** The value of the first matching item in the popup. */\n  firstMatch = input<V | undefined>(undefined);\n\n  /** Whether the listbox has received focus yet. */\n  private _hasBeenFocused = signal(false);\n\n  /** The combobox ui pattern. */\n  readonly pattern = new ComboboxPattern<any, V>({\n    ...this,\n    inputValue: signal(''),\n    inputEl: signal(undefined),\n    containerEl: () => this._elementRef.nativeElement,\n    popupControls: () => this.popup()?.controls(),\n  });\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (!this._deferredContentAware?.contentVisible() && this.pattern.isFocused()) {\n        this._deferredContentAware?.contentVisible.set(true);\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasBeenFocused() && this.pattern.isFocused()) {\n        this._hasBeenFocused.set(true);\n      }\n    });\n  }\n}\n\n@Directive({\n  selector: 'input[cdkComboboxInput]',\n  exportAs: 'cdkComboboxInput',\n  host: {\n    'role': 'combobox',\n    '[value]': 'value()',\n    '[attr.aria-expanded]': 'combobox.pattern.expanded()',\n    '[attr.aria-activedescendant]': 'combobox.pattern.activedescendant()',\n    '[attr.aria-controls]': 'combobox.pattern.popupId()',\n    '[attr.aria-haspopup]': 'combobox.pattern.hasPopup()',\n    '[attr.aria-autocomplete]': 'combobox.pattern.autocomplete()',\n  },\n})\nexport class CdkComboboxInput {\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  /** The combobox that the input belongs to. */\n  readonly combobox = inject(CdkCombobox);\n\n  /** The value of the input. */\n  value = model<string>('');\n\n  constructor() {\n    (this.combobox.pattern.inputs.inputEl as WritableSignal<HTMLInputElement>).set(\n      this._elementRef.nativeElement,\n    );\n    this.combobox.pattern.inputs.inputValue = this.value;\n\n    /** Focuses & selects the first item in the combobox if the user changes the input value. */\n    afterRenderEffect(() => {\n      this.combobox.popup()?.controls()?.items();\n      untracked(() => this.combobox.pattern.onFilter());\n    });\n  }\n}\n\n@Directive({\n  selector: 'ng-template[cdkComboboxPopupContainer]',\n  exportAs: 'cdkComboboxPopupContainer',\n  hostDirectives: [DeferredContent],\n})\nexport class CdkComboboxPopupContainer {}\n\n@Directive({\n  selector: '[cdkComboboxPopup]',\n  exportAs: 'cdkComboboxPopup',\n})\nexport class CdkComboboxPopup<V> {\n  /** The combobox that the popup belongs to. */\n  readonly combobox = inject<CdkCombobox<V>>(CdkCombobox, {optional: true});\n\n  /** The controls the popup exposes to the combobox. */\n  readonly controls = signal<\n    ComboboxListboxControls<any, V> | ComboboxTreeControls<any, V> | undefined\n  >(undefined);\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/deferred-content.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { signal, input, Directive, inject, TemplateRef, ViewContainerRef, afterRenderEffect } from '@angular/core';
+import { signal, model, Directive, inject, TemplateRef, ViewContainerRef, afterRenderEffect } from '@angular/core';
 
 /**
  * A container directive controls the visibility of its content.
  */
 class DeferredContentAware {
     contentVisible = signal(false, ...(ngDevMode ? [{ debugName: "contentVisible" }] : []));
-    preserveContent = input(false, ...(ngDevMode ? [{ debugName: "preserveContent" }] : []));
+    preserveContent = model(false, ...(ngDevMode ? [{ debugName: "preserveContent" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContentAware, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: DeferredContentAware, isStandalone: true, inputs: { preserveContent: { classPropertyName: "preserveContent", publicName: "preserveContent", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: DeferredContentAware, isStandalone: true, inputs: { preserveContent: { classPropertyName: "preserveContent", publicName: "preserveContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preserveContent: "preserveContentChange" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContentAware, decorators: [{
             type: Directive

package/fesm2022/deferred-content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"deferred-content.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/deferred-content/deferred-content.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  Directive,\n  inject,\n  input,\n  TemplateRef,\n  signal,\n  ViewContainerRef,\n} from '@angular/core';\n\n/**\n * A container directive controls the visibility of its content.\n */\n@Directive()\nexport class DeferredContentAware {\n  readonly contentVisible = signal(false);\n  readonly preserveContent = input(false);\n}\n\n/**\n * DeferredContent loads/unloads the content based on the visibility.\n * The visibilty signal is sent from a parent directive implements\n * DeferredContentAware.\n *\n * Use this directive as a host directive. For example:\n *\n * ```ts\n *   @Directive({\n *     selector: 'ng-template[cdkAccordionContent]',\n *     hostDirectives: [DeferredContent],\n *   })\n *   class CdkAccordionContent {}\n * ```\n */\n@Directive()\nexport class DeferredContent {\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n  private readonly _templateRef = inject(TemplateRef);\n  private readonly _viewContainerRef = inject(ViewContainerRef);\n  private _isRendered = false;\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this._deferredContentAware.contentVisible()) {\n        if (this._isRendered) return;\n        this._viewContainerRef.clear();\n        this._viewContainerRef.createEmbeddedView(this._templateRef);\n        this._isRendered = true;\n      } else if (!this._deferredContentAware.preserveContent()) {\n        this._viewContainerRef.clear();\n        this._isRendered = false;\n      }\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAkBA;;AAEG;MAEU,oBAAoB,CAAA;AACtB,IAAA,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC;AAC9B,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,2DAAC;8GAF5B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,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,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;AAMD;;;;;;;;;;;;;;AAcG;MAEU,eAAe,CAAA;AACT,IAAA,qBAAqB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACpD,IAAA,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AAClC,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACrD,WAAW,GAAG,KAAK;AAE3B,IAAA,WAAA,GAAA;QACE,iBAAiB,CAAC,MAAK;AACrB,YAAA,IAAI,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,EAAE;gBAC/C,IAAI,IAAI,CAAC,WAAW;oBAAE;AACtB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC5D,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;iBAClB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,eAAe,EAAE,EAAE;AACxD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAC9B,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;AAE5B,SAAC,CAAC;;8GAjBO,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;;;;"}
+{"version":3,"file":"deferred-content.mjs","sources":["../../../../../k8-fastbuild-ST-199a4f3c4e20/bin/src/cdk-experimental/deferred-content/deferred-content.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  Directive,\n  inject,\n  TemplateRef,\n  signal,\n  ViewContainerRef,\n  model,\n} from '@angular/core';\n\n/**\n * A container directive controls the visibility of its content.\n */\n@Directive()\nexport class DeferredContentAware {\n  readonly contentVisible = signal(false);\n  readonly preserveContent = model(false);\n}\n\n/**\n * DeferredContent loads/unloads the content based on the visibility.\n * The visibilty signal is sent from a parent directive implements\n * DeferredContentAware.\n *\n * Use this directive as a host directive. For example:\n *\n * ```ts\n *   @Directive({\n *     selector: 'ng-template[cdkAccordionContent]',\n *     hostDirectives: [DeferredContent],\n *   })\n *   class CdkAccordionContent {}\n * ```\n */\n@Directive()\nexport class DeferredContent {\n  private readonly _deferredContentAware = inject(DeferredContentAware);\n  private readonly _templateRef = inject(TemplateRef);\n  private readonly _viewContainerRef = inject(ViewContainerRef);\n  private _isRendered = false;\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this._deferredContentAware.contentVisible()) {\n        if (this._isRendered) return;\n        this._viewContainerRef.clear();\n        this._viewContainerRef.createEmbeddedView(this._templateRef);\n        this._isRendered = true;\n      } else if (!this._deferredContentAware.preserveContent()) {\n        this._viewContainerRef.clear();\n        this._isRendered = false;\n      }\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAkBA;;AAEG;MAEU,oBAAoB,CAAA;AACtB,IAAA,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC;AAC9B,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,2DAAC;8GAF5B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,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,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;AAMD;;;;;;;;;;;;;;AAcG;MAEU,eAAe,CAAA;AACT,IAAA,qBAAqB,GAAG,MAAM,CAAC,oBAAoB,CAAC;AACpD,IAAA,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AAClC,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACrD,WAAW,GAAG,KAAK;AAE3B,IAAA,WAAA,GAAA;QACE,iBAAiB,CAAC,MAAK;AACrB,YAAA,IAAI,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,EAAE;gBAC/C,IAAI,IAAI,CAAC,WAAW;oBAAE;AACtB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC5D,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;iBAClB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,eAAe,EAAE,EAAE;AACxD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAC9B,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;AAE5B,SAAC,CAAC;;8GAjBO,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;;;;"}