sidesys-generic-ui 0.0.26 → 0.0.27-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 (82) hide show
  1. package/esm2022/lib/avatar/s-avatar.component.mjs +1 -1
  2. package/esm2022/lib/badge/s-badge.component.mjs +1 -1
  3. package/esm2022/lib/breadcrum/s-breadcrum.component.mjs +1 -1
  4. package/esm2022/lib/card/s-card.component.mjs +1 -1
  5. package/esm2022/lib/checkbox/s-checkbox.component.mjs +3 -3
  6. package/esm2022/lib/content/s-content.component.mjs +7 -4
  7. package/esm2022/lib/footer/s-footer.component.mjs +8 -3
  8. package/esm2022/lib/form/s-form.component.mjs +1 -1
  9. package/esm2022/lib/icon-material/index.mjs +2 -1
  10. package/esm2022/lib/icon-material/s-icon-material.component.mjs +6 -3
  11. package/esm2022/lib/icon-material/s-icon-material.model.mjs +3 -0
  12. package/esm2022/lib/input/components/calendar/s-calendar.component.mjs +136 -0
  13. package/esm2022/lib/input/components/color/s-color.component.mjs +119 -0
  14. package/esm2022/lib/input/components/error-control/s-error-control.component.mjs +3 -3
  15. package/esm2022/lib/input/components/input/s-input.component.mjs +116 -0
  16. package/esm2022/lib/input/components/input-number/s-input-number.component.mjs +228 -0
  17. package/esm2022/lib/input/components/input-text/s-input-text.component.mjs +7 -9
  18. package/esm2022/lib/input/components/input-textarea/s-input-textarea.component.mjs +17 -21
  19. package/esm2022/lib/input/components/range/s-range.component.mjs +177 -0
  20. package/esm2022/lib/input/components/time/s-time.component.mjs +129 -0
  21. package/esm2022/lib/input/components/validation-error/s-validation-error.component.mjs +33 -0
  22. package/esm2022/lib/input/directives/control-value-accessor.directive.mjs +69 -0
  23. package/esm2022/lib/input/enums/icon-theme.enum.mjs +8 -0
  24. package/esm2022/lib/input/enums/theme.emun.mjs +8 -0
  25. package/esm2022/lib/input/index.mjs +10 -1
  26. package/esm2022/lib/input/input.module.mjs +40 -5
  27. package/esm2022/lib/list/s-list.component.mjs +1 -1
  28. package/esm2022/lib/list-simple/s-list-simple.component.mjs +2 -2
  29. package/esm2022/lib/login/s-login.component.mjs +2 -2
  30. package/esm2022/lib/navbar/components/icon-menu/components/s-notificaction.component.mjs +1 -1
  31. package/esm2022/lib/navbar/components/icon-menu/s-icon-menu.component.mjs +1 -1
  32. package/esm2022/lib/navbar/components/menu-main/s-menu-main.component.mjs +1 -1
  33. package/esm2022/lib/navbar/s-navbar.component.mjs +2 -2
  34. package/esm2022/lib/pagination/s-pagination.component.mjs +17 -4
  35. package/esm2022/lib/popup/s-popup.component.mjs +3 -3
  36. package/esm2022/lib/precode/s-precode.component.mjs +11 -5
  37. package/esm2022/lib/progressbar/s-progressbar.component.mjs +2 -2
  38. package/esm2022/lib/radio/s-radio.component.mjs +8 -9
  39. package/esm2022/lib/select/select-multiple/s-select-multiple.component.mjs +16 -7
  40. package/esm2022/lib/select/select-simple/s-select-simple.component.mjs +14 -6
  41. package/esm2022/lib/sidebar/components/s-menu-item.component.mjs +43 -0
  42. package/esm2022/lib/sidebar/index.mjs +2 -1
  43. package/esm2022/lib/sidebar/s-sidebar-model.mjs +1 -1
  44. package/esm2022/lib/sidebar/s-sidebar.component.mjs +49 -12
  45. package/esm2022/lib/sidebar/s-sidebar.module.mjs +8 -5
  46. package/esm2022/lib/sub-menu/s-sub-menu.component.mjs +1 -1
  47. package/esm2022/lib/tabs/s-tabs.component.mjs +1 -1
  48. package/esm2022/lib/theme/s-theme.component.mjs +2 -2
  49. package/esm2022/lib/toast/s-toast.component.mjs +1 -1
  50. package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs +1 -1
  51. package/esm2022/lib/tree-list/s-tree-list.component.mjs +1 -1
  52. package/fesm2022/sidesys-generic-ui.mjs +1253 -141
  53. package/fesm2022/sidesys-generic-ui.mjs.map +1 -1
  54. package/lib/content/s-content.component.d.ts +2 -1
  55. package/lib/footer/s-footer.component.d.ts +2 -1
  56. package/lib/icon-material/index.d.ts +1 -0
  57. package/lib/icon-material/s-icon-material.component.d.ts +11 -9
  58. package/lib/icon-material/s-icon-material.model.d.ts +11 -0
  59. package/lib/input/components/calendar/s-calendar.component.d.ts +41 -0
  60. package/lib/input/components/color/s-color.component.d.ts +40 -0
  61. package/lib/input/components/error-control/s-error-control.component.d.ts +1 -1
  62. package/lib/input/components/input/s-input.component.d.ts +72 -0
  63. package/lib/input/components/input-number/s-input-number.component.d.ts +69 -0
  64. package/lib/input/components/input-textarea/s-input-textarea.component.d.ts +6 -7
  65. package/lib/input/components/range/s-range.component.d.ts +44 -0
  66. package/lib/input/components/time/s-time.component.d.ts +36 -0
  67. package/lib/input/components/validation-error/s-validation-error.component.d.ts +11 -0
  68. package/lib/input/directives/control-value-accessor.directive.d.ts +21 -0
  69. package/lib/input/enums/icon-theme.enum.d.ts +6 -0
  70. package/lib/input/enums/theme.emun.d.ts +6 -0
  71. package/lib/input/index.d.ts +9 -0
  72. package/lib/input/input.module.d.ts +12 -5
  73. package/lib/pagination/s-pagination.component.d.ts +5 -1
  74. package/lib/precode/s-precode.component.d.ts +3 -1
  75. package/lib/radio/s-radio.component.d.ts +1 -1
  76. package/lib/select/select-multiple/s-select-multiple.component.d.ts +1 -0
  77. package/lib/sidebar/components/s-menu-item.component.d.ts +16 -0
  78. package/lib/sidebar/index.d.ts +1 -0
  79. package/lib/sidebar/s-sidebar-model.d.ts +14 -2
  80. package/lib/sidebar/s-sidebar.component.d.ts +13 -9
  81. package/lib/sidebar/s-sidebar.module.d.ts +7 -6
  82. package/package.json +1 -1
package/esm2022/lib/sidebar/s-sidebar.component.mjs CHANGED
@@ -5,16 +5,14 @@ import * as i2 from "@angular/common";
5
5
  import * as i3 from "@angular/router";
6
6
  import * as i4 from "../icon-material/s-icon-material.component";
7
7
  import * as i5 from "../badge/s-badge.component";
