@skysoftware-co/bayan-hr-widgets-ui 2.0.16 → 2.0.17

package/fesm2022/skysoftware-co-bayan-hr-widgets-ui.mjs

@@ -4543,7 +4543,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
 const myTeamSubordinatesVisible = signal(false, ...(ngDevMode ? [{ debugName: "myTeamSubordinatesVisible" }] : /* istanbul ignore next */ []));
+const myTeamSubordinatesLoading = signal(false, ...(ngDevMode ? [{ debugName: "myTeamSubordinatesLoading" }] : /* istanbul ignore next */ []));
 function openMyTeamSubordinatesPopup() {
+    myTeamSubordinatesLoading.set(true);
     myTeamSubordinatesVisible.set(true);
 }
 class MyTeamPopupComponent {
@@ -4555,7 +4557,7 @@ class MyTeamPopupComponent {
     showGrade = input(false, ...(ngDevMode ? [{ debugName: "showGrade" }] : /* istanbul ignore next */ []));
     showPropertySymbol = input(true, ...(ngDevMode ? [{ debugName: "showPropertySymbol" }] : /* istanbul ignore next */ []));
     isPopupVisible = myTeamSubordinatesVisible;
-    isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+    isLoading = myTeamSubordinatesLoading;
     showAllSubordinates = signal(false, ...(ngDevMode ? [{ debugName: "showAllSubordinates" }] : /* istanbul ignore next */ []));
     searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : /* istanbul ignore next */ []));
     items = signal([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
@@ -4576,7 +4578,7 @@ class MyTeamPopupComponent {
     contactTitleClass = input('fs-10 fw-medium mb-1 text-dark', ...(ngDevMode ? [{ debugName: "contactTitleClass" }] : /* istanbul ignore next */ []));
     contactRowClass = input('d-flex align-items-center gap-2 fs-12 fw-normal lh-21 text-dark', ...(ngDevMode ? [{ debugName: "contactRowClass" }] : /* istanbul ignore next */ []));
     contactIconClass = input('fs-10 text-light-gray', ...(ngDevMode ? [{ debugName: "contactIconClass" }] : /* istanbul ignore next */ []));
-    emailTextClass = input('d-inline-block flex-grow-1 text-ellipsis-one-line', ...(ngDevMode ? [{ debugName: "emailTextClass" }] : /* istanbul ignore next */ []));
+    emailTextClass = input('d-inline-flex align-items-center flex-grow-1 text-ellipsis-one-line link-dark hover-primary text-decoration-none link-underline link-underline-opacity-0 link-underline-opacity-100-hover', ...(ngDevMode ? [{ debugName: "emailTextClass" }] : /* istanbul ignore next */ []));
     groupedListClass = input('d-flex flex-column gap-2 pb-2', ...(ngDevMode ? [{ debugName: "groupedListClass" }] : /* istanbul ignore next */ []));
     loadingContainerClass = input('d-flex justify-content-center py-2', ...(ngDevMode ? [{ debugName: "loadingContainerClass" }] : /* istanbul ignore next */ []));
     loadingIndicatorClass = input('w-30 h-30', ...(ngDevMode ? [{ debugName: "loadingIndicatorClass" }] : /* istanbul ignore next */ []));
@@ -4634,6 +4636,15 @@ class MyTeamPopupComponent {
     getEmployeePhoneDisplay(employee) {
         return this.getEmployeePhone(employee) || '-';
     }
+    openEmployeeEmail(event, employee) {
+        event.preventDefault();
+        event.stopPropagation();
+        const email = this.getEmployeeEmail(employee);
+        if (!email) {
+            return;
+        }
+        globalThis.location.href = `mailto:${email}`;
+    }
     hasEmployeeEmail(employee) {
         return !!this.getEmployeeEmail(employee);
     }
@@ -4690,6 +4701,16 @@ class MyTeamPopupComponent {
         this.dataScrollView?.instance?.scrollTo({ top: 0, left: 0 });
     }
     appendEmployees(pageData) {
+        if (!this.showAllSubordinates()) {
+            const existingEmployees = this.items().length > 0 ? this.items()[0].employees : [];
+            this.items.set([
+                {
+                    adminUnitName: '',
+                    employees: [...existingEmployees, ...pageData],
+                },
+            ]);
+            return;
+        }
         const groupedMap = new Map(this.items().map(group => [group.adminUnitName, [...group.employees]]));
         for (const employee of pageData) {
             const key = employee.AdminUnitName;
@@ -4747,7 +4768,7 @@ class MyTeamPopupComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyTeamPopupComponent, isStandalone: true, selector: "hr-my-team-popup", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, phoneIcon: { classPropertyName: "phoneIcon", publicName: "phoneIcon", isSignal: true, isRequired: false, transformFunction: null }, emailIcon: { classPropertyName: "emailIcon", publicName: "emailIcon", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, switchContainerClass: { classPropertyName: "switchContainerClass", publicName: "switchContainerClass", isSignal: true, isRequired: false, transformFunction: null }, switchInputClass: { classPropertyName: "switchInputClass", publicName: "switchInputClass", isSignal: true, isRequired: false, transformFunction: null }, switchLabelClass: { classPropertyName: "switchLabelClass", publicName: "switchLabelClass", isSignal: true, isRequired: false, transformFunction: null }, scrollViewClass: { classPropertyName: "scrollViewClass", publicName: "scrollViewClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateClass: { classPropertyName: "emptyStateClass", publicName: "emptyStateClass", isSignal: true, isRequired: false, transformFunction: null }, groupHeaderClass: { classPropertyName: "groupHeaderClass", publicName: "groupHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardClass: { classPropertyName: "employeeCardClass", publicName: "employeeCardClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardHeight: { classPropertyName: "employeeCardHeight", publicName: "employeeCardHeight", isSignal: true, isRequired: false, transformFunction: null }, contactContainerClass: { classPropertyName: "contactContainerClass", publicName: "contactContainerClass", isSignal: true, isRequired: false, transformFunction: null }, contactTitleClass: { classPropertyName: "contactTitleClass", publicName: "contactTitleClass", isSignal: true, isRequired: false, transformFunction: null }, contactRowClass: { classPropertyName: "contactRowClass", publicName: "contactRowClass", isSignal: true, isRequired: false, transformFunction: null }, contactIconClass: { classPropertyName: "contactIconClass", publicName: "contactIconClass", isSignal: true, isRequired: false, transformFunction: null }, emailTextClass: { classPropertyName: "emailTextClass", publicName: "emailTextClass", isSignal: true, isRequired: false, transformFunction: null }, groupedListClass: { classPropertyName: "groupedListClass", publicName: "groupedListClass", isSignal: true, isRequired: false, transformFunction: null }, loadingContainerClass: { classPropertyName: "loadingContainerClass", publicName: "loadingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicatorClass: { classPropertyName: "loadingIndicatorClass", publicName: "loadingIndicatorClass", isSignal: true, isRequired: false, transformFunction: null }, employeeRowClass: { classPropertyName: "employeeRowClass", publicName: "employeeRowClass", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoColumnClass: { classPropertyName: "employeeInfoColumnClass", publicName: "employeeInfoColumnClass", isSignal: true, isRequired: false, transformFunction: null }, contactColumnClass: { classPropertyName: "contactColumnClass", publicName: "contactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, viewQueries: [{ propertyName: "dataScrollView", first: true, predicate: ["dataScrollView"], descendants: true }], ngImport: i0, template: "<dx-popup\n  [visible]=\"isPopupVisible()\"\n  [width]=\"'755px'\"\n  [height]=\"'680px'\"\n  [showCloseButton]=\"true\"\n  [showTitle]=\"true\"\n  [title]=\"'MyTeam' | translate\"\n  shadingColor=\"rgba(0,0,0,0.4)\"\n  (onShown)=\"onPopupShown()\"\n  (onHiding)=\"closePopup()\"\n>\n  <ng-template #loadingIndicatorTemplate>\n    <div [class]=\"loadingContainerClass()\">\n      <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\n    </div>\n  </ng-template>\n\n  <ng-template #employeeCardTemplate let-employee>\n    <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\n      <div [class]=\"employeeRowClass()\">\n        <div [class]=\"employeeInfoColumnClass()\">\n          <app-employee-main-info-card\n            [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\n            [searchValue]=\"searchValue()\"\n            [showGrade]=\"showGrade()\"\n            [showPropertySymbol]=\"showPropertySymbol()\"\n            [showChangeEmployeeButton]=\"false\"\n          ></app-employee-main-info-card>\n        </div>\n        @if (hasAnyContactInfo(employee)) {\n          <div [class]=\"contactColumnClass()\">\n            <div [class]=\"contactContainerClass()\">\n              <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\n              @if (hasEmployeeEmail(employee)) {\n                <span [class]=\"contactRowClass()\">\n                  <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n                  <a\n                    [class]=\"emailTextClass()\"\n                    [href]=\"'mailto:' + getEmployeeEmailDisplay(employee)\"\n                    [title]=\"getEmployeeEmailDisplay(employee)\"\n                    [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\n                  ></a>\n                </span>\n              }\n              @if (hasEmployeePhone(employee)) {\n                <span [class]=\"contactRowClass()\">\n                  <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n                  <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\n                </span>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <div [class]=\"headerRowClass()\">\n    <div [class]=\"switchContainerClass()\">\n      <input\n        [class]=\"switchInputClass()\"\n        type=\"checkbox\"\n        role=\"switch\"\n        id=\"myTeamDirectOnlySwitch\"\n        [checked]=\"showAllSubordinates()\"\n        (change)=\"onToggleChange($event)\"\n      />\n      <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\n        {{ 'ShowAllSubordinates' | translate }}\n      </label>\n    </div>\n    <dx-text-box\n      [value]=\"searchValue()\"\n      [placeholder]=\"'Search...' | translate\"\n      [width]=\"'250px'\"\n      mode=\"search\"\n      (onValueChanged)=\"onSearchChanged($event.value)\"\n    ></dx-text-box>\n  </div>\n\n  <dx-scroll-view\n    #dataScrollView\n    [height]=\"500\"\n    [width]=\"'100%'\"\n    [elementAttr]=\"{ class: scrollViewClass() }\"\n    [scrollByContent]=\"true\"\n    [scrollByThumb]=\"true\"\n    [showScrollbar]=\"'always'\"\n    [bounceEnabled]=\"false\"\n    (onReachBottom)=\"onReachBottom($event)\"\n  >\n    <div [class]=\"groupedListClass()\">\n      @if (isLoading() && items().length === 0) {\n        <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n      } @else if (items().length === 0) {\n        <div [class]=\"emptyStateClass()\">\n          {{ 'NoDataToDisplay' | translate }}\n        </div>\n      } @else {\n        @for (group of items(); track group.adminUnitName) {\n          @if (showAllSubordinates()) {\n            <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\n          }\n          @for (emp of group.employees; track emp.EmployeeNumber) {\n            <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\n          }\n        }\n        @if (isDataLoading()) {\n          <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n        }\n      }\n    </div>\n  </dx-scroll-view>\n</dx-popup>\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i1$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i1$1.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadIndicatorModule }, { kind: "component", type: i1$1.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: EmployeeMainInfoCardComponent, selector: "app-employee-main-info-card", inputs: ["employeeMainInfo", "searchValue", "badgeClass", "badgeImageClass", "badgeWidth", "badgeHeight", "employeeInfoContainerClass", "employeeDetailsClass", "employeeNameContainerClass", "employeeNameClass", "employeePositionClass", "employeeGradeClass", "showGrade", "showPropertySymbol", "showChangeEmployeeButton", "alignCenter"], outputs: ["ChangeEmployeeButtonHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.13", type: MyTeamPopupComponent, isStandalone: true, selector: "hr-my-team-popup", inputs: { baseUrl: { classPropertyName: "baseUrl", publicName: "baseUrl", isSignal: true, isRequired: true, transformFunction: null }, showGrade: { classPropertyName: "showGrade", publicName: "showGrade", isSignal: true, isRequired: false, transformFunction: null }, showPropertySymbol: { classPropertyName: "showPropertySymbol", publicName: "showPropertySymbol", isSignal: true, isRequired: false, transformFunction: null }, phoneIcon: { classPropertyName: "phoneIcon", publicName: "phoneIcon", isSignal: true, isRequired: false, transformFunction: null }, emailIcon: { classPropertyName: "emailIcon", publicName: "emailIcon", isSignal: true, isRequired: false, transformFunction: null }, headerRowClass: { classPropertyName: "headerRowClass", publicName: "headerRowClass", isSignal: true, isRequired: false, transformFunction: null }, switchContainerClass: { classPropertyName: "switchContainerClass", publicName: "switchContainerClass", isSignal: true, isRequired: false, transformFunction: null }, switchInputClass: { classPropertyName: "switchInputClass", publicName: "switchInputClass", isSignal: true, isRequired: false, transformFunction: null }, switchLabelClass: { classPropertyName: "switchLabelClass", publicName: "switchLabelClass", isSignal: true, isRequired: false, transformFunction: null }, scrollViewClass: { classPropertyName: "scrollViewClass", publicName: "scrollViewClass", isSignal: true, isRequired: false, transformFunction: null }, emptyStateClass: { classPropertyName: "emptyStateClass", publicName: "emptyStateClass", isSignal: true, isRequired: false, transformFunction: null }, groupHeaderClass: { classPropertyName: "groupHeaderClass", publicName: "groupHeaderClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardClass: { classPropertyName: "employeeCardClass", publicName: "employeeCardClass", isSignal: true, isRequired: false, transformFunction: null }, employeeCardHeight: { classPropertyName: "employeeCardHeight", publicName: "employeeCardHeight", isSignal: true, isRequired: false, transformFunction: null }, contactContainerClass: { classPropertyName: "contactContainerClass", publicName: "contactContainerClass", isSignal: true, isRequired: false, transformFunction: null }, contactTitleClass: { classPropertyName: "contactTitleClass", publicName: "contactTitleClass", isSignal: true, isRequired: false, transformFunction: null }, contactRowClass: { classPropertyName: "contactRowClass", publicName: "contactRowClass", isSignal: true, isRequired: false, transformFunction: null }, contactIconClass: { classPropertyName: "contactIconClass", publicName: "contactIconClass", isSignal: true, isRequired: false, transformFunction: null }, emailTextClass: { classPropertyName: "emailTextClass", publicName: "emailTextClass", isSignal: true, isRequired: false, transformFunction: null }, groupedListClass: { classPropertyName: "groupedListClass", publicName: "groupedListClass", isSignal: true, isRequired: false, transformFunction: null }, loadingContainerClass: { classPropertyName: "loadingContainerClass", publicName: "loadingContainerClass", isSignal: true, isRequired: false, transformFunction: null }, loadingIndicatorClass: { classPropertyName: "loadingIndicatorClass", publicName: "loadingIndicatorClass", isSignal: true, isRequired: false, transformFunction: null }, employeeRowClass: { classPropertyName: "employeeRowClass", publicName: "employeeRowClass", isSignal: true, isRequired: false, transformFunction: null }, employeeInfoColumnClass: { classPropertyName: "employeeInfoColumnClass", publicName: "employeeInfoColumnClass", isSignal: true, isRequired: false, transformFunction: null }, contactColumnClass: { classPropertyName: "contactColumnClass", publicName: "contactColumnClass", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isLoadingChanged: "isLoadingChanged", errorOccurred: "errorOccurred" }, viewQueries: [{ propertyName: "dataScrollView", first: true, predicate: ["dataScrollView"], descendants: true }], ngImport: i0, template: "<dx-popup\n  [visible]=\"isPopupVisible()\"\n  [width]=\"'755px'\"\n  [height]=\"'680px'\"\n  [showCloseButton]=\"true\"\n  [showTitle]=\"true\"\n  [title]=\"'MyTeam' | translate\"\n  shadingColor=\"rgba(0,0,0,0.4)\"\n  (onShown)=\"onPopupShown()\"\n  (onHiding)=\"closePopup()\"\n>\n  <ng-template #loadingIndicatorTemplate>\n    <div [class]=\"loadingContainerClass()\">\n      <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\n    </div>\n  </ng-template>\n\n  <ng-template #employeeCardTemplate let-employee>\n    <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\n      <div [class]=\"employeeRowClass()\">\n        <div [class]=\"employeeInfoColumnClass()\">\n          <app-employee-main-info-card\n            [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\n            [searchValue]=\"searchValue()\"\n            [showGrade]=\"showGrade()\"\n            [showPropertySymbol]=\"showPropertySymbol()\"\n            [showChangeEmployeeButton]=\"false\"\n          ></app-employee-main-info-card>\n        </div>\n        <div [class]=\"contactColumnClass()\">\n          <div [class]=\"contactContainerClass()\">\n            <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\n            <span [class]=\"contactRowClass()\">\n              <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n              @if (hasEmployeeEmail(employee)) {\n                <a\n                  [class]=\"emailTextClass()\"\n                  [href]=\"'mailto:' + getEmployeeEmailDisplay(employee)\"\n                  [title]=\"getEmployeeEmailDisplay(employee)\"\n                  (click)=\"openEmployeeEmail($event, employee)\"\n                  [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\n                ></a>\n              } @else {\n                <span [class]=\"emailTextClass()\">-</span>\n              }\n            </span>\n            <span [class]=\"contactRowClass()\">\n              <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n              <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <div [class]=\"headerRowClass()\">\n    <div [class]=\"switchContainerClass()\">\n      <input\n        [class]=\"switchInputClass()\"\n        type=\"checkbox\"\n        role=\"switch\"\n        id=\"myTeamDirectOnlySwitch\"\n        [checked]=\"showAllSubordinates()\"\n        (change)=\"onToggleChange($event)\"\n      />\n      <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\n        {{ 'ShowAllSubordinates' | translate }}\n      </label>\n    </div>\n    <dx-text-box\n      [value]=\"searchValue()\"\n      [placeholder]=\"'Search...' | translate\"\n      [width]=\"'250px'\"\n      mode=\"search\"\n      (onValueChanged)=\"onSearchChanged($event.value)\"\n    ></dx-text-box>\n  </div>\n\n  <dx-scroll-view\n    #dataScrollView\n    [height]=\"500\"\n    [width]=\"'100%'\"\n    [elementAttr]=\"{ class: scrollViewClass() }\"\n    [scrollByContent]=\"true\"\n    [scrollByThumb]=\"true\"\n    [showScrollbar]=\"'always'\"\n    [bounceEnabled]=\"false\"\n    (onReachBottom)=\"onReachBottom($event)\"\n  >\n    <div [class]=\"groupedListClass()\">\n      @if (isLoading() && items().length === 0) {\n        <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n      } @else if (items().length === 0) {\n        <div [class]=\"emptyStateClass()\">\n          {{ 'NoDataToDisplay' | translate }}\n        </div>\n      } @else {\n        @for (group of items(); track group.adminUnitName) {\n          @if (showAllSubordinates()) {\n            <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\n          }\n          @for (emp of group.employees; track emp.EmployeeNumber) {\n            <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\n          }\n        }\n        @if (isDataLoading()) {\n          <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n        }\n      }\n    </div>\n  </dx-scroll-view>\n</dx-popup>\n", dependencies: [{ kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i1$2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "ngmodule", type: DxPopupModule }, { kind: "component", type: i1$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "ngmodule", type: DxTextBoxModule }, { kind: "component", type: i1$1.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "ngmodule", type: DxScrollViewModule }, { kind: "component", type: i1$1.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "ngmodule", type: DxLoadIndicatorModule }, { kind: "component", type: i1$1.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["animationType", "elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "animationTypeChange", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: EmployeeMainInfoCardComponent, selector: "app-employee-main-info-card", inputs: ["employeeMainInfo", "searchValue", "badgeClass", "badgeImageClass", "badgeWidth", "badgeHeight", "employeeInfoContainerClass", "employeeDetailsClass", "employeeNameContainerClass", "employeeNameClass", "employeePositionClass", "employeeGradeClass", "showGrade", "showPropertySymbol", "showChangeEmployeeButton", "alignCenter"], outputs: ["ChangeEmployeeButtonHandler"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: HighlightPipe, name: "highlight" }, { kind: "pipe", type: HRTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImport: i0, type: MyTeamPopupComponent, decorators: [{
             type: Component,
@@ -4761,7 +4782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
                         NgTemplateOutlet,
                         HighlightPipe,
                         HRTranslatePipe,
-                    ], template: "<dx-popup\n  [visible]=\"isPopupVisible()\"\n  [width]=\"'755px'\"\n  [height]=\"'680px'\"\n  [showCloseButton]=\"true\"\n  [showTitle]=\"true\"\n  [title]=\"'MyTeam' | translate\"\n  shadingColor=\"rgba(0,0,0,0.4)\"\n  (onShown)=\"onPopupShown()\"\n  (onHiding)=\"closePopup()\"\n>\n  <ng-template #loadingIndicatorTemplate>\n    <div [class]=\"loadingContainerClass()\">\n      <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\n    </div>\n  </ng-template>\n\n  <ng-template #employeeCardTemplate let-employee>\n    <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\n      <div [class]=\"employeeRowClass()\">\n        <div [class]=\"employeeInfoColumnClass()\">\n          <app-employee-main-info-card\n            [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\n            [searchValue]=\"searchValue()\"\n            [showGrade]=\"showGrade()\"\n            [showPropertySymbol]=\"showPropertySymbol()\"\n            [showChangeEmployeeButton]=\"false\"\n          ></app-employee-main-info-card>\n        </div>\n        @if (hasAnyContactInfo(employee)) {\n          <div [class]=\"contactColumnClass()\">\n            <div [class]=\"contactContainerClass()\">\n              <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\n              @if (hasEmployeeEmail(employee)) {\n                <span [class]=\"contactRowClass()\">\n                  <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n                  <a\n                    [class]=\"emailTextClass()\"\n                    [href]=\"'mailto:' + getEmployeeEmailDisplay(employee)\"\n                    [title]=\"getEmployeeEmailDisplay(employee)\"\n                    [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\n                  ></a>\n                </span>\n              }\n              @if (hasEmployeePhone(employee)) {\n                <span [class]=\"contactRowClass()\">\n                  <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n                  <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\n                </span>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n  </ng-template>\n\n  <div [class]=\"headerRowClass()\">\n    <div [class]=\"switchContainerClass()\">\n      <input\n        [class]=\"switchInputClass()\"\n        type=\"checkbox\"\n        role=\"switch\"\n        id=\"myTeamDirectOnlySwitch\"\n        [checked]=\"showAllSubordinates()\"\n        (change)=\"onToggleChange($event)\"\n      />\n      <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\n        {{ 'ShowAllSubordinates' | translate }}\n      </label>\n    </div>\n    <dx-text-box\n      [value]=\"searchValue()\"\n      [placeholder]=\"'Search...' | translate\"\n      [width]=\"'250px'\"\n      mode=\"search\"\n      (onValueChanged)=\"onSearchChanged($event.value)\"\n    ></dx-text-box>\n  </div>\n\n  <dx-scroll-view\n    #dataScrollView\n    [height]=\"500\"\n    [width]=\"'100%'\"\n    [elementAttr]=\"{ class: scrollViewClass() }\"\n    [scrollByContent]=\"true\"\n    [scrollByThumb]=\"true\"\n    [showScrollbar]=\"'always'\"\n    [bounceEnabled]=\"false\"\n    (onReachBottom)=\"onReachBottom($event)\"\n  >\n    <div [class]=\"groupedListClass()\">\n      @if (isLoading() && items().length === 0) {\n        <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n      } @else if (items().length === 0) {\n        <div [class]=\"emptyStateClass()\">\n          {{ 'NoDataToDisplay' | translate }}\n        </div>\n      } @else {\n        @for (group of items(); track group.adminUnitName) {\n          @if (showAllSubordinates()) {\n            <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\n          }\n          @for (emp of group.employees; track emp.EmployeeNumber) {\n            <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\n          }\n        }\n        @if (isDataLoading()) {\n          <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n        }\n      }\n    </div>\n  </dx-scroll-view>\n</dx-popup>\n" }]
+                    ], template: "<dx-popup\n  [visible]=\"isPopupVisible()\"\n  [width]=\"'755px'\"\n  [height]=\"'680px'\"\n  [showCloseButton]=\"true\"\n  [showTitle]=\"true\"\n  [title]=\"'MyTeam' | translate\"\n  shadingColor=\"rgba(0,0,0,0.4)\"\n  (onShown)=\"onPopupShown()\"\n  (onHiding)=\"closePopup()\"\n>\n  <ng-template #loadingIndicatorTemplate>\n    <div [class]=\"loadingContainerClass()\">\n      <dx-load-indicator [visible]=\"true\" [class]=\"loadingIndicatorClass()\"></dx-load-indicator>\n    </div>\n  </ng-template>\n\n  <ng-template #employeeCardTemplate let-employee>\n    <div [class]=\"employeeCardClass()\" [style.height]=\"employeeCardHeight()\">\n      <div [class]=\"employeeRowClass()\">\n        <div [class]=\"employeeInfoColumnClass()\">\n          <app-employee-main-info-card\n            [employeeMainInfo]=\"toEmployeeMainInfo(employee)\"\n            [searchValue]=\"searchValue()\"\n            [showGrade]=\"showGrade()\"\n            [showPropertySymbol]=\"showPropertySymbol()\"\n            [showChangeEmployeeButton]=\"false\"\n          ></app-employee-main-info-card>\n        </div>\n        <div [class]=\"contactColumnClass()\">\n          <div [class]=\"contactContainerClass()\">\n            <span [class]=\"contactTitleClass()\">{{ 'ContactInfo' | translate }}:</span>\n            <span [class]=\"contactRowClass()\">\n              <fa-icon [icon]=\"emailIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n              @if (hasEmployeeEmail(employee)) {\n                <a\n                  [class]=\"emailTextClass()\"\n                  [href]=\"'mailto:' + getEmployeeEmailDisplay(employee)\"\n                  [title]=\"getEmployeeEmailDisplay(employee)\"\n                  (click)=\"openEmployeeEmail($event, employee)\"\n                  [innerHTML]=\"getEmployeeEmailDisplay(employee) | highlight: searchValue()\"\n                ></a>\n              } @else {\n                <span [class]=\"emailTextClass()\">-</span>\n              }\n            </span>\n            <span [class]=\"contactRowClass()\">\n              <fa-icon [icon]=\"phoneIcon()\" [class]=\"contactIconClass()\"></fa-icon>\n              <span [innerHTML]=\"getEmployeePhoneDisplay(employee) | highlight: searchValue()\"></span>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ng-template>\n\n  <div [class]=\"headerRowClass()\">\n    <div [class]=\"switchContainerClass()\">\n      <input\n        [class]=\"switchInputClass()\"\n        type=\"checkbox\"\n        role=\"switch\"\n        id=\"myTeamDirectOnlySwitch\"\n        [checked]=\"showAllSubordinates()\"\n        (change)=\"onToggleChange($event)\"\n      />\n      <label [class]=\"switchLabelClass()\" for=\"myTeamDirectOnlySwitch\">\n        {{ 'ShowAllSubordinates' | translate }}\n      </label>\n    </div>\n    <dx-text-box\n      [value]=\"searchValue()\"\n      [placeholder]=\"'Search...' | translate\"\n      [width]=\"'250px'\"\n      mode=\"search\"\n      (onValueChanged)=\"onSearchChanged($event.value)\"\n    ></dx-text-box>\n  </div>\n\n  <dx-scroll-view\n    #dataScrollView\n    [height]=\"500\"\n    [width]=\"'100%'\"\n    [elementAttr]=\"{ class: scrollViewClass() }\"\n    [scrollByContent]=\"true\"\n    [scrollByThumb]=\"true\"\n    [showScrollbar]=\"'always'\"\n    [bounceEnabled]=\"false\"\n    (onReachBottom)=\"onReachBottom($event)\"\n  >\n    <div [class]=\"groupedListClass()\">\n      @if (isLoading() && items().length === 0) {\n        <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n      } @else if (items().length === 0) {\n        <div [class]=\"emptyStateClass()\">\n          {{ 'NoDataToDisplay' | translate }}\n        </div>\n      } @else {\n        @for (group of items(); track group.adminUnitName) {\n          @if (showAllSubordinates()) {\n            <div [class]=\"groupHeaderClass()\" [innerHTML]=\"group.adminUnitName | highlight: searchValue()\"></div>\n          }\n          @for (emp of group.employees; track emp.EmployeeNumber) {\n            <ng-container *ngTemplateOutlet=\"employeeCardTemplate; context: { $implicit: emp }\"></ng-container>\n          }\n        }\n        @if (isDataLoading()) {\n          <ng-container *ngTemplateOutlet=\"loadingIndicatorTemplate\"></ng-container>\n        }\n      }\n    </div>\n  </dx-scroll-view>\n</dx-popup>\n" }]
         }], propDecorators: { dataScrollView: [{
                 type: ViewChild,
                 args: ['dataScrollView']
@@ -4775,5 +4796,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyDependentsWidgetComponent, MyMainDetailsWidgetComponent, MyNextWeekVacationInsightsWidgetComponent, MyProfileAddressWidgetComponent, MyProfileBankInfoWidgetComponent, MyProfileContactWidgetComponent, MyProfileContractWidgetComponent, MyProfileDegreesWidgetComponent, MyProfileDependentsDocumentsWidgetComponent, MyProfileEntitlementsOthersWidgetComponent, MyProfileExperiencesWidgetComponent, MyProfileIndemnityWidgetComponent, MyProfileJobInfoWidgetComponent, MyProfileLanguagesWidgetComponent, MyProfileMedicalInsuranceWidgetComponent, MyProfileOtherNationalitiesWidgetComponent, MyProfilePersonalDocumentsWidgetComponent, MyProfileSalaryWidgetComponent, MyProfileServiceChargeWidgetComponent, MyProfileTicketWidgetComponent, MyProfileVacationsWidgetComponent, MyTeamPopupComponent, MyUpcomingEventsWidgetComponent, ProfilePersonalInfoMainWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType, myTeamSubordinatesVisible, openMyTeamSubordinatesPopup };
+export { EventOption, EventTypeEnum, HRCardHeaderComponent, HRConstantsService, HREmployeeCalendarComponent, HRTranslatePipe, HRTranslateService, MainWidgetShortcut, MyCalendarWidgetComponent, MyDependentsWidgetComponent, MyMainDetailsWidgetComponent, MyNextWeekVacationInsightsWidgetComponent, MyProfileAddressWidgetComponent, MyProfileBankInfoWidgetComponent, MyProfileContactWidgetComponent, MyProfileContractWidgetComponent, MyProfileDegreesWidgetComponent, MyProfileDependentsDocumentsWidgetComponent, MyProfileEntitlementsOthersWidgetComponent, MyProfileExperiencesWidgetComponent, MyProfileIndemnityWidgetComponent, MyProfileJobInfoWidgetComponent, MyProfileLanguagesWidgetComponent, MyProfileMedicalInsuranceWidgetComponent, MyProfileOtherNationalitiesWidgetComponent, MyProfilePersonalDocumentsWidgetComponent, MyProfileSalaryWidgetComponent, MyProfileServiceChargeWidgetComponent, MyProfileTicketWidgetComponent, MyProfileVacationsWidgetComponent, MyTeamPopupComponent, MyUpcomingEventsWidgetComponent, ProfilePersonalInfoMainWidgetComponent, PublicHolidayWeekContext, RelativeDay, ScheduleVacationTypes, ServiceChargeEntitlementMode, VacationPopupType, myTeamSubordinatesLoading, myTeamSubordinatesVisible, openMyTeamSubordinatesPopup };
 //# sourceMappingURL=skysoftware-co-bayan-hr-widgets-ui.mjs.map