raise-common-lib 0.0.235 → 0.0.237-beta

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.
Files changed (54) hide show
  1. package/README.md +57 -57
  2. package/bundles/raise-common-lib.umd.js +53 -6
  3. package/bundles/raise-common-lib.umd.js.map +1 -1
  4. package/bundles/raise-common-lib.umd.min.js +1 -1
  5. package/bundles/raise-common-lib.umd.min.js.map +1 -1
  6. package/esm2015/lib/float-box/index.component.js +46 -4
  7. package/esm2015/lib/layout/rs-footer/index.component.js +2 -2
  8. package/esm2015/lib/layout/rs-header/index.component.js +3 -3
  9. package/esm5/lib/float-box/index.component.js +51 -4
  10. package/esm5/lib/layout/rs-footer/index.component.js +2 -2
  11. package/esm5/lib/layout/rs-header/index.component.js +3 -3
  12. package/fesm2015/raise-common-lib.js +48 -6
  13. package/fesm2015/raise-common-lib.js.map +1 -1
  14. package/fesm5/raise-common-lib.js +53 -6
  15. package/fesm5/raise-common-lib.js.map +1 -1
  16. package/lib/float-box/index.component.d.ts +5 -3
  17. package/package.json +1 -1
  18. package/raise-common-lib.metadata.json +1 -1
  19. package/src/assets/img/arrow_right.svg +4 -4
  20. package/src/assets/img/calendar-disabled.svg +6 -6
  21. package/src/assets/img/calendar.svg +6 -6
  22. package/src/assets/img/calendar_arrow_left.svg +3 -3
  23. package/src/assets/img/calendar_arrow_right.svg +3 -3
  24. package/src/assets/img/checked-vector.svg +3 -3
  25. package/src/assets/img/dialog-close.svg +4 -4
  26. package/src/assets/img/dialog-grow.svg +6 -6
  27. package/src/assets/img/dialog-shrink.svg +6 -6
  28. package/src/assets/img/plus.svg +4 -4
  29. package/src/assets/img/search.svg +4 -4
  30. package/src/assets/img/shrink-icon.svg +6 -6
  31. package/src/assets/img/time-disabled.svg +4 -4
  32. package/src/assets/img/time.svg +4 -4
  33. package/src/assets/img/toolbar-action-addFolder.svg +17 -17
  34. package/src/assets/img/toolbar-action-calculator.svg +11 -11
  35. package/src/assets/img/toolbar-action-collapse.svg +7 -7
  36. package/src/assets/img/toolbar-action-combine.svg +4 -4
  37. package/src/assets/img/toolbar-action-edit.svg +4 -4
  38. package/src/assets/img/toolbar-action-expand.svg +7 -7
  39. package/src/assets/img/toolbar-action-folderMove.svg +8 -8
  40. package/src/assets/img/toolbar-action-lock.svg +6 -6
  41. package/src/assets/img/toolbar-action-preview.svg +7 -7
  42. package/src/assets/img/toolbar-action-publish.svg +5 -5
  43. package/src/assets/img/toolbar-action-reminders.svg +10 -10
  44. package/src/assets/img/toolbar-action-rename.svg +7 -7
  45. package/src/assets/img/toolbar-action-saveSequence.svg +5 -5
  46. package/src/assets/img/toolbar-action-send-file.svg +5 -5
  47. package/src/assets/img/toolbar-action-settle.svg +7 -7
  48. package/src/assets/img/toolbar-action-share.svg +5 -5
  49. package/src/assets/img/toolbar-action-submitForApproval.svg +4 -4
  50. package/src/assets/img/toolbar-action-sync.svg +4 -4
  51. package/src/assets/img/toolbar-action-template.svg +6 -6
  52. package/src/assets/img/toolbar-action-workflow.svg +9 -9
  53. package/src/assets/style/reset/grid.scss +6 -1
  54. package/src/assets/style/syncfusion.min.css +1 -1
