import{b as y}from"./chunk-CO3X7TQN.js";import{Aa as x,Qf as k,bb as w,dd as g,ea as h,gb as u,na as d,ua as l,xa as f,ya as v}from"./chunk-SKPDQO4E.js";var S=`<div class="side-nav-container" [attr.ismobileview]="isMobileView">
    <div class="side-nav-buttons">
        <button class="btn btn-sm btn-link" (click)="showLeftClicked($event)" *ngIf="isMobileView && (hideSideNavLeft)">
            <cds-icon shape="filter" class="me-2"></cds-icon>{{'COMMON.SHOW_FILTERS' | translate}}
        </button>
        <button class="btn btn-sm btn-link" (click)="hideLeftClicked($event)" *ngIf="isMobileView && (!hideSideNavLeft)">
            <cds-icon shape="times" class="me-2"></cds-icon>{{'COMMON.HIDE_FILTERS' | translate}}
        </button>
    </div>
    <div class="side-nav-left" [hidden]="isMobileView && hideSideNavLeft">
        <ng-container *ngTemplateOutlet="navigationTemplate"></ng-container>
    </div>
    <div class="side-nav-content" id="side-nav-content" [hidden]="isMobileView && !hideSideNavLeft">
        <ng-container *ngTemplateOutlet="contentTemplate"></ng-container>
    </div>
</div>`;var N=`.card-footer{padding:.28rem .7rem}.alert{font-size:.756rem}@media screen and (min-width: 992px){.modal-xxl{max-width:1640px}}@media screen and (min-width: 1200px){.modal-xxxl{max-width:1860px}}.modal-fs{max-width:none;position:absolute;margin:auto;inset:16px;height:100vh;display:flex}.btn-link{text-decoration:none}.btn-link:hover{text-decoration:underline}.invalid-feedback{margin-top:0!important;font-size:.672rem!important}.justify-content-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-ms-flex-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center}.justify-content-flex-end{-webkit-box-pack:end;-moz-box-pack:end;-webkit-flex-pack:end;-ms-flex-pack:end;-moz-justify-content:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end}:host .side-nav-container,:host .side-nav-container[isMobileView=true]{height:100%!important;width:100%!important;overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}:host .side-nav-container .side-nav-left{width:272px;padding:0 12px;border-right:1px solid #ccc;overflow-y:auto;overflow-x:hidden}@media screen and (min-width: 1200px){:host .side-nav-container .side-nav-left{width:326.4px}}@media screen and (min-width: 2160px){:host .side-nav-container .side-nav-left{width:408px}}:host .side-nav-container .side-nav-content{padding:0 12px;flex:1;overflow-y:auto;overflow-x:hidden}:host .side-nav-container[isMobileView=true]{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:unset!important}:host .side-nav-container[isMobileView=true] .side-nav-buttons{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-ms-flex-pack:center;-moz-justify-content:center;-webkit-justify-content:center;justify-content:center;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;border-radius:.375rem;background-color:#0a2a5a;padding:.1rem;margin:0 0 .1rem}:host .side-nav-container[isMobileView=true] .side-nav-buttons .btn{color:#fff;margin:0}:host .side-nav-container[isMobileView=true] .side-nav-left{border-right:none;width:100%;height:100%;padding:6px}:host .side-nav-container[isMobileView=true] .side-nav-content{padding:.1rem 0}
`;var R=function(n,e,i,o){var a=arguments.length,t=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,i,o);else for(var s=n.length-1;s>=0;s--)(r=n[s])&&(t=(a<3?r(t):a>3?r(e,i,t):r(e,i))||t);return a>3&&t&&Object.defineProperty(e,i,t),t},c=class{};c=R([h({providedIn:"root"})],c);var b=function(n,e,i,o){var a=arguments.length,t=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,i):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,i,o);else for(var s=n.length-1;s>=0;s--)(r=n[s])&&(t=(a<3?r(t):a>3?r(e,i,t):r(e,i))||t);return a>3&&t&&Object.defineProperty(e,i,t),t},p=class{templateRef;constructor(e){this.templateRef=e}static ctorParameters=()=>[{type:d}]};p=b([f({selector:"ng-template[side-navigation-nav]",standalone:!0})],p);var m=class{templateRef;constructor(e){this.templateRef=e}static ctorParameters=()=>[{type:d}]};m=b([f({selector:"ng-template[side-navigation-content]",standalone:!0})],m);var z=class{interactionService;breakWidth=y.Large;navigationTemplate;contentTemplate;subscriptionWindowResized;screenWidth;hideSideNavLeft=!0;isMobileView;constructor(e,i){this.interactionService=i,this.checkMobileView(),this.subscriptionWindowResized=this.interactionService.onWindowResized.subscribe(()=>{this.checkMobileView()})}checkMobileView(){this.screenWidth=window.innerWidth,this.isMobileView=this.screenWidth<this.breakWidth,this.isMobileView==!1&&(this.hideSideNavLeft=!0)}showLeftClicked(){this.hideSideNavLeft=!1}hideLeftClicked(){this.hideSideNavLeft=!0}ngAfterContentChecked(){}ngOnDestroy(){this.subscriptionWindowResized.unsubscribe()}static ctorParameters=()=>[{type:c},{type:k}];static propDecorators={breakWidth:[{type:x}],navigationTemplate:[{type:l,args:[p,{read:d}]}],contentTemplate:[{type:l,args:[m,{read:d}]}]}};z=b([v({selector:"side-navigation",exportAs:"sideNavigation",template:S,standalone:!0,imports:[w,u,g],styles:[N]})],z);export{c as a,p as b,m as c,z as d};
