ca-components 2.0.93 → 2.0.94
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -21294,7 +21294,7 @@ class CaPeriodContentUserInfoComponent {
|
|
|
21294
21294
|
return PayrollPeriodContentHelper.getSvgPath(propertyName);
|
|
21295
21295
|
}
|
|
21296
21296
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaPeriodContentUserInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21297
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPeriodContentUserInfoComponent, isStandalone: true, selector: "app-ca-period-content-user-info", inputs: { componentData: "componentData", type: "type", isOpen: "isOpen" }, ngImport: i0, template: "<div class=\"title d-flex align-items-center\">\n @if (componentData) {\n <div class=\"container_period_content_user d-flex align-items-center\">\n @if (type !== 'OWNER') {\n <div class=\"profile_image_holder\">\n <app-ca-profile-image\n [isRound]=\"false\"\n [isHoverEffect]=\"false\"\n [textShortName]=\"\n componentData.fullName | userNameInitials\n \"\n size=\"74\"\n height=\"82\"\n [fontSize]=\"'28'\"\n [avatarImg]=\"componentData.avatar!\"\n ></app-ca-profile-image>\n </div>\n }\n <div\n class=\"user-information d-flex flex-column justify-content-center\"\n >\n <span\n class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n >\n {{ componentData.fullName }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n >\n {{ componentData.payrollNumber }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n >\n <svg-icon\n class=\"d-flex icon align-items-center svg-size-18\"\n [src]=\"\n (isOpen | periodStatus: componentData)?.url || ''\n \"\n ></svg-icon>\n <span class=\"status-text text-color-black user-select-none\">\n {{\n (isOpen | periodStatus: componentData)?.title ?? ''\n }}\n </span>\n </span>\n </div>\n @if (type == 'OWNER') {\n <div class=\"semi-div d-flex align-items-end\">\n <img\n class=\"img-frame-semi\"\n [src]=\"getSvgPath('semiTruck')\"\n alt=\"User Avatar\"\n />\n </div>\n }\n </div>\n }\n</div>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:
|
|
21297
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPeriodContentUserInfoComponent, isStandalone: true, selector: "app-ca-period-content-user-info", inputs: { componentData: "componentData", type: "type", isOpen: "isOpen" }, ngImport: i0, template: "<div class=\"title d-flex align-items-center\">\n @if (componentData) {\n <div class=\"container_period_content_user d-flex align-items-center\">\n @if (type !== 'OWNER') {\n <div class=\"profile_image_holder\">\n <app-ca-profile-image\n [isRound]=\"false\"\n [isHoverEffect]=\"false\"\n [textShortName]=\"\n componentData.fullName | userNameInitials\n \"\n size=\"74\"\n height=\"82\"\n [fontSize]=\"'28'\"\n [avatarImg]=\"componentData.avatar!\"\n ></app-ca-profile-image>\n </div>\n }\n <div\n class=\"user-information d-flex flex-column justify-content-center\"\n >\n <span\n class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n >\n {{ componentData.fullName }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n >\n {{ componentData.payrollNumber }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n >\n <svg-icon\n class=\"d-flex icon align-items-center svg-size-18\"\n [src]=\"\n (isOpen | periodStatus: componentData)?.url || ''\n \"\n ></svg-icon>\n <span class=\"status-text text-color-black user-select-none\">\n {{\n (isOpen | periodStatus: componentData)?.title ?? ''\n }}\n </span>\n </span>\n </div>\n @if (type == 'OWNER') {\n <div class=\"semi-div d-flex align-items-end\">\n <img\n class=\"img-frame-semi\"\n [src]=\"getSvgPath('semiTruck')\"\n alt=\"User Avatar\"\n />\n </div>\n }\n </div>\n }\n</div>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:90px}.title .container_period_content_user .user-information .user-detail{height:30px;white-space:nowrap;text-overflow:ellipsis}.title .container_period_content_user .user-information .user-detail.payroll-number-content{font-weight:500;font-size:18px}.title .container_period_content_user .user-information .user-detail.user-name{font-weight:800;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block!important}.title .container_period_content_user .user-information .user-detail.icon-row{gap:4px}.title .container_period_content_user .user-information .user-detail svg-icon{width:18px;height:18px}.title .container_period_content_user .user-information .user-detail .status-text{font-weight:700;font-size:14px;text-transform:uppercase}.title .container_period_content_user .user-information .user-detail.incomplete svg-icon path{fill:#919191}.title .container_period_content_user .user-information .user-detail.incomplete .status-text{color:#919191}.title .container_period_content_user .user-information .user-detail.ready svg-icon path{fill:#6692f1}.title .container_period_content_user .user-information .user-detail.ready .status-text{color:#6692f1}.title .container_period_content_user .user-information .user-detail.overdue svg-icon path{fill:#e66767}.title .container_period_content_user .user-information .user-detail.overdue .status-text{color:#e66767}.title .container_period_content_user .user-information .user-detail.paidInFull svg-icon path{fill:#259f94}.title .container_period_content_user .user-information .user-detail.paidInFull .status-text{color:#259f94}.title .container_period_content_user .user-information .debt{color:#df3c3c}.title .container_period_content_user .user-information .debt .icon svg path{fill:#df3c3c}.title .container_period_content_user .user-information .neutral{color:#6c6c6c}.title .container_period_content_user .user-information .neutral .icon svg path{fill:#6c6c6c}.title .container_period_content_user .user-information .paid{color:#6692f1}.title .container_period_content_user .user-information .paid .icon svg path{fill:#6692f1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect", "isCursorPointer"] }, { kind: "pipe", type: PeriodStatusPipe, name: "periodStatus" }, { kind: "pipe", type: UserNameInitialsPipe, name: "userNameInitials" }, { kind: "pipe", type: PayrollStatusClassPipe, name: "payrollStatusClass" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
21298
21298
|
}
|
|
21299
21299
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaPeriodContentUserInfoComponent, decorators: [{
|
|
21300
21300
|
type: Component,
|
|
@@ -21305,7 +21305,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
21305
21305
|
PeriodStatusPipe,
|
|
21306
21306
|
UserNameInitialsPipe,
|
|
21307
21307
|
PayrollStatusClassPipe,
|
|
21308
|
-
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title d-flex align-items-center\">\n @if (componentData) {\n <div class=\"container_period_content_user d-flex align-items-center\">\n @if (type !== 'OWNER') {\n <div class=\"profile_image_holder\">\n <app-ca-profile-image\n [isRound]=\"false\"\n [isHoverEffect]=\"false\"\n [textShortName]=\"\n componentData.fullName | userNameInitials\n \"\n size=\"74\"\n height=\"82\"\n [fontSize]=\"'28'\"\n [avatarImg]=\"componentData.avatar!\"\n ></app-ca-profile-image>\n </div>\n }\n <div\n class=\"user-information d-flex flex-column justify-content-center\"\n >\n <span\n class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n >\n {{ componentData.fullName }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n >\n {{ componentData.payrollNumber }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n >\n <svg-icon\n class=\"d-flex icon align-items-center svg-size-18\"\n [src]=\"\n (isOpen | periodStatus: componentData)?.url || ''\n \"\n ></svg-icon>\n <span class=\"status-text text-color-black user-select-none\">\n {{\n (isOpen | periodStatus: componentData)?.title ?? ''\n }}\n </span>\n </span>\n </div>\n @if (type == 'OWNER') {\n <div class=\"semi-div d-flex align-items-end\">\n <img\n class=\"img-frame-semi\"\n [src]=\"getSvgPath('semiTruck')\"\n alt=\"User Avatar\"\n />\n </div>\n }\n </div>\n }\n</div>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:
|
|
21308
|
+
], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title d-flex align-items-center\">\n @if (componentData) {\n <div class=\"container_period_content_user d-flex align-items-center\">\n @if (type !== 'OWNER') {\n <div class=\"profile_image_holder\">\n <app-ca-profile-image\n [isRound]=\"false\"\n [isHoverEffect]=\"false\"\n [textShortName]=\"\n componentData.fullName | userNameInitials\n \"\n size=\"74\"\n height=\"82\"\n [fontSize]=\"'28'\"\n [avatarImg]=\"componentData.avatar!\"\n ></app-ca-profile-image>\n </div>\n }\n <div\n class=\"user-information d-flex flex-column justify-content-center\"\n >\n <span\n class=\"user-detail ca-font-extra-bold user-name text-color-black\"\n >\n {{ componentData.fullName }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-medium payroll-number-content text-color-black\"\n >\n {{ componentData.payrollNumber }}\n </span>\n <span\n class=\"user-detail d-flex align-items-center ca-font-bold icon-row\"\n [ngClass]=\"isOpen | payrollStatusClass: componentData\"\n >\n <svg-icon\n class=\"d-flex icon align-items-center svg-size-18\"\n [src]=\"\n (isOpen | periodStatus: componentData)?.url || ''\n \"\n ></svg-icon>\n <span class=\"status-text text-color-black user-select-none\">\n {{\n (isOpen | periodStatus: componentData)?.title ?? ''\n }}\n </span>\n </span>\n </div>\n @if (type == 'OWNER') {\n <div class=\"semi-div d-flex align-items-end\">\n <img\n class=\"img-frame-semi\"\n [src]=\"getSvgPath('semiTruck')\"\n alt=\"User Avatar\"\n />\n </div>\n }\n </div>\n }\n</div>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.title{max-width:320px;height:108px;font-family:Montserrat,sans-serif;border-radius:3px;padding:6px}.title .container_period_content_user{max-width:100%;height:96px}.title .container_period_content_user .profile_image_holder{margin-right:12px}.title .container_period_content_user .img-frame{width:74px;height:82px}.title .container_period_content_user .semi-div{height:50px}.title .container_period_content_user .semi-div .img-frame-semi{width:96px;height:36px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.title .container_period_content_user .user-information{width:210px;height:90px}.title .container_period_content_user .user-information .user-detail{height:30px;white-space:nowrap;text-overflow:ellipsis}.title .container_period_content_user .user-information .user-detail.payroll-number-content{font-weight:500;font-size:18px}.title .container_period_content_user .user-information .user-detail.user-name{font-weight:800;font-size:16px;max-width:300px;overflow:hidden;text-overflow:ellipsis;display:inline-block!important}.title .container_period_content_user .user-information .user-detail.icon-row{gap:4px}.title .container_period_content_user .user-information .user-detail svg-icon{width:18px;height:18px}.title .container_period_content_user .user-information .user-detail .status-text{font-weight:700;font-size:14px;text-transform:uppercase}.title .container_period_content_user .user-information .user-detail.incomplete svg-icon path{fill:#919191}.title .container_period_content_user .user-information .user-detail.incomplete .status-text{color:#919191}.title .container_period_content_user .user-information .user-detail.ready svg-icon path{fill:#6692f1}.title .container_period_content_user .user-information .user-detail.ready .status-text{color:#6692f1}.title .container_period_content_user .user-information .user-detail.overdue svg-icon path{fill:#e66767}.title .container_period_content_user .user-information .user-detail.overdue .status-text{color:#e66767}.title .container_period_content_user .user-information .user-detail.paidInFull svg-icon path{fill:#259f94}.title .container_period_content_user .user-information .user-detail.paidInFull .status-text{color:#259f94}.title .container_period_content_user .user-information .debt{color:#df3c3c}.title .container_period_content_user .user-information .debt .icon svg path{fill:#df3c3c}.title .container_period_content_user .user-information .neutral{color:#6c6c6c}.title .container_period_content_user .user-information .neutral .icon svg path{fill:#6c6c6c}.title .container_period_content_user .user-information .paid{color:#6692f1}.title .container_period_content_user .user-information .paid .icon svg path{fill:#6692f1}\n"] }]
|
|
21309
21309
|
}], propDecorators: { componentData: [{
|
|
21310
21310
|
type: Input
|
|
21311
21311
|
}], type: [{
|
|
@@ -57,8 +57,8 @@ export declare class CaFilterComponent implements OnDestroy {
|
|
|
57
57
|
icon: string;
|
|
58
58
|
usaStates: ArrayStatus[];
|
|
59
59
|
canadaStates: ArrayStatus[];
|
|
60
|
-
setFilter: EventEmitter<
|
|
61
|
-
clearAll: EventEmitter<
|
|
60
|
+
setFilter: EventEmitter<filterOutput | filterOutputWithParams>;
|
|
61
|
+
clearAll: EventEmitter<filterOutput | filterOutputWithParams>;
|
|
62
62
|
private destroy$;
|
|
63
63
|
isSearchExpanded: boolean;
|
|
64
64
|
isFilterActive: boolean;
|