8
+ import * as i6 from "./components/s-menu-item.component";
8
9
  export class SSidebarComponent {
9
10
  constructor(localStorage) {
10
11
  this.localStorage = localStorage;
11
- /**
12
- * Menu items
13
- */
14
12
  this.menu = [];
15
13
  this.expand = true;
16
14
  this.showExpand = true;
17
- this.navegate = new EventEmitter();
15
+ this.clickEvent = new EventEmitter();
18
16
  this.clickEventMenu = new EventEmitter();
19
17
  if (this.localStorage.getItem("s-sidebar:expand") == null || this.localStorage.getItem("s-sidebar:expand") == undefined) {
20
18
  this.localStorage.saveItem("s-sidebar:expand", true);
@@ -25,7 +23,6 @@ export class SSidebarComponent {
25
23
  }
26
24
  clickParent(item) {
27
25
  this.actionExpandItem(item);
28
- this.actionExpandMenu();
29
26
  }
30
27
  actionExpandItem(item) {
31
28
  const itemExpanedTemp = item.expanded;
@@ -41,15 +38,17 @@ export class SSidebarComponent {
41
38
  itemToReset.expanded = false;
42
39
  });
43
40
  }
44
- toogleMenu(event) {
41
+ toogleMenu() {
45
42
  this.expand = !this.expand;
46
- this.onClickEventMenu(event);
43
+ this.onClickEventMenu(this.expand);
47
44
  this.refreshExpand();
48
- this.expand ? '' : this.restartSelectedItems();
49
45
  }
50
46
  onClickEventMenu(event) {
51
47
  this.clickEventMenu.next(event);
52
48
  }
49
+ clickItem(event) {
50
+ this.clickEvent.next(event);
51
+ }
53
52
  loadDataFromLocalStorage() {
54
53
  if (!this.localStorage.getItem("s-sidebar:expand")) {
55
54
  this.expand = this.localStorage.getItem("s-sidebar:expand");
@@ -62,12 +61,48 @@ export class SSidebarComponent {
62
61
  refreshExpand() {
63
62
  this.localStorage.saveItem("s-sidebar:expand", this.expand);
64
63
  }
64
+ isSIcon(icon) {
65
+ return typeof icon !== 'string';
66
+ }
67
+ getClassItem(item) {
68
+ const icon = !!item.icon;
69
+ const badge = !!item.badge;
70
+ const children = !!item.children;
71
+ switch (true) {
72
+ case children && !icon:
73
+ return badge ? "grid-template-10-1-1" : "grid-template-10-1";
74
+ case children && icon:
75
+ return badge ? "grid-template-1-10-1-1" : "grid-template-1-10-1";
76
+ case !icon && badge:
77
+ return 'grid-template-10-1';
78
+ case icon && !badge:
79
+ return 'grid-template-1-10';
80
+ case !icon && !badge:
81
+ return 'grid-template-1';
82
+ case icon && badge:
83
+ return 'grid-template-1-10-1';
84
+ default:
85
+ return 'default-value';
86
+ }
87
+ }
88
+ getClassChildren(item) {
89
+ return item.children ? 'item-parent' : 'item-child';
90
+ }
91
+ getImageSource() {
92
+ if ((this.theme === 'default' || this.theme === '') && this.images) {
93
+ return this.expand ? this.images.default.expand : this.images.default.collapse;
94
+ }
95
+ else if (this.theme === 'dark' && this.images) {
96
+ return this.expand ? this.images.dark.expand : this.images.dark.collapse;
97
+ }
98
+ return '';
99
+ }
65
100
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SSidebarComponent, deps: [{ token: i1.LocalstorageService }], target: i0.ɵɵFactoryTarget.Component }); }
66
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SSidebarComponent, selector: "s-sidebar", inputs: { menu: "menu", expand: "expand", showExpand: "showExpand", theme: "theme" }, outputs: { navegate: "navegate", clickEventMenu: "clickEventMenu" }, ngImport: i0, template: "<div class=\"s-sidebar\" [ngClass]=\"[\r\n theme ? 's-sidebar--theme-' + theme : '',\r\n expand ? 's-sidebar--open' : 's-sidebar--close']\">\r\n\r\n <ul class=\"s-sidebar__menu s-scroll\">\r\n <ng-container *ngFor=\"let item of menu; index as i\">\r\n <!-- Cuando es separate -->\r\n <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\r\n <div class=\"s-sidebar__menu__line-separate__line\"></div>\r\n <div class=\"s-sidebar__menu__line-separate__text\">\r\n {{item.separateText}}\r\n </div>\r\n </div>\r\n <!-- Cuando NO tiene hijos esta visible y no es separate -->\r\n <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\r\n <a *ngIf=\"item.link\" [routerLink]=\"item.link\" routerLinkActive=\"active\">\r\n <div *ngIf=\"item.dot == null || item.dot == true\" class=\"dot\"></div>\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n </a>\r\n <a *ngIf=\"!item.link\">\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n </a>\r\n </li>\r\n <!-- Cuando SI tiene hijos esta visible y no es separate -->\r\n <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\">\r\n <a *ngIf=\"item.link\" [routerLink]=\"item.link\" routerLinkActive=\"active\">\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n <s-icon-mat *ngIf=\"item.children && item.children.length > 0\"\r\n class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">keyboard_arrow_down</s-icon-mat>\r\n </a>\r\n <a *ngIf=\"!item.link\">\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n <s-icon-mat *ngIf=\"item.children && item.children.length > 0\"\r\n class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">keyboard_arrow_down</s-icon-mat>\r\n </a>\r\n </li>\r\n <ul *ngIf=\"item.children && !item.hidden && !item.separate\"\r\n class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\r\n <ng-container *ngFor=\"let itemChildren of item.children\">\r\n <li *ngIf=\"!itemChildren.hidden\">\r\n <a routerLink=\"{{itemChildren.link ? itemChildren.link : undefined}}\"\r\n routerLinkActive=\"active\">\r\n <div *ngIf=\"itemChildren.dot == null || itemChildren.dot == true\" class=\"dot\"></div>\r\n <s-icon-mat *ngIf=\"itemChildren.icon\" class=\"icon-menu\">{{itemChildren.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{itemChildren.title}}</span>\r\n <s-badge *ngIf=\"itemChildren.badge\"\r\n type=\"{{itemChildren.badgeType ? itemChildren.badgeType : 'secondary'}}\">{{itemChildren.badge}}</s-badge>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </ng-container>\r\n </ul>\r\n</div>\r\n\r\n<div class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (click)=\"toogleMenu($event)\">\r\n <s-icon-mat>chevron_right</s-icon-mat>\r\n</div>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 18px 28px #17386126;z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.47rem .7rem;line-height:1.5rem;display:flex;align-items:center;text-decoration:none;cursor:pointer;justify-content:center;margin-left:4px;margin-right:4px}.s-sidebar ul li{line-height:1.25rem}.s-sidebar--close{width:3.5rem;transition:width .1s ease-in-out}.s-sidebar--close .s-sidebar__menu__line-separate{display:flex;justify-content:flex-start;align-items:center;height:24px}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);width:100%;margin:0 11px}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu li{margin-right:4px;margin-left:4px}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;transition:width .3s ease-in-out}.s-sidebar--open .s-sidebar__menu__line-separate{display:flex;justify-content:flex-start;align-items:center;height:24px;margin:5px 0}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);width:19%;margin-right:15px}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600)}.s-sidebar__menu{margin-bottom:2rem;overflow-y:auto;overflow-x:hidden;height:92%;margin:0}.s-sidebar__menu s-icon-mat span{font-size:1.2rem}.s-sidebar__menu li:hover .dot{width:5px;height:5px;background:var(--secondary-700);border:1px solid rgba(255,0,0,0)}.s-sidebar__menu .dot{border-radius:100%;width:5px;height:5px;border:1px solid var(--primary-600);margin-right:10px}.s-sidebar__menu .active{border-radius:4px;border-left:3px solid var(--primary-700);background-color:var(--cyan-alpha-200);margin:4px}.s-sidebar__menu .active .menu-title{font-weight:500}.s-sidebar__menu .active .dot{width:5px;height:5px;background:var(--primary-700)}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin:4px 5px;background-color:var(--cyan-alpha-200);border-radius:4px}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{color:var(--primary-600);transition:.2s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title{font-family:Roboto;color:var(--secondary-700);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;font-weight:400}.s-sidebar__menu .icon-menu{display:flex;padding-right:.5rem;color:var(--primary-700)}.s-sidebar__menu__item--open a{border-radius:4px;background-color:var(--cyan-alpha-300)}.s-sidebar__menu__item--open li{background-color:var(--cyan-alpha-400)}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line,.s-sidebar--theme-dark .dot{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open,.s-sidebar--theme-dark .s-sidebar__menu.s-sidebar__menu--open .active{background-color:var(--cyan-alpha-300)}.s-sidebar--theme-dark .active{border-color:var(--primary-600);background-color:var(--cyan-alpha-400)}.s-sidebar--theme-dark .item-open a{background-color:var(--cyan-alpha-400)}.s-sidebar--theme-dark .item-open a s-icon-mat span{color:var(--neutrals-1200)}.s-sidebar--theme-dark .arrow{color:var(--neutrals-1200)}.s-sidebar--close>.s-sidebar__menu>.s-sidebar__menu,.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow{display:none!important}.button-menu{border-radius:50px;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:24px;height:24px;cursor:pointer;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu:active{background:var(--primary-1000)}.button-menu--open{left:190px;bottom:57px}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:14px;bottom:57px}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i5.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }], encapsulation: i0.ViewEncapsulation.None }); }
101
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SSidebarComponent, selector: "s-sidebar", inputs: { menu: "menu", expand: "expand", showExpand: "showExpand", theme: "theme", images: "images" }, outputs: { clickEvent: "clickEvent", clickEventMenu: "clickEventMenu" }, ngImport: i0, template: "<div class=\"s-sidebar\" [ngClass]=\"[\r\n theme ? 's-sidebar--theme-' + theme : '',\r\n expand ? 's-sidebar--open' : 's-sidebar--close']\">\r\n\r\n <div *ngIf=\"images\" class=\"s-sidebar__top\" [ngClass]=\"{'s-sidebar__top--expand': expand, 's-sidebar__top--collapse': !expand}\">\r\n <img [src]=\"getImageSource()\" alt=\"\"/>\r\n </div>\r\n \r\n <ul class=\"s-sidebar__menu s-scroll\">\r\n <ng-container *ngFor=\"let item of menu; index as i\">\r\n <!-- Cuando es separate -->\r\n <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\r\n <div *ngIf=\"item.separateLine\" class=\"s-sidebar__menu__line-separate__line\"></div>\r\n <div class=\"s-sidebar__menu__line-separate__text\">{{item.separateText}}</div>\r\n <div class=\"s-sidebar__menu__line-separate__dot cursor\" title=\"{{item.separateText ? item.separateText : ''}}\" (click)=\"toogleMenu()\">...</div>\r\n </div>\r\n <!-- Cuando NO tiene hijos esta visible y no es separate -->\r\n <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\r\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </li>\r\n <!-- Cuando SI tiene hijos esta visible y no es separate -->\r\n <!-- Padre -->\r\n <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\">\r\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </li>\r\n <!-- Hijos -->\r\n <ul *ngIf=\"item.children && !item.hidden && !item.separate\" class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\r\n <ng-container *ngFor=\"let itemChildren of item.children\">\r\n <li *ngIf=\"!itemChildren.hidden\">\r\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: itemChildren }\"></ng-template>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </ng-container>\r\n </ul>\r\n</div>\r\n\r\n<div class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (click)=\"toogleMenu()\">\r\n <s-icon-mat size=\"20\">chevron_right</s-icon-mat>\r\n</div>\r\n\r\n<ng-template #itemTemplate let-item>\r\n <a [ngClass]=\"[getClassItem(item) , getClassChildren(item)]\" (click)=\"item.action ? item.action() : null ; clickItem(item)\" [routerLink]=\"item.link ? item.link : undefined\" routerLinkActive=\"active\" title=\"{{item.title ? item.title : ''}}\">\r\n <ng-template [ngTemplateOutlet]=\"iconTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item.icon }\"></ng-template>\r\n <s-menu-item [expand]=\"expand\" [title]=\"item.title\"></s-menu-item>\r\n <ng-template *ngIf=\"item.badge\" [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n <s-icon-mat size=\"17\" *ngIf=\"item.children && item.children.length > 0\"\r\n class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">\r\n keyboard_arrow_down\r\n </s-icon-mat>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #iconTemplate let-icon>\r\n <s-icon-mat \r\n *ngIf=\"icon\" \r\n [type]=\"isSIcon(icon) && icon.type ? icon.type : 'icon'\"\r\n [size]=\"isSIcon(icon) && icon.size ? icon.size : '20'\"\r\n class=\"icon-menu\">{{isSIcon(icon) && icon.name ? icon.name : icon}}\r\n </s-icon-mat>\r\n <s-icon-mat \r\n *ngIf=\"!icon\" \r\n type=\"symbol\"\r\n size=\"20\"\r\n class=\"icon-menu icon-menu-default\">fiber_manual_record\r\n </s-icon-mat>\r\n</ng-template>\r\n\r\n<ng-template #badgeTemplate let-item>\r\n <s-badge class=\"badge-padding\"\r\n type=\"{{item.badgeType ? item.badgeType : 'secondary'}}\">\r\n {{item.badge}}\r\n </s-badge>\r\n</ng-template>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 18px 28px #17386126;z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar:first-child{padding-left:5px;padding-right:3px;padding-bottom:40px}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.7rem 0rem;line-height:1.5rem;display:grid;grid-template-columns:1fr 10fr 2fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;margin-bottom:3px}.s-sidebar a.grid-template-1-10-1{grid-template-columns:2fr 10fr 2fr}.s-sidebar a.grid-template-1-10-1-1{grid-template-columns:2fr 8fr 1fr 2fr}.s-sidebar a.grid-template-1{grid-template-columns:2fr;padding-left:10px;padding-right:10px}.s-sidebar a.grid-template-1-10{grid-template-columns:2fr 10fr;padding-right:10px}.s-sidebar a.grid-template-10-1{grid-template-columns:10fr 2fr;padding-left:10px}.s-sidebar a.grid-template-10-1-1{grid-template-columns:10fr 2fr 2fr;padding-left:10px}.s-sidebar--close{width:4.5rem;transition:width .1s ease-in-out}.s-sidebar--close .icon-menu-default{display:block}.s-sidebar--close a.grid-template-1{padding-left:0}.s-sidebar--close a{grid-template-columns:1fr!important;padding-right:0!important}.s-sidebar--close .s-sidebar__menu__line-separate{height:24px;display:grid;grid-template-columns:1fr}.s-sidebar--close .s-sidebar__menu__line-separate__dot{display:block;text-align:center;width:100%;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:0 11px}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;transition:width .3s ease-in-out}.s-sidebar--open .icon-menu-default{display:none!important}.s-sidebar--open .s-sidebar__menu__line-separate{margin:5px}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:10px 0}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600);cursor:default}.s-sidebar--open .s-sidebar__menu__line-separate__dot{display:none}.s-sidebar--open .s-sidebar__menu--open li a{margin:2px}.s-sidebar__menu{overflow-y:auto;overflow-x:hidden;height:97%;margin:0}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a{border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover{border-radius:4px;background-color:var(--primary-300);border-left:none}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-600)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a) .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active .menu-title{font-weight:700}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin-top:4px;margin-bottom:4px;background-color:var(--cyan-alpha-200);border-radius:4px}.s-sidebar__menu--open li a{border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu--open li a:hover{border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a:hover .menu-title{font-weight:700}.s-sidebar__menu--open li a.active{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a.active .menu-title{font-weight:700}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{padding:0 3px;color:var(--primary-600);transition:.01s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title-box{height:20px;overflow:hidden;position:relative}.s-sidebar__menu .menu-title-box .menu-title{font-family:Roboto;color:var(--secondary-600);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;position:absolute;white-space:nowrap}.s-sidebar__menu .menu-title-box .menu-title.menu-title-display{transform:translate(0);transition:1s}.s-sidebar__menu .icon-menu{color:var(--secondary-700)}.s-sidebar__menu__item--open a{border-radius:4px;background-color:var(--primary-200);border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item--open a .menu-title{font-weight:700}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open{background-color:var(--primary-900)}.s-sidebar--theme-dark .s-sidebar__menu__item--open a .menu-title,.s-sidebar--theme-dark .s-sidebar__menu__item a:hover .menu-title{font-weight:700}.s-sidebar--theme-dark .s-sidebar__menu__item--open a{background-color:var(--primary-600);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a.active:not(.s-sidebar__menu__item--open a){background-color:var(--primary-600);border-left:3px solid var(--primary-400);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .s-sidebar__menu--open a:hover{background-color:var(--primary-700);border-left:3px solid var(--primary-400)}.s-sidebar--theme-dark .s-sidebar__menu--open a.active{background-color:var(--primary-600);border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .arrow,.s-sidebar--theme-dark.s-sidebar--close .s-sidebar__menu__line-separate__dot{color:var(--neutrals-1200)}.s-sidebar__top{display:flex;justify-content:center;align-items:center}.s-sidebar__top--expand{margin:10px}.s-sidebar__top--collapse{margin:5px}.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow,.s-sidebar--close .menu-title-box,.s-sidebar--close .s-badge{display:none!important}.button-menu{display:flex;justify-content:center;align-items:center;border-radius:50px;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:44px;height:32px;cursor:pointer;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu--open{left:190px;bottom:42px}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:15px;bottom:42px}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "component", type: i5.SBadgeComponent, selector: "s-badge", inputs: ["type", "size", "new"] }, { kind: "component", type: i6.SMenuItemTitleComponent, selector: "s-menu-item", inputs: ["title", "expand"] }], encapsulation: i0.ViewEncapsulation.None }); }
67
102
  }
68
103
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SSidebarComponent, decorators: [{
69
104
  type: Component,
70
- args: [{ selector: 's-sidebar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-sidebar\" [ngClass]=\"[\r\n theme ? 's-sidebar--theme-' + theme : '',\r\n expand ? 's-sidebar--open' : 's-sidebar--close']\">\r\n\r\n <ul class=\"s-sidebar__menu s-scroll\">\r\n <ng-container *ngFor=\"let item of menu; index as i\">\r\n <!-- Cuando es separate -->\r\n <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\r\n <div class=\"s-sidebar__menu__line-separate__line\"></div>\r\n <div class=\"s-sidebar__menu__line-separate__text\">\r\n {{item.separateText}}\r\n </div>\r\n </div>\r\n <!-- Cuando NO tiene hijos esta visible y no es separate -->\r\n <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\r\n <a *ngIf=\"item.link\" [routerLink]=\"item.link\" routerLinkActive=\"active\">\r\n <div *ngIf=\"item.dot == null || item.dot == true\" class=\"dot\"></div>\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n </a>\r\n <a *ngIf=\"!item.link\">\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n </a>\r\n </li>\r\n <!-- Cuando SI tiene hijos esta visible y no es separate -->\r\n <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\">\r\n <a *ngIf=\"item.link\" [routerLink]=\"item.link\" routerLinkActive=\"active\">\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n <s-icon-mat *ngIf=\"item.children && item.children.length > 0\"\r\n class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">keyboard_arrow_down</s-icon-mat>\r\n </a>\r\n <a *ngIf=\"!item.link\">\r\n <s-icon-mat size=\"22\" *ngIf=\"item.icon\" class=\"icon-menu\">{{item.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{item.title}}</span>\r\n <s-icon-mat *ngIf=\"item.children && item.children.length > 0\"\r\n class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">keyboard_arrow_down</s-icon-mat>\r\n </a>\r\n </li>\r\n <ul *ngIf=\"item.children && !item.hidden && !item.separate\"\r\n class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\r\n <ng-container *ngFor=\"let itemChildren of item.children\">\r\n <li *ngIf=\"!itemChildren.hidden\">\r\n <a routerLink=\"{{itemChildren.link ? itemChildren.link : undefined}}\"\r\n routerLinkActive=\"active\">\r\n <div *ngIf=\"itemChildren.dot == null || itemChildren.dot == true\" class=\"dot\"></div>\r\n <s-icon-mat *ngIf=\"itemChildren.icon\" class=\"icon-menu\">{{itemChildren.icon}}</s-icon-mat>\r\n <span class=\"menu-title\">{{itemChildren.title}}</span>\r\n <s-badge *ngIf=\"itemChildren.badge\"\r\n type=\"{{itemChildren.badgeType ? itemChildren.badgeType : 'secondary'}}\">{{itemChildren.badge}}</s-badge>\r\n </a>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </ng-container>\r\n </ul>\r\n</div>\r\n\r\n<div class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (click)=\"toogleMenu($event)\">\r\n <s-icon-mat>chevron_right</s-icon-mat>\r\n</div>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 18px 28px #17386126;z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.47rem .7rem;line-height:1.5rem;display:flex;align-items:center;text-decoration:none;cursor:pointer;justify-content:center;margin-left:4px;margin-right:4px}.s-sidebar ul li{line-height:1.25rem}.s-sidebar--close{width:3.5rem;transition:width .1s ease-in-out}.s-sidebar--close .s-sidebar__menu__line-separate{display:flex;justify-content:flex-start;align-items:center;height:24px}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);width:100%;margin:0 11px}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu li{margin-right:4px;margin-left:4px}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;transition:width .3s ease-in-out}.s-sidebar--open .s-sidebar__menu__line-separate{display:flex;justify-content:flex-start;align-items:center;height:24px;margin:5px 0}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);width:19%;margin-right:15px}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600)}.s-sidebar__menu{margin-bottom:2rem;overflow-y:auto;overflow-x:hidden;height:92%;margin:0}.s-sidebar__menu s-icon-mat span{font-size:1.2rem}.s-sidebar__menu li:hover .dot{width:5px;height:5px;background:var(--secondary-700);border:1px solid rgba(255,0,0,0)}.s-sidebar__menu .dot{border-radius:100%;width:5px;height:5px;border:1px solid var(--primary-600);margin-right:10px}.s-sidebar__menu .active{border-radius:4px;border-left:3px solid var(--primary-700);background-color:var(--cyan-alpha-200);margin:4px}.s-sidebar__menu .active .menu-title{font-weight:500}.s-sidebar__menu .active .dot{width:5px;height:5px;background:var(--primary-700)}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin:4px 5px;background-color:var(--cyan-alpha-200);border-radius:4px}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{color:var(--primary-600);transition:.2s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title{font-family:Roboto;color:var(--secondary-700);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;font-weight:400}.s-sidebar__menu .icon-menu{display:flex;padding-right:.5rem;color:var(--primary-700)}.s-sidebar__menu__item--open a{border-radius:4px;background-color:var(--cyan-alpha-300)}.s-sidebar__menu__item--open li{background-color:var(--cyan-alpha-400)}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line,.s-sidebar--theme-dark .dot{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open,.s-sidebar--theme-dark .s-sidebar__menu.s-sidebar__menu--open .active{background-color:var(--cyan-alpha-300)}.s-sidebar--theme-dark .active{border-color:var(--primary-600);background-color:var(--cyan-alpha-400)}.s-sidebar--theme-dark .item-open a{background-color:var(--cyan-alpha-400)}.s-sidebar--theme-dark .item-open a s-icon-mat span{color:var(--neutrals-1200)}.s-sidebar--theme-dark .arrow{color:var(--neutrals-1200)}.s-sidebar--close>.s-sidebar__menu>.s-sidebar__menu,.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow{display:none!important}.button-menu{border-radius:50px;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:24px;height:24px;cursor:pointer;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu:active{background:var(--primary-1000)}.button-menu--open{left:190px;bottom:57px}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:14px;bottom:57px}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"] }]
105
+ args: [{ selector: 's-sidebar', encapsulation: ViewEncapsulation.None, template: "<div class=\"s-sidebar\" [ngClass]=\"[\r\n theme ? 's-sidebar--theme-' + theme : '',\r\n expand ? 's-sidebar--open' : 's-sidebar--close']\">\r\n\r\n <div *ngIf=\"images\" class=\"s-sidebar__top\" [ngClass]=\"{'s-sidebar__top--expand': expand, 's-sidebar__top--collapse': !expand}\">\r\n <img [src]=\"getImageSource()\" alt=\"\"/>\r\n </div>\r\n \r\n <ul class=\"s-sidebar__menu s-scroll\">\r\n <ng-container *ngFor=\"let item of menu; index as i\">\r\n <!-- Cuando es separate -->\r\n <div *ngIf=\"item.separate && item.separateText\" class=\"s-sidebar__menu__line-separate\">\r\n <div *ngIf=\"item.separateLine\" class=\"s-sidebar__menu__line-separate__line\"></div>\r\n <div class=\"s-sidebar__menu__line-separate__text\">{{item.separateText}}</div>\r\n <div class=\"s-sidebar__menu__line-separate__dot cursor\" title=\"{{item.separateText ? item.separateText : ''}}\" (click)=\"toogleMenu()\">...</div>\r\n </div>\r\n <!-- Cuando NO tiene hijos esta visible y no es separate -->\r\n <li class=\"s-sidebar__menu__item\" *ngIf=\"!item.hidden && !item.separate && !item.children\" title=\"{{item.title}}\">\r\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </li>\r\n <!-- Cuando SI tiene hijos esta visible y no es separate -->\r\n <!-- Padre -->\r\n <li class=\"s-sidebar__menu__item {{item.expanded ? 's-sidebar__menu__item--open' : 's-sidebar__menu__item--close'}}\" *ngIf=\"!item.hidden && !item.separate && item.children\" title=\"{{item.title}}\" (click)=\"clickParent(item)\">\r\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n </li>\r\n <!-- Hijos -->\r\n <ul *ngIf=\"item.children && !item.hidden && !item.separate\" class=\"s-sidebar__menu {{item.expanded ? 's-sidebar__menu--open' : 's-sidebar__menu--close'}}\">\r\n <ng-container *ngFor=\"let itemChildren of item.children\">\r\n <li *ngIf=\"!itemChildren.hidden\">\r\n <ng-template [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: itemChildren }\"></ng-template>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </ng-container>\r\n </ul>\r\n</div>\r\n\r\n<div class=\"no-select button-menu {{expand ? 'button-menu--open' : 'button-menu--close'}}\" (click)=\"toogleMenu()\">\r\n <s-icon-mat size=\"20\">chevron_right</s-icon-mat>\r\n</div>\r\n\r\n<ng-template #itemTemplate let-item>\r\n <a [ngClass]=\"[getClassItem(item) , getClassChildren(item)]\" (click)=\"item.action ? item.action() : null ; clickItem(item)\" [routerLink]=\"item.link ? item.link : undefined\" routerLinkActive=\"active\" title=\"{{item.title ? item.title : ''}}\">\r\n <ng-template [ngTemplateOutlet]=\"iconTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item.icon }\"></ng-template>\r\n <s-menu-item [expand]=\"expand\" [title]=\"item.title\"></s-menu-item>\r\n <ng-template *ngIf=\"item.badge\" [ngTemplateOutlet]=\"badgeTemplate\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\r\n <s-icon-mat size=\"17\" *ngIf=\"item.children && item.children.length > 0\"\r\n class=\"arrow {{item.expanded ? 'arrow-open' : 'arrow-close'}}\">\r\n keyboard_arrow_down\r\n </s-icon-mat>\r\n </a>\r\n</ng-template>\r\n\r\n<ng-template #iconTemplate let-icon>\r\n <s-icon-mat \r\n *ngIf=\"icon\" \r\n [type]=\"isSIcon(icon) && icon.type ? icon.type : 'icon'\"\r\n [size]=\"isSIcon(icon) && icon.size ? icon.size : '20'\"\r\n class=\"icon-menu\">{{isSIcon(icon) && icon.name ? icon.name : icon}}\r\n </s-icon-mat>\r\n <s-icon-mat \r\n *ngIf=\"!icon\" \r\n type=\"symbol\"\r\n size=\"20\"\r\n class=\"icon-menu icon-menu-default\">fiber_manual_record\r\n </s-icon-mat>\r\n</ng-template>\r\n\r\n<ng-template #badgeTemplate let-item>\r\n <s-badge class=\"badge-padding\"\r\n type=\"{{item.badgeType ? item.badgeType : 'secondary'}}\">\r\n {{item.badge}}\r\n </s-badge>\r\n</ng-template>", styles: [".s-sidebar{position:fixed;background-color:var(--neutrals-1200);box-sizing:border-box;padding-top:.5rem;box-shadow:0 18px 28px #17386126;z-index:0;flex:1;align-items:center;height:calc(100vh - 5.4rem)}.s-sidebar:first-child{padding-left:5px;padding-right:3px;padding-bottom:40px}.s-sidebar a{border-color:transparent;border-style:solid;border-width:0;padding:.7rem 0rem;line-height:1.5rem;display:grid;grid-template-columns:1fr 10fr 2fr;align-items:center;justify-items:center;text-decoration:none;cursor:pointer;margin-bottom:3px}.s-sidebar a.grid-template-1-10-1{grid-template-columns:2fr 10fr 2fr}.s-sidebar a.grid-template-1-10-1-1{grid-template-columns:2fr 8fr 1fr 2fr}.s-sidebar a.grid-template-1{grid-template-columns:2fr;padding-left:10px;padding-right:10px}.s-sidebar a.grid-template-1-10{grid-template-columns:2fr 10fr;padding-right:10px}.s-sidebar a.grid-template-10-1{grid-template-columns:10fr 2fr;padding-left:10px}.s-sidebar a.grid-template-10-1-1{grid-template-columns:10fr 2fr 2fr;padding-left:10px}.s-sidebar--close{width:4.5rem;transition:width .1s ease-in-out}.s-sidebar--close .icon-menu-default{display:block}.s-sidebar--close a.grid-template-1{padding-left:0}.s-sidebar--close a{grid-template-columns:1fr!important;padding-right:0!important}.s-sidebar--close .s-sidebar__menu__line-separate{height:24px;display:grid;grid-template-columns:1fr}.s-sidebar--close .s-sidebar__menu__line-separate__dot{display:block;text-align:center;width:100%;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:0 11px}.s-sidebar--close .s-sidebar__menu__line-separate__text{display:none;font-size:1rem;color:var(--primary-600)}.s-sidebar--close .s-sidebar__menu .icon-menu{padding-right:0rem!important}.s-sidebar--open{width:15rem;transition:width .3s ease-in-out}.s-sidebar--open .icon-menu-default{display:none!important}.s-sidebar--open .s-sidebar__menu__line-separate{margin:5px}.s-sidebar--open .s-sidebar__menu__line-separate__line{height:1px;background:var(--primary-600);margin:10px 0}.s-sidebar--open .s-sidebar__menu__line-separate__text{font-size:.875rem;font-weight:700;color:var(--primary-600);cursor:default}.s-sidebar--open .s-sidebar__menu__line-separate__dot{display:none}.s-sidebar--open .s-sidebar__menu--open li a{margin:2px}.s-sidebar__menu{overflow-y:auto;overflow-x:hidden;height:97%;margin:0}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a{border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover{border-radius:4px;background-color:var(--primary-300);border-left:none}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-600)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a) .menu-title{font-weight:700}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu__item:not(.s-sidebar__menu__item--open) a.active .menu-title{font-weight:700}.s-sidebar__menu--open{opacity:1;transition:opacity .2s ease-in-out;height:auto;margin-top:4px;margin-bottom:4px;background-color:var(--cyan-alpha-200);border-radius:4px}.s-sidebar__menu--open li a{border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu--open li a:hover{border-radius:4px;background-color:var(--primary-300);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a:hover .menu-title{font-weight:700}.s-sidebar__menu--open li a.active{border-radius:4px;background-color:var(--primary-200);border-left:3px solid var(--primary-500)}.s-sidebar__menu--open li a.active .menu-title{font-weight:700}.s-sidebar__menu--close{opacity:0;transition:opacity .2s ease-in-out;height:0;overflow:hidden}.s-sidebar__menu .arrow{padding:0 3px;color:var(--primary-600);transition:.01s ease-in-out}.s-sidebar__menu .arrow.arrow-open{display:flex;transform:rotate(180deg)!important}.s-sidebar__menu .arrow.arrow-close{display:flex;transform:rotate(360deg)!important}.s-sidebar__menu .menu-title-box{height:20px;overflow:hidden;position:relative}.s-sidebar__menu .menu-title-box .menu-title{font-family:Roboto;color:var(--secondary-600);font-size:.875rem;line-height:1.5rem;flex:1 0 auto;position:absolute;white-space:nowrap}.s-sidebar__menu .menu-title-box .menu-title.menu-title-display{transform:translate(0);transition:1s}.s-sidebar__menu .icon-menu{color:var(--secondary-700)}.s-sidebar__menu__item--open a{border-radius:4px;background-color:var(--primary-200);border-left:3px solid rgba(255,0,0,0)}.s-sidebar__menu__item--open a .menu-title{font-weight:700}.s-sidebar--theme-dark{background:var(--primary-800)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__line{background:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu__line-separate .s-sidebar__menu__line-separate__text,.s-sidebar--theme-dark .s-sidebar__menu .icon-menu,.s-sidebar--theme-dark .s-sidebar__menu .menu-title{color:var(--neutrals-1200)}.s-sidebar--theme-dark .s-sidebar__menu .s-sidebar__menu--open{background-color:var(--primary-900)}.s-sidebar--theme-dark .s-sidebar__menu__item--open a .menu-title,.s-sidebar--theme-dark .s-sidebar__menu__item a:hover .menu-title{font-weight:700}.s-sidebar--theme-dark .s-sidebar__menu__item--open a{background-color:var(--primary-600);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a.active:not(.s-sidebar__menu__item--open a){background-color:var(--primary-600);border-left:3px solid var(--primary-400);border-radius:4px}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid rgba(255,0,0,0)}.s-sidebar--theme-dark .s-sidebar__menu__item a:hover:not(.s-sidebar__menu__item--close a,.s-sidebar__menu__item--open a){background-color:var(--primary-700);border-radius:4px;border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .s-sidebar__menu--open a:hover{background-color:var(--primary-700);border-left:3px solid var(--primary-400)}.s-sidebar--theme-dark .s-sidebar__menu--open a.active{background-color:var(--primary-600);border-left:3px solid var(--primary-300)}.s-sidebar--theme-dark .arrow,.s-sidebar--theme-dark.s-sidebar--close .s-sidebar__menu__line-separate__dot{color:var(--neutrals-1200)}.s-sidebar__top{display:flex;justify-content:center;align-items:center}.s-sidebar__top--expand{margin:10px}.s-sidebar__top--collapse{margin:5px}.s-sidebar--close>.s-sidebar__menu>li>a>span,.s-sidebar--close>.s-sidebar__menu>li>a>.arrow,.s-sidebar--close .menu-title-box,.s-sidebar--close .s-badge{display:none!important}.button-menu{display:flex;justify-content:center;align-items:center;border-radius:50px;background:var(--primary-600);color:var(--neutrals-1200);position:fixed;width:44px;height:32px;cursor:pointer;transition:width .1s ease-in-out}.button-menu:hover{background:var(--primary-800)}.button-menu--open{left:190px;bottom:42px}.button-menu--open s-icon-mat span{transform:rotate(180deg)!important}.button-menu--close{left:15px;bottom:42px}.button-menu--close s-icon-mat span{transform:rotate(0)!important}\n"] }]
71
106
  }], ctorParameters: function () { return [{ type: i1.LocalstorageService }]; }, propDecorators: { menu: [{
72
107
  type: Input
73
108
  }], expand: [{
@@ -76,9 +111,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
76
111
  type: Input
77
112
  }], theme: [{
78
113
  type: Input
79
- }], navegate: [{
114
+ }], images: [{
115
+ type: Input
116
+ }], clickEvent: [{
80
117
  type: Output
81
118
  }], clickEventMenu: [{
82
119
  type: Output
83
120
  }] } });
84
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFVbEcsTUFBTSxPQUFPLGlCQUFpQjtJQWE1QixZQUFtQixZQUFnQztRQUFoQyxpQkFBWSxHQUFaLFlBQVksQ0FBb0I7UUFYbkQ7O1NBRUM7UUFDUSxTQUFJLEdBQWdCLEVBQUUsQ0FBQztRQUN2QixXQUFNLEdBQVksSUFBSSxDQUFDO1FBQ3ZCLGVBQVUsR0FBWSxJQUFJLENBQUM7UUFHMUIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBUyxDQUFDO1FBSW5ELElBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsSUFBSSxJQUFJLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsSUFBSSxTQUFTLEVBQUM7WUFDckgsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsa0JBQWtCLEVBQUcsSUFBSSxDQUFDLENBQUE7U0FDdEQ7SUFFSCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxDQUFBO0lBQ2pDLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBZTtRQUN6QixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDNUIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQixDQUFDLElBQWU7UUFDMUIsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQTtRQUNyQyxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztRQUM1QixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsZUFBZSxDQUFBO0lBQ3RDLENBQUM7SUFFRCxnQkFBZ0I7UUFDZCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztRQUNuQixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUE7SUFDdEIsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFdBQXNCLEVBQUUsRUFBRTtZQUMzQyxXQUFXLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBWTtRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQTtRQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDNUIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFBO1FBQ3BCLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDakQsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELHdCQUF3QjtRQUN0QixJQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsa0JBQWtCLENBQUMsRUFBQztZQUNoRCxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7U0FDN0I7YUFBSTtZQUNILElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGtCQUFrQixFQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtTQUM3RDtJQUNILENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsa0JBQWtCLEVBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO0lBQzlELENBQUM7OEdBckVVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDRNQ1Y5QixncklBNkRNOzsyRkRuRE8saUJBQWlCO2tCQU43QixTQUFTOytCQUNFLFdBQVcsaUJBR04saUJBQWlCLENBQUMsSUFBSTswR0FPNUIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTTWVudUl0ZW0gfSBmcm9tICcuL3Mtc2lkZWJhci1tb2RlbCc7XHJcbmltcG9ydCB7IExvY2Fsc3RvcmFnZVNlcnZpY2UgfSBmcm9tICcuLi9zaGFyZWQvbG9jYWxzdG9yYWdlLnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzLXNpZGViYXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zLXNpZGViYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Mtc2lkZWJhci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTU2lkZWJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIC8qKlxyXG4gKiBNZW51IGl0ZW1zXHJcbiAqL1xyXG4gIEBJbnB1dCgpIG1lbnU6IFNNZW51SXRlbVtdID0gW107XHJcbiAgQElucHV0KCkgZXhwYW5kOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBzaG93RXhwYW5kOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB0aGVtZT86IHN0cmluZztcclxuXHJcbiAgQE91dHB1dCgpIG5hdmVnYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnRNZW51ID0gbmV3IEV2ZW50RW1pdHRlcjxFdmVudD4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGxvY2FsU3RvcmFnZTpMb2NhbHN0b3JhZ2VTZXJ2aWNlKSB7XHJcblxyXG4gICAgaWYodGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInMtc2lkZWJhcjpleHBhbmRcIikgPT0gbnVsbCB8fCB0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtKFwicy1zaWRlYmFyOmV4cGFuZFwiKSA9PSB1bmRlZmluZWQpe1xyXG4gICAgICB0aGlzLmxvY2FsU3RvcmFnZS5zYXZlSXRlbShcInMtc2lkZWJhcjpleHBhbmRcIiAsIHRydWUpXHJcbiAgICB9XHJcbiAgICBcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5sb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKVxyXG4gIH1cclxuXHJcbiAgY2xpY2tQYXJlbnQoaXRlbTogU01lbnVJdGVtKXtcclxuICAgIHRoaXMuYWN0aW9uRXhwYW5kSXRlbShpdGVtKTtcclxuICAgIHRoaXMuYWN0aW9uRXhwYW5kTWVudSgpO1xyXG4gIH1cclxuXHJcbiAgYWN0aW9uRXhwYW5kSXRlbShpdGVtOiBTTWVudUl0ZW0pe1xyXG4gICAgICAgIGNvbnN0IGl0ZW1FeHBhbmVkVGVtcCA9IGl0ZW0uZXhwYW5kZWRcclxuICAgICAgICB0aGlzLnJlc3RhcnRTZWxlY3RlZEl0ZW1zKCk7XHJcbiAgICAgICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtRXhwYW5lZFRlbXAgXHJcbiAgfVxyXG5cclxuICBhY3Rpb25FeHBhbmRNZW51KCl7XHJcbiAgICB0aGlzLmV4cGFuZCA9IHRydWU7XHJcbiAgICB0aGlzLnJlZnJlc2hFeHBhbmQoKVxyXG4gIH1cclxuXHJcbiAgcmVzdGFydFNlbGVjdGVkSXRlbXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1lbnUuZm9yRWFjaCgoaXRlbVRvUmVzZXQ6IFNNZW51SXRlbSkgPT4ge1xyXG4gICAgICBpdGVtVG9SZXNldC5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgfSlcclxuICB9XHJcbiAgXHJcbiAgdG9vZ2xlTWVudShldmVudDogRXZlbnQpe1xyXG4gICAgdGhpcy5leHBhbmQgPSAhdGhpcy5leHBhbmRcclxuICAgIHRoaXMub25DbGlja0V2ZW50TWVudShldmVudClcclxuICAgIHRoaXMucmVmcmVzaEV4cGFuZCgpXHJcbiAgICB0aGlzLmV4cGFuZCA/ICcnIDogdGhpcy5yZXN0YXJ0U2VsZWN0ZWRJdGVtcygpO1xyXG4gIH1cclxuXHJcbiAgb25DbGlja0V2ZW50TWVudShldmVudDogRXZlbnQpIHtcclxuICAgIHRoaXMuY2xpY2tFdmVudE1lbnUubmV4dChldmVudCk7XHJcbiAgfVxyXG5cclxuICBsb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKXtcclxuICAgIGlmKCF0aGlzLmxvY2FsU3RvcmFnZS5nZXRJdGVtKFwicy1zaWRlYmFyOmV4cGFuZFwiKSl7XHJcbiAgICAgIHRoaXMuZXhwYW5kID0gdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInMtc2lkZWJhcjpleHBhbmRcIik7XHJcbiAgICAgIHRoaXMucmVzdGFydFNlbGVjdGVkSXRlbXMoKTtcclxuICAgIH1lbHNle1xyXG4gICAgICB0aGlzLmxvY2FsU3RvcmFnZS5zYXZlSXRlbShcInMtc2lkZWJhcjpleHBhbmRcIiAsIHRoaXMuZXhwYW5kKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcmVmcmVzaEV4cGFuZCgpe1xyXG4gICAgdGhpcy5sb2NhbFN0b3JhZ2Uuc2F2ZUl0ZW0oXCJzLXNpZGViYXI6ZXhwYW5kXCIgLCB0aGlzLmV4cGFuZCkgXHJcbiAgfVxyXG5cclxufVxyXG5cclxuIiwiPGRpdiBjbGFzcz1cInMtc2lkZWJhclwiIFtuZ0NsYXNzXT1cIltcclxuICAgIHRoZW1lID8gJ3Mtc2lkZWJhci0tdGhlbWUtJyArIHRoZW1lIDogJycsXHJcbiAgICBleHBhbmQgPyAncy1zaWRlYmFyLS1vcGVuJyA6ICdzLXNpZGViYXItLWNsb3NlJ11cIj5cclxuXHJcbiAgICA8dWwgY2xhc3M9XCJzLXNpZGViYXJfX21lbnUgcy1zY3JvbGxcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIG1lbnU7IGluZGV4IGFzIGlcIj5cclxuICAgICAgICAgICAgPCEtLSBDdWFuZG8gZXMgc2VwYXJhdGUgLS0+XHJcbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLnNlcGFyYXRlICYmIGl0ZW0uc2VwYXJhdGVUZXh0XCIgY2xhc3M9XCJzLXNpZGViYXJfX21lbnVfX2xpbmUtc2VwYXJhdGVcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNpZGViYXJfX21lbnVfX2xpbmUtc2VwYXJhdGVfX2xpbmVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNpZGViYXJfX21lbnVfX2xpbmUtc2VwYXJhdGVfX3RleHRcIj5cclxuICAgICAgICAgICAgICAgICAgICB7e2l0ZW0uc2VwYXJhdGVUZXh0fX1cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPCEtLSBDdWFuZG8gTk8gdGllbmUgaGlqb3MgZXN0YSB2aXNpYmxlIHkgbm8gZXMgc2VwYXJhdGUgLS0+XHJcbiAgICAgICAgICAgIDxsaSBjbGFzcz1cInMtc2lkZWJhcl9fbWVudV9faXRlbVwiICpuZ0lmPVwiIWl0ZW0uaGlkZGVuICYmICFpdGVtLnNlcGFyYXRlICYmICFpdGVtLmNoaWxkcmVuXCIgdGl0bGU9XCJ7e2l0ZW0udGl0bGV9fVwiPlxyXG4gICAgICAgICAgICAgICAgPGEgKm5nSWY9XCJpdGVtLmxpbmtcIiBbcm91dGVyTGlua109XCJpdGVtLmxpbmtcIiByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uZG90ID09IG51bGwgfHwgaXRlbS5kb3QgPT0gdHJ1ZVwiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPHMtaWNvbi1tYXQgc2l6ZT1cIjIyXCIgKm5nSWY9XCJpdGVtLmljb25cIiBjbGFzcz1cImljb24tbWVudVwiPnt7aXRlbS5pY29ufX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtZW51LXRpdGxlXCI+e3tpdGVtLnRpdGxlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICA8YSAqbmdJZj1cIiFpdGVtLmxpbmtcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCBzaXplPVwiMjJcIiAqbmdJZj1cIml0ZW0uaWNvblwiIGNsYXNzPVwiaWNvbi1tZW51XCI+e3tpdGVtLmljb259fTwvcy1pY29uLW1hdD5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1lbnUtdGl0bGVcIj57e2l0ZW0udGl0bGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPCEtLSBDdWFuZG8gU0kgdGllbmUgaGlqb3MgZXN0YSB2aXNpYmxlIHkgbm8gZXMgc2VwYXJhdGUgLS0+XHJcbiAgICAgICAgICAgIDxsaSBjbGFzcz1cInMtc2lkZWJhcl9fbWVudV9faXRlbSB7e2l0ZW0uZXhwYW5kZWQgPyAncy1zaWRlYmFyX19tZW51X19pdGVtLS1vcGVuJyA6ICdzLXNpZGViYXJfX21lbnVfX2l0ZW0tLWNsb3NlJ319XCIgKm5nSWY9XCIhaXRlbS5oaWRkZW4gJiYgIWl0ZW0uc2VwYXJhdGUgJiYgaXRlbS5jaGlsZHJlblwiIHRpdGxlPVwie3tpdGVtLnRpdGxlfX1cIiAoY2xpY2spPVwiY2xpY2tQYXJlbnQoaXRlbSlcIj5cclxuICAgICAgICAgICAgICAgIDxhICpuZ0lmPVwiaXRlbS5saW5rXCIgW3JvdXRlckxpbmtdPVwiaXRlbS5saW5rXCIgcm91dGVyTGlua0FjdGl2ZT1cImFjdGl2ZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzLWljb24tbWF0IHNpemU9XCIyMlwiICpuZ0lmPVwiaXRlbS5pY29uXCIgY2xhc3M9XCJpY29uLW1lbnVcIj57e2l0ZW0uaWNvbn19PC9zLWljb24tbWF0PlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWVudS10aXRsZVwiPnt7aXRlbS50aXRsZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDxzLWljb24tbWF0ICpuZ0lmPVwiaXRlbS5jaGlsZHJlbiAmJiBpdGVtLmNoaWxkcmVuLmxlbmd0aCA+IDBcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImFycm93IHt7aXRlbS5leHBhbmRlZCA/ICdhcnJvdy1vcGVuJyA6ICdhcnJvdy1jbG9zZSd9fVwiPmtleWJvYXJkX2Fycm93X2Rvd248L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICA8YSAqbmdJZj1cIiFpdGVtLmxpbmtcIj5cclxuICAgICAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCBzaXplPVwiMjJcIiAqbmdJZj1cIml0ZW0uaWNvblwiIGNsYXNzPVwiaWNvbi1tZW51XCI+e3tpdGVtLmljb259fTwvcy1pY29uLW1hdD5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1lbnUtdGl0bGVcIj57e2l0ZW0udGl0bGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cIml0ZW0uY2hpbGRyZW4gJiYgaXRlbS5jaGlsZHJlbi5sZW5ndGggPiAwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJhcnJvdyB7e2l0ZW0uZXhwYW5kZWQgPyAnYXJyb3ctb3BlbicgOiAnYXJyb3ctY2xvc2UnfX1cIj5rZXlib2FyZF9hcnJvd19kb3duPC9zLWljb24tbWF0PlxyXG4gICAgICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICA8dWwgKm5nSWY9XCJpdGVtLmNoaWxkcmVuICYmICFpdGVtLmhpZGRlbiAmJiAhaXRlbS5zZXBhcmF0ZVwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInMtc2lkZWJhcl9fbWVudSB7e2l0ZW0uZXhwYW5kZWQgPyAncy1zaWRlYmFyX19tZW51LS1vcGVuJyA6ICdzLXNpZGViYXJfX21lbnUtLWNsb3NlJ319XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtQ2hpbGRyZW4gb2YgaXRlbS5jaGlsZHJlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSAqbmdJZj1cIiFpdGVtQ2hpbGRyZW4uaGlkZGVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIHJvdXRlckxpbms9XCJ7e2l0ZW1DaGlsZHJlbi5saW5rID8gaXRlbUNoaWxkcmVuLmxpbmsgOiB1bmRlZmluZWR9fVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbUNoaWxkcmVuLmRvdCA9PSBudWxsIHx8IGl0ZW1DaGlsZHJlbi5kb3QgPT0gdHJ1ZVwiIGNsYXNzPVwiZG90XCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cy1pY29uLW1hdCAqbmdJZj1cIml0ZW1DaGlsZHJlbi5pY29uXCIgY2xhc3M9XCJpY29uLW1lbnVcIj57e2l0ZW1DaGlsZHJlbi5pY29ufX08L3MtaWNvbi1tYXQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1lbnUtdGl0bGVcIj57e2l0ZW1DaGlsZHJlbi50aXRsZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHMtYmFkZ2UgKm5nSWY9XCJpdGVtQ2hpbGRyZW4uYmFkZ2VcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJ7e2l0ZW1DaGlsZHJlbi5iYWRnZVR5cGUgPyBpdGVtQ2hpbGRyZW4uYmFkZ2VUeXBlIDogJ3NlY29uZGFyeSd9fVwiPnt7aXRlbUNoaWxkcmVuLmJhZGdlfX08L3MtYmFkZ2U+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L3VsPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJuby1zZWxlY3QgYnV0dG9uLW1lbnUge3tleHBhbmQgPyAnYnV0dG9uLW1lbnUtLW9wZW4nIDogJ2J1dHRvbi1tZW51LS1jbG9zZSd9fVwiIChjbGljayk9XCJ0b29nbGVNZW51KCRldmVudClcIj5cclxuICAgIDxzLWljb24tbWF0PmNoZXZyb25fcmlnaHQ8L3MtaWNvbi1tYXQ+XHJcbjwvZGl2PiJdfQ==
121
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBV2xHLE1BQU0sT0FBTyxpQkFBaUI7SUFZNUIsWUFBbUIsWUFBZ0M7UUFBaEMsaUJBQVksR0FBWixZQUFZLENBQW9CO1FBVjFDLFNBQUksR0FBZ0IsRUFBRSxDQUFDO1FBQ3ZCLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFDdkIsZUFBVSxHQUFZLElBQUksQ0FBQztRQUsxQixlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUMzQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFJckQsSUFBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLFNBQVMsRUFBQztZQUNySCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsRUFBRyxJQUFJLENBQUMsQ0FBQTtTQUN0RDtJQUVILENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHdCQUF3QixFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFlO1FBQ3pCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM5QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBZTtRQUMxQixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFBO1FBQ3JDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxlQUFlLENBQUE7SUFDdEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUN0QixDQUFDO0lBRUQsb0JBQW9CO1FBQ2xCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsV0FBc0IsRUFBRSxFQUFFO1lBQzNDLFdBQVcsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQTtRQUMxQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQ2xDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQTtJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQWdCO1FBQ3hCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCx3QkFBd0I7UUFDdEIsSUFBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLGtCQUFrQixDQUFDLEVBQUM7WUFDaEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1NBQzdCO2FBQUk7WUFDSCxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxrQkFBa0IsRUFBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7U0FDN0Q7SUFDSCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLGtCQUFrQixFQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUM5RCxDQUFDO0lBRUQsT0FBTyxDQUFDLElBQW9CO1FBQzFCLE9BQU8sT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDO0lBQ2xDLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBZTtRQUUxQixNQUFNLElBQUksR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQztRQUN6QixNQUFNLEtBQUssR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUMzQixNQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUVqQyxRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssUUFBUSxJQUFJLENBQUMsSUFBSTtnQkFDcEIsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQztZQUMvRCxLQUFLLFFBQVEsSUFBSSxJQUFJO2dCQUNuQixPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDO1lBQ25FLEtBQUssQ0FBQyxJQUFJLElBQUksS0FBSztnQkFDakIsT0FBTyxvQkFBb0IsQ0FBQztZQUM5QixLQUFLLElBQUksSUFBSSxDQUFDLEtBQUs7Z0JBQ2pCLE9BQU8sb0JBQW9CLENBQUM7WUFDOUIsS0FBSyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUs7Z0JBQ2xCLE9BQU8saUJBQWlCLENBQUM7WUFDM0IsS0FBSyxJQUFJLElBQUksS0FBSztnQkFDaEIsT0FBTyxzQkFBc0IsQ0FBQztZQUNoQztnQkFDRSxPQUFPLGVBQWUsQ0FBQztTQUMxQjtJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxJQUFlO1FBQzlCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7SUFDdEQsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssS0FBSyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssS0FBSyxFQUFFLENBQUMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2xFLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7U0FDaEY7YUFBTSxJQUFJLElBQUksQ0FBQyxLQUFLLEtBQUssTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDL0MsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUMxRTtRQUNELE9BQU8sRUFBRSxDQUFDO0lBQ1osQ0FBQzs4R0EvR1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsa09DWDlCLDZ5SUF5RWM7OzJGRDlERCxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0UsV0FBVyxpQkFHTixpQkFBaUIsQ0FBQyxJQUFJOzBHQUk1QixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFHSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTTWVudUl0ZW0sIFNTaWRlYmFySW1hZ2UgfSBmcm9tICcuL3Mtc2lkZWJhci1tb2RlbCc7XHJcbmltcG9ydCB7IExvY2Fsc3RvcmFnZVNlcnZpY2UgfSBmcm9tICcuLi9zaGFyZWQvbG9jYWxzdG9yYWdlLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBTSWNvbiB9IGZyb20gJy4uL2ljb24tbWF0ZXJpYWwvcy1pY29uLW1hdGVyaWFsLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy1zaWRlYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcy1zaWRlYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zLXNpZGViYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU1NpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBtZW51OiBTTWVudUl0ZW1bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGV4cGFuZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgc2hvd0V4cGFuZDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgdGhlbWU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaW1hZ2VzPzogU1NpZGViYXJJbWFnZTtcclxuICBcclxuXHJcbiAgQE91dHB1dCgpIGNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyPFNNZW51SXRlbT4oKTtcclxuICBAT3V0cHV0KCkgY2xpY2tFdmVudE1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBsb2NhbFN0b3JhZ2U6TG9jYWxzdG9yYWdlU2VydmljZSkge1xyXG5cclxuICAgIGlmKHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0oXCJzLXNpZGViYXI6ZXhwYW5kXCIpID09IG51bGwgfHwgdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInMtc2lkZWJhcjpleHBhbmRcIikgPT0gdW5kZWZpbmVkKXtcclxuICAgICAgdGhpcy5sb2NhbFN0b3JhZ2Uuc2F2ZUl0ZW0oXCJzLXNpZGViYXI6ZXhwYW5kXCIgLCB0cnVlKVxyXG4gICAgfVxyXG4gICAgXHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubG9hZERhdGFGcm9tTG9jYWxTdG9yYWdlKCk7XHJcbiAgfVxyXG5cclxuICBjbGlja1BhcmVudChpdGVtOiBTTWVudUl0ZW0pOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aW9uRXhwYW5kSXRlbShpdGVtKTtcclxuICB9XHJcblxyXG4gIGFjdGlvbkV4cGFuZEl0ZW0oaXRlbTogU01lbnVJdGVtKTogdm9pZCB7XHJcbiAgICAgICAgY29uc3QgaXRlbUV4cGFuZWRUZW1wID0gaXRlbS5leHBhbmRlZFxyXG4gICAgICAgIHRoaXMucmVzdGFydFNlbGVjdGVkSXRlbXMoKTtcclxuICAgICAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW1FeHBhbmVkVGVtcCBcclxuICB9XHJcblxyXG4gIGFjdGlvbkV4cGFuZE1lbnUoKTogdm9pZCB7XHJcbiAgICB0aGlzLmV4cGFuZCA9IHRydWU7XHJcbiAgICB0aGlzLnJlZnJlc2hFeHBhbmQoKVxyXG4gIH1cclxuXHJcbiAgcmVzdGFydFNlbGVjdGVkSXRlbXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLm1lbnUuZm9yRWFjaCgoaXRlbVRvUmVzZXQ6IFNNZW51SXRlbSkgPT4ge1xyXG4gICAgICBpdGVtVG9SZXNldC5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgfSlcclxuICB9XHJcbiAgXHJcbiAgdG9vZ2xlTWVudSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZXhwYW5kID0gIXRoaXMuZXhwYW5kXHJcbiAgICB0aGlzLm9uQ2xpY2tFdmVudE1lbnUodGhpcy5leHBhbmQpXHJcbiAgICB0aGlzLnJlZnJlc2hFeHBhbmQoKVxyXG4gIH1cclxuXHJcbiAgb25DbGlja0V2ZW50TWVudShldmVudDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5jbGlja0V2ZW50TWVudS5uZXh0KGV2ZW50KTtcclxuICB9XHJcblxyXG4gIGNsaWNrSXRlbShldmVudDogU01lbnVJdGVtKTogdm9pZCB7XHJcbiAgICB0aGlzLmNsaWNrRXZlbnQubmV4dChldmVudCk7XHJcbiAgfVxyXG5cclxuICBsb2FkRGF0YUZyb21Mb2NhbFN0b3JhZ2UoKTogdm9pZCB7XHJcbiAgICBpZighdGhpcy5sb2NhbFN0b3JhZ2UuZ2V0SXRlbShcInMtc2lkZWJhcjpleHBhbmRcIikpe1xyXG4gICAgICB0aGlzLmV4cGFuZCA9IHRoaXMubG9jYWxTdG9yYWdlLmdldEl0ZW0oXCJzLXNpZGViYXI6ZXhwYW5kXCIpO1xyXG4gICAgICB0aGlzLnJlc3RhcnRTZWxlY3RlZEl0ZW1zKCk7XHJcbiAgICB9ZWxzZXtcclxuICAgICAgdGhpcy5sb2NhbFN0b3JhZ2Uuc2F2ZUl0ZW0oXCJzLXNpZGViYXI6ZXhwYW5kXCIgLCB0aGlzLmV4cGFuZClcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHJlZnJlc2hFeHBhbmQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvY2FsU3RvcmFnZS5zYXZlSXRlbShcInMtc2lkZWJhcjpleHBhbmRcIiAsIHRoaXMuZXhwYW5kKSBcclxuICB9XHJcblxyXG4gIGlzU0ljb24oaWNvbjogc3RyaW5nIHwgU0ljb24pOiBpY29uIGlzIFNJY29uIHtcclxuICAgIHJldHVybiB0eXBlb2YgaWNvbiAhPT0gJ3N0cmluZyc7XHJcbiAgfVxyXG5cclxuICBnZXRDbGFzc0l0ZW0oaXRlbTogU01lbnVJdGVtKTogc3RyaW5nICB7XHJcblxyXG4gICAgY29uc3QgaWNvbiA9ICEhaXRlbS5pY29uO1xyXG4gICAgY29uc3QgYmFkZ2UgPSAhIWl0ZW0uYmFkZ2U7XHJcbiAgICBjb25zdCBjaGlsZHJlbiA9ICEhaXRlbS5jaGlsZHJlbjtcclxuXHJcbiAgICBzd2l0Y2ggKHRydWUpIHtcclxuICAgICAgY2FzZSBjaGlsZHJlbiAmJiAhaWNvbjpcclxuICAgICAgICByZXR1cm4gYmFkZ2UgPyBcImdyaWQtdGVtcGxhdGUtMTAtMS0xXCIgOiBcImdyaWQtdGVtcGxhdGUtMTAtMVwiO1xyXG4gICAgICBjYXNlIGNoaWxkcmVuICYmIGljb246XHJcbiAgICAgICAgcmV0dXJuIGJhZGdlID8gXCJncmlkLXRlbXBsYXRlLTEtMTAtMS0xXCIgOiBcImdyaWQtdGVtcGxhdGUtMS0xMC0xXCI7XHJcbiAgICAgIGNhc2UgIWljb24gJiYgYmFkZ2U6XHJcbiAgICAgICAgcmV0dXJuICdncmlkLXRlbXBsYXRlLTEwLTEnO1xyXG4gICAgICBjYXNlIGljb24gJiYgIWJhZGdlOlxyXG4gICAgICAgIHJldHVybiAnZ3JpZC10ZW1wbGF0ZS0xLTEwJztcclxuICAgICAgY2FzZSAhaWNvbiAmJiAhYmFkZ2U6XHJcbiAgICAgICAgcmV0dXJuICdncmlkLXRlbXBsYXRlLTEnO1xyXG4gICAgICBjYXNlIGljb24gJiYgYmFkZ2U6XHJcbiAgICAgICAgcmV0dXJuICdncmlkLXRlbXBsYXRlLTEtMTAtMSc7XHJcbiAgICAgIGRlZmF1bHQ6XHJcbiAgICAgICAgcmV0dXJuICdkZWZhdWx0LXZhbHVlJztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGdldENsYXNzQ2hpbGRyZW4oaXRlbTogU01lbnVJdGVtKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBpdGVtLmNoaWxkcmVuID8gJ2l0ZW0tcGFyZW50JyA6ICdpdGVtLWNoaWxkJztcclxuICB9XHJcblxyXG4gIGdldEltYWdlU291cmNlKCk6IHN0cmluZyB7XHJcbiAgICBpZiAoKHRoaXMudGhlbWUgPT09ICdkZWZhdWx0JyB8fCB0aGlzLnRoZW1lID09PSAnJykgJiYgdGhpcy5pbWFnZXMpIHtcclxuICAgICAgcmV0dXJuIHRoaXMuZXhwYW5kID8gdGhpcy5pbWFnZXMuZGVmYXVsdC5leHBhbmQgOiB0aGlzLmltYWdlcy5kZWZhdWx0LmNvbGxhcHNlO1xyXG4gICAgfSBlbHNlIGlmICh0aGlzLnRoZW1lID09PSAnZGFyaycgJiYgdGhpcy5pbWFnZXMpIHtcclxuICAgICAgcmV0dXJuIHRoaXMuZXhwYW5kID8gdGhpcy5pbWFnZXMuZGFyay5leHBhbmQgOiB0aGlzLmltYWdlcy5kYXJrLmNvbGxhcHNlO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuICcnO1xyXG4gIH1cclxuXHJcbn1cclxuXHJcbiIsIjxkaXYgY2xhc3M9XCJzLXNpZGViYXJcIiBbbmdDbGFzc109XCJbXHJcbiAgICB0aGVtZSA/ICdzLXNpZGViYXItLXRoZW1lLScgKyB0aGVtZSA6ICcnLFxyXG4gICAgZXhwYW5kID8gJ3Mtc2lkZWJhci0tb3BlbicgOiAncy1zaWRlYmFyLS1jbG9zZSddXCI+XHJcblxyXG4gICAgPGRpdiAqbmdJZj1cImltYWdlc1wiIGNsYXNzPVwicy1zaWRlYmFyX190b3BcIiBbbmdDbGFzc109XCJ7J3Mtc2lkZWJhcl9fdG9wLS1leHBhbmQnOiBleHBhbmQsICdzLXNpZGViYXJfX3RvcC0tY29sbGFwc2UnOiAhZXhwYW5kfVwiPlxyXG4gICAgICAgIDxpbWcgW3NyY109XCJnZXRJbWFnZVNvdXJjZSgpXCIgYWx0PVwiXCIvPlxyXG4gICAgPC9kaXY+XHJcbiAgICBcclxuICAgIDx1bCBjbGFzcz1cInMtc2lkZWJhcl9fbWVudSBzLXNjcm9sbFwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbWVudTsgaW5kZXggYXMgaVwiPlxyXG4gICAgICAgICAgICA8IS0tIEN1YW5kbyBlcyBzZXBhcmF0ZSAtLT5cclxuICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uc2VwYXJhdGUgJiYgaXRlbS5zZXBhcmF0ZVRleHRcIiBjbGFzcz1cInMtc2lkZWJhcl9fbWVudV9fbGluZS1zZXBhcmF0ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uc2VwYXJhdGVMaW5lXCIgY2xhc3M9XCJzLXNpZGViYXJfX21lbnVfX2xpbmUtc2VwYXJhdGVfX2xpbmVcIj48L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNpZGViYXJfX21lbnVfX2xpbmUtc2VwYXJhdGVfX3RleHRcIj57e2l0ZW0uc2VwYXJhdGVUZXh0fX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzLXNpZGViYXJfX21lbnVfX2xpbmUtc2VwYXJhdGVfX2RvdCBjdXJzb3JcIiB0aXRsZT1cInt7aXRlbS5zZXBhcmF0ZVRleHQgPyBpdGVtLnNlcGFyYXRlVGV4dCA6ICcnfX1cIiAoY2xpY2spPVwidG9vZ2xlTWVudSgpXCI+Li4uPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8IS0tIEN1YW5kbyBOTyB0aWVuZSBoaWpvcyBlc3RhIHZpc2libGUgeSBubyBlcyBzZXBhcmF0ZSAtLT5cclxuICAgICAgICAgICAgPGxpIGNsYXNzPVwicy1zaWRlYmFyX19tZW51X19pdGVtXCIgKm5nSWY9XCIhaXRlbS5oaWRkZW4gJiYgIWl0ZW0uc2VwYXJhdGUgJiYgIWl0ZW0uY2hpbGRyZW5cIiB0aXRsZT1cInt7aXRlbS50aXRsZX19XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwiaXRlbVRlbXBsYXRlXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cInsgJGltcGxpY2l0OiBpdGVtIH1cIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICA8IS0tIEN1YW5kbyBTSSB0aWVuZSBoaWpvcyBlc3RhIHZpc2libGUgeSBubyBlcyBzZXBhcmF0ZSAtLT5cclxuICAgICAgICAgICAgPCEtLSBQYWRyZSAtLT5cclxuICAgICAgICAgICAgPGxpIGNsYXNzPVwicy1zaWRlYmFyX19tZW51X19pdGVtIHt7aXRlbS5leHBhbmRlZCA/ICdzLXNpZGViYXJfX21lbnVfX2l0ZW0tLW9wZW4nIDogJ3Mtc2lkZWJhcl9fbWVudV9faXRlbS0tY2xvc2UnfX1cIiAqbmdJZj1cIiFpdGVtLmhpZGRlbiAmJiAhaXRlbS5zZXBhcmF0ZSAmJiBpdGVtLmNoaWxkcmVuXCIgdGl0bGU9XCJ7e2l0ZW0udGl0bGV9fVwiIChjbGljayk9XCJjbGlja1BhcmVudChpdGVtKVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cIml0ZW1UZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPCEtLSBIaWpvcyAtLT5cclxuICAgICAgICAgICAgPHVsICpuZ0lmPVwiaXRlbS5jaGlsZHJlbiAmJiAhaXRlbS5oaWRkZW4gJiYgIWl0ZW0uc2VwYXJhdGVcIiBjbGFzcz1cInMtc2lkZWJhcl9fbWVudSB7e2l0ZW0uZXhwYW5kZWQgPyAncy1zaWRlYmFyX19tZW51LS1vcGVuJyA6ICdzLXNpZGViYXJfX21lbnUtLWNsb3NlJ319XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtQ2hpbGRyZW4gb2YgaXRlbS5jaGlsZHJlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxsaSAqbmdJZj1cIiFpdGVtQ2hpbGRyZW4uaGlkZGVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJpdGVtVGVtcGxhdGVcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW1DaGlsZHJlbiB9XCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L3VsPlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJuby1zZWxlY3QgYnV0dG9uLW1lbnUge3tleHBhbmQgPyAnYnV0dG9uLW1lbnUtLW9wZW4nIDogJ2J1dHRvbi1tZW51LS1jbG9zZSd9fVwiIChjbGljayk9XCJ0b29nbGVNZW51KClcIj5cclxuICAgIDxzLWljb24tbWF0IHNpemU9XCIyMFwiPmNoZXZyb25fcmlnaHQ8L3MtaWNvbi1tYXQ+XHJcbjwvZGl2PlxyXG5cclxuPG5nLXRlbXBsYXRlICNpdGVtVGVtcGxhdGUgbGV0LWl0ZW0+XHJcbiAgICA8YSBbbmdDbGFzc109XCJbZ2V0Q2xhc3NJdGVtKGl0ZW0pICwgZ2V0Q2xhc3NDaGlsZHJlbihpdGVtKV1cIiAoY2xpY2spPVwiaXRlbS5hY3Rpb24gPyBpdGVtLmFjdGlvbigpIDogbnVsbCA7IGNsaWNrSXRlbShpdGVtKVwiIFtyb3V0ZXJMaW5rXT1cIml0ZW0ubGluayA/IGl0ZW0ubGluayA6IHVuZGVmaW5lZFwiIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIiB0aXRsZT1cInt7aXRlbS50aXRsZSA/IGl0ZW0udGl0bGUgOiAnJ319XCI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImljb25UZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbS5pY29uIH1cIj48L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxzLW1lbnUtaXRlbSBbZXhwYW5kXT1cImV4cGFuZFwiIFt0aXRsZV09XCJpdGVtLnRpdGxlXCI+PC9zLW1lbnUtaXRlbT5cclxuICAgICAgICA8bmctdGVtcGxhdGUgKm5nSWY9XCJpdGVtLmJhZGdlXCIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYmFkZ2VUZW1wbGF0ZVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8cy1pY29uLW1hdCBzaXplPVwiMTdcIiAqbmdJZj1cIml0ZW0uY2hpbGRyZW4gJiYgaXRlbS5jaGlsZHJlbi5sZW5ndGggPiAwXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJhcnJvdyB7e2l0ZW0uZXhwYW5kZWQgPyAnYXJyb3ctb3BlbicgOiAnYXJyb3ctY2xvc2UnfX1cIj5cclxuICAgICAgICAgICAga2V5Ym9hcmRfYXJyb3dfZG93blxyXG4gICAgICAgIDwvcy1pY29uLW1hdD5cclxuICAgIDwvYT5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaWNvblRlbXBsYXRlIGxldC1pY29uPlxyXG4gICAgPHMtaWNvbi1tYXQgXHJcbiAgICAgICAgKm5nSWY9XCJpY29uXCIgXHJcbiAgICAgICAgW3R5cGVdPVwiaXNTSWNvbihpY29uKSAmJiBpY29uLnR5cGUgPyBpY29uLnR5cGUgOiAnaWNvbidcIlxyXG4gICAgICAgIFtzaXplXT1cImlzU0ljb24oaWNvbikgJiYgaWNvbi5zaXplID8gaWNvbi5zaXplIDogJzIwJ1wiXHJcbiAgICAgICAgY2xhc3M9XCJpY29uLW1lbnVcIj57e2lzU0ljb24oaWNvbikgJiYgaWNvbi5uYW1lID8gaWNvbi5uYW1lIDogaWNvbn19XHJcbiAgICA8L3MtaWNvbi1tYXQ+XHJcbiAgICA8cy1pY29uLW1hdCBcclxuICAgICAgICAqbmdJZj1cIiFpY29uXCIgXHJcbiAgICAgICAgdHlwZT1cInN5bWJvbFwiXHJcbiAgICAgICAgc2l6ZT1cIjIwXCJcclxuICAgICAgICBjbGFzcz1cImljb24tbWVudSBpY29uLW1lbnUtZGVmYXVsdFwiPmZpYmVyX21hbnVhbF9yZWNvcmRcclxuICAgIDwvcy1pY29uLW1hdD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjYmFkZ2VUZW1wbGF0ZSBsZXQtaXRlbT5cclxuICAgIDxzLWJhZGdlIGNsYXNzPVwiYmFkZ2UtcGFkZGluZ1wiXHJcbiAgICAgICAgdHlwZT1cInt7aXRlbS5iYWRnZVR5cGUgPyBpdGVtLmJhZGdlVHlwZSA6ICdzZWNvbmRhcnknfX1cIj5cclxuICAgICAgICB7e2l0ZW0uYmFkZ2V9fVxyXG4gICAgPC9zLWJhZGdlPlxyXG48L25nLXRlbXBsYXRlPiJdfQ==
package/esm2022/lib/sidebar/s-sidebar.module.mjs CHANGED
@@ -6,14 +6,16 @@ import { SIconMaterialModule } from '../icon-material/s-icon-material.module';
6
6
  import { RouterModule } from '@angular/router';
7
7
  import { SBadgeModule } from '../badge/s-badge.module';
8
8
  import { LocalstorageService } from '../shared/localstorage.service';
9
+ import { SMenuItemTitleComponent } from './components/s-menu-item.component';
9
10
  import * as i0 from "@angular/core";
10
11
  export class SSidebarModule {
11
12
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
12
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.3", ngImport: i0, type: SSidebarModule, declarations: [SSidebarComponent], imports: [CommonModule,
13
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.3", ngImport: i0, type: SSidebarModule, declarations: [SSidebarComponent,
14
+ SMenuItemTitleComponent], imports: [CommonModule,
13
15
  SIconModule,
14
16
  RouterModule,
15
17
  SIconMaterialModule,
16
- SBadgeModule], exports: [SSidebarComponent, RouterModule] }); }
18
+ SBadgeModule], exports: [SSidebarComponent, SMenuItemTitleComponent, RouterModule] }); }
17
19
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SSidebarModule, providers: [LocalstorageService], imports: [CommonModule,
18
20
  SIconModule,
19
21
  RouterModule,
@@ -24,7 +26,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
24
26
  type: NgModule,
25
27
  args: [{
26
28
  declarations: [
27
- SSidebarComponent
29
+ SSidebarComponent,
30
+ SMenuItemTitleComponent
28
31
  ],
29
32
  imports: [
30
33
  CommonModule,
@@ -34,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImpor
34
37
  SBadgeModule,
35
38
  ],
36
39
  providers: [LocalstorageService],
37
- exports: [SSidebarComponent, RouterModule]
40
+ exports: [SSidebarComponent, SMenuItemTitleComponent, RouterModule]
38
41
  }]
39
42
  }] });
