@symphony-talent/component-library 3.77.0 → 3.79.0
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.
- package/esm2020/lib/atoms/button-v2/button.component.mjs +16 -0
- package/esm2020/lib/atoms/button-v2/button.module.mjs +19 -0
- package/esm2020/lib/atoms/icon/icon.component.mjs +2 -2
- package/esm2020/lib/atoms/notifications/notifications.component.mjs +5 -11
- package/esm2020/lib/atoms/notifications/notifications.model.mjs +1 -1
- package/esm2020/lib/atoms/notifications/notifications.module.mjs +3 -3
- package/esm2020/projects/component-library/lib/atoms/button-v2/button.component.mjs +16 -0
- package/esm2020/projects/component-library/lib/atoms/button-v2/button.module.mjs +19 -0
- package/esm2020/projects/component-library/lib/atoms/icon/icon.component.mjs +2 -2
- package/esm2020/projects/component-library/lib/atoms/notifications/notifications.component.mjs +5 -11
- package/esm2020/projects/component-library/lib/atoms/notifications/notifications.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/atoms/notifications/notifications.module.mjs +3 -3
- package/esm2020/projects/component-library/public-api.mjs +3 -1
- package/esm2020/public-api.mjs +3 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +36 -15
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +36 -15
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +36 -15
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +36 -15
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/atoms/button-v2/button.component.d.ts +7 -0
- package/lib/atoms/button-v2/button.module.d.ts +8 -0
- package/lib/atoms/notifications/notifications.component.d.ts +4 -6
- package/lib/atoms/notifications/notifications.model.d.ts +13 -2
- package/package.json +1 -1
- package/projects/component-library/lib/atoms/button-v2/button.component.d.ts +7 -0
- package/projects/component-library/lib/atoms/button-v2/button.module.d.ts +8 -0
- package/projects/component-library/lib/atoms/notifications/notifications.component.d.ts +4 -6
- package/projects/component-library/lib/atoms/notifications/notifications.model.d.ts +13 -2
- package/projects/component-library/public-api.d.ts +2 -0
- package/public-api.d.ts +2 -0
|
@@ -168,6 +168,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
168
168
|
}]
|
|
169
169
|
}] });
|
|
170
170
|
|
|
171
|
+
class ButtonV2Component extends ButtonComponent {
|
|
172
|
+
constructor() {
|
|
173
|
+
super();
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
ButtonV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
177
|
+
ButtonV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonV2Component, selector: "symphony-button-v2", usesInheritance: true, ngImport: i0, template: "<div class=\"v2\">\n <button\n class=\"btn sb-sfx-btn\"\n [ngClass]=\"{\n 'btn-secondary': isSecondary,\n 'btn-primary': !isSecondary,\n 'is-inverse': isInverse\n }\"\n (click)=\"onClick()\"\n [disabled]=\"disabled\"\n >\n {{ text }}\n </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-family:neuzeit_groteskbold!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#2b8ff3;border:1px solid #2B8FF3}.v2 .btn-secondary:hover{opacity:90%}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Component, decorators: [{
|
|
179
|
+
type: Component,
|
|
180
|
+
args: [{ selector: 'symphony-button-v2', template: "<div class=\"v2\">\n <button\n class=\"btn sb-sfx-btn\"\n [ngClass]=\"{\n 'btn-secondary': isSecondary,\n 'btn-primary': !isSecondary,\n 'is-inverse': isInverse\n }\"\n (click)=\"onClick()\"\n [disabled]=\"disabled\"\n >\n {{ text }}\n </button>\n</div>\n", styles: [".v2 button{outline:none}.v2 .btn{padding-left:35px;padding-right:35px;border-radius:30px;height:40px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.v2 .btn.sb-sfx-btn{border-radius:30px!important;font-family:neuzeit_groteskbold!important}.v2 .btn:focus{outline:none}.v2 .btn:disabled{cursor:not-allowed;opacity:70%}.v2 .btn:disabled:hover{opacity:70%}.v2 .btn-primary{background:#2B8FF3!important;color:#fff;border:1px solid #FFF}.v2 .btn-primary:hover{opacity:90%}.v2 .btn-secondary{background:#fff;color:#2b8ff3;border:1px solid #2B8FF3}.v2 .btn-secondary:hover{opacity:90%}\n"] }]
|
|
181
|
+
}], ctorParameters: function () { return []; } });
|
|
182
|
+
|
|
183
|
+
class ButtonV2Module {
|
|
184
|
+
}
|
|
185
|
+
ButtonV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
186
|
+
ButtonV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Module, declarations: [ButtonV2Component], imports: [CommonModule], exports: [ButtonV2Component] });
|
|
187
|
+
ButtonV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Module, providers: [], imports: [[CommonModule]] });
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonV2Module, decorators: [{
|
|
189
|
+
type: NgModule,
|
|
190
|
+
args: [{
|
|
191
|
+
declarations: [ButtonV2Component],
|
|
192
|
+
imports: [CommonModule],
|
|
193
|
+
providers: [],
|
|
194
|
+
exports: [ButtonV2Component],
|
|
195
|
+
}]
|
|
196
|
+
}] });
|
|
197
|
+
|
|
171
198
|
class TrimIdPipe {
|
|
172
199
|
transform(value) {
|
|
173
200
|
return value === null || value === void 0 ? void 0 : value.replace(/\s/g, '');
|
|
@@ -464,10 +491,10 @@ class IconComponent {
|
|
|
464
491
|
}
|
|
465
492
|
}
|
|
466
493
|
IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
467
|
-
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
494
|
+
IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: IconComponent, selector: "symphony-icon", inputs: { icon: "icon", isSecondary: "isSecondary", size: "size", iconColor: "iconColor" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
|
|
468
495
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IconComponent, decorators: [{
|
|
469
496
|
type: Component,
|
|
470
|
-
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{
|
|
497
|
+
args: [{ selector: 'symphony-icon', template: "<i\n [class]=\"icon\"\n [ngClass]=\"{\n 'icon-secondary': isSecondary,\n 'icon-primary': !isSecondary\n }\"\n [style.fontSize]=\"size\"\n [ngStyle]=\"{ color: iconColor }\"\n (click)=\"onClick()\"\n></i>\n", styles: [".icon-secondary{color:#fff}i{font-size:18px}\n"] }]
|
|
471
498
|
}], ctorParameters: function () { return []; }, propDecorators: { icon: [{
|
|
472
499
|
type: Input
|
|
473
500
|
}], isSecondary: [{
|
|
@@ -2174,25 +2201,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2174
2201
|
|
|
2175
2202
|
class NotificationsComponent {
|
|
2176
2203
|
constructor() {
|
|
2177
|
-
this.notificationClick = new EventEmitter();
|
|
2178
2204
|
this.actionClick = new EventEmitter();
|
|
2179
2205
|
}
|
|
2180
|
-
|
|
2181
|
-
this.
|
|
2182
|
-
}
|
|
2183
|
-
onActionClick(notification) {
|
|
2184
|
-
this.actionClick.emit(notification);
|
|
2206
|
+
onActionClick(notificationItem) {
|
|
2207
|
+
this.actionClick.emit(notificationItem);
|
|
2185
2208
|
}
|
|
2186
2209
|
}
|
|
2187
2210
|
NotificationsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2188
|
-
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: {
|
|
2211
|
+
NotificationsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationsComponent, selector: "symphony-notifications", inputs: { model: "model" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
2189
2212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsComponent, decorators: [{
|
|
2190
2213
|
type: Component,
|
|
2191
|
-
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n <span class=\"notification-on\"
|
|
2214
|
+
args: [{ selector: 'symphony-notifications', template: "<div class=\"btn-group\" dropdown [insideClick]=\"true\">\n <button\n id=\"button-basic\"\n dropdownToggle\n type=\"button\"\n class=\"btn dropdown-toggle\"\n aria-controls=\"dropdown-basic\"\n aria-label=\"more-actions-menu\"\n >\n <symphony-icon [icon]=\"'si-notification'\"></symphony-icon>\n\n <span class=\"notification-on\" *ngIf=\"model?.unreadNotificationCount > 0\">\n {{ model.unreadNotificationCount }}</span\n >\n </button>\n <ul\n id=\"dropdown-basic\"\n *dropdownMenu\n class=\"dropdown-menu\"\n role=\"menu\"\n aria-labelledby=\"button-basic\"\n >\n <li role=\"menuitem\" class=\"sfx-p-20\">\n <symphony-h3 [text]=\"model.title\"></symphony-h3>\n </li>\n <li *ngIf=\"!model.isLoading\">\n <ul class=\"list-unstyled sfx-notification-list\">\n <li\n role=\"menuitem\"\n class=\"sfx-notification-list-items\"\n *ngFor=\"let notification of model.notifications\"\n >\n <div class=\"dropdown-item sfx-position-relative\">\n <div class=\"notification-wrap\">\n <div class=\"notification-text sfx-mb-10\">\n <symphony-icon\n *ngIf=\"notification.icon\"\n [icon]=\"notification.icon\"\n class=\"icon-position\"\n ></symphony-icon>\n <span *ngIf=\"!notification.isHtml\">{{\n notification.text\n }}</span>\n <div\n class=\"hasBold\"\n *ngIf=\"notification.isHtml\"\n [innerHTML]=\"notification.text\"\n ></div>\n </div>\n <div class=\"notification-footer\">\n <span>{{ notification.timestamp }}</span>\n <span\n class=\"sfx-font-bold sfx-cursor-pointer notification-action\"\n (click)=\"onActionClick(notification)\"\n >{{ notification.action }}</span\n >\n </div>\n </div>\n </div>\n <div class=\"horizontal-divider\"></div>\n </li>\n <li class=\"sfx-mt-20\" *ngIf=\"model.isNotificationLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n </ul>\n </li>\n <li class=\"sfx-mt-20 sfx-mb-20\" *ngIf=\"model.isLoading\">\n <symphony-sfx-loader></symphony-sfx-loader>\n </li>\n <li\n class=\"sfx-mt-20 sfx-mb-20 sfx-txt-center\"\n *ngIf=\"model.notifications.length === 0 && !model.isLoading\"\n >\n <symphony-h5 [text]=\"model.emptyState\"></symphony-h5>\n </li>\n </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#000000;padding:0;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#fff;position:relative}.btn-group button.dropdown-toggle.btn:hover{background:#565656;color:#fff!important}.btn-group button.dropdown-toggle.btn:hover .notification-on{border-color:#565656}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group button.dropdown-toggle.btn symphony-icon{height:18px}.btn-group button.dropdown-toggle.btn .notification-on{color:#000;width:18px;height:18px;background:#FFF;position:absolute;border:2px solid #000;border-radius:50%;top:0px;right:3px;font-size:9px;display:flex;justify-content:center;align-items:flex-end}.btn-group .dropdown-menu{width:360px;margin-top:10px;border:none;border-radius:10px;padding:0;right:-10px;left:auto;box-shadow:0 0 30px #0003;max-height:none;overflow:inherit;background:#ffffff}.btn-group .dropdown-menu .sfx-notification-list{max-height:280px;overflow-y:scroll;margin-bottom:20px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item{padding:0 15px 0 25px;line-height:20px;color:#000;border-radius:10px;background-color:#fff}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item:hover{background:#fff;color:#000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap{position:relative;padding:10px 10px 10px 25px}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .hasBold span{font-family:neuzeit_groteskbold,sans-serif}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status{content:\"\";width:15px;height:15px;background:#00bb5b;border-radius:50%;position:absolute;top:12px;left:0}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-text .notification-status.red{background:#d60000}.btn-group .dropdown-menu .sfx-notification-list li .dropdown-item .notification-wrap .notification-footer{display:flex;justify-content:space-between}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items .horizontal-divider{border-bottom:1px solid #d9d9d9;margin:0 15px}.btn-group .dropdown-menu .sfx-notification-list li.sfx-notification-list-items:last-child .horizontal-divider{border-bottom:none}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#565656}.btn-group.open button.dropdown-toggle.btn .notification-on{border-color:#565656}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}::-webkit-scrollbar-thumb:hover{cursor:pointer}.icon-position{position:absolute;left:-5px;top:12px}.notification-action:hover{text-decoration:underline}\n"] }]
|
|
2192
2215
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
2193
2216
|
type: Input
|
|
2194
|
-
}], notificationClick: [{
|
|
2195
|
-
type: Output
|
|
2196
2217
|
}], actionClick: [{
|
|
2197
2218
|
type: Output
|
|
2198
2219
|
}] } });
|
|
@@ -2214,7 +2235,7 @@ NotificationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
|
|
|
2214
2235
|
H3Module,
|
|
2215
2236
|
PipeModule,
|
|
2216
2237
|
SfxLoaderModule,
|
|
2217
|
-
H5Module
|
|
2238
|
+
H5Module,
|
|
2218
2239
|
]] });
|
|
2219
2240
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationsModule, decorators: [{
|
|
2220
2241
|
type: NgModule,
|
|
@@ -2228,7 +2249,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
2228
2249
|
H3Module,
|
|
2229
2250
|
PipeModule,
|
|
2230
2251
|
SfxLoaderModule,
|
|
2231
|
-
H5Module
|
|
2252
|
+
H5Module,
|
|
2232
2253
|
],
|
|
2233
2254
|
exports: [NotificationsComponent],
|
|
2234
2255
|
}]
|
|
@@ -6859,5 +6880,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
6859
6880
|
* Generated bundle index. Do not edit.
|
|
6860
6881
|
*/
|
|
6861
6882
|
|
|
6862
|
-
export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
|
|
6883
|
+
export { ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonModule, ButtonV2Component, ButtonV2Module, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputRadioComponent, InputRadioModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, ParagraphComponent, ParagraphModule, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, SettingListPageComponent, SettingListPageModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
|
|
6863
6884
|
//# sourceMappingURL=symphony-talent-component-library.mjs.map
|