@agorapulse/ui-components 20.3.17 → 20.3.19

package/fesm2022/agorapulse-ui-components-nav-selector-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-nav-selector-testing.mjs","sources":["../../../libs/ui-components/nav-selector/testing/src/nav-selector-entry.mock.ts","../../../libs/ui-components/nav-selector/testing/src/agorapulse-ui-components-nav-selector-testing.ts"],"sourcesContent":["import { NavSelectorLeafAction, NavSelectorLeafDetails } from '@agorapulse/ui-components/nav-selector';\n\n/**\n * Usage Example:\n *\n * import { generateGroupElements, generateLeafElements } from './nav-selector-entry.mock';\n *\n * const mockNavSelectorEntries = [\n *     // Generate 30 groups with children using default settings\n *     ...generateGroupElements({\n *         count: 30,\n *     }),\n *\n *     // Generate individual leaf elements without groups\n *     ...generateLeafElements({\n *         count: 1,\n *     }),\n * ];\n */\n\n/**\n * Utility function to generate leaf type elements\n * @param options Configuration options for generating leaf elements\n * @returns Array of leaf elements\n */\nexport function generateLeafElements(options: {\n    count: number;\n    uidPrefix?: string;\n    aliasPrefix?: string;\n    startUid?: number;\n    networks?: string[];\n    pictureUrlPattern?: string;\n    disableReasonFrequency?: number;\n    tokenInvalidFrequency?: number;\n    featureLockedFrequency?: number;\n    actions?: NavSelectorLeafAction[];\n    details?: Partial<NavSelectorLeafDetails>[];\n}) {\n    const {\n        count,\n        uidPrefix = 'account',\n        aliasPrefix = 'Account',\n        startUid = 1,\n        networks = ['facebook', 'instagram', 'youtube', 'tiktok', 'linkedin', 'xPlus'],\n        pictureUrlPattern = 'https://picsum.photos/150/150?random={uid}',\n        disableReasonFrequency = 17,\n        tokenInvalidFrequency = 7,\n        featureLockedFrequency = 11,\n        actions = [],\n        details = [],\n    } = options;\n\n    return Array.from({ length: count }, (_, index) => {\n        const uid = startUid + index;\n        const networkIndex = index % networks.length;\n        const network = networks[networkIndex];\n\n        const finalUid = `${uidPrefix}_${uid}`;\n        const finalAlias = `${aliasPrefix} ${uid}`;\n        const finalPictureUrl = pictureUrlPattern.replace('{uid}', uid.toString());\n\n        return {\n            uid: finalUid,\n            counter: null,\n            alias: finalAlias,\n            pictureUrl: finalPictureUrl,\n            disableReason:\n                index > 0 && index % disableReasonFrequency === 0 ? 'The Reports feature is not supported for this account type' : null,\n            missingPermission: false,\n            network,\n            actions,\n            details: details.map(detail => {\n                return { ...detail, uid: 'detail_' + detail.uid + '_' + finalUid };\n            }),\n            tokenInvalid: index > 0 && index % tokenInvalidFrequency === 0,\n            featureLocked: index > 0 && index % featureLockedFrequency === 0,\n            type: 'LEAF' as const,\n        };\n    });\n}\n\n/**\n * Utility function to generate group type elements with children\n * @param options Configuration options for generating group elements\n * @returns Array of group elements\n */\nexport function generateGroupElements(options: {\n    count: number;\n    startGroupId?: number;\n    categories?: string[];\n    childrenCounts?: number[];\n    uidPrefix?: string;\n    childUidPrefix?: string;\n    childAliasPrefix?: string;\n    startChildUid?: number;\n    childUidIncrement?: number;\n    networks?: string[];\n    pictureUrlPattern?: string;\n    disableReasonFrequency?: number;\n    tokenInvalidFrequency?: number;\n    featureLockedFrequency?: number;\n    actions?: NavSelectorLeafAction[];\n    details?: Partial<NavSelectorLeafDetails>[];\n}) {\n    const {\n        count,\n        startGroupId = 82529,\n        categories = ['Test Group'],\n        childrenCounts = [10],\n        uidPrefix = 'group',\n        childUidPrefix = 'account',\n        childAliasPrefix = '',\n        startChildUid = 99,\n        childUidIncrement = 30,\n        networks = ['facebook', 'instagram'],\n        pictureUrlPattern = 'https://picsum.photos/150/150?random={uid}',\n        disableReasonFrequency = 999,\n        tokenInvalidFrequency = 999,\n        featureLockedFrequency = 999,\n        actions = [],\n        details = [],\n    } = options;\n\n    // Use a cache to avoid regenerating the same data\n    const cacheKey = JSON.stringify(options);\n    if ((globalThis as any).__navSelectorMockCache?.[cacheKey]) {\n        return (globalThis as any).__navSelectorMockCache[cacheKey];\n    }\n\n    const result = Array.from({ length: count }, (_, groupIndex) => {\n        const groupId = startGroupId + groupIndex;\n        // Reduce default children count to improve performance\n        const childrenCount = Math.min(childrenCounts[groupIndex] || 5, 10);\n        const startUid = startChildUid + groupIndex * childUidIncrement;\n        const groupCategory = categories[groupIndex] || `Category ${groupIndex + 1}`;\n\n        return {\n            uid: `${uidPrefix}_${groupId}`,\n            alias: groupCategory,\n            children: generateLeafElements({\n                count: childrenCount,\n                uidPrefix: childUidPrefix,\n                aliasPrefix: childAliasPrefix || groupCategory,\n                startUid: startUid,\n                networks,\n                pictureUrlPattern,\n                disableReasonFrequency,\n                tokenInvalidFrequency,\n                featureLockedFrequency,\n                actions,\n                details,\n            }),\n            folded: true,\n            type: 'GROUP' as const,\n        };\n    });\n\n    // Cache the result\n    if (!(globalThis as any).__navSelectorMockCache) {\n        (globalThis as any).__navSelectorMockCache = {};\n    }\n    (globalThis as any).__navSelectorMockCache[cacheKey] = result;\n\n    return result;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-nav-selector-testing.mjs","sources":["../../../libs/ui-components/nav-selector/testing/src/nav-selector-entry.mock.ts","../../../libs/ui-components/nav-selector/testing/src/agorapulse-ui-components-nav-selector-testing.ts"],"sourcesContent":["import { NavSelectorLeafAction, NavSelectorLeafDetails } from '@agorapulse/ui-components/nav-selector';\n\n/**\n * Usage Example:\n *\n * import { generateGroupElements, generateLeafElements } from './nav-selector-entry.mock';\n *\n * const mockNavSelectorEntries = [\n *     // Generate 30 groups with children using default settings\n *     ...generateGroupElements({\n *         count: 30,\n *     }),\n *\n *     // Generate individual leaf elements without groups\n *     ...generateLeafElements({\n *         count: 1,\n *     }),\n * ];\n */\n\n/**\n * Utility function to generate leaf type elements\n * @param options Configuration options for generating leaf elements\n * @returns Array of leaf elements\n */\nexport function generateLeafElements(options: {\n    count: number;\n    uidPrefix?: string;\n    aliasPrefix?: string;\n    startUid?: number;\n    networks?: string[];\n    pictureUrlPattern?: string;\n    disableReasonFrequency?: number;\n    tokenInvalidFrequency?: number;\n    featureLockedFrequency?: number;\n    actions?: NavSelectorLeafAction[];\n    details?: Partial<NavSelectorLeafDetails>[];\n}) {\n    const {\n        count,\n        uidPrefix = 'account',\n        aliasPrefix = 'Account',\n        startUid = 1,\n        networks = ['facebook', 'instagram', 'youtube', 'tiktok', 'linkedin', 'xPlus'],\n        pictureUrlPattern = 'https://picsum.photos/150/150?random={uid}',\n        disableReasonFrequency = 17,\n        tokenInvalidFrequency = 7,\n        featureLockedFrequency = 11,\n        actions = [],\n        details = [],\n    } = options;\n\n    return Array.from({ length: count }, (_, index) => {\n        const uid = startUid + index;\n        const networkIndex = index % networks.length;\n        const network = networks[networkIndex];\n\n        const finalUid = `${uidPrefix}_${uid}`;\n        const finalAlias = `${aliasPrefix} ${uid}`;\n        const finalPictureUrl = pictureUrlPattern.replace('{uid}', uid.toString());\n\n        return {\n            uid: finalUid,\n            counter: null,\n            alias: finalAlias,\n            pictureUrl: finalPictureUrl,\n            disableReason:\n                index > 0 && index % disableReasonFrequency === 0 ? 'The Reports feature is not supported for this account type' : null,\n            missingPermission: false,\n            network,\n            actions,\n            details: details.map(detail => {\n                return { ...detail, uid: 'detail_' + detail.uid + '_' + finalUid };\n            }),\n            tokenInvalid: index > 0 && index % tokenInvalidFrequency === 0,\n            featureLocked: index > 0 && index % featureLockedFrequency === 0,\n            type: 'LEAF' as const,\n        };\n    });\n}\n\n/**\n * Utility function to generate group type elements with children\n * @param options Configuration options for generating group elements\n * @returns Array of group elements\n */\nexport function generateGroupElements(options: {\n    count: number;\n    startGroupId?: number;\n    categories?: string[];\n    childrenCounts?: number[];\n    uidPrefix?: string;\n    childUidPrefix?: string;\n    childAliasPrefix?: string;\n    startChildUid?: number;\n    childUidIncrement?: number;\n    networks?: string[];\n    pictureUrlPattern?: string;\n    disableReasonFrequency?: number;\n    tokenInvalidFrequency?: number;\n    featureLockedFrequency?: number;\n    actions?: NavSelectorLeafAction[];\n    details?: Partial<NavSelectorLeafDetails>[];\n}) {\n    const {\n        count,\n        startGroupId = 82529,\n        categories = ['Test Group'],\n        childrenCounts = [10],\n        uidPrefix = 'group',\n        childUidPrefix = 'account',\n        childAliasPrefix = '',\n        startChildUid = 99,\n        childUidIncrement = 30,\n        networks = ['facebook', 'instagram'],\n        pictureUrlPattern = 'https://picsum.photos/150/150?random={uid}',\n        disableReasonFrequency = 999,\n        tokenInvalidFrequency = 999,\n        featureLockedFrequency = 999,\n        actions = [],\n        details = [],\n    } = options;\n\n    // Use a cache to avoid regenerating the same data\n    const cacheKey = JSON.stringify(options);\n    if ((globalThis as any).__navSelectorMockCache?.[cacheKey]) {\n        return (globalThis as any).__navSelectorMockCache[cacheKey];\n    }\n\n    const result = Array.from({ length: count }, (_, groupIndex) => {\n        const groupId = startGroupId + groupIndex;\n        // Reduce default children count to improve performance\n        const childrenCount = Math.min(childrenCounts[groupIndex] || 5, 10);\n        const startUid = startChildUid + groupIndex * childUidIncrement;\n        const groupCategory = categories[groupIndex] || `Category ${groupIndex + 1}`;\n\n        return {\n            uid: `${uidPrefix}_${groupId}`,\n            alias: groupCategory,\n            children: generateLeafElements({\n                count: childrenCount,\n                uidPrefix: childUidPrefix,\n                aliasPrefix: childAliasPrefix || groupCategory,\n                startUid: startUid,\n                networks,\n                pictureUrlPattern,\n                disableReasonFrequency,\n                tokenInvalidFrequency,\n                featureLockedFrequency,\n                actions,\n                details,\n            }),\n            folded: true,\n            type: 'GROUP' as const,\n        };\n    });\n\n    // Cache the result\n    if (!(globalThis as any).__navSelectorMockCache) {\n        (globalThis as any).__navSelectorMockCache = {};\n    }\n    (globalThis as any).__navSelectorMockCache[cacheKey] = result;\n\n    return result;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/agorapulse-ui-components-nav-selector.mjs

@@ -7,9 +7,11 @@ import { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
 import { InputSearchComponent } from '@agorapulse/ui-components/input-search';
 import { trigger, state, transition, style, animate, keyframes } from '@angular/animations';
 import { NgTemplateOutlet } from '@angular/common';
+import { outputFromObservable, toObservable } from '@angular/core/rxjs-interop';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { isEqual } from 'es-toolkit';
+import { map } from 'rxjs';
 import { AvatarComponent } from '@agorapulse/ui-components/avatar';
 import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
 import { apMore, apFeatureLock as apFeatureLock$1, apPlus } from '@agorapulse/ui-symbol/icons';
@@ -416,6 +418,22 @@ const computeSelectableUidsByEntry = (entry) => {
     }
     return [];
 };
+const computeVisibleUids = (entries) => {
+    return entries.flatMap(entry => computeVisibleUidsByEntry(entry));
+};
+const computeVisibleUidsByEntry = (entry) => {
+    if (entry.hidden) {
+        return [];
+    }
+    if (isInternalNavSelectorEntryALeaf(entry)) {
+        return [entry.uid, ...entry.details.filter(detail => !detail.hidden).map(detail => detail.uid)];
+    }
+    if (isInternalNavSelectorEntryANode(entry)) {
+        return entry.children.flatMap(child => computeVisibleUidsByEntry(child));
+    }
+    // Fallback for unexpected entry types (should never be reached)
+    return [];
+};
 
 /**
  * Class to handle the folding and unfolding of nav selector entries.
@@ -2857,6 +2875,8 @@ class NavSelectorComponent {
     existingSelectableUids = computed(() => this.selectedEntryUids().filter(uid => this.selectableEntryUids().includes(uid)), ...(ngDevMode ? [{ debugName: "existingSelectableUids", equal: isEqual }] : [{
             equal: isEqual,
         }]));
+    visibleEntryUids = computed(() => computeVisibleUids(this.entries()), ...(ngDevMode ? [{ debugName: "visibleEntryUids", equal: isEqual }] : [{ equal: isEqual }]));
+    visibleAccountsChange = outputFromObservable(toObservable(this.visibleEntryUids).pipe(map(visibleAccountUids => ({ visibleAccountUids }))));
     constructor() {
         this.navSelectorState.registerOnSelectedUidsChange(selectedUids => {
             const isInit = !!this.entries().length;
@@ -2990,7 +3010,7 @@ class NavSelectorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: NavSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: NavSelectorComponent, isStandalone: true, selector: "ap-nav-selector", inputs: { navSelectorEntries: { classPropertyName: "navSelectorEntries", publicName: "navSelectorEntries", isSignal: true, isRequired: true, transformFunction: null }, translatedTexts: { classPropertyName: "translatedTexts", publicName: "translatedTexts", isSignal: true, isRequired: true, transformFunction: null }, multipleModeEnabled: { classPropertyName: "multipleModeEnabled", publicName: "multipleModeEnabled", isSignal: true, isRequired: false, transformFunction: null }, detailsDisplayedLimit: { classPropertyName: "detailsDisplayedLimit", publicName: "detailsDisplayedLimit", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null }, forceExpanded: { classPropertyName: "forceExpanded", publicName: "forceExpanded", isSignal: true, isRequired: false, transformFunction: null }, expandedStateLocalStorageKey: { classPropertyName: "expandedStateLocalStorageKey", publicName: "expandedStateLocalStorageKey", isSignal: true, isRequired: false, transformFunction: null }, selectedEntryUids: { classPropertyName: "selectedEntryUids", publicName: "selectedEntryUids", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedEntryUids: "selectedEntryUidsChange", actionClicked: "actionClicked", emptyStateActionClicked: "emptyStateActionClicked", onExpansionStateChange: "onExpansionStateChange" }, host: { attributes: { "role": "tree" }, listeners: { "keydown.arrowDown": "onArrowDown($event)", "keydown.arrowUp": "onArrowUp($event)", "window:resize": "onWindowResize()" }, properties: { "class.minified": "!navSelectorState.expanded()", "class.embedded": "embedded()", "@expand": "expansionState()" } }, providers: [NavSelectorState, withSymbols(apArrowExpand, apArrowReduce, apSearch)], queries: [{ propertyName: "headerProjection", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "contentHeaderProjection", first: true, predicate: ["contentHeader"], descendants: true, isSignal: true }, { propertyName: "footerProjection", first: true, predicate: ["footer"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav [class.embedded]=\"embedded()\">\n    @let headerProjectionNotNull = headerProjection();\n    @let contentHeaderProjectionNotNull = contentHeaderProjection();\n    @let footerProjectionNotNull = footerProjection();\n\n    <div class=\"nav-selector__header\">\n        @if (!embedded()) {\n            @if (navSelectorState.expanded()) {\n                <span class=\"h3\">{{ translatedTexts().title }}</span>\n            }\n\n            <button\n                type=\"button\"\n                class=\"expand-button\"\n                [class.expanded]=\"navSelectorState.expanded()\"\n                (click)=\"clickExpandButton()\">\n                <ap-symbol\n                    size=\"sm\"\n                    [symbolId]=\"navSelectorState.expanded() ? 'arrow-reduce' : 'arrow-expand'\" />\n            </button>\n        }\n\n        @if (headerProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"headerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n\n        @if (navSelectorState.expanded()) {\n            <ap-input-search\n                [id]=\"componentUid + '_search'\"\n                [placeholder]=\"translatedTexts().searchPlaceholder\"\n                [ngModel]=\"navSelectorState.search()\"\n                (ngModelChange)=\"navSelectorState.search.set($event ?? '')\" />\n        } @else {\n            <ap-icon-button\n                type=\"stroked\"\n                role=\"search\"\n                (onClick)=\"onMinifiedSearchClicked()\">\n                <ap-symbol symbolId=\"search\" />\n            </ap-icon-button>\n        }\n\n        @if (contentHeaderProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"contentHeaderProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n    </div>\n\n    <div\n        class=\"nav-selector__content\"\n        role=\"tree\"\n        [attr.aria-multiselectable]=\"navSelectorState.isMultipleModeEnabled()\">\n        @for (entry of navSelectorState.entries(); track entry.uid) {\n            @if (!entry.hidden) {\n                <div\n                    class=\"entry\"\n                    [class.folder]=\"entry.type === 'GROUP' || entry.type === 'CATEGORY'\">\n                    @if (entry.type === 'LEAF') {\n                        <ap-nav-selector-leaf\n                            [leaf]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'GROUP') {\n                        <ap-nav-selector-group\n                            [group]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'CATEGORY') {\n                        <ap-nav-selector-category\n                            [category]=\"$any(entry)\"\n                            (actionClicked)=\"actionClicked.emit($event)\"\n                            (emptyStateActionClicked)=\"emptyStateActionClicked.emit($event)\"/>\n                    }\n                </div>\n            }\n        }\n        @if (navSelectorState.expanded() && navSelectorState.noResults()) {\n            <div class=\"no-result\">{{ translatedTexts().noResults }}</div>\n        }\n    </div>\n\n    @if (displayFooter() && footerProjectionNotNull) {\n        <div class=\"nav-selector__footer\">\n            <ng-container\n                [ngTemplateOutlet]=\"footerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        </div>\n    }\n</nav>\n", styles: [":host,nav{width:224px}@media only screen and (min-width: 1400px){:host:not(.embedded),nav:not(.embedded){width:250px}:host:not(.embedded) .nav-selector__content,nav:not(.embedded) .nav-selector__content{width:250px}}:host{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;flex-grow:1}:host :hover .expand-button.expanded{animation-name:translateExpandButton}:host nav{display:flex;height:100%;flex-grow:1;flex-direction:column;align-items:flex-start;flex-shrink:0;overflow:hidden;background:var(--ref-color-white);transition:width .25s cubic-bezier(.4,0,.3,1)}:host nav:not(.embedded){border-right:1px solid var(--ref-color-grey-10)}:host .nav-selector__header{position:relative;display:flex;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;white-space:nowrap;border-bottom:1px solid var(--ref-color-grey-10);background:var(--ref-color-white)}:host .nav-selector__header .h3{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--sys-text-style-h3-size);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}:host .nav-selector__header .expand-button-container{position:absolute;right:0;top:var(--ref-spacing-xs)}:host .nav-selector__header ap-input-search{width:100%}:host .nav-selector__header .expand-button{animation-duration:70ms;animation-timing-function:cubic-bezier(0,0,.2,1);animation-fill-mode:forwards;animation-name:translateHideButton;display:flex;width:24px;height:24px;justify-content:center;align-items:center;background:var(--ref-color-grey-bg);border-top:1px solid var(--ref-color-grey-20);border-right:none;border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);border-top-left-radius:var(--ref-border-radius-sm);border-bottom-left-radius:var(--ref-border-radius-sm);cursor:pointer}@keyframes translateHideButton{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes translateExpandButton{0%{transform:translate(100%)}to{transform:translate(0)}}:host .nav-selector__header .expand-button.expanded{position:absolute;right:0;top:12px;transform:translate(100%)}:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-reduce],:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-expand]{color:var(--ref-color-grey-80)}:host .nav-selector__header .expand-button:focus-visible{border-radius:var(--ref-border-radius-sm) 0px 0px var(--ref-border-radius-sm);border-top:1px solid var(--ref-color-grey-20);border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10);box-shadow:0 0 0 1px #fff,0 0 0 3px #178dfe}:host .nav-selector__header .expand-button:focus-visible.expanded{animation-name:translateExpandButton}:host .nav-selector__header .expand-button:hover{background-color:var(--ref-color-grey-10)}:host .nav-selector__header .expand-button:active{background-color:var(--ref-color-grey-20)}:host .nav-selector__content{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;width:224px;overflow-y:scroll;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.3,1)}:host .nav-selector__content .entry{align-self:stretch;display:flex;flex-direction:column}:host .nav-selector__content .entry.folder{padding:var(--ref-spacing-xxs);border-bottom:1px solid var(--sys-border-color-default)}:host .nav-selector__content .entry.folder+.entry:not(.folder){padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder){padding-left:var(--ref-spacing-xxs);padding-right:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):first-child{padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):last-child{padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):has(+.entry.folder){padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder)+.entry.folder{border-top:1px solid var(--sys-border-color-default)}:host .nav-selector__content .no-result{display:flex;padding:var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:italic;font-weight:400;line-height:var(--ref-font-line-height-sm)}:host .nav-selector__footer{display:flex;padding:var(--ref-spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;border-top:1px solid var(--sys-border-color-default);background:var(--ref-color-white)}:host.minified{width:64px}:host.minified nav{width:64px}:host.minified nav .nav-selector__header{align-items:center}:host.minified nav .nav-selector__header .expand-button{animation-name:none;border-radius:var(--ref-border-radius-sm);border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-bg)}:host.minified nav .nav-selector__content{width:64px}:host.minified nav .nav-selector__content .entry{padding:var(--ref-spacing-xxxs)}:host.minified nav .nav-selector__footer{padding:var(--ref-spacing-xs) var(--ref-spacing-xxxs)}\n"], dependencies: [{ kind: "component", type: NavSelectorLeafComponent, selector: "ap-nav-selector-leaf", inputs: ["leaf"], outputs: ["actionClicked"] }, { kind: "component", type: NavSelectorGroupComponent, selector: "ap-nav-selector-group", inputs: ["group"], outputs: ["actionClicked"] }, { kind: "component", type: NavSelectorCategoryComponent, selector: "ap-nav-selector-category", inputs: ["category"], outputs: ["emptyStateActionClicked", "actionClicked"] }, { kind: "component", type: InputSearchComponent, selector: "ap-input-search", inputs: ["id", "placeholder", "clearable"], outputs: ["focus", "blur", "keyup"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "component", type: IconButtonComponent, selector: "ap-icon-button", inputs: ["ariaLabel", "name", "color", "disabled", "menuTrigger", "symbolId", "locked", "loading", "type"], outputs: ["onClick", "onFocus", "onBlur", "menuOpened", "menuClosed"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: NavSelectorComponent, isStandalone: true, selector: "ap-nav-selector", inputs: { navSelectorEntries: { classPropertyName: "navSelectorEntries", publicName: "navSelectorEntries", isSignal: true, isRequired: true, transformFunction: null }, translatedTexts: { classPropertyName: "translatedTexts", publicName: "translatedTexts", isSignal: true, isRequired: true, transformFunction: null }, multipleModeEnabled: { classPropertyName: "multipleModeEnabled", publicName: "multipleModeEnabled", isSignal: true, isRequired: false, transformFunction: null }, detailsDisplayedLimit: { classPropertyName: "detailsDisplayedLimit", publicName: "detailsDisplayedLimit", isSignal: true, isRequired: false, transformFunction: null }, embedded: { classPropertyName: "embedded", publicName: "embedded", isSignal: true, isRequired: false, transformFunction: null }, forceExpanded: { classPropertyName: "forceExpanded", publicName: "forceExpanded", isSignal: true, isRequired: false, transformFunction: null }, expandedStateLocalStorageKey: { classPropertyName: "expandedStateLocalStorageKey", publicName: "expandedStateLocalStorageKey", isSignal: true, isRequired: false, transformFunction: null }, selectedEntryUids: { classPropertyName: "selectedEntryUids", publicName: "selectedEntryUids", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectedEntryUids: "selectedEntryUidsChange", actionClicked: "actionClicked", emptyStateActionClicked: "emptyStateActionClicked", onExpansionStateChange: "onExpansionStateChange", visibleAccountsChange: "visibleAccountsChange" }, host: { attributes: { "role": "tree" }, listeners: { "keydown.arrowDown": "onArrowDown($event)", "keydown.arrowUp": "onArrowUp($event)", "window:resize": "onWindowResize()" }, properties: { "class.minified": "!navSelectorState.expanded()", "class.embedded": "embedded()", "@expand": "expansionState()" } }, providers: [NavSelectorState, withSymbols(apArrowExpand, apArrowReduce, apSearch)], queries: [{ propertyName: "headerProjection", first: true, predicate: ["header"], descendants: true, isSignal: true }, { propertyName: "contentHeaderProjection", first: true, predicate: ["contentHeader"], descendants: true, isSignal: true }, { propertyName: "footerProjection", first: true, predicate: ["footer"], descendants: true, isSignal: true }], ngImport: i0, template: "<nav [class.embedded]=\"embedded()\">\n    @let headerProjectionNotNull = headerProjection();\n    @let contentHeaderProjectionNotNull = contentHeaderProjection();\n    @let footerProjectionNotNull = footerProjection();\n\n    <div class=\"nav-selector__header\">\n        @if (!embedded()) {\n            @if (navSelectorState.expanded()) {\n                <span class=\"h3\">{{ translatedTexts().title }}</span>\n            }\n\n            <button\n                type=\"button\"\n                class=\"expand-button\"\n                [class.expanded]=\"navSelectorState.expanded()\"\n                (click)=\"clickExpandButton()\">\n                <ap-symbol\n                    size=\"sm\"\n                    [symbolId]=\"navSelectorState.expanded() ? 'arrow-reduce' : 'arrow-expand'\" />\n            </button>\n        }\n\n        @if (headerProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"headerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n\n        @if (navSelectorState.expanded()) {\n            <ap-input-search\n                [id]=\"componentUid + '_search'\"\n                [placeholder]=\"translatedTexts().searchPlaceholder\"\n                [ngModel]=\"navSelectorState.search()\"\n                (ngModelChange)=\"navSelectorState.search.set($event ?? '')\" />\n        } @else {\n            <ap-icon-button\n                type=\"stroked\"\n                role=\"search\"\n                (onClick)=\"onMinifiedSearchClicked()\">\n                <ap-symbol symbolId=\"search\" />\n            </ap-icon-button>\n        }\n\n        @if (contentHeaderProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"contentHeaderProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n    </div>\n\n    <div\n        class=\"nav-selector__content\"\n        role=\"tree\"\n        [attr.aria-multiselectable]=\"navSelectorState.isMultipleModeEnabled()\">\n        @for (entry of navSelectorState.entries(); track entry.uid) {\n            @if (!entry.hidden) {\n                <div\n                    class=\"entry\"\n                    [class.folder]=\"entry.type === 'GROUP' || entry.type === 'CATEGORY'\">\n                    @if (entry.type === 'LEAF') {\n                        <ap-nav-selector-leaf\n                            [leaf]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'GROUP') {\n                        <ap-nav-selector-group\n                            [group]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'CATEGORY') {\n                        <ap-nav-selector-category\n                            [category]=\"$any(entry)\"\n                            (actionClicked)=\"actionClicked.emit($event)\"\n                            (emptyStateActionClicked)=\"emptyStateActionClicked.emit($event)\"/>\n                    }\n                </div>\n            }\n        }\n        @if (navSelectorState.expanded() && navSelectorState.noResults()) {\n            <div class=\"no-result\">{{ translatedTexts().noResults }}</div>\n        }\n    </div>\n\n    @if (displayFooter() && footerProjectionNotNull) {\n        <div class=\"nav-selector__footer\">\n            <ng-container\n                [ngTemplateOutlet]=\"footerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        </div>\n    }\n</nav>\n", styles: [":host,nav{width:224px}@media only screen and (min-width: 1400px){:host:not(.embedded),nav:not(.embedded){width:250px}:host:not(.embedded) .nav-selector__content,nav:not(.embedded) .nav-selector__content{width:250px}}:host{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;flex-grow:1}:host :hover .expand-button.expanded{animation-name:translateExpandButton}:host nav{display:flex;height:100%;flex-grow:1;flex-direction:column;align-items:flex-start;flex-shrink:0;overflow:hidden;background:var(--ref-color-white);transition:width .25s cubic-bezier(.4,0,.3,1)}:host nav:not(.embedded){border-right:1px solid var(--ref-color-grey-10)}:host .nav-selector__header{position:relative;display:flex;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;white-space:nowrap;border-bottom:1px solid var(--ref-color-grey-10);background:var(--ref-color-white)}:host .nav-selector__header .h3{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--sys-text-style-h3-size);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}:host .nav-selector__header .expand-button-container{position:absolute;right:0;top:var(--ref-spacing-xs)}:host .nav-selector__header ap-input-search{width:100%}@keyframes translateHideButton{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes translateExpandButton{0%{transform:translate(100%)}to{transform:translate(0)}}:host .nav-selector__header .expand-button{animation-duration:70ms;animation-timing-function:cubic-bezier(0,0,.2,1);animation-fill-mode:forwards;animation-name:translateHideButton}:host .nav-selector__header .expand-button.expanded{position:absolute;right:0;top:12px;transform:translate(100%)}:host .nav-selector__header .expand-button{display:flex;width:24px;height:24px;justify-content:center;align-items:center;background:var(--ref-color-grey-bg);border-top:1px solid var(--ref-color-grey-20);border-right:none;border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);border-top-left-radius:var(--ref-border-radius-sm);border-bottom-left-radius:var(--ref-border-radius-sm);cursor:pointer}:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-reduce],:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-expand]{color:var(--ref-color-grey-80)}:host .nav-selector__header .expand-button:focus-visible.expanded{animation-name:translateExpandButton}:host .nav-selector__header .expand-button:focus-visible{border-radius:var(--ref-border-radius-sm) 0px 0px var(--ref-border-radius-sm);border-top:1px solid var(--ref-color-grey-20);border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10);box-shadow:0 0 0 1px #fff,0 0 0 3px #178dfe}:host .nav-selector__header .expand-button:hover{background-color:var(--ref-color-grey-10)}:host .nav-selector__header .expand-button:active{background-color:var(--ref-color-grey-20)}:host .nav-selector__content{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;width:224px;overflow-y:scroll;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.3,1)}:host .nav-selector__content .entry{align-self:stretch;display:flex;flex-direction:column}:host .nav-selector__content .entry.folder{padding:var(--ref-spacing-xxs);border-bottom:1px solid var(--sys-border-color-default)}:host .nav-selector__content .entry.folder+.entry:not(.folder){padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder){padding-left:var(--ref-spacing-xxs);padding-right:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):first-child{padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):last-child{padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):has(+.entry.folder){padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder)+.entry.folder{border-top:1px solid var(--sys-border-color-default)}:host .nav-selector__content .no-result{display:flex;padding:var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:italic;font-weight:400;line-height:var(--ref-font-line-height-sm)}:host .nav-selector__footer{display:flex;padding:var(--ref-spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;border-top:1px solid var(--sys-border-color-default);background:var(--ref-color-white)}:host.minified{width:64px}:host.minified nav{width:64px}:host.minified nav .nav-selector__header{align-items:center}:host.minified nav .nav-selector__header .expand-button{animation-name:none;border-radius:var(--ref-border-radius-sm);border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-bg)}:host.minified nav .nav-selector__content{width:64px}:host.minified nav .nav-selector__content .entry{padding:var(--ref-spacing-xxxs)}:host.minified nav .nav-selector__footer{padding:var(--ref-spacing-xs) var(--ref-spacing-xxxs)}\n"], dependencies: [{ kind: "component", type: NavSelectorLeafComponent, selector: "ap-nav-selector-leaf", inputs: ["leaf"], outputs: ["actionClicked"] }, { kind: "component", type: NavSelectorGroupComponent, selector: "ap-nav-selector-group", inputs: ["group"], outputs: ["actionClicked"] }, { kind: "component", type: NavSelectorCategoryComponent, selector: "ap-nav-selector-category", inputs: ["category"], outputs: ["emptyStateActionClicked", "actionClicked"] }, { kind: "component", type: InputSearchComponent, selector: "ap-input-search", inputs: ["id", "placeholder", "clearable"], outputs: ["focus", "blur", "keyup"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "component", type: IconButtonComponent, selector: "ap-icon-button", inputs: ["ariaLabel", "name", "color", "disabled", "menuTrigger", "symbolId", "locked", "loading", "type"], outputs: ["onClick", "onFocus", "onBlur", "menuOpened", "menuClosed"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], animations: [
             trigger('expand', [
                 transition('expanded => minified', animate(EXPAND_ANIMATION_TIMINGS, keyframes([style({ width: EXPANDED_STATE_WIDTH }), style({ width: '100px' }), style({ width: MINIFIED_STATE_WIDTH })]))),
                 transition('minified => expanded', animate(EXPAND_ANIMATION_TIMINGS, keyframes([style({ width: MINIFIED_STATE_WIDTH }), style({ width: '50%' }), style({ width: '100%' })]))),
@@ -3021,7 +3041,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImpor
                             transition('expanded => minified', animate(EXPAND_ANIMATION_TIMINGS, keyframes([style({ width: EXPANDED_STATE_WIDTH }), style({ width: '100px' }), style({ width: MINIFIED_STATE_WIDTH })]))),
                             transition('minified => expanded', animate(EXPAND_ANIMATION_TIMINGS, keyframes([style({ width: MINIFIED_STATE_WIDTH }), style({ width: '50%' }), style({ width: '100%' })]))),
                         ]),
-                    ], template: "<nav [class.embedded]=\"embedded()\">\n    @let headerProjectionNotNull = headerProjection();\n    @let contentHeaderProjectionNotNull = contentHeaderProjection();\n    @let footerProjectionNotNull = footerProjection();\n\n    <div class=\"nav-selector__header\">\n        @if (!embedded()) {\n            @if (navSelectorState.expanded()) {\n                <span class=\"h3\">{{ translatedTexts().title }}</span>\n            }\n\n            <button\n                type=\"button\"\n                class=\"expand-button\"\n                [class.expanded]=\"navSelectorState.expanded()\"\n                (click)=\"clickExpandButton()\">\n                <ap-symbol\n                    size=\"sm\"\n                    [symbolId]=\"navSelectorState.expanded() ? 'arrow-reduce' : 'arrow-expand'\" />\n            </button>\n        }\n\n        @if (headerProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"headerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n\n        @if (navSelectorState.expanded()) {\n            <ap-input-search\n                [id]=\"componentUid + '_search'\"\n                [placeholder]=\"translatedTexts().searchPlaceholder\"\n                [ngModel]=\"navSelectorState.search()\"\n                (ngModelChange)=\"navSelectorState.search.set($event ?? '')\" />\n        } @else {\n            <ap-icon-button\n                type=\"stroked\"\n                role=\"search\"\n                (onClick)=\"onMinifiedSearchClicked()\">\n                <ap-symbol symbolId=\"search\" />\n            </ap-icon-button>\n        }\n\n        @if (contentHeaderProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"contentHeaderProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n    </div>\n\n    <div\n        class=\"nav-selector__content\"\n        role=\"tree\"\n        [attr.aria-multiselectable]=\"navSelectorState.isMultipleModeEnabled()\">\n        @for (entry of navSelectorState.entries(); track entry.uid) {\n            @if (!entry.hidden) {\n                <div\n                    class=\"entry\"\n                    [class.folder]=\"entry.type === 'GROUP' || entry.type === 'CATEGORY'\">\n                    @if (entry.type === 'LEAF') {\n                        <ap-nav-selector-leaf\n                            [leaf]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'GROUP') {\n                        <ap-nav-selector-group\n                            [group]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'CATEGORY') {\n                        <ap-nav-selector-category\n                            [category]=\"$any(entry)\"\n                            (actionClicked)=\"actionClicked.emit($event)\"\n                            (emptyStateActionClicked)=\"emptyStateActionClicked.emit($event)\"/>\n                    }\n                </div>\n            }\n        }\n        @if (navSelectorState.expanded() && navSelectorState.noResults()) {\n            <div class=\"no-result\">{{ translatedTexts().noResults }}</div>\n        }\n    </div>\n\n    @if (displayFooter() && footerProjectionNotNull) {\n        <div class=\"nav-selector__footer\">\n            <ng-container\n                [ngTemplateOutlet]=\"footerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        </div>\n    }\n</nav>\n", styles: [":host,nav{width:224px}@media only screen and (min-width: 1400px){:host:not(.embedded),nav:not(.embedded){width:250px}:host:not(.embedded) .nav-selector__content,nav:not(.embedded) .nav-selector__content{width:250px}}:host{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;flex-grow:1}:host :hover .expand-button.expanded{animation-name:translateExpandButton}:host nav{display:flex;height:100%;flex-grow:1;flex-direction:column;align-items:flex-start;flex-shrink:0;overflow:hidden;background:var(--ref-color-white);transition:width .25s cubic-bezier(.4,0,.3,1)}:host nav:not(.embedded){border-right:1px solid var(--ref-color-grey-10)}:host .nav-selector__header{position:relative;display:flex;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;white-space:nowrap;border-bottom:1px solid var(--ref-color-grey-10);background:var(--ref-color-white)}:host .nav-selector__header .h3{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--sys-text-style-h3-size);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}:host .nav-selector__header .expand-button-container{position:absolute;right:0;top:var(--ref-spacing-xs)}:host .nav-selector__header ap-input-search{width:100%}:host .nav-selector__header .expand-button{animation-duration:70ms;animation-timing-function:cubic-bezier(0,0,.2,1);animation-fill-mode:forwards;animation-name:translateHideButton;display:flex;width:24px;height:24px;justify-content:center;align-items:center;background:var(--ref-color-grey-bg);border-top:1px solid var(--ref-color-grey-20);border-right:none;border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);border-top-left-radius:var(--ref-border-radius-sm);border-bottom-left-radius:var(--ref-border-radius-sm);cursor:pointer}@keyframes translateHideButton{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes translateExpandButton{0%{transform:translate(100%)}to{transform:translate(0)}}:host .nav-selector__header .expand-button.expanded{position:absolute;right:0;top:12px;transform:translate(100%)}:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-reduce],:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-expand]{color:var(--ref-color-grey-80)}:host .nav-selector__header .expand-button:focus-visible{border-radius:var(--ref-border-radius-sm) 0px 0px var(--ref-border-radius-sm);border-top:1px solid var(--ref-color-grey-20);border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10);box-shadow:0 0 0 1px #fff,0 0 0 3px #178dfe}:host .nav-selector__header .expand-button:focus-visible.expanded{animation-name:translateExpandButton}:host .nav-selector__header .expand-button:hover{background-color:var(--ref-color-grey-10)}:host .nav-selector__header .expand-button:active{background-color:var(--ref-color-grey-20)}:host .nav-selector__content{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;width:224px;overflow-y:scroll;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.3,1)}:host .nav-selector__content .entry{align-self:stretch;display:flex;flex-direction:column}:host .nav-selector__content .entry.folder{padding:var(--ref-spacing-xxs);border-bottom:1px solid var(--sys-border-color-default)}:host .nav-selector__content .entry.folder+.entry:not(.folder){padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder){padding-left:var(--ref-spacing-xxs);padding-right:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):first-child{padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):last-child{padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):has(+.entry.folder){padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder)+.entry.folder{border-top:1px solid var(--sys-border-color-default)}:host .nav-selector__content .no-result{display:flex;padding:var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:italic;font-weight:400;line-height:var(--ref-font-line-height-sm)}:host .nav-selector__footer{display:flex;padding:var(--ref-spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;border-top:1px solid var(--sys-border-color-default);background:var(--ref-color-white)}:host.minified{width:64px}:host.minified nav{width:64px}:host.minified nav .nav-selector__header{align-items:center}:host.minified nav .nav-selector__header .expand-button{animation-name:none;border-radius:var(--ref-border-radius-sm);border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-bg)}:host.minified nav .nav-selector__content{width:64px}:host.minified nav .nav-selector__content .entry{padding:var(--ref-spacing-xxxs)}:host.minified nav .nav-selector__footer{padding:var(--ref-spacing-xs) var(--ref-spacing-xxxs)}\n"] }]
+                    ], template: "<nav [class.embedded]=\"embedded()\">\n    @let headerProjectionNotNull = headerProjection();\n    @let contentHeaderProjectionNotNull = contentHeaderProjection();\n    @let footerProjectionNotNull = footerProjection();\n\n    <div class=\"nav-selector__header\">\n        @if (!embedded()) {\n            @if (navSelectorState.expanded()) {\n                <span class=\"h3\">{{ translatedTexts().title }}</span>\n            }\n\n            <button\n                type=\"button\"\n                class=\"expand-button\"\n                [class.expanded]=\"navSelectorState.expanded()\"\n                (click)=\"clickExpandButton()\">\n                <ap-symbol\n                    size=\"sm\"\n                    [symbolId]=\"navSelectorState.expanded() ? 'arrow-reduce' : 'arrow-expand'\" />\n            </button>\n        }\n\n        @if (headerProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"headerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n\n        @if (navSelectorState.expanded()) {\n            <ap-input-search\n                [id]=\"componentUid + '_search'\"\n                [placeholder]=\"translatedTexts().searchPlaceholder\"\n                [ngModel]=\"navSelectorState.search()\"\n                (ngModelChange)=\"navSelectorState.search.set($event ?? '')\" />\n        } @else {\n            <ap-icon-button\n                type=\"stroked\"\n                role=\"search\"\n                (onClick)=\"onMinifiedSearchClicked()\">\n                <ap-symbol symbolId=\"search\" />\n            </ap-icon-button>\n        }\n\n        @if (contentHeaderProjectionNotNull) {\n            <ng-container\n                [ngTemplateOutlet]=\"contentHeaderProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        }\n    </div>\n\n    <div\n        class=\"nav-selector__content\"\n        role=\"tree\"\n        [attr.aria-multiselectable]=\"navSelectorState.isMultipleModeEnabled()\">\n        @for (entry of navSelectorState.entries(); track entry.uid) {\n            @if (!entry.hidden) {\n                <div\n                    class=\"entry\"\n                    [class.folder]=\"entry.type === 'GROUP' || entry.type === 'CATEGORY'\">\n                    @if (entry.type === 'LEAF') {\n                        <ap-nav-selector-leaf\n                            [leaf]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'GROUP') {\n                        <ap-nav-selector-group\n                            [group]=\"entry\"\n                            (actionClicked)=\"actionClicked.emit($event)\" />\n                    } @else if (entry.type === 'CATEGORY') {\n                        <ap-nav-selector-category\n                            [category]=\"$any(entry)\"\n                            (actionClicked)=\"actionClicked.emit($event)\"\n                            (emptyStateActionClicked)=\"emptyStateActionClicked.emit($event)\"/>\n                    }\n                </div>\n            }\n        }\n        @if (navSelectorState.expanded() && navSelectorState.noResults()) {\n            <div class=\"no-result\">{{ translatedTexts().noResults }}</div>\n        }\n    </div>\n\n    @if (displayFooter() && footerProjectionNotNull) {\n        <div class=\"nav-selector__footer\">\n            <ng-container\n                [ngTemplateOutlet]=\"footerProjectionNotNull\"\n                [ngTemplateOutletContext]=\"{\n                    expanded: navSelectorState.expanded(),\n                }\" />\n        </div>\n    }\n</nav>\n", styles: [":host,nav{width:224px}@media only screen and (min-width: 1400px){:host:not(.embedded),nav:not(.embedded){width:250px}:host:not(.embedded) .nav-selector__content,nav:not(.embedded) .nav-selector__content{width:250px}}:host{display:flex;flex-direction:column;align-items:flex-start;flex-shrink:0;flex-grow:1}:host :hover .expand-button.expanded{animation-name:translateExpandButton}:host nav{display:flex;height:100%;flex-grow:1;flex-direction:column;align-items:flex-start;flex-shrink:0;overflow:hidden;background:var(--ref-color-white);transition:width .25s cubic-bezier(.4,0,.3,1)}:host nav:not(.embedded){border-right:1px solid var(--ref-color-grey-10)}:host .nav-selector__header{position:relative;display:flex;padding:var(--ref-spacing-xs) var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;white-space:nowrap;border-bottom:1px solid var(--ref-color-grey-10);background:var(--ref-color-white)}:host .nav-selector__header .h3{color:var(--ref-color-grey-100);font-family:Averta;font-size:var(--sys-text-style-h3-size);font-style:normal;font-weight:var(--ref-font-weight-bold);line-height:var(--ref-font-line-height-lg)}:host .nav-selector__header .expand-button-container{position:absolute;right:0;top:var(--ref-spacing-xs)}:host .nav-selector__header ap-input-search{width:100%}@keyframes translateHideButton{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes translateExpandButton{0%{transform:translate(100%)}to{transform:translate(0)}}:host .nav-selector__header .expand-button{animation-duration:70ms;animation-timing-function:cubic-bezier(0,0,.2,1);animation-fill-mode:forwards;animation-name:translateHideButton}:host .nav-selector__header .expand-button.expanded{position:absolute;right:0;top:12px;transform:translate(100%)}:host .nav-selector__header .expand-button{display:flex;width:24px;height:24px;justify-content:center;align-items:center;background:var(--ref-color-grey-bg);border-top:1px solid var(--ref-color-grey-20);border-right:none;border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);border-top-left-radius:var(--ref-border-radius-sm);border-bottom-left-radius:var(--ref-border-radius-sm);cursor:pointer}:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-reduce],:host .nav-selector__header .expand-button ap-symbol[symbol-id=arrow-expand]{color:var(--ref-color-grey-80)}:host .nav-selector__header .expand-button:focus-visible.expanded{animation-name:translateExpandButton}:host .nav-selector__header .expand-button:focus-visible{border-radius:var(--ref-border-radius-sm) 0px 0px var(--ref-border-radius-sm);border-top:1px solid var(--ref-color-grey-20);border-bottom:1px solid var(--ref-color-grey-20);border-left:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10);box-shadow:0 0 0 1px #fff,0 0 0 3px #178dfe}:host .nav-selector__header .expand-button:hover{background-color:var(--ref-color-grey-10)}:host .nav-selector__header .expand-button:active{background-color:var(--ref-color-grey-20)}:host .nav-selector__content{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;width:224px;overflow-y:scroll;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.3,1)}:host .nav-selector__content .entry{align-self:stretch;display:flex;flex-direction:column}:host .nav-selector__content .entry.folder{padding:var(--ref-spacing-xxs);border-bottom:1px solid var(--sys-border-color-default)}:host .nav-selector__content .entry.folder+.entry:not(.folder){padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder){padding-left:var(--ref-spacing-xxs);padding-right:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):first-child{padding-top:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):last-child{padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder):has(+.entry.folder){padding-bottom:var(--ref-spacing-xxs)}:host .nav-selector__content .entry:not(.folder)+.entry.folder{border-top:1px solid var(--sys-border-color-default)}:host .nav-selector__content .no-result{display:flex;padding:var(--ref-spacing-sm);flex-direction:column;align-items:flex-start;flex:1 0 0;align-self:stretch;color:var(--ref-color-grey-80);font-family:Averta;font-size:var(--ref-font-size-sm);font-style:italic;font-weight:400;line-height:var(--ref-font-line-height-sm)}:host .nav-selector__footer{display:flex;padding:var(--ref-spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--ref-spacing-xxs);align-self:stretch;border-top:1px solid var(--sys-border-color-default);background:var(--ref-color-white)}:host.minified{width:64px}:host.minified nav{width:64px}:host.minified nav .nav-selector__header{align-items:center}:host.minified nav .nav-selector__header .expand-button{animation-name:none;border-radius:var(--ref-border-radius-sm);border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-bg)}:host.minified nav .nav-selector__content{width:64px}:host.minified nav .nav-selector__content .entry{padding:var(--ref-spacing-xxxs)}:host.minified nav .nav-selector__footer{padding:var(--ref-spacing-xs) var(--ref-spacing-xxxs)}\n"] }]
         }], ctorParameters: () => [] });
 
 /**