40
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zaWRlYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7QUFnQnJFLE1BQU0sT0FBTyxjQUFjOzhHQUFkLGNBQWM7K0dBQWQsY0FBYyxpQkFadkIsaUJBQWlCLGFBR2pCLFlBQVk7WUFDWixXQUFXO1lBQ1gsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixZQUFZLGFBR0osaUJBQWlCLEVBQUcsWUFBWTsrR0FFL0IsY0FBYyxhQUhmLENBQUMsbUJBQW1CLENBQUMsWUFON0IsWUFBWTtZQUNaLFdBQVc7WUFDWCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLFlBQVksRUFHZ0IsWUFBWTs7MkZBRS9CLGNBQWM7a0JBZDFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGlCQUFpQjtxQkFDbEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsWUFBWTtxQkFDYjtvQkFDRCxTQUFTLEVBQUMsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUcsWUFBWSxDQUFDO2lCQUM1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9zLXNpZGViYXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL3MtaWNvbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kdWxlJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU0JhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2Uvcy1iYWRnZS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBMb2NhbHN0b3JhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vc2hhcmVkL2xvY2Fsc3RvcmFnZS5zZXJ2aWNlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTU2lkZWJhckNvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgU0ljb25Nb2R1bGUsXHJcbiAgICBSb3V0ZXJNb2R1bGUsXHJcbiAgICBTSWNvbk1hdGVyaWFsTW9kdWxlLFxyXG4gICAgU0JhZGdlTW9kdWxlLFxyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOltMb2NhbHN0b3JhZ2VTZXJ2aWNlXSxcclxuICBleHBvcnRzOiBbU1NpZGViYXJDb21wb25lbnQgLCBSb3V0ZXJNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTU2lkZWJhck1vZHVsZSB7IH1cclxuIl19
43
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy1zaWRlYmFyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NpZGVzeXMtZ2VuZXJpYy11aS9zcmMvbGliL3NpZGViYXIvcy1zaWRlYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDcEQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFpQjdFLE1BQU0sT0FBTyxjQUFjOzhHQUFkLGNBQWM7K0dBQWQsY0FBYyxpQkFidkIsaUJBQWlCO1lBQ2pCLHVCQUF1QixhQUd2QixZQUFZO1lBQ1osV0FBVztZQUNYLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsWUFBWSxhQUdKLGlCQUFpQixFQUFFLHVCQUF1QixFQUFHLFlBQVk7K0dBRXhELGNBQWMsYUFIZixDQUFDLG1CQUFtQixDQUFDLFlBTjdCLFlBQVk7WUFDWixXQUFXO1lBQ1gsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixZQUFZLEVBR3lDLFlBQVk7OzJGQUV4RCxjQUFjO2tCQWYxQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7d0JBQ2pCLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCxZQUFZO3dCQUNaLG1CQUFtQjt3QkFDbkIsWUFBWTtxQkFDYjtvQkFDRCxTQUFTLEVBQUMsQ0FBQyxtQkFBbUIsQ0FBQztvQkFDL0IsT0FBTyxFQUFFLENBQUMsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUcsWUFBWSxDQUFDO2lCQUNyRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IFNTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9zLXNpZGViYXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU0ljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uL3MtaWNvbi5tb2R1bGUnO1xyXG5pbXBvcnQgeyBTSWNvbk1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vaWNvbi1tYXRlcmlhbC9zLWljb24tbWF0ZXJpYWwubW9kdWxlJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgU0JhZGdlTW9kdWxlIH0gZnJvbSAnLi4vYmFkZ2Uvcy1iYWRnZS5tb2R1bGUnO1xyXG5pbXBvcnQgeyBMb2NhbHN0b3JhZ2VTZXJ2aWNlIH0gZnJvbSAnLi4vc2hhcmVkL2xvY2Fsc3RvcmFnZS5zZXJ2aWNlJztcclxuaW1wb3J0IHsgU01lbnVJdGVtVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvcy1tZW51LWl0ZW0uY29tcG9uZW50JztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTU2lkZWJhckNvbXBvbmVudCxcclxuICAgIFNNZW51SXRlbVRpdGxlQ29tcG9uZW50XHJcbiAgXSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBTSWNvbk1vZHVsZSxcclxuICAgIFJvdXRlck1vZHVsZSxcclxuICAgIFNJY29uTWF0ZXJpYWxNb2R1bGUsXHJcbiAgICBTQmFkZ2VNb2R1bGUsXHJcbiAgXSxcclxuICBwcm92aWRlcnM6W0xvY2Fsc3RvcmFnZVNlcnZpY2VdLFxyXG4gIGV4cG9ydHM6IFtTU2lkZWJhckNvbXBvbmVudCwgU01lbnVJdGVtVGl0bGVDb21wb25lbnQgLCBSb3V0ZXJNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTU2lkZWJhck1vZHVsZSB7IH1cclxuIl19
package/esm2022/lib/sub-menu/s-sub-menu.component.mjs CHANGED
@@ -34,7 +34,7 @@ export class SSubMenuComponent {
34
34
  }, 250);