package/README.md CHANGED
@@ -1,57 +1,57 @@
1
- # RaiseCommonLib
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
4
-
5
- ## Build
6
-
7
- Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
8
-
9
- ## Publishing
10
-
11
- After building your library with `npm run build`, go to the dist folder `cd dist/raise-common-lib` and run `npm publish`.
12
-
13
- ## Usage
14
- - ### Install
15
- ```bash
16
- $ npm install raise-common-lib
17
- ```
18
- - ### Set **angular.json**
19
- ```json
20
- "projects": {
21
- "lpInvestor": {
22
- "projectType": "application",
23
- "architect": {
24
- "build": {
25
- "options": {
26
- ...
27
- "assets": [
28
- ...
29
- {
30
- "glob": "**/*",
31
- "input": "node_modules/raise-common-lib/src/assets/",
32
- "output": "/assets/"
33
- }
34
- ],
35
- "styles": [
36
- ...
37
- "node_modules/raise-common-lib/src/assets/style/styles.scss",
38
- "src/styles.scss",
39
- ],
40
- }
41
- ...
42
- ...
43
- ...
44
- ```
45
-
46
- - ### Import Module
47
- ```tsx
48
- //app.module.ts
49
-
50
- import { RaiseCommonLibModule } from "raise-common-lib";
51
-
52
- @NgModule({
53
- imports: [
54
- ...
55
- RaiseCommonLibModule
56
- ],
57
- ```
1
+ # RaiseCommonLib
2
+
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.14.
4
+
5
+ ## Build
6
+
7
+ Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
8
+
9
+ ## Publishing
10
+
11
+ After building your library with `npm run build`, go to the dist folder `cd dist/raise-common-lib` and run `npm publish`.
12
+
13
+ ## Usage
14
+ - ### Install
15
+ ```bash
16
+ $ npm install raise-common-lib
17
+ ```
18
+ - ### Set **angular.json**
19
+ ```json
20
+ "projects": {
21
+ "lpInvestor": {
22
+ "projectType": "application",
23
+ "architect": {
24
+ "build": {
25
+ "options": {
26
+ ...
27
+ "assets": [
28
+ ...
29
+ {
30
+ "glob": "**/*",
31
+ "input": "node_modules/raise-common-lib/src/assets/",
32
+ "output": "/assets/"
33
+ }
34
+ ],
35
+ "styles": [
36
+ ...
37
+ "node_modules/raise-common-lib/src/assets/style/styles.scss",
38
+ "src/styles.scss",
39
+ ],
40
+ }
41
+ ...
42
+ ...
43
+ ...
44
+ ```
45
+
46
+ - ### Import Module
47
+ ```tsx
48
+ //app.module.ts
49
+
50
+ import { RaiseCommonLibModule } from "raise-common-lib";
51
+
52
+ @NgModule({
53
+ imports: [
54
+ ...
55
+ RaiseCommonLibModule
56
+ ],
57
+ ```
@@ -1562,6 +1562,26 @@
1562
1562
  _this.ref.markForCheck();
1563
1563
  }
1564
1564
  });
