@cuby-ui/core 0.0.405 → 0.0.406
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.
|
@@ -25,16 +25,21 @@ export class CompanyItemComponent {
|
|
|
25
25
|
return roles.includes("ADMIN" /* CuiTokenRole.Admin */);
|
|
26
26
|
}
|
|
27
27
|
onGoToCompany() {
|
|
28
|
+
if (this.isSelected()) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
28
31
|
const { adminLink, userLink } = this.urlTemplatesForRedirectToCompany();
|
|
29
32
|
const linkTemplate = this.checkIsAdmin() ? adminLink : userLink;
|
|
30
33
|
const finalUrl = linkTemplate.replace('{id}', this.company().companyId);
|
|
31
34
|
this.cuiWindow.open(finalUrl);
|
|
32
35
|
}
|
|
33
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CompanyItemComponent, isStandalone: true, selector: "cui-company-item", inputs: { company: { classPropertyName: "company", publicName: "company", isSignal: true, isRequired: true, transformFunction: null }, urlTemplatesForRedirectToCompany: { classPropertyName: "urlTemplatesForRedirectToCompany", publicName: "urlTemplatesForRedirectToCompany", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"title-company\"\n (click)=\"onGoToCompany()\"\n>\n <button\n type=\"button\"\n class=\"company-button\"\n >\n <cui-letter-box\n [letter]=\"company().name[0]\"\n [backgroundColor]=\"'var(--cui-orange-500)'\"\n size=\"md\"\n />\n <div class=\"text\">\n <span class=\"title\">{{ company().name }}</span>\n <span class=\"sub-title\">{{\"COMPANY\" | transloco}}</span>\n </div>\n </button>\n\n @if (isSelected()) {\n <div class=\"icon-wrapper\">\n <cui-svg\n [icon]=\"'cuiIconCheck'\"\n color=\"var(--cui-info)\"\n />\n </div>\n }\n</div>\n", styles: [".title-company{display:flex;justify-content:space-between}.title-company:hover{width:100%;border-radius:8px;background-color:var(--cui-badge-light-blue-bg)}.company-button{display:flex;gap:8px;align-items:center;padding-left:4px;height:36px;color:var(--cui-base-900)}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px}.title{display:flex;flex-direction:column;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900);align-items:flex-start}.sub-title{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-400)}.text{display:flex;flex-direction:column;align-items:flex-start}\n"], dependencies: [{ kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CompanyItemComponent, isStandalone: true, selector: "cui-company-item", inputs: { company: { classPropertyName: "company", publicName: "company", isSignal: true, isRequired: true, transformFunction: null }, urlTemplatesForRedirectToCompany: { classPropertyName: "urlTemplatesForRedirectToCompany", publicName: "urlTemplatesForRedirectToCompany", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.selected": "isSelected()" } }, ngImport: i0, template: "<div\n class=\"title-company\"\n (click)=\"onGoToCompany()\"\n>\n <button\n type=\"button\"\n class=\"company-button\"\n >\n <cui-letter-box\n [letter]=\"company().name[0]\"\n [backgroundColor]=\"'var(--cui-orange-500)'\"\n size=\"md\"\n />\n <div class=\"text\">\n <span class=\"title\">{{ company().name }}</span>\n <span class=\"sub-title\">{{\"COMPANY\" | transloco}}</span>\n </div>\n </button>\n\n @if (isSelected()) {\n <div class=\"icon-wrapper\">\n <cui-svg\n [icon]=\"'cuiIconCheck'\"\n color=\"var(--cui-info)\"\n />\n </div>\n }\n</div>\n", styles: [":host(.selected){background:var(--cui-badge-blue-bg);border-radius:8px}.title-company{display:flex;justify-content:space-between}.title-company:hover{width:100%;border-radius:8px;background-color:var(--cui-badge-light-blue-bg)}.company-button{display:flex;gap:8px;align-items:center;padding-left:4px;height:36px;color:var(--cui-base-900)}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px}.title{display:flex;flex-direction:column;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900);align-items:flex-start}.sub-title{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-400)}.text{display:flex;flex-direction:column;align-items:flex-start}\n"], dependencies: [{ kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] }); }
|
|
35
38
|
}
|
|
36
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, decorators: [{
|
|
37
40
|
type: Component,
|
|
38
|
-
args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe],
|
|
41
|
+
args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe], host: {
|
|
42
|
+
'[class.selected]': 'isSelected()'
|
|
43
|
+
}, template: "<div\n class=\"title-company\"\n (click)=\"onGoToCompany()\"\n>\n <button\n type=\"button\"\n class=\"company-button\"\n >\n <cui-letter-box\n [letter]=\"company().name[0]\"\n [backgroundColor]=\"'var(--cui-orange-500)'\"\n size=\"md\"\n />\n <div class=\"text\">\n <span class=\"title\">{{ company().name }}</span>\n <span class=\"sub-title\">{{\"COMPANY\" | transloco}}</span>\n </div>\n </button>\n\n @if (isSelected()) {\n <div class=\"icon-wrapper\">\n <cui-svg\n [icon]=\"'cuiIconCheck'\"\n color=\"var(--cui-info)\"\n />\n </div>\n }\n</div>\n", styles: [":host(.selected){background:var(--cui-badge-blue-bg);border-radius:8px}.title-company{display:flex;justify-content:space-between}.title-company:hover{width:100%;border-radius:8px;background-color:var(--cui-badge-light-blue-bg)}.company-button{display:flex;gap:8px;align-items:center;padding-left:4px;height:36px;color:var(--cui-base-900)}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px}.title{display:flex;flex-direction:column;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900);align-items:flex-start}.sub-title{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-400)}.text{display:flex;flex-direction:column;align-items:flex-start}\n"] }]
|
|
39
44
|
}] });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFueS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91c2VyLWFjdGlvbi1jb250ZXh0LW1lbnUvY29tcGFueS1pdGVtL2NvbXBhbnktaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdXNlci1hY3Rpb24tY29udGV4dC1tZW51L2NvbXBhbnktaXRlbS9jb21wYW55LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFDLDBCQUEwQixFQUFhLE1BQU0sK0JBQStCLENBQUM7QUFDckYsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUd4QyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFFbEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7QUFZakQsTUFBTSxPQUFPLG9CQUFvQjtJQVZqQztRQVdxQixjQUFTLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9CLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLDhCQUF5QixHQUFHLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRTdELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQzFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQ2pGLENBQUM7UUFFYyxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBa0IsQ0FBQztRQUMzQyxxQ0FBZ0MsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFjLENBQUM7UUFDaEUsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztLQXlCM0M7SUF2QlUsUUFBUTtRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQWdCLENBQUM7UUFFckUsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUNwQyxDQUFDO0lBRU0sWUFBWTtRQUNmLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUU5QixPQUFPLEtBQUssQ0FBQyxRQUFRLGtDQUFvQixDQUFDO0lBQzlDLENBQUM7SUFFUyxhQUFhO1FBQ25CLElBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFDLENBQUM7WUFFbEIsT0FBTTtRQUNWLENBQUM7UUFDRCxNQUFNLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxDQUFDO1FBQ3hFLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7UUFDaEUsTUFBTSxRQUFRLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXhFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7K0dBbkNRLG9CQUFvQjttR0FBcEIsb0JBQW9CLDBsQkNyQmpDLGd1QkE0QkEsK3ZCRGRjLHFCQUFxQixrSEFBRSxZQUFZLG1LQUFFLGFBQWE7OzRGQU9uRCxvQkFBb0I7a0JBVmhDLFNBQVM7K0JBQ0ksa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLHFCQUFxQixFQUFFLFlBQVksRUFBRSxhQUFhLENBQUMsUUFHdkQ7d0JBQ0Ysa0JBQWtCLEVBQUUsY0FBYztxQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDdWlVc2VyQ29tcGFueSB9IGZyb20gJ0BjdWJ5LXVpL2FwaSc7XG5pbXBvcnQgeyBDdWlMZXR0ZXJCb3hDb21wb25lbnQsIEN1aVN2Z01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHtDVUlfQUNUSVZJVFlfU0VSVklDRV9UT0tFTiwgTGlua0NvbmZpZ30gZnJvbSAnLi4vdXNlci1hY3Rpb24tY29udGV4dC5vcHRpb24nO1xuaW1wb3J0IHtDVUlfV0lORE9XfSBmcm9tIFwiQGN1YnktdWkvY2RrXCI7XG5cblxuaW1wb3J0IHtDdWlBdXRoU2VydmljZX0gZnJvbSBcIi4uLy4uLy4uL3Byb3ZpZGVyc1wiO1xuaW1wb3J0IHtDdWlUb2tlbkRhdGEsIEN1aVRva2VuUm9sZX0gZnJvbSBcIi4uLy4uLy4uL3NlcnZpY2VzXCI7XG5pbXBvcnQge1RyYW5zbG9jb1BpcGV9IGZyb20gXCJAanN2ZXJzZS90cmFuc2xvY29cIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktY29tcGFueS1pdGVtJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDdWlMZXR0ZXJCb3hDb21wb25lbnQsIEN1aVN2Z01vZHVsZSwgVHJhbnNsb2NvUGlwZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhbnktaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2NvbXBhbnktaXRlbS5jb21wb25lbnQuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLnNlbGVjdGVkXSc6ICdpc1NlbGVjdGVkKCknXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBDb21wYW55SXRlbUNvbXBvbmVudCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlXaW5kb3cgPSBpbmplY3QoQ1VJX1dJTkRPVyk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlBdXRoU2VydmljZSA9IGluamVjdChDdWlBdXRoU2VydmljZSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlBY3Rpdml0eUNvbXBhbnlTZXJ2aWNlID0gaW5qZWN0KENVSV9BQ1RJVklUWV9TRVJWSUNFX1RPS0VOKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBpc1NlbGVjdGVkID0gY29tcHV0ZWQoKCkgPT5cbiAgICAgICAgdGhpcy5jdWlBY3Rpdml0eUNvbXBhbnlTZXJ2aWNlLmNoZWNrSXNDdXJyZW50Q29tcGFueSh0aGlzLmNvbXBhbnkoKS5jb21wYW55SWQpXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBjb21wYW55ID0gaW5wdXQucmVxdWlyZWQ8Q3VpVXNlckNvbXBhbnk+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IHVybFRlbXBsYXRlc0ZvclJlZGlyZWN0VG9Db21wYW55ID0gaW5wdXQucmVxdWlyZWQ8TGlua0NvbmZpZz4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ZWQgPSBpbnB1dChmYWxzZSk7XG5cbiAgICBwdWJsaWMgZ2V0Um9sZXMoKTogc3RyaW5nW10ge1xuICAgICAgICBjb25zdCB0b2tlbiA9IHRoaXMuY3VpQXV0aFNlcnZpY2UuZ2V0QWNjZXNzVG9rZW5EYXRhPEN1aVRva2VuRGF0YT4oKTtcblxuICAgICAgICByZXR1cm4gdG9rZW4ucmVhbG1fYWNjZXNzLnJvbGVzO1xuICAgIH1cblxuICAgIHB1YmxpYyBjaGVja0lzQWRtaW4oKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHJvbGVzID0gdGhpcy5nZXRSb2xlcygpO1xuXG4gICAgICAgIHJldHVybiByb2xlcy5pbmNsdWRlcyhDdWlUb2tlblJvbGUuQWRtaW4pO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbkdvVG9Db21wYW55KCk6IHZvaWQge1xuICAgICAgICBpZih0aGlzLmlzU2VsZWN0ZWQoKSl7XG5cbiAgICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHsgYWRtaW5MaW5rLCB1c2VyTGluayB9ID0gdGhpcy51cmxUZW1wbGF0ZXNGb3JSZWRpcmVjdFRvQ29tcGFueSgpO1xuICAgICAgICBjb25zdCBsaW5rVGVtcGxhdGUgPSB0aGlzLmNoZWNrSXNBZG1pbigpID8gYWRtaW5MaW5rIDogdXNlckxpbms7XG4gICAgICAgIGNvbnN0IGZpbmFsVXJsID0gbGlua1RlbXBsYXRlLnJlcGxhY2UoJ3tpZH0nLCB0aGlzLmNvbXBhbnkoKS5jb21wYW55SWQpO1xuXG4gICAgICAgIHRoaXMuY3VpV2luZG93Lm9wZW4oZmluYWxVcmwpO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cInRpdGxlLWNvbXBhbnlcIlxuICAgIChjbGljayk9XCJvbkdvVG9Db21wYW55KClcIlxuPlxuICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiY29tcGFueS1idXR0b25cIlxuICAgID5cbiAgICAgICAgPGN1aS1sZXR0ZXItYm94XG4gICAgICAgICAgICBbbGV0dGVyXT1cImNvbXBhbnkoKS5uYW1lWzBdXCJcbiAgICAgICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJ3ZhcigtLWN1aS1vcmFuZ2UtNTAwKSdcIlxuICAgICAgICAgICAgc2l6ZT1cIm1kXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj57eyBjb21wYW55KCkubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3ViLXRpdGxlXCI+e3tcIkNPTVBBTllcIiB8IHRyYW5zbG9jb319PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cblxuICAgIEBpZiAoaXNTZWxlY3RlZCgpKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxjdWktc3ZnXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiJ2N1aUljb25DaGVjaydcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidmFyKC0tY3VpLWluZm8pXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvZGl2PlxuIl19
|
|
@@ -10258,17 +10258,22 @@ class CompanyItemComponent {
|
|
|
10258
10258
|
return roles.includes("ADMIN" /* CuiTokenRole.Admin */);
|
|
10259
10259
|
}
|
|
10260
10260
|
onGoToCompany() {
|
|
10261
|
+
if (this.isSelected()) {
|
|
10262
|
+
return;
|
|
10263
|
+
}
|
|
10261
10264
|
const { adminLink, userLink } = this.urlTemplatesForRedirectToCompany();
|
|
10262
10265
|
const linkTemplate = this.checkIsAdmin() ? adminLink : userLink;
|
|
10263
10266
|
const finalUrl = linkTemplate.replace('{id}', this.company().companyId);
|
|
10264
10267
|
this.cuiWindow.open(finalUrl);
|
|
10265
10268
|
}
|
|
10266
10269
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10267
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CompanyItemComponent, isStandalone: true, selector: "cui-company-item", inputs: { company: { classPropertyName: "company", publicName: "company", isSignal: true, isRequired: true, transformFunction: null }, urlTemplatesForRedirectToCompany: { classPropertyName: "urlTemplatesForRedirectToCompany", publicName: "urlTemplatesForRedirectToCompany", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\n class=\"title-company\"\n (click)=\"onGoToCompany()\"\n>\n <button\n type=\"button\"\n class=\"company-button\"\n >\n <cui-letter-box\n [letter]=\"company().name[0]\"\n [backgroundColor]=\"'var(--cui-orange-500)'\"\n size=\"md\"\n />\n <div class=\"text\">\n <span class=\"title\">{{ company().name }}</span>\n <span class=\"sub-title\">{{\"COMPANY\" | transloco}}</span>\n </div>\n </button>\n\n @if (isSelected()) {\n <div class=\"icon-wrapper\">\n <cui-svg\n [icon]=\"'cuiIconCheck'\"\n color=\"var(--cui-info)\"\n />\n </div>\n }\n</div>\n", styles: [".title-company{display:flex;justify-content:space-between}.title-company:hover{width:100%;border-radius:8px;background-color:var(--cui-badge-light-blue-bg)}.company-button{display:flex;gap:8px;align-items:center;padding-left:4px;height:36px;color:var(--cui-base-900)}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px}.title{display:flex;flex-direction:column;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900);align-items:flex-start}.sub-title{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-400)}.text{display:flex;flex-direction:column;align-items:flex-start}\n"], dependencies: [{ kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] }); }
|
|
10270
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CompanyItemComponent, isStandalone: true, selector: "cui-company-item", inputs: { company: { classPropertyName: "company", publicName: "company", isSignal: true, isRequired: true, transformFunction: null }, urlTemplatesForRedirectToCompany: { classPropertyName: "urlTemplatesForRedirectToCompany", publicName: "urlTemplatesForRedirectToCompany", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.selected": "isSelected()" } }, ngImport: i0, template: "<div\n class=\"title-company\"\n (click)=\"onGoToCompany()\"\n>\n <button\n type=\"button\"\n class=\"company-button\"\n >\n <cui-letter-box\n [letter]=\"company().name[0]\"\n [backgroundColor]=\"'var(--cui-orange-500)'\"\n size=\"md\"\n />\n <div class=\"text\">\n <span class=\"title\">{{ company().name }}</span>\n <span class=\"sub-title\">{{\"COMPANY\" | transloco}}</span>\n </div>\n </button>\n\n @if (isSelected()) {\n <div class=\"icon-wrapper\">\n <cui-svg\n [icon]=\"'cuiIconCheck'\"\n color=\"var(--cui-info)\"\n />\n </div>\n }\n</div>\n", styles: [":host(.selected){background:var(--cui-badge-blue-bg);border-radius:8px}.title-company{display:flex;justify-content:space-between}.title-company:hover{width:100%;border-radius:8px;background-color:var(--cui-badge-light-blue-bg)}.company-button{display:flex;gap:8px;align-items:center;padding-left:4px;height:36px;color:var(--cui-base-900)}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px}.title{display:flex;flex-direction:column;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900);align-items:flex-start}.sub-title{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-400)}.text{display:flex;flex-direction:column;align-items:flex-start}\n"], dependencies: [{ kind: "component", type: CuiLetterBoxComponent, selector: "cui-letter-box", inputs: ["letter", "backgroundColor", "size", "shape"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: TranslocoPipe, name: "transloco" }] }); }
|
|
10268
10271
|
}
|
|
10269
10272
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, decorators: [{
|
|
10270
10273
|
type: Component,
|
|
10271
|
-
args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe],
|
|
10274
|
+
args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe], host: {
|
|
10275
|
+
'[class.selected]': 'isSelected()'
|
|
10276
|
+
}, template: "<div\n class=\"title-company\"\n (click)=\"onGoToCompany()\"\n>\n <button\n type=\"button\"\n class=\"company-button\"\n >\n <cui-letter-box\n [letter]=\"company().name[0]\"\n [backgroundColor]=\"'var(--cui-orange-500)'\"\n size=\"md\"\n />\n <div class=\"text\">\n <span class=\"title\">{{ company().name }}</span>\n <span class=\"sub-title\">{{\"COMPANY\" | transloco}}</span>\n </div>\n </button>\n\n @if (isSelected()) {\n <div class=\"icon-wrapper\">\n <cui-svg\n [icon]=\"'cuiIconCheck'\"\n color=\"var(--cui-info)\"\n />\n </div>\n }\n</div>\n", styles: [":host(.selected){background:var(--cui-badge-blue-bg);border-radius:8px}.title-company{display:flex;justify-content:space-between}.title-company:hover{width:100%;border-radius:8px;background-color:var(--cui-badge-light-blue-bg)}.company-button{display:flex;gap:8px;align-items:center;padding-left:4px;height:36px;color:var(--cui-base-900)}.icon-wrapper{display:flex;align-items:center;justify-content:center;padding:8px}.title{display:flex;flex-direction:column;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900);align-items:flex-start}.sub-title{font-weight:400;font-size:12px;line-height:14px;color:var(--cui-base-400)}.text{display:flex;flex-direction:column;align-items:flex-start}\n"] }]
|
|
10272
10277
|
}] });
|
|
10273
10278
|
|
|
10274
10279
|
class CuiUserActionContextMenuComponent {
|