35
35
  }
36
36
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SSubMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
37
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SSubMenuComponent, selector: "s-sub-menu", inputs: { menu: "menu" }, outputs: { changeMenuEvent: "changeMenuEvent", closeMenuEvent: "closeMenuEvent" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: " <ul class=\"s-sub-menu\">\r\n\r\n <ng-container *ngFor=\"let item of menu.items ; index as i\">\r\n <li *ngIf=\"!item.hidden\" title=\"{{item.title}}\">\r\n\r\n <!-- Header -->\r\n <ng-container *ngIf=\"menu.header && i == 0\">\r\n <div *ngIf=\"menu.header.type == 'title'\" class=\"s-sub-menu__header-title\">\r\n {{menu.header.title}}\r\n </div>\r\n <div *ngIf=\"menu.header.type == 'user'\" class=\"s-sub-menu__header-user\">\r\n <s-profile-group size=\"m\" [user]=\"menu.header.user\"></s-profile-group>\r\n </div>\r\n <div class=\"s-sub-menu__separate\"></div>\r\n </ng-container>\r\n\r\n <!-- Con Link -->\r\n <ng-container *ngIf=\"item.link\">\r\n <a routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"s-sub-menu__option\">\r\n <div class=\"s-sub-menu__option__left\">\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\r\n </div>\r\n <div *ngIf=\"item.help\" class=\"s-sub-menu__option__right\">\r\n <label class=\"sub-menu66-item-help\">{{item.help}}</label>\r\n </div>\r\n </a>\r\n </ng-container>\r\n\r\n <!-- Con inputType Checkbox o Radio -->\r\n <ng-container *ngIf=\"(item.inputType && item.action) || item.inputType\">\r\n \r\n <div class=\"s-sub-menu__option cursor\">\r\n <div class=\"s-sub-menu__option__left\">\r\n <s-radio *ngIf=\"item.inputType == 'radio'\" model=\"'sub-menu-group'\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-radio>\r\n <s-checkbox *ngIf=\"item.inputType == 'checkbox'\" [model]=\"item.value\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-checkbox>\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title cursor-normal\">{{item.title}}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Action -->\r\n <ng-container *ngIf=\"item.action && !item.inputType\">\r\n <button class=\"s-sub-menu--button\">\r\n <div class=\"s-sub-menu__option cursor\" (click)=\"item.action()\">\r\n <div *ngIf=\"item.action\" class=\"s-sub-menu__option__left\">\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\r\n </div>\r\n </div>\r\n </button>\r\n </ng-container>\r\n\r\n <!-- Solo Label -->\r\n <ng-container *ngIf=\"!item.action && !item.inputType && !item.link && !item.separate\">\r\n <button class=\"s-sub-menu--button\" (click)=\"selectItem(item)\">\r\n <div class=\"s-sub-menu__option cursor\">\r\n <div class=\"s-sub-menu__option__left\">\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\r\n </div>\r\n </div>\r\n </button>\r\n </ng-container>\r\n\r\n <!-- Espaciado -->\r\n <ng-container *ngIf=\"item.separate\"> \r\n <div class=\"s-sub-menu__separate\"></div>\r\n </ng-container>\r\n\r\n </li>\r\n\r\n </ng-container>\r\n </ul>\r\n", styles: [".s-sub-menu{box-sizing:border-box;padding:0;background:var(--neutrals-1200);border:.0625rem solid var(--neutrals-1000);box-shadow:var(--E500);border-radius:.5rem}.s-sub-menu__header-title{font-size:.875rem;font-weight:700;color:var(--secondary-600);padding:.8125rem;margin-left:.4375rem;cursor:default}.s-sub-menu__header-user{margin:.75rem 1rem}.s-sub-menu__separate{height:.0625rem;background-color:var(--secondary-100)}.s-sub-menu--button{width:100%;border:none;padding:0;background-color:inherit}.s-sub-menu__option{display:flex;justify-content:space-between;height:2.75rem;padding:0 1rem;font-size:1rem;color:var(--secondary-600);text-decoration:none}.s-sub-menu__option__left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-sub-menu__option__left__title{font-size:.875rem;color:var(--secondary-600)}.s-sub-menu__option__left__title.cursor-normal{cursor:default}.s-sub-menu__option__left__icon{margin-right:.625rem}.s-sub-menu__option__left__icon span{color:var(--primary-600);font-size:1.3rem}.s-sub-menu__option__left s-checkbox{line-height:.75rem;margin-right:.625rem}.s-sub-menu__option__left s-checkbox input[type=checkbox]{cursor:pointer}.s-sub-menu__option__left s-radio .radio-c-pointer{padding:0}.s-sub-menu__option__left s-radio input[type=radio]{margin-right:.625rem;margin-left:.3125rem;cursor:pointer}.s-sub-menu__option__right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-sub-menu__option__right .sub-menu66-item-help{font-size:.75rem;color:var(--secondary-500)}.s-sub-menu__option:hover{background-color:var(--neutrals-1100)}.s-sub-menu__option:last-child:hover{border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}.s-sub-menu li a.active .sub-menu66-title{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i5.SRadioComponent, selector: "s-radio", inputs: ["value", "model", "name", "disabled", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SProfileGroupComponent, selector: "s-profile-group", inputs: ["size", "user"] }], encapsulation: i0.ViewEncapsulation.None }); }
37
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SSubMenuComponent, selector: "s-sub-menu", inputs: { menu: "menu" }, outputs: { changeMenuEvent: "changeMenuEvent", closeMenuEvent: "closeMenuEvent" }, host: { listeners: { "click": "clicked()", "document:click": "clickedOut()" } }, ngImport: i0, template: " <ul class=\"s-sub-menu\">\r\n\r\n <ng-container *ngFor=\"let item of menu.items ; index as i\">\r\n <li *ngIf=\"!item.hidden\" title=\"{{item.title}}\">\r\n\r\n <!-- Header -->\r\n <ng-container *ngIf=\"menu.header && i == 0\">\r\n <div *ngIf=\"menu.header.type == 'title'\" class=\"s-sub-menu__header-title\">\r\n {{menu.header.title}}\r\n </div>\r\n <div *ngIf=\"menu.header.type == 'user'\" class=\"s-sub-menu__header-user\">\r\n <s-profile-group size=\"m\" [user]=\"menu.header.user\"></s-profile-group>\r\n </div>\r\n <div class=\"s-sub-menu__separate\"></div>\r\n </ng-container>\r\n\r\n <!-- Con Link -->\r\n <ng-container *ngIf=\"item.link\">\r\n <a routerLink=\"{{item.link? item.link : null}}\" routerLinkActive=\"active\" class=\"s-sub-menu__option\">\r\n <div class=\"s-sub-menu__option__left\">\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\r\n </div>\r\n <div *ngIf=\"item.help\" class=\"s-sub-menu__option__right\">\r\n <label class=\"sub-menu66-item-help\">{{item.help}}</label>\r\n </div>\r\n </a>\r\n </ng-container>\r\n\r\n <!-- Con inputType Checkbox o Radio -->\r\n <ng-container *ngIf=\"(item.inputType && item.action) || item.inputType\">\r\n \r\n <div class=\"s-sub-menu__option cursor\">\r\n <div class=\"s-sub-menu__option__left\">\r\n <s-radio *ngIf=\"item.inputType == 'radio'\" model=\"'sub-menu-group'\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-radio>\r\n <s-checkbox *ngIf=\"item.inputType == 'checkbox'\" [model]=\"item.value\" (emitSelection)=\"changeItem(item)\" (click)=\"item.action ? item.action() : null\"></s-checkbox>\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title cursor-normal\">{{item.title}}</span>\r\n </div>\r\n </div>\r\n </ng-container>\r\n\r\n <!-- Action -->\r\n <ng-container *ngIf=\"item.action && !item.inputType\">\r\n <button class=\"s-sub-menu--button\">\r\n <div class=\"s-sub-menu__option cursor\" (click)=\"item.action()\">\r\n <div *ngIf=\"item.action\" class=\"s-sub-menu__option__left\">\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\r\n </div>\r\n </div>\r\n </button>\r\n </ng-container>\r\n\r\n <!-- Solo Label -->\r\n <ng-container *ngIf=\"!item.action && !item.inputType && !item.link && !item.separate\">\r\n <button class=\"s-sub-menu--button\" (click)=\"selectItem(item)\">\r\n <div class=\"s-sub-menu__option cursor\">\r\n <div class=\"s-sub-menu__option__left\">\r\n <s-icon-mat *ngIf=\"item.icon && item.iconName\" class=\"s-sub-menu__option__left__icon\">{{item.iconName}}</s-icon-mat>\r\n <span class=\"s-sub-menu__option__left__title\">{{item.title}}</span>\r\n </div>\r\n </div>\r\n </button>\r\n </ng-container>\r\n\r\n <!-- Espaciado -->\r\n <ng-container *ngIf=\"item.separate\"> \r\n <div class=\"s-sub-menu__separate\"></div>\r\n </ng-container>\r\n\r\n </li>\r\n\r\n </ng-container>\r\n </ul>\r\n", styles: [".s-sub-menu{box-sizing:border-box;padding:0;background:var(--neutrals-1200);border:.0625rem solid var(--neutrals-1000);box-shadow:var(--E500);border-radius:.5rem}.s-sub-menu__header-title{font-size:.875rem;font-weight:700;color:var(--secondary-600);padding:.8125rem;margin-left:.4375rem;cursor:default}.s-sub-menu__header-user{margin:.75rem 1rem}.s-sub-menu__separate{height:.0625rem;background-color:var(--secondary-100)}.s-sub-menu--button{width:100%;border:none;padding:0;background-color:inherit}.s-sub-menu__option{display:flex;justify-content:space-between;height:2.75rem;padding:0 1rem;font-size:1rem;color:var(--secondary-600);text-decoration:none}.s-sub-menu__option__left{display:flex;align-items:center;justify-content:space-evenly;margin-right:.5rem}.s-sub-menu__option__left__title{font-size:.875rem;color:var(--secondary-600)}.s-sub-menu__option__left__title.cursor-normal{cursor:default}.s-sub-menu__option__left__icon{margin-right:.625rem}.s-sub-menu__option__left__icon span{color:var(--primary-600);font-size:1.3rem}.s-sub-menu__option__left s-checkbox{line-height:.75rem;margin-right:.625rem}.s-sub-menu__option__left s-checkbox input[type=checkbox]{cursor:pointer}.s-sub-menu__option__left s-radio .radio-c-pointer{padding:0}.s-sub-menu__option__left s-radio input[type=radio]{margin-right:.625rem;margin-left:.3125rem;cursor:pointer}.s-sub-menu__option__right{display:flex;align-items:center;justify-content:space-evenly;margin-left:.5rem;color:var(--primary-600)}.s-sub-menu__option__right .sub-menu66-item-help{font-size:.75rem;color:var(--secondary-500)}.s-sub-menu__option:hover{background-color:var(--neutrals-1100)}.s-sub-menu__option:last-child:hover{border-bottom-left-radius:.625rem;border-bottom-right-radius:.625rem}.s-sub-menu li a.active .sub-menu66-title{color:var(--primary-600)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.SCheckboxComponent, selector: "s-checkbox", inputs: ["value", "model", "disabled", "isUndefined", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i5.SRadioComponent, selector: "s-radio", inputs: ["value", "model", "name", "disabled", "label", "boldSelectActive"], outputs: ["emitSelection"] }, { kind: "component", type: i6.SProfileGroupComponent, selector: "s-profile-group", inputs: ["size", "user"] }], encapsulation: i0.ViewEncapsulation.None }); }
38
38
  }
39
39
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SSubMenuComponent, decorators: [{
40
40
  type: Component,
package/esm2022/lib/tabs/s-tabs.component.mjs CHANGED
@@ -21,7 +21,7 @@ export class STabsComponent {
21
21
  this.eventSelect.emit(tab);
22
22
  }
23
23
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: STabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
24
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: STabsComponent, selector: "s-tabs", inputs: { tabs: "tabs", configTabs: "configTabs" }, outputs: { eventSelect: "eventSelect" }, ngImport: i0, template: "<div class=\"s-tabs\" *ngIf=\"tabsConfig\" [ngClass]=\"{'background-primary': configTabs?.background}\">\r\n <div class=\"s-tabs__container\" [style.width.%]=\"configTabs?.width\">\r\n <div class=\"s-tabs__content\" *ngFor=\"let tab of tabsConfig\" [ngClass]=\"{'selected': tab.selected, 'highlight': tab.highlight}\" (click)=\"selectTab(tab)\">\r\n <s-icon-mat class=\"s-tabs__icon\" *ngIf=\"tab.icon\">{{tab.icon}}</s-icon-mat>\r\n <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{tab.text}}</span>\r\n </div>\r\n </div>\r\n</div>", styles: [".s-tabs{border-radius:.5rem;box-shadow:var(--E100);margin-bottom:1rem;display:block}.s-tabs__icon{font-size:2rem;margin-right:.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.8rem .5rem;text-align:center}.s-tabs__content.selected{border-bottom:1px solid var(--primary-600);color:var(--primary-600)}.s-tabs__content.highlight{background-color:var(--primary-200);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.s-tabs__text{font-weight:700}.background-primary{background-color:var(--primary-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
24
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: STabsComponent, selector: "s-tabs", inputs: { tabs: "tabs", configTabs: "configTabs" }, outputs: { eventSelect: "eventSelect" }, ngImport: i0, template: "<div class=\"s-tabs\" *ngIf=\"tabsConfig\" [ngClass]=\"{'background-primary': configTabs?.background}\">\r\n <div class=\"s-tabs__container\" [style.width.%]=\"configTabs?.width\">\r\n <div class=\"s-tabs__content\" *ngFor=\"let tab of tabsConfig\" [ngClass]=\"{'selected': tab.selected, 'highlight': tab.highlight}\" (click)=\"selectTab(tab)\">\r\n <s-icon-mat class=\"s-tabs__icon\" *ngIf=\"tab.icon\">{{tab.icon}}</s-icon-mat>\r\n <span *ngIf=\"tab.text\" class=\"s-tabs__text\">{{tab.text}}</span>\r\n </div>\r\n </div>\r\n</div>", styles: [".s-tabs{border-radius:.5rem;box-shadow:var(--E100);margin-bottom:1rem;display:block}.s-tabs__icon{font-size:2rem;margin-right:.5rem}.s-tabs__container{display:flex;justify-content:center}.s-tabs__content{align-items:center;color:var(--secondary-600);cursor:pointer;display:flex;flex-basis:50%;flex-grow:1;font-size:1rem;justify-content:center;line-height:2rem;padding:.8rem .5rem;text-align:center}.s-tabs__content.selected{border-bottom:1px solid var(--primary-600);color:var(--primary-600)}.s-tabs__content.highlight{background-color:var(--primary-200);border-top-left-radius:.5rem;border-top-right-radius:.5rem}.s-tabs__text{font-weight:700}.background-primary{background-color:var(--primary-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
25
25
  }
26
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: STabsComponent, decorators: [{
27
27
  type: Component,
package/esm2022/lib/theme/s-theme.component.mjs CHANGED
@@ -2,10 +2,10 @@ import { Component, ViewEncapsulation } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export class SThemeComponent {
4
4
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SThemeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
5
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SThemeComponent, selector: "s-theme", ngImport: i0, template: '', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.2px;line-height:20px;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.15px}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.1px}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.25px}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.5px}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.2px}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.1px}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.5px}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:1.5px}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.5px}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.5px}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.5px}@media only screen and (max-width: 600px){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100:#F3F8F5;--green-200:#E5F2EB;--green-300:#C8E4D5;--green-400:#A7D5BD;--green-500:#7CC5A0;--green-600:#36B37E;--green-700:#30A071;--green-800:#2A8B62;--green-900:#227150;--green-1000:#185038;--yellow-100:#FEF6E6;--yellow-200:#FEEDCD;--yellow-300:#FFDD86;--yellow-400:#FFCB59;--yellow-500:#FFB828;--yellow-600:#F9A60C;--yellow-700:#EC9709;--yellow-800:#DF8806;--yellow-900:#D37A03;--yellow-1000:#B26000;--red-100:#FFF1EC;--red-200:#FFE8E0;--red-300:#FDD1CA;--red-400:#FBB9B3;--red-500:#F68783;--red-600:#F46A68;--red-700:#F14848;--red-800:#E12E2E;--red-900:#CB1818;--red-1000:#B30000;--blue-alpha-100:rgba(23, 56, 97, .05);--blue-alpha-200:rgba(23, 56, 97, .125);--blue-alpha-300:rgba(23, 56, 97, .25);--blue-alpha-400:rgba(23, 56, 97, .375);--blue-alpha-500:rgba(23, 56, 97, .5);--blue-alpha-600:rgba(23, 56, 97, .625);--blue-alpha-700:rgba(23, 56, 97, .75);--blue-alpha-800:rgba(23, 56, 97, .875);--cyan-alpha-100:rgba(0, 145, 254, .05);--cyan-alpha-200:rgba(0, 145, 254, .125);--cyan-alpha-300:rgba(0, 145, 254, .25);--cyan-alpha-400:rgba(0, 145, 254, .375);--cyan-alpha-500:rgba(0, 145, 254, .5);--cyan-alpha-600:rgba(0, 145, 254, .625);--cyan-alpha-700:rgba(0, 145, 254, .75);--cyan-alpha-800:rgba(0, 145, 254, .875);--E000: 0px 0px 2px 0px rgba(23, 56, 97, .14);--E100: 0px 0px 10px 0px rgba(23, 56, 97, .14);--E200: 0px 0px 16px 0px rgba(23, 56, 97, .16);--E300: 0px 5px 24px 0px rgba(23, 56, 97, .18);--E400: 0px 0px 24px 0px rgba(23, 56, 97, .12), 0px 8px 20px 0px rgba(23, 56, 97, .06), 0px 4px 28px 0px rgba(23, 56, 97, .16);--E500: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--E600: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--focus-cyan--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(0, 145, 254, .15);--focus-cyan--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(0, 145, 254, .15);--focus-blue--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(23, 56, 97, .15);--focus-blue--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(23, 56, 97, .15);--focus-green--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(54, 179, 126, .15);--focus-green--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(54, 179, 126, .15);--focus-yellow--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 171, 0, .15);--focus-yellow--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 171, 0, .15);--focus-red--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 86, 48, .15);--focus-red--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 86, 48, .15)}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(38px circle at 19px 19px,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-0{padding:0!important}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:.25em 0}.px-2{padding:.5em 0}.px-3{padding:1em 0}.px-4{padding:1.5em 0}.px-5{padding:3em 0}.py-0{padding:0}.py-1{padding:0 .25em}.py-2{padding:0 .5em}.py-3{padding:0 1em}.py-4{padding:0 1.5em}.py-5{padding:0 3em}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:0 auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:.25em 0}.mx-2{margin:.5em 0}.mx-3{margin:1em 0}.mx-4{margin:1.5em 0}.mx-5{margin:3em 0}.my-0{margin:0}.my-1{margin:0 .25em}.my-2{margin:0 .5em}.my-3{margin:0 1em}.my-4{margin:0 1.5em}.my-5{margin:0 3em}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:1px solid}.border-2{border:2px solid}.border-left-1,.border-left{border-left:1px solid}.border-left-2{border-left:2px solid}.border-right-1,.border-right{border-right:1px solid}.border-right-2{border-right:2px solid}.border-top-1,.border-top{border-top:1px solid}.border-top-2{border-top:2px solid}.border-bottom-1,.border-bottom{border-bottom:1px solid}.border-bottom-2{border-bottom:2px solid}.border-y-1,.border-y{border-top:1px solid;border-bottom:1px solid}.border-y-2{border-top:2px solid;border-bottom:2px solid}.border-x-1,.border-x{border-left:1px solid;border-right:1px solid}.border-x-2{border-left:2px solid;border-right:2px solid}.br-1{border-radius:2px}.br-2{border-radius:4px}.br-3{border-radius:8px}.shadow-inner-1{box-shadow:inset 0 2px 2px #0000001a}.shadow-inner-2{box-shadow:inset 0 4px 8px #0000001a}.shadow-outer-1{box-shadow:0 2px 2px #0000001a}.shadow-outer-2{box-shadow:0 4px 8px #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll::-webkit-scrollbar{width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:6px 10px 10px 6px;border-right:.3rem solid transparent;background-clip:content-box}\n"], encapsulation: i0.ViewEncapsulation.None }); }
5
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SThemeComponent, selector: "s-theme", ngImport: i0, template: '', isInline: true, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.2px;line-height:20px;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.15px}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.1px}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.25px}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.5px}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.2px}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.1px}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.5px}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:1.5px}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.5px}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.5px}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.5px}@media only screen and (max-width: 600px){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100:#F3F8F5;--green-200:#E5F2EB;--green-300:#C8E4D5;--green-400:#A7D5BD;--green-500:#7CC5A0;--green-600:#36B37E;--green-700:#30A071;--green-800:#2A8B62;--green-900:#227150;--green-1000:#185038;--yellow-100:#FEF6E6;--yellow-200:#FEEDCD;--yellow-300:#FFDD86;--yellow-400:#FFCB59;--yellow-500:#FFB828;--yellow-600:#F9A60C;--yellow-700:#EC9709;--yellow-800:#DF8806;--yellow-900:#D37A03;--yellow-1000:#B26000;--red-100:#FFF1EC;--red-200:#FFE8E0;--red-300:#FDD1CA;--red-400:#FBB9B3;--red-500:#F68783;--red-600:#F46A68;--red-700:#F14848;--red-800:#E12E2E;--red-900:#CB1818;--red-1000:#B30000;--blue-alpha-100:rgba(23, 56, 97, .05);--blue-alpha-200:rgba(23, 56, 97, .125);--blue-alpha-300:rgba(23, 56, 97, .25);--blue-alpha-400:rgba(23, 56, 97, .375);--blue-alpha-500:rgba(23, 56, 97, .5);--blue-alpha-600:rgba(23, 56, 97, .625);--blue-alpha-700:rgba(23, 56, 97, .75);--blue-alpha-800:rgba(23, 56, 97, .875);--cyan-alpha-100:rgba(0, 145, 254, .05);--cyan-alpha-200:rgba(0, 145, 254, .125);--cyan-alpha-300:rgba(0, 145, 254, .25);--cyan-alpha-400:rgba(0, 145, 254, .375);--cyan-alpha-500:rgba(0, 145, 254, .5);--cyan-alpha-600:rgba(0, 145, 254, .625);--cyan-alpha-700:rgba(0, 145, 254, .75);--cyan-alpha-800:rgba(0, 145, 254, .875);--E000: 0px 0px 2px 0px rgba(23, 56, 97, .14);--E100: 0px 0px 10px 0px rgba(23, 56, 97, .14);--E200: 0px 0px 16px 0px rgba(23, 56, 97, .16);--E300: 0px 5px 24px 0px rgba(23, 56, 97, .18);--E400: 0px 0px 24px 0px rgba(23, 56, 97, .12), 0px 8px 20px 0px rgba(23, 56, 97, .06), 0px 4px 28px 0px rgba(23, 56, 97, .16);--E500: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--E600: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--focus-cyan--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(0, 145, 254, .15);--focus-cyan--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(0, 145, 254, .15);--focus-blue--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(23, 56, 97, .15);--focus-blue--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(23, 56, 97, .15);--focus-green--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(54, 179, 126, .15);--focus-green--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(54, 179, 126, .15);--focus-yellow--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 171, 0, .15);--focus-yellow--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 171, 0, .15);--focus-red--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 86, 48, .15);--focus-red--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 86, 48, .15)}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(38px circle at 19px 19px,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-0{padding:0!important}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:.25em 0}.px-2{padding:.5em 0}.px-3{padding:1em 0}.px-4{padding:1.5em 0}.px-5{padding:3em 0}.py-0{padding:0}.py-1{padding:0 .25em}.py-2{padding:0 .5em}.py-3{padding:0 1em}.py-4{padding:0 1.5em}.py-5{padding:0 3em}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:0 auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:.25em 0}.mx-2{margin:.5em 0}.mx-3{margin:1em 0}.mx-4{margin:1.5em 0}.mx-5{margin:3em 0}.my-0{margin:0}.my-1{margin:0 .25em}.my-2{margin:0 .5em}.my-3{margin:0 1em}.my-4{margin:0 1.5em}.my-5{margin:0 3em}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:1px solid}.border-2{border:2px solid}.border-left-1,.border-left{border-left:1px solid}.border-left-2{border-left:2px solid}.border-right-1,.border-right{border-right:1px solid}.border-right-2{border-right:2px solid}.border-top-1,.border-top{border-top:1px solid}.border-top-2{border-top:2px solid}.border-bottom-1,.border-bottom{border-bottom:1px solid}.border-bottom-2{border-bottom:2px solid}.border-y-1,.border-y{border-top:1px solid;border-bottom:1px solid}.border-y-2{border-top:2px solid;border-bottom:2px solid}.border-x-1,.border-x{border-left:1px solid;border-right:1px solid}.border-x-2{border-left:2px solid;border-right:2px solid}.br-1{border-radius:2px}.br-2{border-radius:4px}.br-3{border-radius:8px}.shadow-inner-1{box-shadow:inset 0 2px 2px #0000001a}.shadow-inner-2{box-shadow:inset 0 4px 8px #0000001a}.shadow-outer-1{box-shadow:0 2px 2px #0000001a}.shadow-outer-2{box-shadow:0 4px 8px #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll::-webkit-scrollbar{width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:20px 13px 13px 20px;border-right:.1em solid transparent;border-left:.3rem solid transparent;background-clip:content-box}\n"], encapsulation: i0.ViewEncapsulation.None }); }
6
6
  }