1565
+ this.onContextMenuOutside = (/**
1566
+ * @param {?} event
1567
+ * @return {?}
1568
+ */
1569
+ function (event) {
1570
+ /** @type {?} */
1571
+ var floatElement;
1572
+ if (_this._floatClass) {
1573
+ floatElement = document.querySelector("" + _this._floatClass);
1574
+ }
1575
+ if (!_this.rootElement.nativeElement.contains((/** @type {?} */ (event.target))) &&
1576
+ !_this.fixedContainerEl.contains((/** @type {?} */ (event.target))) &&
1577
+ (!floatElement || !floatElement.contains((/** @type {?} */ (event.target))))) {
1578
+ _this.opened = "no";
1579
+ _this.openChange.emit(false);
1580
+ window.removeEventListener("contextmenu", _this.onContextMenuOutside);
1581
+ window.removeEventListener("click", _this.onContextMenuOutside);
1582
+ _this.ref.markForCheck();
1583
+ }
1584
+ });
1565
1585
  this.onMoveOutside = (/**
1566
1586
  * @param {?} event
1567
1587
  * @return {?}
@@ -1616,6 +1636,9 @@
1616
1636
  if (this._trigger === "click") {
1617
1637
  return "click";
1618
1638
  }
1639
+ if (this._trigger === "rightClick") {
1640
+ return "rightClick";
1641
+ }
1619
1642
  return "hover";
1620
1643
  },
1621
1644
  enumerable: true,
@@ -1772,12 +1795,15 @@
1772
1795
  this.contentElement.nativeElement.style.transform = "translate(" + translateX + ", " + translateY + ")";
1773
1796
  };
1774
1797
  /**
1798
+ * @param {?} event
1775
1799
  * @return {?}
1776
1800
  */
1777
1801
  FloatBoxComponent.prototype.onClickContainer = /**
1802
+ * @param {?} event
1778
1803
  * @return {?}
1779
1804
  */
1780
- function () {
1805
+ function (event) {
1806
+ event.stopPropagation(); // 阻止点击事件冒泡到外层,避免穿透
1781
1807
  if (this.trigger !== "click") {
1782
1808
  return;
1783
1809
  }
@@ -1786,6 +1812,25 @@
1786
1812
  this.setFixedContentPosition();
1787
1813
  window.addEventListener("click", this.onClickOutside);
1788
1814
  };
1815
+ /**
1816
+ * @param {?} event
1817
+ * @return {?}
1818
+ */
1819
+ FloatBoxComponent.prototype.onRightClickContainer = /**
1820
+ * @param {?} event
1821
+ * @return {?}
1822
+ */
1823
+ function (event) {
1824
+ if (this.trigger !== "rightClick") {
1825
+ return;
1826
+ }
1827
+ event.preventDefault(); // 阻止默认右键菜单
1828
+ this.opened = "yes";
1829
+ this.openChange.emit(true);
1830
+ this.setFixedContentPosition();
1831
+ window.addEventListener("contextmenu", this.onContextMenuOutside);
1832
+ window.addEventListener("click", this.onContextMenuOutside);
1833
+ };
1789
1834
  /**
1790
1835
  * @return {?}
1791
1836
  */
@@ -1822,8 +1867,8 @@
1822
1867
  FloatBoxComponent.decorators = [
1823
1868
  { type: core.Component, args: [{
1824
1869
  selector: "rs-float-box",
1825
- template: "<div\r\n #element\r\n class=\"float-box-container\"\r\n [attr.data-trigger]=\"trigger\"\r\n (click)=\"onClickContainer()\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <ng-content></ng-content>\r\n <div\r\n #content\r\n class=\"float-box-content\"\r\n [attr.data-placement]=\"placement\"\r\n [attr.data-position]=\"position\"\r\n [attr.data-animation]=\"animation\"\r\n [attr.data-fixed]=\"fixed\"\r\n [attr.data-opened]=\"opened\"\r\n >\r\n <div class=\"float-box-show-content\">\r\n <ng-content select=\"[float-content]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
1826
- styles: [".float-box-container{position:relative}.float-box-container[data-trigger=click]>.float-box-content[data-opened=no],.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top:0;--left:0;--translate-x:0;--translate-y:0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{-webkit-animation:.25s ease-in-out;animation:.25s ease-in-out}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{-webkit-animation-name:open-from-top;animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start]{--left:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center]{--left:50%;--translate-x:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end]{--left:calc(100% + 8px);--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top:50%;--translate-y:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top:calc(100% + 8px);--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{-webkit-animation-name:open-from-top;animation-name:open-from-top}@-webkit-keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@-webkit-keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}"]
1870
+ template: "<div\r\n #element\r\n class=\"float-box-container\"\r\n [attr.data-trigger]=\"trigger\"\r\n (click)=\"onClickContainer($event)\"\r\n (contextmenu)=\"onRightClickContainer($event)\"\r\n (mouseenter)=\"onMouseEnter()\"\r\n>\r\n <ng-content></ng-content>\r\n <div\r\n #content\r\n class=\"float-box-content\"\r\n [attr.data-placement]=\"placement\"\r\n [attr.data-position]=\"position\"\r\n [attr.data-animation]=\"animation\"\r\n [attr.data-fixed]=\"fixed\"\r\n [attr.data-opened]=\"opened\"\r\n >\r\n <div class=\"float-box-show-content\">\r\n <ng-content select=\"[float-content]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
1871
+ styles: [".float-box-container{position:relative}.float-box-container[data-trigger=click]>.float-box-content[data-opened=no],.float-box-container[data-trigger=hover]:not(:hover)>.float-box-content,.float-box-container[data-trigger=rightClick]>.float-box-content[data-opened=no]{display:none}.float-box-container>.float-box-content[data-fixed=no]{padding:8px;--top:0;--left:0;--translate-x:0;--translate-y:0;position:absolute;top:var(--top);left:var(--left);transform:translate(var(--translate-x),var(--translate-y));z-index:10}.float-box-container>.float-box-content[data-fixed=no][data-animation=yes]{-webkit-animation:.25s ease-in-out;animation:.25s ease-in-out}.float-box-container>.float-box-content[data-fixed=no][data-placement=top]{--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-animation=true]{-webkit-animation-name:open-from-top;animation-name:open-from-top}.float-box-container>.float-box-content[data-fixed=no][data-placement=left]{--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=right]{--left:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom]{--top:100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=start]{--left:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=center]{--left:50%;--translate-x:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=bottom][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=top][data-position=end]{--left:calc(100% + 8px);--translate-x:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start]{--top:-8px}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=start][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=start][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center]{--top:50%;--translate-y:-50%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=center][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=center][data-animation=yes]{-webkit-animation-name:open-from-bottom;animation-name:open-from-bottom}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end]{--top:calc(100% + 8px);--translate-y:-100%}.float-box-container>.float-box-content[data-fixed=no][data-placement=left][data-position=end][data-animation=yes],.float-box-container>.float-box-content[data-fixed=no][data-placement=right][data-position=end][data-animation=yes]{-webkit-animation-name:open-from-top;animation-name:open-from-top}@-webkit-keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-top{from{margin-top:-8px;opacity:.4}to{margin:0;opacity:1}}@-webkit-keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}@keyframes open-from-bottom{from{margin-top:8px;opacity:.4}to{margin:0;opacity:1}}::ng-deep #kt-float-box-fixed-container{width:0;height:0;z-index:100000}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes]{padding:8px;position:fixed;z-index:10}::ng-deep #kt-float-box-fixed-container .float-box-content[data-fixed=yes][data-opened=no]{display:none}.float-box-show-content{padding:8px 8px 12px;border-radius:8px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}"]
1827
1872
  }] }
1828
1873
  ];
1829
1874
  /** @nocollapse */
@@ -1871,6 +1916,8 @@
1871
1916
  /** @type {?} */
1872
1917
  FloatBoxComponent.prototype.onClickOutside;
1873
1918
  /** @type {?} */
1919
+ FloatBoxComponent.prototype.onContextMenuOutside;
1920
+ /** @type {?} */
1874
1921
  FloatBoxComponent.prototype.onMoveOutside;
1875
1922
  /**
1876
1923
  * @type {?}
@@ -21770,8 +21817,8 @@
21770
21817
  RSHeaderComponent.decorators = [
21771
21818
  { type: core.Component, args: [{
21772
21819
  selector: "rs-header",
21773
- template: "<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <img\r\n class=\"toggle-menu\"\r\n src=\"../../../assets/img/toggle-menu-icon.svg\"\r\n (click)=\"onToggleMenu()\"\r\n />\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n <div *ngIf=\"appName\" class=\"header-app-name\">{{ appName }}</div>\r\n </div>\r\n <div class=\"content-header-wrap\">\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-header-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{ currentLang && currentLang.text }}\r\n </button>\r\n </div>\r\n <!-- <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n </div> -->\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
21774
- styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;margin-right:8px;margin-top:2px;width:24px;height:24px}.rs-header .logo-wrap .toggle-menu-wrap:hover{background:#1364b30d;border-radius:6px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .logo-wrap .header-app-name{font-size:24px;color:#15477f;margin-left:6px;margin-top:-8px}@media (max-width:1200px){.rs-header .logo-wrap{width:auto}}.rs-header .content-header-wrap{display:flex;justify-content:space-between;align-items:center;flex:1;max-width:1886px;margin:0 auto}.rs-header .bread-crumbs-wrap{padding-left:16px}.rs-header .rs-header-toolbar-wrap,.rs-header .rs-header-toolbar-wrap .quick-icon-group{display:flex;align-items:center}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin-right:8px;cursor:pointer}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:last-child{margin-right:16px}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon svg{width:24px;height:24px;color:#6c7c90;stroke:#6c7c90}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover{border-radius:4px;background:rgba(31,123,255,.04)}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover svg{color:#1f7bff;stroke:#1f7bff}.rs-header .rs-header-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-header-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-header-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-header-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]
21820
+ template: "<div class=\"rs-header\">\r\n <div class=\"logo-wrap\">\r\n <div class=\"toggle-menu-wrap\">\r\n <svg\r\n class=\"toggle-menu\"\r\n (click)=\"onToggleMenu()\"\r\n width=\"24\"\r\n height=\"31\"\r\n viewBox=\"0 0 24 31\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <line x1=\"4\" y1=\"9.5\" x2=\"20\" y2=\"9.5\" stroke=\"#6C7C90\" />\r\n <line x1=\"4\" y1=\"21.5\" x2=\"20\" y2=\"21.5\" stroke=\"#6C7C90\" />\r\n <line x1=\"4\" y1=\"15.5\" x2=\"20\" y2=\"15.5\" stroke=\"#6C7C90\" />\r\n </svg>\r\n </div>\r\n <img\r\n class=\"logo\"\r\n src=\"../../../assets/img/raise_logo_main.svg\"\r\n alt=\"logo\"\r\n />\r\n <!-- <svg\r\n width=\"87\"\r\n height=\"35\"\r\n viewBox=\"0 0 87 35\"\r\n fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n >\r\n <g clip-path=\"url(#clip0_13700_1713)\">\r\n <path\r\n d=\"M36.32 29.029L34.6405 24.7835H26.2706L24.6825 29.029H18.9998L28.0712 7.39929H33.1416L42.1238 29.0267H36.32V29.029ZM30.5161 13.1735L27.7673 20.5974H33.2055L30.5161 13.1735Z\"\r\n fill=\"#15477F\"\r\n />\r\n <path\r\n d=\"M43.9265 29.0289V10.5548H49.182V29.0289H43.9265Z\"\r\n fill=\"#15477F\"\r\n />\r\n <path\r\n d=\"M65.065 13.0203C64.6171 12.4514 64.0299 11.9966 63.3078 11.6608C62.5857 11.3249 61.8865 11.1558 61.2147 11.1558C60.8674 11.1558 60.5178 11.1855 60.1614 11.2472C59.8049 11.3089 59.485 11.4254 59.1994 11.5991C58.9138 11.7727 58.6738 11.9966 58.4819 12.2708C58.2877 12.545 58.1917 12.8969 58.1917 13.3242C58.1917 13.6898 58.2671 13.996 58.4202 14.2405C58.5733 14.485 58.7972 14.6998 59.092 14.8826C59.3868 15.0654 59.7386 15.2345 60.1454 15.3876C60.5521 15.5407 61.0114 15.6983 61.5209 15.8606C62.2544 16.1051 63.0176 16.3747 63.8128 16.6694C64.608 16.9642 65.33 17.3572 65.9812 17.8462C66.6325 18.3352 67.1717 18.9407 67.6013 19.6628C68.0286 20.3848 68.2434 21.2874 68.2434 22.3659C68.2434 23.609 68.0149 24.6829 67.5556 25.5878C67.0963 26.4949 66.4816 27.2421 65.707 27.8339C64.9324 28.4257 64.0481 28.8621 63.0496 29.1478C62.0511 29.4334 61.0228 29.5751 59.9649 29.5751C58.4179 29.5751 56.919 29.3054 55.4749 28.7662C54.0285 28.2269 52.8266 27.4569 51.8691 26.4606L55.2898 22.9783C55.8199 23.6295 56.5168 24.1756 57.3828 24.6121C58.2488 25.0508 59.108 25.2679 59.9649 25.2679C60.351 25.2679 60.728 25.2267 61.0959 25.1445C61.4615 25.0622 61.7837 24.9297 62.0579 24.7469C62.3321 24.5641 62.5515 24.3196 62.7137 24.0134C62.8759 23.7072 62.9582 23.3416 62.9582 22.9143C62.9582 22.487 62.8554 22.1603 62.652 21.8747C62.4486 21.589 62.1584 21.3308 61.7814 21.0955C61.4044 20.8624 60.936 20.6476 60.3762 20.4534C59.8163 20.2592 59.1788 20.0512 58.4659 19.8273C57.7736 19.6034 57.0949 19.3383 56.4345 19.0321C55.7719 18.7259 55.1824 18.3352 54.6637 17.8554C54.145 17.3778 53.7268 16.7974 53.4115 16.1142C53.0962 15.431 52.9385 14.6015 52.9385 13.6236C52.9385 12.4217 53.183 11.3934 53.672 10.5388C54.161 9.68424 54.8031 8.98046 55.596 8.43206C56.3911 7.88138 57.2869 7.47922 58.2831 7.22559C59.2816 6.97195 60.2893 6.84399 61.3084 6.84399C62.5309 6.84399 63.7785 7.06792 65.0512 7.51578C66.324 7.96364 67.4391 8.62629 68.3965 9.50144L65.0672 13.0135L65.065 13.0203Z\"\r\n fill=\"#15477F\"\r\n />\r\n <path\r\n d=\"M71.6938 29.029V7.39929H86.2355V11.7979H76.7345V15.8903H85.7168V20.0764H76.7345V24.5664H86.7862V29.0267H71.6961L71.6938 29.029Z\"\r\n fill=\"#15477F\"\r\n />\r\n <path\r\n d=\"M1.96738 29.0267H4.97671L8.19168 25.8117L11.4067 29.0267H18.9974L8.18483 18.2141L5.37658 21.0224V12.7759H12.6109C12.8645 12.7759 12.9673 12.9564 12.9993 13.0364C13.0313 13.114 13.0884 13.3151 12.9079 13.4934L10.2436 16.1577L14.0161 19.9302L16.0383 17.908L17.8183 16.1279C19.0294 14.597 19.3173 12.5862 18.5518 10.7354C17.6995 8.6766 15.787 7.39929 13.5591 7.39929H0V29.0267H1.96738Z\"\r\n fill=\"#15477F\"\r\n />\r\n <path d=\"M43.9265 9.36433H49.1797V5L43.9265 9.36433Z\" fill=\"#F68D1E\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_13700_1713\">\r\n <rect width=\"86.7839\" height=\"34.5751\" fill=\"white\" />\r\n </clipPath>\r\n </defs>\r\n </svg> -->\r\n\r\n <div *ngIf=\"appName\" class=\"header-app-name\">{{ appName }}</div>\r\n </div>\r\n <div class=\"content-header-wrap\">\r\n <div class=\"bread-crumbs-wrap\">\r\n <ng-content select=\"[breadCrumbs]\"></ng-content>\r\n </div>\r\n <div class=\"rs-header-toolbar-wrap\">\r\n <div class=\"quick-icon-group\">\r\n <ng-content select=\"[toolbar]\"></ng-content>\r\n </div>\r\n <div class=\"line\"></div>\r\n <div class=\"langulage-wrap\">\r\n <button\r\n class=\"e-btn text\"\r\n ejs-dropdownbutton\r\n [items]=\"langOptions\"\r\n (select)=\"selectLanguage($event)\"\r\n >\r\n {{ currentLang && currentLang.text }}\r\n </button>\r\n </div>\r\n <!-- <div class=\"line\"></div>\r\n <div class=\"last-login-wrap\">\r\n {{ translation?.LAST_LOGIN || \"Last Login\" }}:\r\n {{ lastLoginTime | date : \"dd MMM yy h:mm a\" }}\r\n </div> -->\r\n <div class=\"line\"></div>\r\n <div class=\"user-info-wrap\">\r\n <ng-content select=\"[userInfo]\"></ng-content>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
21821
+ styles: [".rs-header{height:50px;background-color:var(--rs-container-bg);display:flex;justify-content:space-between}.rs-header .logo-wrap{width:240px;display:flex;padding:12px 0 0 20px;align-items:center;gap:12px}.rs-header .logo-wrap .toggle-menu-wrap{cursor:pointer;display:flex;align-items:center}.rs-header .logo-wrap .toggle-menu-wrap:hover{background:#1364b30d;border-radius:6px}.rs-header .logo-wrap .logo{width:77px;height:32px}.rs-header .logo-wrap .header-app-name{font-size:24px;color:#15477f;margin-left:6px;margin-top:-8px}@media (max-width:1200px){.rs-header .logo-wrap{width:auto}}.rs-header .content-header-wrap{display:flex;justify-content:space-between;align-items:center;flex:1;max-width:1886px;margin:0 auto}.rs-header .bread-crumbs-wrap{padding-left:16px}.rs-header .rs-header-toolbar-wrap,.rs-header .rs-header-toolbar-wrap .quick-icon-group{display:flex;align-items:center}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon{width:32px;height:32px;display:flex;justify-content:center;align-items:center;margin-right:8px;cursor:pointer}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:last-child{margin-right:16px}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon svg{width:24px;height:24px;color:#6c7c90;stroke:#6c7c90}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover{border-radius:4px;background:rgba(31,123,255,.04)}.rs-header .rs-header-toolbar-wrap .quick-icon-group ::ng-deep .header-icon:hover svg{color:#1f7bff;stroke:#1f7bff}.rs-header .rs-header-toolbar-wrap .line{width:1px;height:24px;background-color:var(--rs-border-color)}.rs-header .rs-header-toolbar-wrap .langulage-wrap{padding:0 16px}.rs-header .rs-header-toolbar-wrap .last-login-wrap{padding:0 16px;color:var(--rs-labels-color);font-size:11px;font-weight:400;line-height:1}.rs-header .rs-header-toolbar-wrap .user-info-wrap{padding:0 20px 0 16px}"]
21775
21822
  }] }
21776
21823
  ];
21777
21824
  /** @nocollapse */
@@ -22004,7 +22051,7 @@
22004
22051
  RSFooterComponent.decorators = [
22005
22052
  { type: core.Component, args: [{
22006
22053
  selector: 'rs-footer',
22007
- template: "<div class=\"rs-footer\">\r\n <span>\r\n RAISE<sup>&reg;</sup>\u00A0\u00A9\u00A0\r\n {{ today | date : \"yyyy\" }}\r\n Linnovate Partners</span\r\n >\r\n</div>\r\n",
22054
+ template: "<div class=\"rs-footer\">\r\n <span>\r\n RAISE<sup>&reg;</sup>\u00A0\u00A9\u00A0\r\n {{ today | date : \"yyyy\" }}\r\n </span>\r\n</div>\r\n",
22008
22055
  styles: [".rs-footer{height:40px;padding:0 24px;display:flex;align-items:center;background-color:var(--rs-container-bg);color:var(--rs-labels-color);font-family:var(--rs-font-family);font-size:11px;max-width:1886px;margin:0 auto}@media (max-width:768px){.rs-footer{width:100%;position:fixed;bottom:0;left:0}}"]
22009
22056
  }] }
22010
22057
  ];