@cuby-ui/core 0.0.404 → 0.0.406

package/esm2022/widgets/user-action-context-menu/company-item/company-item.component.mjs

@@ -25,16 +25,21 @@ export class CompanyItemComponent {
         return roles.includes("ADMIN" /* CuiTokenRole.Admin */);
     }
     onGoToCompany() {
+        if (this.isSelected()) {
+            return;
+        }
         const { adminLink, userLink } = this.urlTemplatesForRedirectToCompany();
         const linkTemplate = this.checkIsAdmin() ? adminLink : userLink;
         const finalUrl = linkTemplate.replace('{id}', this.company().companyId);
         this.cuiWindow.open(finalUrl);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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-compony: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" }] }); }
+    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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe], 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-compony: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"] }]
+            args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe], host: {
+                        '[class.selected]': 'isSelected()'
+                    }, 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"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFueS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91c2VyLWFjdGlvbi1jb250ZXh0LW1lbnUvY29tcGFueS1pdGVtL2NvbXBhbnktaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdXNlci1hY3Rpb24tY29udGV4dC1tZW51L2NvbXBhbnktaXRlbS9jb21wYW55LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFDLDBCQUEwQixFQUFhLE1BQU0sK0JBQStCLENBQUM7QUFDckYsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUd4QyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFFbEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7QUFTakQsTUFBTSxPQUFPLG9CQUFvQjtJQVBqQztRQVFxQixjQUFTLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9CLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLDhCQUF5QixHQUFHLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRTdELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQzFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQ2pGLENBQUM7UUFFYyxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBa0IsQ0FBQztRQUMzQyxxQ0FBZ0MsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFjLENBQUM7UUFDaEUsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztLQXFCM0M7SUFuQlUsUUFBUTtRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQWdCLENBQUM7UUFFckUsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUNwQyxDQUFDO0lBRU0sWUFBWTtRQUNmLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUU5QixPQUFPLEtBQUssQ0FBQyxRQUFRLGtDQUFvQixDQUFDO0lBQzlDLENBQUM7SUFFUyxhQUFhO1FBQ25CLE1BQU0sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEdBQUcsSUFBSSxDQUFDLGdDQUFnQyxFQUFFLENBQUM7UUFDeEUsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztRQUNoRSxNQUFNLFFBQVEsR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFeEUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEMsQ0FBQzsrR0EvQlEsb0JBQW9CO21HQUFwQixvQkFBb0IsOGhCQ2xCakMsZ3VCQTRCQSw4bkJEZGMscUJBQXFCLGtIQUFFLFlBQVksbUtBQUUsYUFBYTs7NEZBSW5ELG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDSSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMscUJBQXFCLEVBQUUsWUFBWSxFQUFFLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGluamVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEN1aVVzZXJDb21wYW55IH0gZnJvbSAnQGN1YnktdWkvYXBpJztcbmltcG9ydCB7IEN1aUxldHRlckJveENvbXBvbmVudCwgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cyc7XG5pbXBvcnQge0NVSV9BQ1RJVklUWV9TRVJWSUNFX1RPS0VOLCBMaW5rQ29uZmlnfSBmcm9tICcuLi91c2VyLWFjdGlvbi1jb250ZXh0Lm9wdGlvbic7XG5pbXBvcnQge0NVSV9XSU5ET1d9IGZyb20gXCJAY3VieS11aS9jZGtcIjtcblxuXG5pbXBvcnQge0N1aUF1dGhTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vLi4vcHJvdmlkZXJzXCI7XG5pbXBvcnQge0N1aVRva2VuRGF0YSwgQ3VpVG9rZW5Sb2xlfSBmcm9tIFwiLi4vLi4vLi4vc2VydmljZXNcIjtcbmltcG9ydCB7VHJhbnNsb2NvUGlwZX0gZnJvbSBcIkBqc3ZlcnNlL3RyYW5zbG9jb1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2N1aS1jb21wYW55LWl0ZW0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0N1aUxldHRlckJveENvbXBvbmVudCwgQ3VpU3ZnTW9kdWxlLCBUcmFuc2xvY29QaXBlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY29tcGFueS1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vY29tcGFueS1pdGVtLmNvbXBvbmVudC5zY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBDb21wYW55SXRlbUNvbXBvbmVudCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlXaW5kb3cgPSBpbmplY3QoQ1VJX1dJTkRPVyk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlBdXRoU2VydmljZSA9IGluamVjdChDdWlBdXRoU2VydmljZSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlBY3Rpdml0eUNvbXBhbnlTZXJ2aWNlID0gaW5qZWN0KENVSV9BQ1RJVklUWV9TRVJWSUNFX1RPS0VOKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBpc1NlbGVjdGVkID0gY29tcHV0ZWQoKCkgPT5cbiAgICAgICAgdGhpcy5jdWlBY3Rpdml0eUNvbXBhbnlTZXJ2aWNlLmNoZWNrSXNDdXJyZW50Q29tcGFueSh0aGlzLmNvbXBhbnkoKS5jb21wYW55SWQpXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBjb21wYW55ID0gaW5wdXQucmVxdWlyZWQ8Q3VpVXNlckNvbXBhbnk+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IHVybFRlbXBsYXRlc0ZvclJlZGlyZWN0VG9Db21wYW55ID0gaW5wdXQucmVxdWlyZWQ8TGlua0NvbmZpZz4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ZWQgPSBpbnB1dChmYWxzZSk7XG5cbiAgICBwdWJsaWMgZ2V0Um9sZXMoKTogc3RyaW5nW10ge1xuICAgICAgICBjb25zdCB0b2tlbiA9IHRoaXMuY3VpQXV0aFNlcnZpY2UuZ2V0QWNjZXNzVG9rZW5EYXRhPEN1aVRva2VuRGF0YT4oKTtcblxuICAgICAgICByZXR1cm4gdG9rZW4ucmVhbG1fYWNjZXNzLnJvbGVzO1xuICAgIH1cblxuICAgIHB1YmxpYyBjaGVja0lzQWRtaW4oKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHJvbGVzID0gdGhpcy5nZXRSb2xlcygpO1xuXG4gICAgICAgIHJldHVybiByb2xlcy5pbmNsdWRlcyhDdWlUb2tlblJvbGUuQWRtaW4pO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbkdvVG9Db21wYW55KCk6IHZvaWQge1xuICAgICAgICBjb25zdCB7IGFkbWluTGluaywgdXNlckxpbmsgfSA9IHRoaXMudXJsVGVtcGxhdGVzRm9yUmVkaXJlY3RUb0NvbXBhbnkoKTtcbiAgICAgICAgY29uc3QgbGlua1RlbXBsYXRlID0gdGhpcy5jaGVja0lzQWRtaW4oKSA/IGFkbWluTGluayA6IHVzZXJMaW5rO1xuICAgICAgICBjb25zdCBmaW5hbFVybCA9IGxpbmtUZW1wbGF0ZS5yZXBsYWNlKCd7aWR9JywgdGhpcy5jb21wYW55KCkuY29tcGFueUlkKTtcblxuICAgICAgICB0aGlzLmN1aVdpbmRvdy5vcGVuKGZpbmFsVXJsKTtcbiAgICB9XG59XG4iLCI8ZGl2XG4gICAgY2xhc3M9XCJ0aXRsZS1jb21wYW55XCJcbiAgICAoY2xpY2spPVwib25Hb1RvQ29tcGFueSgpXCJcbj5cbiAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImNvbXBhbnktYnV0dG9uXCJcbiAgICA+XG4gICAgICAgIDxjdWktbGV0dGVyLWJveFxuICAgICAgICAgICAgW2xldHRlcl09XCJjb21wYW55KCkubmFtZVswXVwiXG4gICAgICAgICAgICBbYmFja2dyb3VuZENvbG9yXT1cIid2YXIoLS1jdWktb3JhbmdlLTUwMCknXCJcbiAgICAgICAgICAgIHNpemU9XCJtZFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRpdGxlXCI+e3sgY29tcGFueSgpLm5hbWUgfX08L3NwYW4+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN1Yi10aXRsZVwiPnt7XCJDT01QQU5ZXCIgfCB0cmFuc2xvY299fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9idXR0b24+XG5cbiAgICBAaWYgKGlzU2VsZWN0ZWQoKSkge1xuICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XG4gICAgICAgICAgICA8Y3VpLXN2Z1xuICAgICAgICAgICAgICAgIFtpY29uXT1cIidjdWlJY29uQ2hlY2snXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInZhcigtLWN1aS1pbmZvKVwiXG4gICAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFueS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvd2lkZ2V0cy91c2VyLWFjdGlvbi1jb250ZXh0LW1lbnUvY29tcGFueS1pdGVtL2NvbXBhbnktaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3dpZGdldHMvdXNlci1hY3Rpb24tY29udGV4dC1tZW51L2NvbXBhbnktaXRlbS9jb21wYW55LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUUsT0FBTyxFQUFDLDBCQUEwQixFQUFhLE1BQU0sK0JBQStCLENBQUM7QUFDckYsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUd4QyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sb0JBQW9CLENBQUM7QUFFbEQsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG9CQUFvQixDQUFDOzs7QUFZakQsTUFBTSxPQUFPLG9CQUFvQjtJQVZqQztRQVdxQixjQUFTLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9CLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLDhCQUF5QixHQUFHLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRTdELGVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQzFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQ2pGLENBQUM7UUFFYyxZQUFPLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBa0IsQ0FBQztRQUMzQyxxQ0FBZ0MsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFjLENBQUM7UUFDaEUsYUFBUSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztLQXlCM0M7SUF2QlUsUUFBUTtRQUNYLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsa0JBQWtCLEVBQWdCLENBQUM7UUFFckUsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUNwQyxDQUFDO0lBRU0sWUFBWTtRQUNmLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUU5QixPQUFPLEtBQUssQ0FBQyxRQUFRLGtDQUFvQixDQUFDO0lBQzlDLENBQUM7SUFFUyxhQUFhO1FBQ25CLElBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFDLENBQUM7WUFFbEIsT0FBTTtRQUNWLENBQUM7UUFDRCxNQUFNLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxDQUFDO1FBQ3hFLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUM7UUFDaEUsTUFBTSxRQUFRLEdBQUcsWUFBWSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXhFLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7K0dBbkNRLG9CQUFvQjttR0FBcEIsb0JBQW9CLDBsQkNyQmpDLGd1QkE0QkEsK3ZCRGRjLHFCQUFxQixrSEFBRSxZQUFZLG1LQUFFLGFBQWE7OzRGQU9uRCxvQkFBb0I7a0JBVmhDLFNBQVM7K0JBQ0ksa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLHFCQUFxQixFQUFFLFlBQVksRUFBRSxhQUFhLENBQUMsUUFHdkQ7d0JBQ0Ysa0JBQWtCLEVBQUUsY0FBYztxQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBpbmplY3QsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDdWlVc2VyQ29tcGFueSB9IGZyb20gJ0BjdWJ5LXVpL2FwaSc7XG5pbXBvcnQgeyBDdWlMZXR0ZXJCb3hDb21wb25lbnQsIEN1aVN2Z01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMnO1xuaW1wb3J0IHtDVUlfQUNUSVZJVFlfU0VSVklDRV9UT0tFTiwgTGlua0NvbmZpZ30gZnJvbSAnLi4vdXNlci1hY3Rpb24tY29udGV4dC5vcHRpb24nO1xuaW1wb3J0IHtDVUlfV0lORE9XfSBmcm9tIFwiQGN1YnktdWkvY2RrXCI7XG5cblxuaW1wb3J0IHtDdWlBdXRoU2VydmljZX0gZnJvbSBcIi4uLy4uLy4uL3Byb3ZpZGVyc1wiO1xuaW1wb3J0IHtDdWlUb2tlbkRhdGEsIEN1aVRva2VuUm9sZX0gZnJvbSBcIi4uLy4uLy4uL3NlcnZpY2VzXCI7XG5pbXBvcnQge1RyYW5zbG9jb1BpcGV9IGZyb20gXCJAanN2ZXJzZS90cmFuc2xvY29cIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjdWktY29tcGFueS1pdGVtJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtDdWlMZXR0ZXJCb3hDb21wb25lbnQsIEN1aVN2Z01vZHVsZSwgVHJhbnNsb2NvUGlwZV0sXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NvbXBhbnktaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmw6ICcuL2NvbXBhbnktaXRlbS5jb21wb25lbnQuc2NzcycsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLnNlbGVjdGVkXSc6ICdpc1NlbGVjdGVkKCknXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBDb21wYW55SXRlbUNvbXBvbmVudCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlXaW5kb3cgPSBpbmplY3QoQ1VJX1dJTkRPVyk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlBdXRoU2VydmljZSA9IGluamVjdChDdWlBdXRoU2VydmljZSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlBY3Rpdml0eUNvbXBhbnlTZXJ2aWNlID0gaW5qZWN0KENVSV9BQ1RJVklUWV9TRVJWSUNFX1RPS0VOKTtcblxuICAgIHByb3RlY3RlZCByZWFkb25seSBpc1NlbGVjdGVkID0gY29tcHV0ZWQoKCkgPT5cbiAgICAgICAgdGhpcy5jdWlBY3Rpdml0eUNvbXBhbnlTZXJ2aWNlLmNoZWNrSXNDdXJyZW50Q29tcGFueSh0aGlzLmNvbXBhbnkoKS5jb21wYW55SWQpXG4gICAgKTtcblxuICAgIHB1YmxpYyByZWFkb25seSBjb21wYW55ID0gaW5wdXQucmVxdWlyZWQ8Q3VpVXNlckNvbXBhbnk+KCk7XG4gICAgcHVibGljIHJlYWRvbmx5IHVybFRlbXBsYXRlc0ZvclJlZGlyZWN0VG9Db21wYW55ID0gaW5wdXQucmVxdWlyZWQ8TGlua0NvbmZpZz4oKTtcbiAgICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ZWQgPSBpbnB1dChmYWxzZSk7XG5cbiAgICBwdWJsaWMgZ2V0Um9sZXMoKTogc3RyaW5nW10ge1xuICAgICAgICBjb25zdCB0b2tlbiA9IHRoaXMuY3VpQXV0aFNlcnZpY2UuZ2V0QWNjZXNzVG9rZW5EYXRhPEN1aVRva2VuRGF0YT4oKTtcblxuICAgICAgICByZXR1cm4gdG9rZW4ucmVhbG1fYWNjZXNzLnJvbGVzO1xuICAgIH1cblxuICAgIHB1YmxpYyBjaGVja0lzQWRtaW4oKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHJvbGVzID0gdGhpcy5nZXRSb2xlcygpO1xuXG4gICAgICAgIHJldHVybiByb2xlcy5pbmNsdWRlcyhDdWlUb2tlblJvbGUuQWRtaW4pO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBvbkdvVG9Db21wYW55KCk6IHZvaWQge1xuICAgICAgICBpZih0aGlzLmlzU2VsZWN0ZWQoKSl7XG5cbiAgICAgICAgICAgIHJldHVyblxuICAgICAgICB9XG4gICAgICAgIGNvbnN0IHsgYWRtaW5MaW5rLCB1c2VyTGluayB9ID0gdGhpcy51cmxUZW1wbGF0ZXNGb3JSZWRpcmVjdFRvQ29tcGFueSgpO1xuICAgICAgICBjb25zdCBsaW5rVGVtcGxhdGUgPSB0aGlzLmNoZWNrSXNBZG1pbigpID8gYWRtaW5MaW5rIDogdXNlckxpbms7XG4gICAgICAgIGNvbnN0IGZpbmFsVXJsID0gbGlua1RlbXBsYXRlLnJlcGxhY2UoJ3tpZH0nLCB0aGlzLmNvbXBhbnkoKS5jb21wYW55SWQpO1xuXG4gICAgICAgIHRoaXMuY3VpV2luZG93Lm9wZW4oZmluYWxVcmwpO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cInRpdGxlLWNvbXBhbnlcIlxuICAgIChjbGljayk9XCJvbkdvVG9Db21wYW55KClcIlxuPlxuICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiY29tcGFueS1idXR0b25cIlxuICAgID5cbiAgICAgICAgPGN1aS1sZXR0ZXItYm94XG4gICAgICAgICAgICBbbGV0dGVyXT1cImNvbXBhbnkoKS5uYW1lWzBdXCJcbiAgICAgICAgICAgIFtiYWNrZ3JvdW5kQ29sb3JdPVwiJ3ZhcigtLWN1aS1vcmFuZ2UtNTAwKSdcIlxuICAgICAgICAgICAgc2l6ZT1cIm1kXCJcbiAgICAgICAgLz5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHRcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGVcIj57eyBjb21wYW55KCkubmFtZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3ViLXRpdGxlXCI+e3tcIkNPTVBBTllcIiB8IHRyYW5zbG9jb319PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2J1dHRvbj5cblxuICAgIEBpZiAoaXNTZWxlY3RlZCgpKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJpY29uLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxjdWktc3ZnXG4gICAgICAgICAgICAgICAgW2ljb25dPVwiJ2N1aUljb25DaGVjaydcIlxuICAgICAgICAgICAgICAgIGNvbG9yPVwidmFyKC0tY3VpLWluZm8pXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvZGl2PlxuIl19

package/fesm2022/cuby-ui-core.mjs

@@ -10258,17 +10258,22 @@ class CompanyItemComponent {
         return roles.includes("ADMIN" /* CuiTokenRole.Admin */);
     }
     onGoToCompany() {
+        if (this.isSelected()) {
+            return;
+        }
         const { adminLink, userLink } = this.urlTemplatesForRedirectToCompany();
         const linkTemplate = this.checkIsAdmin() ? adminLink : userLink;
         const finalUrl = linkTemplate.replace('{id}', this.company().companyId);
         this.cuiWindow.open(finalUrl);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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-compony: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" }] }); }
+    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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CompanyItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe], 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-compony: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"] }]
+            args: [{ selector: 'cui-company-item', standalone: true, imports: [CuiLetterBoxComponent, CuiSvgModule, TranslocoPipe], host: {
+                        '[class.selected]': 'isSelected()'
+                    }, 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"] }]
         }] });
 
 class CuiUserActionContextMenuComponent {