7
7
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SThemeComponent, decorators: [{
8
8
  type: Component,
9
- args: [{ selector: 's-theme', template: '', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.2px;line-height:20px;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.15px}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.1px}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.25px}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.5px}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.2px}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.1px}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.5px}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:1.5px}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.5px}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.5px}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.5px}@media only screen and (max-width: 600px){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100:#F3F8F5;--green-200:#E5F2EB;--green-300:#C8E4D5;--green-400:#A7D5BD;--green-500:#7CC5A0;--green-600:#36B37E;--green-700:#30A071;--green-800:#2A8B62;--green-900:#227150;--green-1000:#185038;--yellow-100:#FEF6E6;--yellow-200:#FEEDCD;--yellow-300:#FFDD86;--yellow-400:#FFCB59;--yellow-500:#FFB828;--yellow-600:#F9A60C;--yellow-700:#EC9709;--yellow-800:#DF8806;--yellow-900:#D37A03;--yellow-1000:#B26000;--red-100:#FFF1EC;--red-200:#FFE8E0;--red-300:#FDD1CA;--red-400:#FBB9B3;--red-500:#F68783;--red-600:#F46A68;--red-700:#F14848;--red-800:#E12E2E;--red-900:#CB1818;--red-1000:#B30000;--blue-alpha-100:rgba(23, 56, 97, .05);--blue-alpha-200:rgba(23, 56, 97, .125);--blue-alpha-300:rgba(23, 56, 97, .25);--blue-alpha-400:rgba(23, 56, 97, .375);--blue-alpha-500:rgba(23, 56, 97, .5);--blue-alpha-600:rgba(23, 56, 97, .625);--blue-alpha-700:rgba(23, 56, 97, .75);--blue-alpha-800:rgba(23, 56, 97, .875);--cyan-alpha-100:rgba(0, 145, 254, .05);--cyan-alpha-200:rgba(0, 145, 254, .125);--cyan-alpha-300:rgba(0, 145, 254, .25);--cyan-alpha-400:rgba(0, 145, 254, .375);--cyan-alpha-500:rgba(0, 145, 254, .5);--cyan-alpha-600:rgba(0, 145, 254, .625);--cyan-alpha-700:rgba(0, 145, 254, .75);--cyan-alpha-800:rgba(0, 145, 254, .875);--E000: 0px 0px 2px 0px rgba(23, 56, 97, .14);--E100: 0px 0px 10px 0px rgba(23, 56, 97, .14);--E200: 0px 0px 16px 0px rgba(23, 56, 97, .16);--E300: 0px 5px 24px 0px rgba(23, 56, 97, .18);--E400: 0px 0px 24px 0px rgba(23, 56, 97, .12), 0px 8px 20px 0px rgba(23, 56, 97, .06), 0px 4px 28px 0px rgba(23, 56, 97, .16);--E500: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--E600: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--focus-cyan--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(0, 145, 254, .15);--focus-cyan--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(0, 145, 254, .15);--focus-blue--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(23, 56, 97, .15);--focus-blue--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(23, 56, 97, .15);--focus-green--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(54, 179, 126, .15);--focus-green--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(54, 179, 126, .15);--focus-yellow--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 171, 0, .15);--focus-yellow--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 171, 0, .15);--focus-red--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 86, 48, .15);--focus-red--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 86, 48, .15)}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(38px circle at 19px 19px,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-0{padding:0!important}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:.25em 0}.px-2{padding:.5em 0}.px-3{padding:1em 0}.px-4{padding:1.5em 0}.px-5{padding:3em 0}.py-0{padding:0}.py-1{padding:0 .25em}.py-2{padding:0 .5em}.py-3{padding:0 1em}.py-4{padding:0 1.5em}.py-5{padding:0 3em}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:0 auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:.25em 0}.mx-2{margin:.5em 0}.mx-3{margin:1em 0}.mx-4{margin:1.5em 0}.mx-5{margin:3em 0}.my-0{margin:0}.my-1{margin:0 .25em}.my-2{margin:0 .5em}.my-3{margin:0 1em}.my-4{margin:0 1.5em}.my-5{margin:0 3em}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:1px solid}.border-2{border:2px solid}.border-left-1,.border-left{border-left:1px solid}.border-left-2{border-left:2px solid}.border-right-1,.border-right{border-right:1px solid}.border-right-2{border-right:2px solid}.border-top-1,.border-top{border-top:1px solid}.border-top-2{border-top:2px solid}.border-bottom-1,.border-bottom{border-bottom:1px solid}.border-bottom-2{border-bottom:2px solid}.border-y-1,.border-y{border-top:1px solid;border-bottom:1px solid}.border-y-2{border-top:2px solid;border-bottom:2px solid}.border-x-1,.border-x{border-left:1px solid;border-right:1px solid}.border-x-2{border-left:2px solid;border-right:2px solid}.br-1{border-radius:2px}.br-2{border-radius:4px}.br-3{border-radius:8px}.shadow-inner-1{box-shadow:inset 0 2px 2px #0000001a}.shadow-inner-2{box-shadow:inset 0 4px 8px #0000001a}.shadow-outer-1{box-shadow:0 2px 2px #0000001a}.shadow-outer-2{box-shadow:0 4px 8px #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll::-webkit-scrollbar{width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:6px 10px 10px 6px;border-right:.3rem solid transparent;background-clip:content-box}\n"] }]
9
+ args: [{ selector: 's-theme', template: '', encapsulation: ViewEncapsulation.None, styles: ["@import\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap\";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Roboto,Arial,sans-serif;font-size:16px;letter-spacing:.2px;line-height:20px;font-weight:400}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}h1{font-size:2.5rem;line-height:3.75rem}h2{font-size:2rem;line-height:2.5rem}h3{font-size:1.75rem;line-height:2.2rem}h4{font-size:1.5rem;line-height:1.875rem}h5{font-size:1.25rem;line-height:1.5rem}h6{font-size:1rem;line-height:1.5rem}p{font-size:1rem}a{font-size:1rem;line-height:1.5rem}.s-subtitle{font-size:1rem;line-height:1.5rem;letter-spacing:.15px}.s-subtitle-bold{font-size:1rem;line-height:1.5rem;font-weight:700;letter-spacing:.1px}.s-body-1{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-body-2{font-size:.875rem;line-height:1.375rem;letter-spacing:.25px}.s-button-xl,.s-button-xl-bold{font-size:1.125rem;line-height:1.75rem;letter-spacing:.5px}.s-button-lg,.s-button-lg-bold{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-button-sm,.s-button-sm-bold{font-size:.875rem;line-height:1.375rem;letter-spacing:.2px}.s-button-xs,.s-button-xs-bold{font-size:.75rem;line-height:1.125rem;letter-spacing:.1px}.s-button-xl-bold,.s-button-lg-bold,.s-button-sm-bold,.s-button-xs-bold{font-weight:700}.s-caption{font-size:.75rem;line-height:1.125rem;letter-spacing:.5px}.s-overline{font-size:.75rem;line-height:1.125rem;font-weight:500;letter-spacing:1.5px}.s-link-1{font-size:1rem;line-height:1.5rem;text-decoration:underline;letter-spacing:.5px}.s-link-2{font-size:1rem;line-height:1.5rem;letter-spacing:.5px}.s-link-3{font-size:.875rem;line-height:1.3rem;text-decoration:underline;letter-spacing:.5px}.s-link-4{font-size:.875rem;line-height:1.3rem;letter-spacing:.5px}@media only screen and (max-width: 600px){h1{font-size:2rem;line-height:2.5rem}h2,h3{font-size:1.5rem;line-height:1.875rem}h4{font-size:1.25rem;line-height:1.5rem}h5{font-size:1rem;line-height:1.25rem}}:root{--primary-100: #E6F4FF;--primary-200: #CCE9FF;--primary-300: #99D3FF;--primary-400: #66BDFE;--primary-500: #33A7FE;--primary-600: #0091FE;--primary-700: #0074CB;--primary-800: #005798;--primary-900: #003A66;--primary-1000: #001D33;--secondary-100: #E4EDF9;--secondary-200: #BBC9DB;--secondary-300: #92A5BC;--secondary-400: #69809E;--secondary-500: #405C7F;--secondary-600: #173861;--secondary-700: #122D4E;--secondary-800: #0E223A;--secondary-900: #091627;--secondary-1000: #07111D;--neutrals-100: #000000;--neutrals-200: #1E1E1E;--neutrals-300: #3C3C3C;--neutrals-400: #5A5A5A;--neutrals-500: #787878;--neutrals-600: #969696;--neutrals-700: #B4B4B4;--neutrals-800: #CECECE;--neutrals-900: #E0E0E0;--neutrals-1000: #EEEEEE;--neutrals-1100: #F7F7F7;--neutrals-1200: #FFFFFF;--green-100:#F3F8F5;--green-200:#E5F2EB;--green-300:#C8E4D5;--green-400:#A7D5BD;--green-500:#7CC5A0;--green-600:#36B37E;--green-700:#30A071;--green-800:#2A8B62;--green-900:#227150;--green-1000:#185038;--yellow-100:#FEF6E6;--yellow-200:#FEEDCD;--yellow-300:#FFDD86;--yellow-400:#FFCB59;--yellow-500:#FFB828;--yellow-600:#F9A60C;--yellow-700:#EC9709;--yellow-800:#DF8806;--yellow-900:#D37A03;--yellow-1000:#B26000;--red-100:#FFF1EC;--red-200:#FFE8E0;--red-300:#FDD1CA;--red-400:#FBB9B3;--red-500:#F68783;--red-600:#F46A68;--red-700:#F14848;--red-800:#E12E2E;--red-900:#CB1818;--red-1000:#B30000;--blue-alpha-100:rgba(23, 56, 97, .05);--blue-alpha-200:rgba(23, 56, 97, .125);--blue-alpha-300:rgba(23, 56, 97, .25);--blue-alpha-400:rgba(23, 56, 97, .375);--blue-alpha-500:rgba(23, 56, 97, .5);--blue-alpha-600:rgba(23, 56, 97, .625);--blue-alpha-700:rgba(23, 56, 97, .75);--blue-alpha-800:rgba(23, 56, 97, .875);--cyan-alpha-100:rgba(0, 145, 254, .05);--cyan-alpha-200:rgba(0, 145, 254, .125);--cyan-alpha-300:rgba(0, 145, 254, .25);--cyan-alpha-400:rgba(0, 145, 254, .375);--cyan-alpha-500:rgba(0, 145, 254, .5);--cyan-alpha-600:rgba(0, 145, 254, .625);--cyan-alpha-700:rgba(0, 145, 254, .75);--cyan-alpha-800:rgba(0, 145, 254, .875);--E000: 0px 0px 2px 0px rgba(23, 56, 97, .14);--E100: 0px 0px 10px 0px rgba(23, 56, 97, .14);--E200: 0px 0px 16px 0px rgba(23, 56, 97, .16);--E300: 0px 5px 24px 0px rgba(23, 56, 97, .18);--E400: 0px 0px 24px 0px rgba(23, 56, 97, .12), 0px 8px 20px 0px rgba(23, 56, 97, .06), 0px 4px 28px 0px rgba(23, 56, 97, .16);--E500: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--E600: 0px 16px 32px 0px rgba(23, 56, 97, .16), 0px 0px 10px 0px rgba(23, 56, 97, .08), 0px 16px 28px 0px rgba(23, 56, 97, .12);--focus-cyan--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(0, 145, 254, .15);--focus-cyan--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(0, 145, 254, .15);--focus-blue--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(23, 56, 97, .15);--focus-blue--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(23, 56, 97, .15);--focus-green--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(54, 179, 126, .15);--focus-green--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(54, 179, 126, .15);--focus-yellow--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 171, 0, .15);--focus-yellow--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 171, 0, .15);--focus-red--sm: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 2px rgba(255, 86, 48, .15);--focus-red--md: 0px 1px 2px 0px rgba(16, 24, 40, .05), 0px 0px 0px 4px rgba(255, 86, 48, .15)}.skeleton-loading{background:linear-gradient(.25turn,transparent,#fff,transparent),linear-gradient(#eee,#eee),radial-gradient(38px circle at 19px 19px,#eee 50%,transparent 51%),linear-gradient(#eee,#eee);animation:skeleton-animation 1.5s infinite ease-in-out}@keyframes skeleton-animation{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}::selection{background:var(--primary-600);color:var(--neutrals-100)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.cursor{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.w-25{width:25%!important}.w-33{width:33%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.p-0{padding:0!important}.p-1{padding:.25em}.p-2{padding:.5em}.p-3{padding:1em}.p-4{padding:1.5em}.p-5{padding:3em}.px-0{padding:0}.px-1{padding:.25em 0}.px-2{padding:.5em 0}.px-3{padding:1em 0}.px-4{padding:1.5em 0}.px-5{padding:3em 0}.py-0{padding:0}.py-1{padding:0 .25em}.py-2{padding:0 .5em}.py-3{padding:0 1em}.py-4{padding:0 1.5em}.py-5{padding:0 3em}.pt-0{padding-top:0}.pt-1{padding-top:.25em}.pt-2{padding-top:.5em}.pt-3{padding-top:1em}.pt-4{padding-top:1.5em}.pt-5{padding-top:3em}.pr-0{padding-right:0}.pr-1{padding-right:.25em}.pr-2{padding-right:.5em}.pr-3{padding-right:1em}.pr-4{padding-right:1.5em}.pr-5{padding-right:3em}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25em}.pb-2{padding-bottom:.5em}.pb-3{padding-bottom:1em}.pb-4{padding-bottom:1.5em}.pb-5{padding-bottom:3em}.pl-0{padding-left:0}.pl-1{padding-left:.25em}.pl-2{padding-left:.5em}.pl-3{padding-left:1em}.pl-4{padding-left:1.5em}.pl-5{padding-left:3em}.m-auto{margin:0 auto}.m-0{margin:0}.m-1{margin:.25em}.m-2{margin:.5em}.m-3{margin:1em}.m-4{margin:1.5em}.m-5{margin:3em}.mx-0{margin:0}.mx-1{margin:.25em 0}.mx-2{margin:.5em 0}.mx-3{margin:1em 0}.mx-4{margin:1.5em 0}.mx-5{margin:3em 0}.my-0{margin:0}.my-1{margin:0 .25em}.my-2{margin:0 .5em}.my-3{margin:0 1em}.my-4{margin:0 1.5em}.my-5{margin:0 3em}.mt-0{margin-top:0}.mt-1{margin-top:.25em}.mt-2{margin-top:.5em}.mt-3{margin-top:1em}.mt-4{margin-top:1.5em}.mt-5{margin-top:3em}.mr-0{margin-right:0}.mr-1{margin-right:.25em}.mr-2{margin-right:.5em}.mr-3{margin-right:1em}.mr-4{margin-right:1.5em}.mr-5{margin-right:3em}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25em}.mb-2{margin-bottom:.5em}.mb-3{margin-bottom:1em}.mb-4{margin-bottom:1.5em}.mb-5{margin-bottom:3em}.ml-0{margin-left:0}.ml-1{margin-left:.25em}.ml-2{margin-left:.5em}.ml-3{margin-left:1em}.ml-4{margin-left:1.5em}.ml-5{margin-left:3em}.d-flex{display:flex}.fx-right{flex-direction:row-reverse}.fx-left{flex-direction:row}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-center{align-items:center}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.border,.border-1{border:1px solid}.border-2{border:2px solid}.border-left-1,.border-left{border-left:1px solid}.border-left-2{border-left:2px solid}.border-right-1,.border-right{border-right:1px solid}.border-right-2{border-right:2px solid}.border-top-1,.border-top{border-top:1px solid}.border-top-2{border-top:2px solid}.border-bottom-1,.border-bottom{border-bottom:1px solid}.border-bottom-2{border-bottom:2px solid}.border-y-1,.border-y{border-top:1px solid;border-bottom:1px solid}.border-y-2{border-top:2px solid;border-bottom:2px solid}.border-x-1,.border-x{border-left:1px solid;border-right:1px solid}.border-x-2{border-left:2px solid;border-right:2px solid}.br-1{border-radius:2px}.br-2{border-radius:4px}.br-3{border-radius:8px}.shadow-inner-1{box-shadow:inset 0 2px 2px #0000001a}.shadow-inner-2{box-shadow:inset 0 4px 8px #0000001a}.shadow-outer-1{box-shadow:0 2px 2px #0000001a}.shadow-outer-2{box-shadow:0 4px 8px #0000001a}.opacity-100{opacity:1}.opacity-90{opacity:.9}.opacity-80{opacity:.8}.opacity-70{opacity:.7}.opacity-60{opacity:.6}.opacity-50{opacity:.5}.opacity-40{opacity:.4}.opacity-30{opacity:.3}.opacity-20{opacity:.2}.opacity-10{opacity:.1}.highlighter,.highlighter-primary{color:var(--primary-600)}.highlighter-succes{color:var(--green-500)}.highlighter-warning{color:var(--yellow-600)}.highlighter-error{color:var(--red-600)}.highlighter-info{color:var(--secondary-600)}.s-scroll::-webkit-scrollbar{width:.7rem}.s-scroll::-webkit-scrollbar-track{background-color:transparent}.s-scroll::-webkit-scrollbar-thumb{background-color:var(--neutrals-900);border-radius:20px 13px 13px 20px;border-right:.1em solid transparent;border-left:.3rem solid transparent;background-clip:content-box}\n"] }]
10
10
  }] });
