import{a as K,b as Z}from"./chunk-I2YJPM55.js";import{b as X}from"./chunk-SDHD5Z3H.js";import{a as ee}from"./chunk-ZDEKLPKE.js";import{a as W}from"./chunk-FH4KR5HL.js";import{a as Y}from"./chunk-PQGNYTS4.js";import{a as Q}from"./chunk-WFZJP5WR.js";import{a as te}from"./chunk-4MZCYQX4.js";import{a as J}from"./chunk-VSFNMVXJ.js";import{Db as q,j as y,k as j,s as L,v as F,y as B}from"./chunk-YSQLW2JA.js";import{$ as b,Jb as H,Kb as T,Mb as S,Rb as R,Sb as $}from"./chunk-NVJ2ZZFT.js";import{Aa as a,Ba as u,Mg as V,Nc as _,Ng as G,Qf as f,Rd as I,Sd as P,Te as g,Ve as M,Ye as D,_a as N,ab as m,bb as p,cb as k,db as v,dd as d,ha as x,jb as z,mg as w,wa as O,ya as c,zc as U}from"./chunk-SKPDQO4E.js";var oe=`<div class="col-12 mb-2">\r
    <label *ngIf="title && title!=''" class="report-form-label">{{title | translate}}</label>\r
    <input placeholder="Date Time Range:" type="text" readonly owlinput class="form-control form-control-sm bg-white"\r
        [(ngModel)]="inputDateRange" [selectMode]="'range'" (ngModelChange)="dateChanged($event)"\r
        [owlDateTimeTrigger]="dtRange1" [owlDateTime]="dtRange1">\r
    <owl-date-time [firstDayOfWeek]="1" #dtRange1 [pickerType]="'calendar'"></owl-date-time>\r
</div>`;var ie="";var ke=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},re=class{interactionService;title="";dateRange;filterChanged=new x;inputDateRange;constructor(e){this.interactionService=e}ngOnInit(){this.inputDateRange=[new Date(this.dateRange.startDateTime.getTime()),new Date(this.dateRange.endDateTime.getTime())]}ngOnDestroy(){}dateChanged(e){this.filterChanged.emit({startDateTime:this.inputDateRange[0],endDateTime:this.inputDateRange[1]})}static ctorParameters=()=>[{type:f}];static propDecorators={title:[{type:a}],dateRange:[{type:a}],filterChanged:[{type:u}]}};re=ke([c({selector:"armon-pacs-filter-date-range",template:oe,standalone:!0,providers:[{provide:M,useClass:j}],imports:[p,g,D,w,d],styles:[ie]})],re);var ne=`<div *ngIf="visibleComponent">
    <armon-pacs-ppermission-approve-user *ngIf="!ppermissionResponse.multiUser" [minimalView]="minimalView"
        [ppermissionResponse]="ppermissionResponse" [disabledApprove]="disabledApprove"
        [userInfo]="ppermissionResponse.userPPermissionInfo[0]" [widgetMode]="widgetMode"
        [useAsHumanResources]="useAsHumanResources" [useAsSelf]="useAsSelf" (statusUpdated)="statusUpdated($event)"
        [isUnderMultiUser]="ppermissionResponse.multiUser"></armon-pacs-ppermission-approve-user>
    <div class="section-tag-container" *ngIf="ppermissionResponse.multiUser">
        <div class="section-tag" type="4">
            <div class="icon-container" *ngIf="!widgetMode">
                <cds-icon shape="users" size="sm" solid></cds-icon>
            </div>
            <div class="count-container" [attr.widgetmode]="widgetMode">
                <div class="counter-tag" type="1">
                    <div class="counter-icon-container">
                        <cds-icon shape="help" size="sm" solid></cds-icon>
                    </div>
                    <div class="counter-icon-text">
                        <span>{{ppermissionResponse.approvementInfo.waitingMyApprovalCount}}/{{ppermissionResponse.approvementInfo.waitingCount}}</span>
                    </div>
                </div>
                <div class="counter-tag" type="2">
                    <div class="counter-icon-container">
                        <cds-icon shape="success-standard" size="sm" solid></cds-icon>
                    </div>
                    <div class="counter-icon-text">
                        <span>{{ppermissionResponse.approvementInfo.acceptCount}}</span>
                    </div>
                </div>
                <div class="counter-tag" type="3">
                    <div class="counter-icon-container">
                        <cds-icon shape="times-circle" size="sm" solid></cds-icon>
                    </div>
                    <div class="counter-icon-text">
                        <span>{{ppermissionResponse.approvementInfo.rejectCount}}</span>
                    </div>
                </div>
            </div>
            <div class="approve-container" *ngIf="!widgetMode">
                <div class="btn-group btn-group-sm d-none d-lg-flex ms-auto"
                    *ngIf="!visibleListUser || !(ppermissionResponse.approvementInfo.waitingMyApprovalCount>0)">
                    <button class="btn btn-sm btn-outline-primary" (click)="listUsersClicked($event)">{{visibleListUser
                        ?
                        ('PACS.PPERMISSION_APPROVE_BUTTON_HIDE_USERS' | translate)
                        :('PACS.PPERMISSION_APPROVE_BUTTON_SHOW_USERS'
                        | translate)}}</button>
                    <button class="btn btn-sm btn-outline-primary"
                        (click)="historyClicked($event)">{{'PACS.PPERMISSION_LOG_HISTORY'|translate}}</button>
                </div>
                <div class="btn-group btn-group-sm d-none d-lg-flex ms-auto"
                    *ngIf="visibleListUser && ppermissionResponse.approvementInfo.waitingMyApprovalCount>0">
                    <button class="btn btn-outline-danger btn-sm"
                        *ngIf="visibleListUser && ppermissionResponse.approvementInfo.waitingMyApprovalCount>0"
                        (click)="rejectAllClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_REJECT_ALL'|translate}}
                        ({{ppermissionResponse.approvementInfo.waitingMyApprovalCount}})</button>
                    <button class="btn btn-outline-success btn-sm"
                        *ngIf="visibleListUser && ppermissionResponse.approvementInfo.waitingMyApprovalCount>0"
                        (click)="acceptAllClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_ACCEPT_ALL'|translate}}
                        ({{ppermissionResponse.approvementInfo.waitingMyApprovalCount}})</button>
                    <button class="btn btn-sm btn-outline-primary" (click)="listUsersClicked($event)">{{visibleListUser
                        ? ('PACS.PPERMISSION_APPROVE_BUTTON_HIDE_USERS' | translate)
                        :('PACS.PPERMISSION_APPROVE_BUTTON_SHOW_USERS'
                        | translate)}}</button>
                    <button class="btn btn-sm btn-outline-primary"
                        (click)="historyClicked($event)">{{'PACS.PPERMISSION_LOG_HISTORY'|translate}}</button>
                </div>
                <div class="button-container d-lg-none">
                    <button nz-dropdown [nzDropdownMenu]="menuApprove" type="button"
                        class="btn btn-sm btn-outline-primary" clrDropdownTrigger>
                        {{'BUTTON.DETAIL'|translate}}
                        <cds-icon shape="angle" direction="down"></cds-icon>
                    </button>
                    <nz-dropdown-menu #menuApprove="nzDropdownMenu">
                        <ul nz-menu>
                            <li nz-menu-item (click)="listUsersClicked($event)">{{visibleListUser ?
                                ('PACS.PPERMISSION_APPROVE_BUTTON_HIDE_USERS' | translate)
                                :('PACS.PPERMISSION_APPROVE_BUTTON_SHOW_USERS'
                                | translate)}}</li>
                            <li nz-menu-item
                                *ngIf="visibleListUser && ppermissionResponse.approvementInfo.waitingMyApprovalCount>0"
                                (click)="rejectAllClicked($event)">
                                {{'PACS.PPERMISSION_APPROVE_BUTTON_REJECT_ALL'|translate}}
                                ({{ppermissionResponse.approvementInfo.waitingMyApprovalCount}})</li>
                            <li nz-menu-item
                                *ngIf="visibleListUser && ppermissionResponse.approvementInfo.waitingMyApprovalCount>0"
                                (click)="acceptAllClicked($event)">
                                {{'PACS.PPERMISSION_APPROVE_BUTTON_ACCEPT_ALL'|translate}}
                                ({{ppermissionResponse.approvementInfo.waitingMyApprovalCount}})</li>
                        </ul>
                    </nz-dropdown-menu>
                </div>
            </div>
        </div>
    </div>
    <div class="user-list-container" *ngIf="visibleListUser">
        <div class="alert alert-warning d-flex align-items-center column-gap-2" role="alert"
            *ngIf="visibleUserFilterAlert">
            <cds-icon class="cds-icon-20" shape="exclamation-triangle"></cds-icon>
            <span>{{"PACS.DIRECTION_PPERMISSION_USERLIST_FILTERED"|translate}}</span>
            <a class="btn btn-link" (click)="showAllUsersClicked($event)">{{'BUTTON.SHOW_ALL'|translate}}</a>
        </div>
        <armon-pacs-ppermission-approve-user *ngFor="let user of users" [minimalView]="minimalView"
            [visibleStatusTitle]="false" [ppermissionResponse]="ppermissionResponse" [disabledApprove]="disabledApprove"
            [useAsHumanResources]="useAsHumanResources" [useAsSelf]="useAsSelf" [userInfo]="user"
            [isUnderMultiUser]="ppermissionResponse.multiUser" (statusUpdated)="statusUpdated($event)">
        </armon-pacs-ppermission-approve-user>
        <armon-pagination [paginationResponse]="paginationResponse" (pageChanged)="pageChanged($event)">
        </armon-pagination>
    </div>
</div>`;var se=`.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}.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}:host .card-header{padding:12px}:host .section-tag-container{display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex}:host .section-tag-container .section-tag[type="1"]{font-size:.714rem;margin:3px;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="1"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .section-tag-container .section-tag[type="1"] .icon-container{padding:6px 12px;min-height:36px;background-color:#6b60664d;color:#6b6066;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="1"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .section-tag-container .section-tag[type="1"] .title-container{padding:6px 12px;min-height:36px;color:#6b6066;background-color:#6b60661a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="1"] .title-container{flex:1}}:host .section-tag-container .section-tag[type="1"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important;line-height:.6rem}:host .section-tag-container .section-tag[type="1"] .count-container{padding:3px 12px;min-height:36px;color:#6b6066;background-color:#6b60661a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="1"] .count-container{flex:1;-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 .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="1"]{padding:3px;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 .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="1"] .counter-icon-container{padding:6px;background-color:#6b606680;color:#6b6066;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="1"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#6b60664d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="2"]{padding:3px;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 .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="2"] .counter-icon-container{padding:6px;background-color:#88a82580;color:#88a825;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="2"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#88a8254d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="3"]{padding:3px;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 .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="3"] .counter-icon-container{padding:6px;background-color:#cf4a3080;color:#cf4a30;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="3"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#cf4a304d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="4"]{padding:3px;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 .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="4"] .counter-icon-container{padding:6px;background-color:#4c2aa880;color:#4c2aa8;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container .counter-tag[type="4"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#4c2aa84d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="1"] .count-container[widgetmode=true]{padding:0;background-color:initial}:host .section-tag-container .section-tag[type="1"] .approve-container{padding:6px 12px;min-height:36px;color:#6b6066;background-color:#6b60660d;border-left:1px solid rgb(107,96,102);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="1"] .approve-container{flex:1;border-left:none}}:host .section-tag-container .section-tag[type="1"] .approve-container .button-container{margin-left:auto;margin-right:0}:host .section-tag-container .section-tag[type="1"] .approve-container .button-container .btn:last-child{margin-right:0}:host .section-tag-container .section-tag[type="2"]{font-size:.714rem;margin:3px;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="2"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .section-tag-container .section-tag[type="2"] .icon-container{padding:6px 12px;min-height:36px;background-color:#88a8254d;color:#88a825;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="2"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .section-tag-container .section-tag[type="2"] .title-container{padding:6px 12px;min-height:36px;color:#88a825;background-color:#88a8251a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="2"] .title-container{flex:1}}:host .section-tag-container .section-tag[type="2"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important;line-height:.6rem}:host .section-tag-container .section-tag[type="2"] .count-container{padding:3px 12px;min-height:36px;color:#88a825;background-color:#88a8251a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="2"] .count-container{flex:1;-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 .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="1"]{padding:3px;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 .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="1"] .counter-icon-container{padding:6px;background-color:#6b606680;color:#6b6066;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="1"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#6b60664d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="2"]{padding:3px;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 .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="2"] .counter-icon-container{padding:6px;background-color:#88a82580;color:#88a825;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="2"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#88a8254d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="3"]{padding:3px;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 .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="3"] .counter-icon-container{padding:6px;background-color:#cf4a3080;color:#cf4a30;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="3"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#cf4a304d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="4"]{padding:3px;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 .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="4"] .counter-icon-container{padding:6px;background-color:#4c2aa880;color:#4c2aa8;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container .counter-tag[type="4"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#4c2aa84d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="2"] .count-container[widgetmode=true]{padding:0;background-color:initial}:host .section-tag-container .section-tag[type="2"] .approve-container{padding:6px 12px;min-height:36px;color:#88a825;background-color:#88a8250d;border-left:1px solid rgb(136,168,37);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="2"] .approve-container{flex:1;border-left:none}}:host .section-tag-container .section-tag[type="2"] .approve-container .button-container{margin-left:auto;margin-right:0}:host .section-tag-container .section-tag[type="2"] .approve-container .button-container .btn:last-child{margin-right:0}:host .section-tag-container .section-tag[type="3"]{font-size:.714rem;margin:3px;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="3"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .section-tag-container .section-tag[type="3"] .icon-container{padding:6px 12px;min-height:36px;background-color:#cf4a304d;color:#cf4a30;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="3"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .section-tag-container .section-tag[type="3"] .title-container{padding:6px 12px;min-height:36px;color:#cf4a30;background-color:#cf4a301a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="3"] .title-container{flex:1}}:host .section-tag-container .section-tag[type="3"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important;line-height:.6rem}:host .section-tag-container .section-tag[type="3"] .count-container{padding:3px 12px;min-height:36px;color:#cf4a30;background-color:#cf4a301a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="3"] .count-container{flex:1;-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 .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="1"]{padding:3px;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 .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="1"] .counter-icon-container{padding:6px;background-color:#6b606680;color:#6b6066;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="1"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#6b60664d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="2"]{padding:3px;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 .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="2"] .counter-icon-container{padding:6px;background-color:#88a82580;color:#88a825;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="2"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#88a8254d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="3"]{padding:3px;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 .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="3"] .counter-icon-container{padding:6px;background-color:#cf4a3080;color:#cf4a30;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="3"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#cf4a304d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="4"]{padding:3px;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 .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="4"] .counter-icon-container{padding:6px;background-color:#4c2aa880;color:#4c2aa8;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container .counter-tag[type="4"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#4c2aa84d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="3"] .count-container[widgetmode=true]{padding:0;background-color:initial}:host .section-tag-container .section-tag[type="3"] .approve-container{padding:6px 12px;min-height:36px;color:#cf4a30;background-color:#cf4a300d;border-left:1px solid rgb(207,74,48);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="3"] .approve-container{flex:1;border-left:none}}:host .section-tag-container .section-tag[type="3"] .approve-container .button-container{margin-left:auto;margin-right:0}:host .section-tag-container .section-tag[type="3"] .approve-container .button-container .btn:last-child{margin-right:0}:host .section-tag-container .section-tag[type="4"]{font-size:.714rem;margin:3px;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="4"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .section-tag-container .section-tag[type="4"] .icon-container{padding:6px 12px;min-height:36px;background-color:#4c2aa84d;color:#4c2aa8;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="4"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .section-tag-container .section-tag[type="4"] .title-container{padding:6px 12px;min-height:36px;color:#4c2aa8;background-color:#4c2aa81a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="4"] .title-container{flex:1}}:host .section-tag-container .section-tag[type="4"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important;line-height:.6rem}:host .section-tag-container .section-tag[type="4"] .count-container{padding:3px 12px;min-height:36px;color:#4c2aa8;background-color:#4c2aa81a;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="4"] .count-container{flex:1;-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 .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="1"]{padding:3px;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 .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="1"] .counter-icon-container{padding:6px;background-color:#6b606680;color:#6b6066;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="1"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#6b60664d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="2"]{padding:3px;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 .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="2"] .counter-icon-container{padding:6px;background-color:#88a82580;color:#88a825;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="2"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#88a8254d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="3"]{padding:3px;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 .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="3"] .counter-icon-container{padding:6px;background-color:#cf4a3080;color:#cf4a30;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="3"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#cf4a304d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="4"]{padding:3px;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 .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="4"] .counter-icon-container{padding:6px;background-color:#4c2aa880;color:#4c2aa8;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container .counter-tag[type="4"] .counter-icon-text{padding:0 6px;color:#fff;background-color:#4c2aa84d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;font-size:.714rem;text-align:left;font-weight:400!important;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}:host .section-tag-container .section-tag[type="4"] .count-container[widgetmode=true]{padding:0;background-color:initial}:host .section-tag-container .section-tag[type="4"] .approve-container{padding:6px 12px;min-height:36px;color:#4c2aa8;background-color:#4c2aa80d;border-left:1px solid rgb(76,42,168);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 576px){:host .section-tag-container .section-tag[type="4"] .approve-container{flex:1;border-left:none}}:host .section-tag-container .section-tag[type="4"] .approve-container .button-container{margin-left:auto;margin-right:0}:host .section-tag-container .section-tag[type="4"] .approve-container .button-container .btn:last-child{margin-right:0}:host .user-filter-alert{margin:3px}
`;var ae=`<div class="modal-header">
  <span class="text-lg">{{'PACS.PPERMISSION_APPROVE_BUTTON_DETAIL' | translate}}</span>
</div>
<div class="modal-body">
  <nz-tabset [nzAnimated]="false">
    <nz-tab *ngIf="!showOnlyHistory" nzTitle="{{'PACS.PPERMISSION_APPROVE_DETAIL_INFO' | translate}}">
      <div class="d-flex align-items-center overall-container my-3 mx-2" [attr.type]="approveInfo.overallStatus + 1">
        <div class="d-flex flex-column align-items-center justify-content-center p-2"
          [ngSwitch]="approveInfo.overallStatus">
          <!-- WAITING -->
          <cds-icon *ngSwitchCase="0" shape="help" size="md"></cds-icon>
          <!-- ACCEPTED -->
          <cds-icon *ngSwitchCase="1" shape="success-standard" size="md"></cds-icon>
          <!-- REJECTED -->
          <cds-icon *ngSwitchCase="2" shape="times-circle" size="md"></cds-icon>
        </div>
        <div class="text-lg fw-normal" [ngSwitch]="approveInfo.overallStatus">
          <!-- WAITING -->
          <span *ngSwitchCase="0">{{'PACS.PPERMISSION_STATUS_WAITING' | translate}}</span>
          <!-- ACCEPTED -->
          <span *ngSwitchCase="1">{{'PACS.PPERMISSION_STATUS_ACCEPTED' | translate}}</span>
          <!-- REJECTED -->
          <span *ngSwitchCase="2">{{'PACS.PPERMISSION_STATUS_REJECTED' | translate}}</span>
        </div>
      </div>
      <div class="d-flex flex-column flex-grow-1 px-2" *ngFor="let item of approveInfo.items">
        <div class="d-flex align-items-stretch border border-1 rounded-2 my-2">
          <div class="mws-5 d-flex justify-content-center align-items-center">
            <span class="text-xxl line-height-xxl color-gray-dark">{{item.order}}</span>
          </div>
          <div class="d-flex flex-column justify-content-center py-2 px-2 detail-border mhs-5"
            [attr.type]="item.status + 1">
            <div class="text-sm ms-2" [ngSwitch]="item.status">
              <!-- WAITING -->
              <span *ngSwitchCase="0">{{'PACS.PPERMISSION_STATUS_WAITING' | translate}}</span>
              <!-- ACCEPTED -->
              <span *ngSwitchCase="1">{{'PACS.PPERMISSION_STATUS_ACCEPTED' | translate}} ({{item.approvementDate |
                date:'medium'}})</span>
              <!-- REJECTED -->
              <span *ngSwitchCase="2">{{'PACS.PPERMISSION_STATUS_REJECTED' | translate}} ({{item.approvementDate |
                date:'medium'}})</span>
              <!-- ALREADY REJECTED -->
              <span *ngSwitchCase="3">{{'PACS.PPERMISSION_STATUS_ALREADY_REJECTED' | translate}}</span>
            </div>
            <div *ngFor="let user of item.approverUsers" class="my-1">
              <ng-container *ngIf="user.userCaptions">
                <armon-captionlines *ngIf="user.userCaptions" [showBorder]="false" [captionlines]="user.userCaptions">
                </armon-captionlines>
              </ng-container>
              <ng-container *ngIf="!user.userCaptions">
                <span class="text-sm fw-medium">{{user.fullname}}</span>
              </ng-container>
            </div>
            <div class="text-xs ms-2" *ngIf="item.approverUsers.length==0 && !item.isHR">
              <cds-icon shape="exclamation-triangle" solid></cds-icon>
              {{'PACS.PPERMISSION_APPROVE_NO_MANAGER'|translate}}
            </div>
            <div class="text-xs ms-2"> {{item.isHR ? ('PACS.PPERMISSION_TYPE_APPROVEMENT_HR' | translate)
              :('PACS.PPERMISSION_TYPE_APPROVEMENT_MNGR'
              | translate)}}<span *ngIf="item.organizationUnitName"
                class="ms-2 text-italic">({{item.organizationUnitName}})</span>
            </div>
            <div *ngIf="item.note && item.note.length>0" class="text-xs text-italic mt-2 ms-2">
              {{'PACS.USER_PPERMISSION_NOTE'|translate}}
              : {{item.note}}</div>
          </div>
        </div>
      </div>
    </nz-tab>
    <nz-tab nzTitle="{{'PACS.PPERMISSION_LOG_HISTORY' | translate}}" (nzClick)="historyClicked($event)">
      <div class="history-container px-2" *ngIf="historyInfo">
        <div class="d-flex flex-column p-3 shadow-box-1 rnd-1 my-2" *ngFor="let item of historyInfo.items">
          <span class="text-sm">{{item.message}}</span>
          <span class="text-xs">{{item.actionUserFullName}} -
            {{item.actionUtc | date:'medium'}}</span>
        </div>
      </div>
    </nz-tab>
  </nz-tabset>
</div>
<div class="modal-footer">
  <button class="btn btn-primary" (click)="closeClicked($event)">
    {{'BUTTON.CLOSE' | translate}}
  </button>
</div>`;var le=`.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}.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}:host .detail-border[type="1"]{border-left:4px solid rgb(107,96,102)}:host .detail-border[type="2"]{border-left:4px solid rgb(136,168,37)}:host .detail-border[type="3"]{border-left:4px solid rgb(207,74,48)}:host .detail-border[type="4"]{border-left:4px solid rgb(204,204,204)}:host .overall-container[type="1"]{color:#6b6066}:host .overall-container[type="2"]{color:#88a825}:host .overall-container[type="3"]{color:#cf4a30}:host .overall-container[type="4"]{color:#ccc}:host .history-container{min-height:160px;max-height:360px;overflow-x:auto}
`;var Se=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},h=class extends P{interactionService;pacsService;approveInfo;ppermissionResponse;userInfo;useAsSelf=!1;isRequiredApprovement;historyInfo;showOnlyHistory=!1;constructor(e,t){super(),this.interactionService=e,this.pacsService=t}onModalInitialized(){super.onModalInitialized(),this.userInfo?this.userInfo.isRequiredApprovement==!1&&(this.showOnlyHistory=!0,this.historyClicked()):(this.showOnlyHistory=!0,this.historyClicked())}closeClicked(e){this.cancelModal()}historyClicked(e){this.historyInfo||(this.useAsSelf?this.pacsService.getPPermissionHistorySelf(this.ppermissionResponse.id).subscribe(t=>{this.historyInfo=t}):this.userInfo?this.pacsService.getPPermissionHistoryForUser(this.ppermissionResponse.id,this.userInfo.userAndDeputyInfo.user.id).subscribe(t=>{this.historyInfo=t}):this.pacsService.getPPermissionHistory(this.ppermissionResponse.id).subscribe(t=>{this.historyInfo=t}))}static ctorParameters=()=>[{type:f},{type:y}];static propDecorators={approveInfo:[{type:a}],ppermissionResponse:[{type:a}],userInfo:[{type:a}],useAsSelf:[{type:a}]}};h=Se([c({selector:"armon-pacs-ppermission-approve-info",template:ae,standalone:!0,imports:[q,p,k,v,m,Q,z,d],styles:[le]})],h);var ce=`<div class="approve-user-component" *ngIf="visibleComponent" [attr.widgetmode]="widgetMode">
    <div class="icon-user-container" *ngIf="!widgetMode">
        <cds-icon shape="user" size="sm" solid></cds-icon>
    </div>
    <div class="user-base-container">
        <div class="row" *ngIf="isUnderMultiUser && !widgetMode">
            <div class="col-xl-12 user-area-container">
                <div class="user-photo">
                    <armon-identity-photo [identityId]="useAsSelf ? null : userInfo.userAndDeputyInfo.user.id"
                        [removeWhenEmpty]="true"></armon-identity-photo>
                </div>
                <div class="user-info">
                    <span>{{userInfo.userAndDeputyInfo.user.fullname}}</span>
                    <span isDeputy="true"
                        *ngIf="userInfo.userAndDeputyInfo.deputyUser && userInfo.userAndDeputyInfo.deputyUser.fullname!=''">{{'PACS.USER_PPERMISSION_DEPUTY'|translate}}
                        : {{userInfo.userAndDeputyInfo.deputyUser.fullname}}
                        <button *ngIf="enabledDeputySelection" (click)="showDeputySelection($event)"
                            [disabled]="visibleDeputySelection"
                            class="btn btn-link deputy-update-button">{{'BUTTON.CHANGE'|translate}}</button>
                    </span>
                </div>
            </div>
        </div>
        <div class="row" *ngIf="visibleDeputySelection && !widgetMode">
            <div class="col-xl-6 col-lg-6 col-md-12">
                <div class="form-group form-layout">
                    <label>{{'PACS.USER_PPERMISSION_DEPUTY' | translate}}</label>
                    <armon-identity-search id="deputy-selection" #searchIdentity [multiselect]="false">
                    </armon-identity-search>
                </div>
            </div>
            <div class="col-xl-6 col-lg-6 col-md-12 pt-3">
                <button class="me-0 btn btn-primary btn-sm pull-right" (click)="saveDeputySelectionClicked($event)"
                    [disabled]="selectedIdentities.length==0">{{'BUTTON.SAVE'|translate}}</button>
                <button class="btn btn-primary btn-sm pull-right"
                    (click)="cancelDeputySelectionClicked($event)">{{'BUTTON.CANCEL'|translate}}</button>
            </div>
        </div>
        <div class="approve-area-container">
            <div class="approve-area" [attr.type]="userInfo.status + 1">
                <div class="icon-container" [ngSwitch]="userInfo.status" *ngIf="userInfo.isRequiredApprovement">
                    <!-- WAITING -->
                    <cds-icon *ngSwitchCase="0" shape="help" size="sm" solid></cds-icon>
                    <!-- ACCEPTED -->
                    <cds-icon *ngSwitchCase="1" shape="success-standard" size="sm" solid></cds-icon>
                    <!-- REJECTED -->
                    <cds-icon *ngSwitchCase="2" shape="times-circle" size="sm" solid></cds-icon>
                </div>
                <div class="icon-container" *ngIf="!userInfo.isRequiredApprovement">
                    <!-- ACCEPTED (NO APPROVE REQUIRED) -->
                    <cds-icon shape="success-standard" size="sm" solid></cds-icon>
                </div>
                <div class="title-container" [ngSwitch]="userInfo.status"
                    *ngIf="!minimalView && userInfo.isRequiredApprovement">
                    <!-- WAITING -->
                    <span *ngSwitchCase="0">{{'PACS.PPERMISSION_STATUS_WAITING' | translate}}</span>
                    <!-- ACCEPTED -->
                    <span *ngSwitchCase="1">{{'PACS.PPERMISSION_STATUS_ACCEPTED' | translate}}</span>
                    <!-- REJECTED -->
                    <span *ngSwitchCase="2">{{'PACS.PPERMISSION_STATUS_REJECTED' | translate}}</span>
                </div>
                <div class="title-container" *ngIf="!minimalView && !userInfo.isRequiredApprovement">
                    <span>{{'PACS.PPERMISSION_STATUS_NO_APPROVEMENT' | translate}}</span>
                </div>
                <div class="approve-container p-2" *ngIf="!widgetMode">
                    <div class="row">
                        <!-- WAITING OTHER USERS -->
                        <div class="col-xl-6 d-flex align-items-center" *ngIf="!userInfo.enabledApprove && userInfo.status==0">
                            <span
                                *ngIf="userInfo.isWaitingHRApprovement">{{'PACS.PPERMISSION_APPROVE_WAITING_HR'|translate}}</span>
                            <span
                                *ngIf="!userInfo.isWaitingHRApprovement">{{'PACS.PPERMISSION_APPROVE_WAITING_USERS'|translate}}
                                : {{userInfo.statusActionUsers}}</span>
                        </div>
                        <!-- WAITING YOU-->
                        <div class="col-xl-6 d-flex align-items-center" *ngIf="userInfo.enabledApprove && userInfo.status==0">
                            <span>{{'PACS.PPERMISSION_APPROVE_WAITING_YOU'|translate}}</span>
                        </div>
                        <!-- ACCEPTED -->
                        <div class="col-xl-6" *ngIf="userInfo.status==1">

                        </div>
                        <!-- REJECTED -->
                        <div class="col-xl-6" *ngIf="userInfo.status==2">

                        </div>
                        <div class="col-xl-6 col-lg-12 button-container d-none d-sm-block">
                            <button class="btn btn-outline-primary btn-sm ms-2" *ngIf="visibleApproveButtons"
                                (click)="addNoteClicked($event)"
                                [disabled]="visibleNoteInput">{{'PACS.PPERMISSION_APPROVE_BUTTON_ADD_NOTE'|translate}}</button>
                            <button class="btn btn-outline-danger btn-sm ms-2" *ngIf="visibleApproveButtons"
                                (click)="rejectClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_REJECT'|translate}}</button>
                            <button class="btn btn-outline-success btn-sm ms-2" *ngIf="visibleApproveButtons"
                                (click)="acceptClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_ACCEPT'|translate}}</button>
                            <button class="btn btn-outline-primary btn-sm ms-2" *ngIf="visibleDetailButton"
                                (click)="detailClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_DETAIL'|translate}}</button>
                            <button class="btn btn-outline-primary btn-sm ms-2" *ngIf="visiblePrintButton"
                                (click)="printClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_PRINT'|translate}}</button>
                        </div>
                        <div class="col-xs-12 button-container d-sm-none">
                            <button class="btn btn-link btn-sm" *ngIf="visibleApproveButtons"
                                (click)="addNoteClicked($event)"
                                [disabled]="visibleNoteInput">{{'PACS.PPERMISSION_APPROVE_BUTTON_ADD_NOTE'|translate}}</button>
                            <button class="btn btn-link btn-sm" *ngIf="visibleApproveButtons"
                                (click)="rejectClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_REJECT'|translate}}</button>
                            <button class="btn btn-link btn-sm" *ngIf="visibleApproveButtons"
                                (click)="acceptClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_ACCEPT'|translate}}</button>
                            <button class="btn btn-link btn-sm" *ngIf="visibleDetailButton"
                                (click)="detailClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_DETAIL'|translate}}</button>
                            <button class="btn btn-link btn-sm" *ngIf="visiblePrintButton"
                                (click)="printClicked($event)">{{'PACS.PPERMISSION_APPROVE_BUTTON_PRINT'|translate}}</button>
                        </div>
                    </div>
                    <div class="row" *ngIf="visibleNoteInput && !widgetMode">
                        <div class="col-xl-12 mt-2">
                            <textarea name="note" [(ngModel)]='note' class="form-control form-control-sm"
                                placeholder="{{'PACS.PPERMISSION_APPROVE_PLACEHOLDER_NOTE'|translate}}" rows="2"
                                cols="20" maxlength="512"></textarea>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="checkbox"
            *ngIf="ppermissionResponse.ppermissionType.userMustSign && this.useAsHumanResources && !widgetMode">
            <input [id]="'signedInput_'+userInfo.userAndDeputyInfo.user.id" type="checkbox"
                [(ngModel)]="userInfo.userSigned" (ngModelChange)="userSignedModalChanged($event)">
            <label [for]="'signedInput_'+userInfo.userAndDeputyInfo.user.id"
                class="ms-2 text-sm">{{'PACS.PPERMISSION_USER_SIGNED' | translate}}</label>
        </div>
    </div>
</div>`;var pe=`.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}.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}:host .card-header{padding:12px}:host .approve-user-component{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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;margin:6px 3px}:host .approve-user-component .icon-user-container{padding:12px;background-color:#4c2aa833;color:#4c2aa8;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-align-items:flex-start;align-items:flex-start}@media screen and (max-width: 768px){:host .approve-user-component .icon-user-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .approve-user-component .user-base-container{padding:6px 12px;-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;background-color:#4c2aa80d}:host .approve-user-component .user-base-container .user-area-container{padding:6px 12px;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row}:host .approve-user-component .user-base-container .user-area-container .user-info{display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .user-area-container .user-info{padding:6px 12px}}:host .approve-user-component .user-base-container .user-area-container .user-info span{font-size:.756rem;line-height:.7rem}:host .approve-user-component .user-base-container .user-area-container .user-info span[isDeputy=true]{font-size:.672rem;line-height:.55rem}:host .approve-user-component .user-base-container .user-area-container .user-info .deputy-update-button{margin:0 0 0 6px;line-height:inherit!important;height:auto!important;font-size:.588rem;font-weight:unset}:host .approve-user-component .user-base-container .approve-area-container{display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"]{font-size:.714rem;margin:3px 0;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .icon-container{padding:6px;min-height:36px;background-color:#6b606633;color:#6b6066;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .title-container{padding:6px 12px;min-width:150px;min-height:36px;color:#6b6066;background-color:#6b60660d;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .title-container{-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background-color:#6b60660d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .approve-container{min-height:36px;color:#6b6066;background-color:#fff;border-left:1px solid rgb(107,96,102);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .approve-container{border-left:none;-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .approve-container .button-container{text-align:right}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .approve-container .button-container{padding-top:6px}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .approve-container .button-container .btn:last-child{margin-right:0}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="1"] .approve-container .signed-container{margin-top:6px;border-top:1px solid rgb(107,96,102)}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"]{font-size:.714rem;margin:3px 0;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .icon-container{padding:6px;min-height:36px;background-color:#88a82533;color:#88a825;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .title-container{padding:6px 12px;min-width:150px;min-height:36px;color:#88a825;background-color:#88a8250d;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .title-container{-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background-color:#88a8250d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .approve-container{min-height:36px;color:#88a825;background-color:#fff;border-left:1px solid rgb(136,168,37);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .approve-container{border-left:none;-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .approve-container .button-container{text-align:right}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .approve-container .button-container{padding-top:6px}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .approve-container .button-container .btn:last-child{margin-right:0}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="2"] .approve-container .signed-container{margin-top:6px;border-top:1px solid rgb(136,168,37)}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"]{font-size:.714rem;margin:3px 0;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-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"]{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .icon-container{padding:6px;min-height:36px;background-color:#cf4a3033;color:#cf4a30;-webkit-border-top-left-radius:.375rem;-moz-border-radius-topleft:.375rem;border-top-left-radius:.375rem;-webkit-border-v-left-radius:.375rem;-moz-border-radius-bottomleft:.375rem;border-bottom-left-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .icon-container{-webkit-border-v-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .title-container{padding:6px 12px;min-width:150px;min-height:36px;color:#cf4a30;background-color:#cf4a300d;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .title-container{-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;background-color:#cf4a300d;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .title-container span{font-size:.714rem;text-align:left;font-weight:400!important}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .approve-container{min-height:36px;color:#cf4a30;background-color:#fff;border-left:1px solid rgb(207,74,48);-webkit-flex-grow:1;-webkit-box-flex:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-border-top-right-radius:.375rem;-moz-border-radius-topv:.375rem;border-top-right-radius:.375rem;-webkit-border-v-right-radius:.375rem;-moz-border-radius-bottomright:.375rem;border-bottom-right-radius:.375rem;display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-ms-flexbox;display:-webkit-flex;display:flex;-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-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .approve-container{border-left:none;-webkit-flex-basis:100%;-moz-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .approve-container .button-container{text-align:right}@media screen and (max-width: 768px){:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .approve-container .button-container{padding-top:6px}}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .approve-container .button-container .btn:last-child{margin-right:0}:host .approve-user-component .user-base-container .approve-area-container .approve-area[type="3"] .approve-container .signed-container{margin-top:6px;border-top:1px solid rgb(207,74,48)}:host .approve-user-component[widgetmode=true]{margin:0 0 0 .3rem}:host .approve-user-component[widgetmode=true] .user-base-container{padding:0;background-color:initial}:host .signpost-content-header{display:none}:host .form-layout{width:100%!important;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:start;-moz-box-pack:start;-webkit-flex-pack:start;-ms-flex-pack:start;-moz-justify-content:flex-start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}:host .form-layout>label:not(.custom-item){width:auto;margin-right:12px;min-width:100px}@media screen and (max-width: 576px){:host .form-layout>label:not(.custom-item){width:100%;margin-right:0;margin-bottom:0}}:host .form-layout>label[unit]{margin-left:3px}@media screen and (max-width: 576px){:host .form-layout>label[unit]{flex:0}}:host .form-layout input{flex:1}:host .form-layout .select{flex:1}:host .form-layout textarea{flex:1;margin-right:0}:host .form-layout .form-item{flex:1}:host .form-layout .checkbox{flex:1}:host .form-layout .custom-item{flex:1}:host .form-layout .radio-inline-container{position:relative}:host .form-layout .form-button{margin:0 0 0 12px}:host .signed-label{font-size:.672rem}
`;var de=`<div *ngIf="visibleComponent">\r
    <div class="doc-organization-name">\r
        {{organizationName}}\r
    </div>\r
    <div class="doc-date">\r
        {{now | date:'mediumDate'}}\r
    </div>\r
    <div class="doc-title">\r
        {{'PACS.PRINT_PPERMISSION_TITLE'|translate}}\r
    </div>\r
    <table class="doc-table">\r
        <tbody>\r
            <tr>\r
                <th class="doc-header-cell" colspan="2">{{'PACS.USER_PPERMISSION_DETAIL'|translate}}</th>\r
            </tr>\r
            <tr>\r
                <td class="doc-left-cell">{{'PACS.PPERMISSION_TYPE_LABEL'|translate}}</td>\r
                <td class="doc-right-cell">{{ppermission.ppermissionType.name}}</td>\r
            </tr>\r
            <tr>\r
                <td class="doc-left-cell">{{'PACS.USER_PPERMISSION_START_DATE'|translate}}</td>\r
                <td class="doc-right-cell">{{ppermission.dateRange.startDateTime | date:'medium'}}</td>\r
            </tr>\r
            <tr>\r
                <td class="doc-left-cell">{{'PACS.USER_PPERMISSION_END_DATE'|translate}}</td>\r
                <td class="doc-right-cell">{{ppermission.dateRange.endDateTime | date:'medium'}}</td>\r
            </tr>\r
            <tr *ngIf="ppermission.permissionUsageCount">\r
                <td class="doc-left-cell">{{'PACS.PPERMISSION_DURATION'|translate}}</td>\r
                <td class="doc-right-cell">\r
                    <armon-pacs-ppermission-duration [isDailyScheduled]="ppermission.ppermissionType.isDailyScheduled"\r
                        [duration]="ppermission.permissionUsageCount"></armon-pacs-ppermission-duration>\r
                </td>\r
            </tr>\r
            <tr *ngIf="ppermission.note && ppermission.note.length>0">\r
                <td class="doc-left-cell">{{'PACS.USER_PPERMISSION_NOTE'|translate}}</td>\r
                <td class="doc-right-cell">{{ppermission.note}}</td>\r
            </tr>\r
        </tbody>\r
    </table>\r
    <table class="doc-table">\r
        <tbody>\r
            <tr>\r
                <th class="doc-header-cell" colspan="2">{{'PACS.USER'|translate}}</th>\r
            </tr>\r
            <tr>\r
                <td class="doc-left-cell">{{'IDENTITY.NAME'|translate}} {{'IDENTITY.SURNAME'|translate}}</td>\r
                <td class="doc-right-cell">{{user.userAndDeputyInfo.user.fullname}}</td>\r
            </tr>\r
            <tr *ngIf="user.userAndDeputyInfo?.user?.uniqueId">\r
                <td class="doc-left-cell">{{'IDENTITY.UNIQUEID'|translate}}</td>\r
                <td class="doc-right-cell">{{user.userAndDeputyInfo.user.uniqueId}}</td>\r
            </tr>\r
            <tr class="doc-sign-row">\r
                <td class="doc-left-cell">{{'PACS.PRINT_PPERMISSION_SIGNATURE'|translate}}</td>\r
                <td class="doc-right-cell">\r
                    <br>\r
                    <br>\r
                </td>\r
            </tr>\r
        </tbody>\r
    </table>\r
    <!-- <tr>\r
                <th class="doc-header-cell" colspan="2">{{'PACS.PPERMISSION_TYPE_APPROVEMENT'|translate}}</th>\r
            </tr> -->\r
    <ng-container *ngFor="let item of detail.items">\r
        <ng-container *ngIf="item.isHR">\r
            <table class="doc-table">\r
                <tbody>\r
                    <tr>\r
                        <td class="doc-header-cell" colspan="2">{{'PACS.PPERMISSION_TYPE_APPROVEMENT_HR' | translate}}\r
                        </td>\r
                    </tr>\r
                    <tr>\r
                        <td class="doc-left-cell">{{'IDENTITY.NAME'|translate}} {{'IDENTITY.SURNAME'|translate}}</td>\r
                        <td class="doc-right-cell"></td>\r
                    </tr>\r
                    <tr class="doc-sign-row">\r
                        <td class="doc-left-cell">{{'PACS.PRINT_PPERMISSION_SIGNATURE'|translate}}</td>\r
                        <td class="doc-right-cell">\r
                            <br>\r
                            <br>\r
                        </td>\r
                    </tr>\r
                </tbody>\r
            </table>\r
        </ng-container>\r
        <ng-container *ngIf="!item.isHR">\r
            <table class="doc-table">\r
                <tbody>\r
                    <tr>\r
                        <td class="doc-header-cell" colspan="2">{{'PACS.PPERMISSION_TYPE_APPROVEMENT_MNGR'| translate}}\r
                        </td>\r
                    </tr>\r
                    <ng-container *ngFor="let user of item.approverUsers">\r
                        <tr>\r
                            <td class="doc-left-cell">{{'IDENTITY.NAME'|translate}} {{'IDENTITY.SURNAME'|translate}}\r
                            </td>\r
                            <td class="doc-right-cell">{{user.fullname}}</td>\r
                        </tr>\r
                        <tr *ngIf="user?.uniqueId">\r
                            <td class="doc-left-cell">{{'IDENTITY.UNIQUEID'|translate}}\r
                            </td>\r
                            <td class="doc-right-cell">{{user.uniqueId}}</td>\r
                        </tr>\r
                        <tr class="doc-sign-row">\r
                            <td class="doc-left-cell">{{'PACS.PRINT_PPERMISSION_SIGNATURE'|translate}}</td>\r
                            <td class="doc-right-cell">\r
                                <br>\r
                                <br>\r
                            </td>\r
                        </tr>\r
                    </ng-container>\r
                </tbody>\r
            </table>\r
        </ng-container>\r
    </ng-container>\r
</div>\r
\r
\r
<!-- div *ngFor="let user of item.approverUsers">\r
<strong>{{user.fullname}}</strong>\r
</div>\r
<div> {{item.isHR ? ('PACS.PPERMISSION_TYPE_APPROVEMENT_HR' | translate) :('PACS.PPERMISSION_TYPE_APPROVEMENT_MNGR' | translate)}}\r
</div> -->`;var me=`.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}.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}:host{font-size:9pt!important}:host .doc-organization-name{text-align:left;font-weight:500;font-size:16pt}:host .doc-date{text-align:right}:host .doc-title{text-align:center;text-transform:uppercase;padding:4mm;font-weight:500}:host table,:host td,:host th{padding:.5mm 2mm}:host .doc-table{width:100%;border-collapse:collapse;margin-bottom:4mm}:host .doc-table .doc-header-cell{font-size:10pt;text-align:left;font-weight:500}:host .doc-table .doc-left-cell{border:.1mm solid #666;width:30%;font-weight:500}:host .doc-table .doc-sub-header-cell{border:.1mm solid #666;font-weight:500}:host .doc-table .doc-right-cell{border:.1mm solid #666;width:70%}
`;var _e=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},A=class{componentModel;visibleComponent=!1;detail;user;ppermission;organizationName;now=new Date;constructor(e){this.componentModel=e}ngOnInit(){document.getElementById("printSection").classList.remove("printSectionNoPadding"),this.organizationName=this.componentModel.data.organizationName,this.detail=this.componentModel.data.detail,this.user=this.componentModel.data.user,this.ppermission=this.componentModel.data.ppermission,setTimeout(()=>{this.visibleComponent=!0},200)}static ctorParameters=()=>[{type:K}]};A=_e([c({selector:"armon-pacs-ppermission-print",template:de,standalone:!0,imports:[p,te,X,m,z,d],styles:[me]})],A);var be=`<ng-container *ngIf="visibleComponent">\r
  <div class="modal-header">\r
    <span class="text-lg">{{'PACS.PPERMISSION_APPROVE_PRINT_SETTINGS' | translate}}</span>\r
  </div>\r
  <div class="modal-body">\r
    <div class="row">\r
      <div class="col-12">\r
        <div class="form-group">\r
          <label>{{'REPORT.ORGANIZATION_UNIT' | translate}}</label>\r
          <select [(ngModel)]="selectedOrganization" class="form-select form-select-sm">\r
            <option *ngFor="let organization of organizations" [ngValue]="organization">\r
              {{organization.name | translate}}</option>\r
          </select>\r
        </div>\r
      </div>\r
    </div>\r
  </div>\r
  <div class="modal-footer">\r
    <button class="btn btn-outline-primary me-2" (click)="closeClicked($event)">\r
      {{'BUTTON.CANCEL' | translate}}\r
    </button>\r
    <button class="btn btn-primary" (click)="continueClicked($event)">\r
      {{'BUTTON.OK' | translate}}\r
    </button>\r
  </div>\r
</ng-container>`;var fe="";var Ne=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},E=class extends P{interactionService;userService;visibleComponent=!1;selectedOrganization;organizations;constructor(e,t){super(),this.interactionService=e,this.userService=t}onModalInitialized(){super.onModalInitialized(),this.getUserCompanies()}getUserCompanies(){this.userService.getOrganizationUnitsByType().subscribe(e=>{e.items==null||e.items.length==0?setTimeout(()=>{this.closeModal(this.sessionService.currentOrganizationName)},500):(this.organizations=e.items,this.organizations.unshift({name:this.sessionService.currentOrganizationName,id:this.sessionService.currentOrganization.id}),this.selectedOrganization=this.organizations[0],this.visibleComponent=!0)})}closeClicked(e){this.cancelModal()}continueClicked(e){this.closeModal(this.selectedOrganization.name)}static ctorParameters=()=>[{type:f},{type:Y}]};E=Ne([c({selector:"armon-pacs-ppermission-print-settings",template:be,standalone:!0,imports:[g,w,m,p,d],styles:[fe]})],E);var Ue=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},C=class{pacsService;interactionService;modalService;printManager;minimalView=!1;ppermissionResponse;userInfo;disabledApprove=!1;useAsHumanResources=!1;useAsSelf=!1;visibleStatusTitle=!0;isUnderMultiUser=!1;widgetMode=!1;subscriptionPPermissionUserInfoUpdated;selectionIdentities;statusUpdated=new x;note;visibleComponent=!1;visibleNoteInput=!1;visibleApproveButtons=!1;visibleDetailButton=!1;enabledDeputySelection=!1;visibleDeputySelection=!1;visiblePrintButton=!1;constructor(e,t,r,i){this.pacsService=e,this.interactionService=t,this.modalService=r,this.printManager=i}ngOnInit(){this.setUserInfo(),this.subscriptionPPermissionUserInfoUpdated=this.pacsService.onPPermissionUserInfoUpdated.subscribe(e=>{this.userInfo.userAndDeputyInfo.user.id==e.userId&&this.ppermissionResponse.id==e.ppermissionId&&(this.userInfo=e.userInfo,this.setUserInfo())}),this.visibleComponent=!0}ngOnDestroy(){this.subscriptionPPermissionUserInfoUpdated&&this.subscriptionPPermissionUserInfoUpdated.unsubscribe()}ngOnChanges(e){e.ppermissionResponse&&e.ppermissionResponse.isFirstChange()}setUserInfo(){this.userInfo=T.setViewProperties(this.userInfo,this.useAsHumanResources),this.setLayout()}setLayout(){switch(this.userInfo.status){case b.Waiting:this.userInfo.enabledApprove&&this.disabledApprove==!1?(this.visibleApproveButtons=!0,this.visibleDetailButton=!0):(this.visibleApproveButtons=!1,this.visibleDetailButton=!0);break;case b.Accepted:case b.Rejected:this.visibleDetailButton=!0,this.visibleApproveButtons=!1;break}this.visibleNoteInput=!1,this.visiblePrintButton=!0}approveUserPPermission(e){let t=new R;t.status=e,this.note&&this.note.length>0&&(t.note=this.note),this.pacsService.approveUserPPermission(this.ppermissionResponse.id,this.userInfo.userAndDeputyInfo.user.id,this.useAsHumanResources,t).subscribe(r=>{let i=new S;i.take=1,i.skip=0,i.userIds=[this.userInfo.userAndDeputyInfo.user.id],this.pacsService.getPPermissionUserList(this.ppermissionResponse.id,i,this.useAsHumanResources).subscribe(o=>{this.userInfo=o.userInfoList[0],this.userInfo=T.setViewProperties(this.userInfo,this.useAsHumanResources),this.pacsService.notifyUserInfoUpdated(this.userInfo.userAndDeputyInfo.user.id,this.ppermissionResponse.id,this.userInfo),this.setLayout(),this.statusUpdated.emit(r)})})}getApproveDetail(){return this.pacsService.getPPermissionApproveDetail(this.ppermissionResponse.id,this.userInfo.userAndDeputyInfo.user.id,this.useAsSelf,this.useAsHumanResources)}get selectedIdentities(){return this.selectionIdentities?this.selectionIdentities.getSelection()||[]:[]}detailClicked(e){this.getApproveDetail().subscribe(t=>{this.modalService.open(h,{settings:{size:"lg",scrollable:!0},props:{ppermissionResponse:this.ppermissionResponse,approveInfo:t,userInfo:this.userInfo,useAsSelf:this.useAsSelf}}).result.then(r=>{}).catch(r=>{})})}printClicked(e){this.getApproveDetail().subscribe(t=>{this.modalService.open(E,{settings:{size:"md"}}).result.then(r=>{this.printManager.print(A,{data:{organizationName:r,ppermission:this.ppermissionResponse,detail:t,user:this.userInfo}})}).catch(r=>{})})}rejectClicked(e){this.approveUserPPermission(b.Rejected)}acceptClicked(e){this.approveUserPPermission(b.Accepted)}addNoteClicked(e){this.visibleNoteInput=!0}showDeputySelection(e){this.visibleDeputySelection=!0}saveDeputySelectionClicked(e){let t=new $,r=[],i=new H;this.selectedIdentities.length>0&&(i.deputyUserId=this.selectedIdentities.map(o=>o.id)[0]),i.userId=this.userInfo.userAndDeputyInfo.user.id,t.list.push(i),this.pacsService.updatePPermissionUserDeputy(this.ppermissionResponse.id,t).subscribe(o=>{this.userInfo.userAndDeputyInfo.deputyUser.id=i.deputyUserId,this.userInfo.userAndDeputyInfo.deputyUser.fullname=this.selectedIdentities[0].fullname,this.visibleDeputySelection=!1})}cancelDeputySelectionClicked(e){this.visibleDeputySelection=!1}userSignedModalChanged(e){this.pacsService.upsertPPermissionSignedStatus(this.ppermissionResponse.id,this.userInfo.userAndDeputyInfo.user.id,e).subscribe(t=>{e==!0?this.interactionService.showMessage("PACS.MESSAGE_USER_SIGNED_SAVED",null,_.Success):this.interactionService.showMessage("PACS.MESSAGE_USER_SIGNED_REMOVED",null,_.Success)})}static ctorParameters=()=>[{type:y},{type:f},{type:I},{type:Z}];static propDecorators={minimalView:[{type:a}],ppermissionResponse:[{type:a}],userInfo:[{type:a}],disabledApprove:[{type:a}],useAsHumanResources:[{type:a}],useAsSelf:[{type:a}],visibleStatusTitle:[{type:a}],isUnderMultiUser:[{type:a}],widgetMode:[{type:a}],selectionIdentities:[{type:O,args:["searchIdentity"]}],statusUpdated:[{type:u}]}};C=Ue([c({selector:"armon-pacs-ppermission-approve-user",template:ce,standalone:!0,imports:[p,W,ee,k,v,g,w,d],styles:[pe]})],C);var Me=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},xe=class{pacsService;modalService;minimalView=!1;userFilters;ppermissionResponse;disabledApprove=!1;useAsHumanResources=!1;useAsSelf=!1;widgetMode=!1;ppermissionResponseUpdated=new x;visibleComponent=!1;visibleListUser=!1;users=[];visibleUserFilterAlert=!1;ignoreUserFilter=!1;paginationResponse=new G;paginationRequest=new V;constructor(e,t){this.pacsService=e,this.modalService=t}ngOnInit(){this.paginationRequest.skip=0,this.paginationRequest.take=U.REQUEST_ITEM_LIMIT,this.visibleComponent=!0}ngOnDestroy(){}getUserList(){let e=new S;e.take=this.paginationRequest.take,e.skip=this.paginationRequest.skip,console.log("request",this.userFilters),this.ignoreUserFilter==!1&&(this.userFilters&&this.userFilters.userIds&&this.userFilters.userIds.length>0&&(e.userIds=this.userFilters.userIds,this.visibleUserFilterAlert=!0),this.userFilters&&this.userFilters.organizationUnitIds&&this.userFilters.organizationUnitIds.length>0&&(e.organizationUnitIds=this.userFilters.organizationUnitIds,e.organizationUnitHierarchically=this.userFilters.organizationUnitHierarchically,this.visibleUserFilterAlert=!0),this.userFilters&&this.userFilters.userGroupIds&&this.userFilters.userGroupIds.length>0&&(e.userGroupIds=this.userFilters.userGroupIds,this.visibleUserFilterAlert=!0)),this.pacsService.getPPermissionUserList(this.ppermissionResponse.id,e,this.useAsHumanResources).subscribe(t=>{this.users=t.userInfoList,this.paginationResponse=t.pagination})}approvePPermission(e){let t=new R;t.status=e,this.pacsService.approvePPermission(this.ppermissionResponse.id,this.useAsHumanResources,t).subscribe(r=>{this.visibleListUser=!1,this.statusUpdated(r)})}listUsersClicked(e){this.visibleListUser=!this.visibleListUser,this.visibleListUser&&this.getUserList()}showAllUsersClicked(e){this.ignoreUserFilter=!0,this.visibleUserFilterAlert=!1,this.visibleListUser&&this.getUserList()}rejectAllClicked(e){this.approvePPermission(b.Rejected)}acceptAllClicked(e){this.approvePPermission(b.Accepted)}pageChanged(e){this.paginationRequest=e,this.getUserList()}statusUpdated(e){this.ppermissionResponse.approvementInfo=e,this.ppermissionResponseUpdated.emit()}historyClicked(e){this.modalService.open(h,{settings:{size:"lg",scrollable:!0},props:{ppermissionResponse:this.ppermissionResponse,useAsSelf:this.useAsSelf}}).result.then(t=>{}).catch(t=>{})}static ctorParameters=()=>[{type:y},{type:I}];static propDecorators={minimalView:[{type:a}],userFilters:[{type:a}],ppermissionResponse:[{type:a}],disabledApprove:[{type:a}],useAsHumanResources:[{type:a}],useAsSelf:[{type:a}],widgetMode:[{type:a}],ppermissionResponseUpdated:[{type:u}]}};xe=Me([c({selector:"armon-pacs-ppermission-approve",template:ne,standalone:!0,imports:[p,C,B,F,L,m,J,d],styles:[se]})],xe);var ue=`<ng-container *ngIf="visible">
  <div class="row">
    <ng-container *ngFor="let row of data.rows">
      <div class="col-12 text-xs">
        <ng-container *ngFor="let element of row.elements">
          <span [ngClass]="{'fw-medium': element.label.bold}"
            class="me-1">{{element.label.text|translate}}:</span>
          <ng-container *ngFor="let value of element.values">
            <span class="comma">{{value|translate}}</span>
          </ng-container>
        </ng-container>
      </div>
    </ng-container>
  </div>
</ng-container>`;var ge=`.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}.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}
`;var Le=function(n,e,t,r){var i=arguments.length,o=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,r);else for(var l=n.length-1;l>=0;l--)(s=n[l])&&(o=(i<3?s(o):i>3?s(e,t,o):s(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},we=class{userDynamicContent;dynamicFormData;visible=!1;data;ngOnInit(){this.init()}ngAfterViewInit(){}ngOnDestroy(){}ngOnChanges(e){}getValues(e){switch(console.log(this.dynamicFormData),e.type){case"select":return[e.field.options[this.dynamicFormData[e.field.name]]];case"checkbox":return e.field.trueLabel&&e.field.falseLabel?[this.dynamicFormData[e.field.name]?e.field.trueLabel:e.field.falseLabel]:[this.dynamicFormData[e.field.name]?"BUTTON.YES":"BUTTON.NO"]}}init(){this.data={columns:[],rows:[]},this.userDynamicContent.list.layouts.forEach(e=>{let t={elements:[]},r;e.details.elements.forEach(i=>{r={label:{text:i.label.text,bold:i.label.bold},values:this.getValues(i)},t.elements.push(r)}),this.data.rows.push(t)}),this.visible=!0}static propDecorators={userDynamicContent:[{type:a}],dynamicFormData:[{type:a}]}};we=Le([c({selector:"df-form-user-content",template:ue,standalone:!0,imports:[p,m,N,d],styles:[ge]})],we);export{re as a,xe as b,we as c};