11
11
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicy10aGVtZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaWRlc3lzLWdlbmVyaWMtdWkvc3JjL2xpYi90aGVtZS9zLXRoZW1lLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVM3RCxNQUFNLE9BQU8sZUFBZTs4R0FBZixlQUFlO2tHQUFmLGVBQWUsK0NBTGhCLEVBQUU7OzJGQUtELGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsU0FBUyxZQUNULEVBQUUsaUJBRUcsaUJBQWlCLENBQUMsSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAncy10aGVtZScsXHJcbiAgdGVtcGxhdGU6ICcnLFxyXG4gIHN0eWxlVXJsczogWycuL3MtdGhlbWUuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgU1RoZW1lQ29tcG9uZW50IHtcclxuXHJcbn0iXX0=
package/esm2022/lib/toast/s-toast.component.mjs CHANGED
@@ -55,7 +55,7 @@ export class SToastComponent {
55
55
  }, 300);
56
56
  }
57
57
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
58
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SToastComponent, selector: "s-toast", inputs: { title: "title", content: "content", delayClose: "delayClose", position: "position", theme: "theme" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<div *ngIf=\"showToast\" class=\"s-toast s-toast--position-{{position}} s-toast--theme-{{theme}} animated s-toast--animation-{{animation}}\">\r\n <div class=\"s-toast-box\">\r\n <div class=\"s-toast-box-left\">\r\n <s-icon-mat class=\"d-flex toast-icon\">{{iconTheme}}</s-icon-mat>\r\n <span class=\"toast-title\">\r\n {{title}}\r\n </span>\r\n </div>\r\n <div class=\"s-toast-box-right\">\r\n <s-icon-mat (click)=\"close()\" class=\"d-flex cursor\">close</s-icon-mat>\r\n </div>\r\n </div>\r\n <div *ngIf=\"content\" class=\"s-toast-content\">\r\n <p>{{content}}</p>\r\n </div>\r\n</div>", styles: [".s-toast{z-index:3;max-width:350px;min-width:350px;padding:16px;border-radius:4px;position:fixed}.s-toast--theme-default{border:1px solid var(--primary-600);background-color:var(--primary-100)}.s-toast--theme-default .toast-title,.s-toast--theme-default .s-toast-box-left s-icon-mat span{color:var(--primary-600)}.s-toast--theme-red{border:1px solid var(--red-600);background-color:var(--red-100)}.s-toast--theme-red .toast-title,.s-toast--theme-red .s-toast-box-left s-icon-mat span{color:var(--red-600)}.s-toast--theme-yellow{border:1px solid var(--yellow-600);background-color:var(--yellow-100)}.s-toast--theme-yellow .toast-title,.s-toast--theme-yellow .s-toast-box-left s-icon-mat span{color:var(--yellow-600)}.s-toast--theme-green{border:1px solid var(--green-600);background-color:var(--green-100)}.s-toast--theme-green .toast-title,.s-toast--theme-green .s-toast-box-left s-icon-mat span{color:var(--green-600)}.s-toast--position-top-right{top:10px;right:10px}.s-toast--position-top-left{top:10px;left:10px}.s-toast--position-top-center{top:10px;left:calc(50% - 240px)}.s-toast--position-bottom-right{bottom:10px;right:10px}.s-toast--position-bottom-left{top:10px;left:10px}.s-toast--position-bottom-center{bottom:10px;left:calc(50% - 240px)}.s-toast--animation-bounceInDownOut{animation-name:bounceInDownOut}.s-toast--animation-bounceInDown{animation-name:bounceInDown}.s-toast.animated{animation-duration:.4s;animation-fill-mode:both}.s-toast-box{display:flex;justify-content:space-between}.s-toast-box-left{display:flex;align-items:center}.s-toast-box-left .toast-title{font-size:1rem;font-weight:700}.s-toast-box-left .toast-icon{margin-right:8px}.s-toast-box-right{display:flex;align-items:center}.s-toast-box-right s-icon-mat,.s-toast-box-right s-icon-mat span{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.s-toast-content{margin-top:8px}.s-toast-content p{font-size:.75rem;color:var(--secondary-600)}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInDownOut{to{opacity:0;transform:translateY(-2000px)}80%{opacity:1;transform:translateY(30px)}60%{transform:translateY(-10px)}0%{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
58
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.3", type: SToastComponent, selector: "s-toast", inputs: { title: "title", content: "content", delayClose: "delayClose", position: "position", theme: "theme" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<div *ngIf=\"showToast\" class=\"s-toast s-toast--position-{{position}} s-toast--theme-{{theme}} animated s-toast--animation-{{animation}}\">\r\n <div class=\"s-toast-box\">\r\n <div class=\"s-toast-box-left\">\r\n <s-icon-mat class=\"d-flex toast-icon\">{{iconTheme}}</s-icon-mat>\r\n <span class=\"toast-title\">\r\n {{title}}\r\n </span>\r\n </div>\r\n <div class=\"s-toast-box-right\">\r\n <s-icon-mat (click)=\"close()\" class=\"d-flex cursor\">close</s-icon-mat>\r\n </div>\r\n </div>\r\n <div *ngIf=\"content\" class=\"s-toast-content\">\r\n <p>{{content}}</p>\r\n </div>\r\n</div>", styles: [".s-toast{z-index:3;max-width:350px;min-width:350px;padding:16px;border-radius:4px;position:fixed}.s-toast--theme-default{border:1px solid var(--primary-600);background-color:var(--primary-100)}.s-toast--theme-default .toast-title,.s-toast--theme-default .s-toast-box-left s-icon-mat span{color:var(--primary-600)}.s-toast--theme-red{border:1px solid var(--red-600);background-color:var(--red-100)}.s-toast--theme-red .toast-title,.s-toast--theme-red .s-toast-box-left s-icon-mat span{color:var(--red-600)}.s-toast--theme-yellow{border:1px solid var(--yellow-600);background-color:var(--yellow-100)}.s-toast--theme-yellow .toast-title,.s-toast--theme-yellow .s-toast-box-left s-icon-mat span{color:var(--yellow-600)}.s-toast--theme-green{border:1px solid var(--green-600);background-color:var(--green-100)}.s-toast--theme-green .toast-title,.s-toast--theme-green .s-toast-box-left s-icon-mat span{color:var(--green-600)}.s-toast--position-top-right{top:10px;right:10px}.s-toast--position-top-left{top:10px;left:10px}.s-toast--position-top-center{top:10px;left:calc(50% - 240px)}.s-toast--position-bottom-right{bottom:10px;right:10px}.s-toast--position-bottom-left{top:10px;left:10px}.s-toast--position-bottom-center{bottom:10px;left:calc(50% - 240px)}.s-toast--animation-bounceInDownOut{animation-name:bounceInDownOut}.s-toast--animation-bounceInDown{animation-name:bounceInDown}.s-toast.animated{animation-duration:.4s;animation-fill-mode:both}.s-toast-box{display:flex;justify-content:space-between}.s-toast-box-left{display:flex;align-items:center}.s-toast-box-left .toast-title{font-size:1rem;font-weight:700}.s-toast-box-left .toast-icon{margin-right:8px}.s-toast-box-right{display:flex;align-items:center}.s-toast-box-right s-icon-mat,.s-toast-box-right s-icon-mat span{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.s-toast-content{margin-top:8px}.s-toast-content p{font-size:.75rem;color:var(--secondary-600)}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bounceInDownOut{to{opacity:0;transform:translateY(-2000px)}80%{opacity:1;transform:translateY(30px)}60%{transform:translateY(-10px)}0%{transform:translateY(0)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
59
59
  }
60
60
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SToastComponent, decorators: [{
61
61
  type: Component,
package/esm2022/lib/toggle-switch/s-toggle-switch.component.mjs CHANGED
@@ -53,7 +53,7 @@ export class SToggleSwitchComponent {
53
53
  useExisting: forwardRef(() => SToggleSwitchComponent),
54
54
  multi: true
55
55
  }
56
- ], usesOnChanges: true, ngImport: i0, template: "<div class=\"s-toggle-switch s-toggle-switch--size-{{size}}\" [ngClass]=\"vertical ? 's-toggle-switch--vertical' : '' \">\r\n <label class=\"s-toggle-switch__content\">\r\n <input class=\"s-toggle-switch__content__input\" type=\"checkbox\" [disabled]=\"disabled\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange()\">\r\n <span class=\"s-toggle-switch__content__slider\"\r\n [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'active': value,\r\n 'no-active': !value\r\n }\">\r\n <s-icon-mat class=\"slider-icon-close\" *ngIf=\"showIcon\">{{getIcon()}}</s-icon-mat>\r\n </span>\r\n </label>\r\n <label *ngIf=\"label\" class=\"s-toggle-switch__label\"\r\n [ngClass]=\"{\r\n 'bold-select-active': boldSelectActive && value,\r\n 'disabled': disabled,\r\n }\"\r\n >{{label}}</label>\r\n</div>", styles: [".s-toggle-switch{display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.s-toggle-switch__content{transform:translate(2px);position:relative;display:inline-block}.s-toggle-switch__content__input{opacity:0;width:0;height:0}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider{background-color:var(--primary-600)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{transform:translate(24px)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--secondary-600);transition:.4s;border-radius:15px}.s-toggle-switch__content__slider .slider-icon-close{z-index:1;position:absolute;transition:.4s}.s-toggle-switch__content__slider .slider-icon-close span{color:var(--neutrals-1200);font-weight:900}.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider:before{z-index:2;position:absolute;content:\"\";background-color:var(--neutrals-1200);transition:.4s;border-radius:50%}.s-toggle-switch__label{margin-left:8px;font-size:.875rem}.s-toggle-switch__label.disabled{color:var(--neutrals-700)}.s-toggle-switch__label.bold-select-active{font-weight:700}.s-toggle-switch--size-md .s-toggle-switch__content{width:40px;height:20px;min-width:40px}.s-toggle-switch--size-md .s-toggle-switch__content__slider:before{height:16px;width:16px;left:2px;bottom:2px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close{left:22px;top:3px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close span{font-size:.9rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-2px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-1px}.s-toggle-switch--size-sm .s-toggle-switch__content{width:32px;height:16px;min-width:32px}.s-toggle-switch--size-sm .s-toggle-switch__content__slider:before{height:12px;width:12px;left:2px;bottom:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close{left:16px;top:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close span{font-size:.8rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-6px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-6px}.s-toggle-switch:hover .s-toggle-switch__content__slider.active{background-color:var(--primary-900)}.s-toggle-switch:hover .s-toggle-switch__content__slider.no-active{background-color:var(--secondary-900)}.s-toggle-switch--vertical{align-items:center}.s-toggle-switch--vertical .s-toggle-switch__content{transform:rotate(90deg)}.s-toggle-switch--vertical .slider-icon-close{transform:rotate(-90deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
56
+ ], usesOnChanges: true, ngImport: i0, template: "<div class=\"s-toggle-switch s-toggle-switch--size-{{size}}\" [ngClass]=\"vertical ? 's-toggle-switch--vertical' : '' \">\r\n <label class=\"s-toggle-switch__content\">\r\n <input class=\"s-toggle-switch__content__input\" type=\"checkbox\" [disabled]=\"disabled\" [(ngModel)]=\"value\" (ngModelChange)=\"onChange()\">\r\n <span class=\"s-toggle-switch__content__slider\"\r\n [ngClass]=\"{\r\n 'disabled': disabled,\r\n 'active': value,\r\n 'no-active': !value\r\n }\">\r\n <s-icon-mat class=\"slider-icon-close\" *ngIf=\"showIcon\">{{getIcon()}}</s-icon-mat>\r\n </span>\r\n </label>\r\n <label *ngIf=\"label\" class=\"s-toggle-switch__label\"\r\n [ngClass]=\"{\r\n 'bold-select-active': boldSelectActive && value,\r\n 'disabled': disabled,\r\n }\"\r\n >{{label}}</label>\r\n</div>", styles: [".s-toggle-switch{display:flex;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.s-toggle-switch__content{transform:translate(2px);position:relative;display:inline-block}.s-toggle-switch__content__input{opacity:0;width:0;height:0}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider{background-color:var(--primary-600)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{transform:translate(24px)}.s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider{position:absolute;cursor:pointer;inset:0;background-color:var(--secondary-600);transition:.4s;border-radius:15px}.s-toggle-switch__content__slider .slider-icon-close{z-index:1;position:absolute;transition:.4s}.s-toggle-switch__content__slider .slider-icon-close span{color:var(--neutrals-1200);font-weight:900}.s-toggle-switch__content__slider.disabled{background-color:var(--neutrals-900)!important;cursor:default}.s-toggle-switch__content__slider:before{z-index:2;position:absolute;content:\"\";background-color:var(--neutrals-1200);transition:.4s;border-radius:50%}.s-toggle-switch__label{margin-left:8px;font-size:.875rem}.s-toggle-switch__label.disabled{color:var(--neutrals-700)}.s-toggle-switch__label.bold-select-active{font-weight:700}.s-toggle-switch--size-md .s-toggle-switch__content{width:40px;height:20px;min-width:40px}.s-toggle-switch--size-md .s-toggle-switch__content__slider:before{height:16px;width:16px;left:2px;bottom:2px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close{left:22px;top:3px}.s-toggle-switch--size-md .s-toggle-switch__content .slider-icon-close span{font-size:.9rem}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-2px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-md .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-1px}.s-toggle-switch--size-sm .s-toggle-switch__content{width:32px;height:16px;min-width:32px}.s-toggle-switch--size-sm .s-toggle-switch__content__slider:before{height:12px;width:12px;left:2px;bottom:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close{left:16px;top:2px}.s-toggle-switch--size-sm .s-toggle-switch__content .slider-icon-close span{font-size:.8rem}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider:before{left:-6px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon-close{left:3px}.s-toggle-switch--size-sm .s-toggle-switch__content__input:checked+.s-toggle-switch__content__slider>s-icon-mat.slider-icon{left:-6px}.s-toggle-switch:hover .s-toggle-switch__content__slider.active{background-color:var(--primary-900)}.s-toggle-switch:hover .s-toggle-switch__content__slider.no-active{background-color:var(--secondary-900)}.s-toggle-switch--vertical{align-items:center}.s-toggle-switch--vertical .s-toggle-switch__content{transform:rotate(90deg)}.s-toggle-switch--vertical .slider-icon-close{transform:rotate(-90deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.SIconMaterialComponent, selector: "s-icon-mat", inputs: ["name", "size", "color", "fill", "weight", "grade", "opticalSize", "style", "type"] }], encapsulation: i0.ViewEncapsulation.None }); }
57
57
  }
58
58
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.3", ngImport: i0, type: SToggleSwitchComponent, decorators: [{
59
59
  type: Component,