@rlucan/ui 14.2.5 → 16.2.2

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 (104) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/action-button/action-button.component.mjs +99 -0
  3. package/esm2022/lib/action-icon/action-icon.component.mjs +37 -0
  4. package/esm2022/lib/autocomplete/autocomplete.component.mjs +391 -0
  5. package/esm2022/lib/avatar/avatar.component.mjs +34 -0
  6. package/esm2022/lib/button/button.component.mjs +57 -0
  7. package/esm2022/lib/checkbox/checkbox.component.mjs +39 -0
  8. package/{esm2020 → esm2022}/lib/checkbox-group/checkbox-group.component.mjs +6 -6
  9. package/esm2022/lib/currency/currency.component.mjs +151 -0
  10. package/esm2022/lib/date/date.component.mjs +68 -0
  11. package/{esm2020 → esm2022}/lib/dialog/dialog.component.mjs +5 -5
  12. package/esm2022/lib/directives/force-visibility/force-visibility.directive.mjs +104 -0
  13. package/esm2022/lib/editor/editor.component.mjs +119 -0
  14. package/{esm2020 → esm2022}/lib/elements/burger/burger.component.mjs +4 -4
  15. package/{esm2020 → esm2022}/lib/elements/expander/expander.component.mjs +4 -4
  16. package/{esm2020 → esm2022}/lib/elements/validation-message/validation-message.component.mjs +4 -4
  17. package/esm2022/lib/file/file.component.mjs +145 -0
  18. package/esm2022/lib/file-uploader/ui-file-uploader.component.mjs +405 -0
  19. package/esm2022/lib/input/input.component.mjs +265 -0
  20. package/esm2022/lib/input-autocomplete/input-autocomplete.component.mjs +277 -0
  21. package/esm2022/lib/layouts/base/ui-base-layout.component.mjs +22 -0
  22. package/esm2022/lib/layouts/base/ui-base.component.mjs +74 -0
  23. package/esm2022/lib/layouts/simple/ui-simple-layout.component.mjs +18 -0
  24. package/esm2022/lib/layouts/simple/ui-simple.component.mjs +166 -0
  25. package/{esm2020 → esm2022}/lib/radio/radio.component.mjs +4 -4
  26. package/esm2022/lib/radio-group/radio-group.component.mjs +53 -0
  27. package/esm2022/lib/select/select.component.mjs +126 -0
  28. package/{esm2020 → esm2022}/lib/services/message-box.service.mjs +10 -10
  29. package/{esm2020 → esm2022}/lib/services/toast.service.mjs +4 -4
  30. package/{esm2020 → esm2022}/lib/services/ui-file.service.mjs +4 -4
  31. package/{esm2020 → esm2022}/lib/services/ui-translate.service.mjs +4 -4
  32. package/{esm2020 → esm2022}/lib/submit-button/submit-button.component.mjs +4 -4
  33. package/esm2022/lib/table/table.component.mjs +97 -0
  34. package/esm2022/lib/text-area/text-area.component.mjs +46 -0
  35. package/esm2022/lib/ui.module.mjs +269 -0
  36. package/esm2022/public-api.mjs +35 -0
  37. package/fesm2022/rlucan-ui.mjs +3453 -0
  38. package/fesm2022/rlucan-ui.mjs.map +1 -0
  39. package/lib/action-button/action-button.component.d.ts +3 -7
  40. package/lib/action-icon/action-icon.component.d.ts +1 -1
  41. package/lib/autocomplete/autocomplete.component.d.ts +2 -2
  42. package/lib/avatar/avatar.component.d.ts +1 -1
  43. package/lib/button/button.component.d.ts +1 -1
  44. package/lib/checkbox/checkbox.component.d.ts +2 -2
  45. package/lib/checkbox-group/checkbox-group.component.d.ts +2 -2
  46. package/lib/currency/currency.component.d.ts +3 -2
  47. package/lib/date/date.component.d.ts +1 -1
  48. package/lib/dialog/dialog.component.d.ts +1 -1
  49. package/lib/directives/force-visibility/force-visibility.directive.d.ts +5 -3
  50. package/lib/editor/editor.component.d.ts +24 -0
  51. package/lib/elements/burger/burger.component.d.ts +1 -1
  52. package/lib/elements/expander/expander.component.d.ts +1 -1
  53. package/lib/elements/validation-message/validation-message.component.d.ts +1 -1
  54. package/lib/file/file.component.d.ts +1 -1
  55. package/lib/file-uploader/ui-file-uploader.component.d.ts +2 -2
  56. package/lib/input/input.component.d.ts +5 -4
  57. package/lib/input-autocomplete/input-autocomplete.component.d.ts +44 -0
  58. package/lib/{base → layouts/base}/ui-base-layout.component.d.ts +1 -1
  59. package/lib/{base → layouts/base}/ui-base.component.d.ts +1 -1
  60. package/lib/{simple → layouts/simple}/ui-simple-layout.component.d.ts +2 -1
  61. package/lib/{simple → layouts/simple}/ui-simple.component.d.ts +2 -1
  62. package/lib/radio/radio.component.d.ts +1 -1
  63. package/lib/radio-group/radio-group.component.d.ts +2 -2
  64. package/lib/select/select.component.d.ts +8 -4
  65. package/lib/services/toast.service.d.ts +1 -1
  66. package/lib/services/ui-file.service.d.ts +1 -1
  67. package/lib/submit-button/submit-button.component.d.ts +1 -1
  68. package/lib/table/table.component.d.ts +1 -1
  69. package/lib/text-area/text-area.component.d.ts +2 -2
  70. package/lib/ui.model.d.ts +2 -2
  71. package/lib/ui.module.d.ts +52 -49
  72. package/package.json +22 -24
  73. package/public-api.d.ts +2 -0
  74. package/scss/ui-defaults.scss +1 -1
  75. package/src/js/editorjs.mjs +9634 -0
  76. package/ui.scss +41 -14
  77. package/esm2020/lib/action-button/action-button.component.mjs +0 -99
  78. package/esm2020/lib/action-icon/action-icon.component.mjs +0 -37
  79. package/esm2020/lib/autocomplete/autocomplete.component.mjs +0 -391
  80. package/esm2020/lib/avatar/avatar.component.mjs +0 -34
  81. package/esm2020/lib/base/ui-base-layout.component.mjs +0 -22
  82. package/esm2020/lib/base/ui-base.component.mjs +0 -74
  83. package/esm2020/lib/button/button.component.mjs +0 -57
  84. package/esm2020/lib/checkbox/checkbox.component.mjs +0 -39
  85. package/esm2020/lib/currency/currency.component.mjs +0 -148
  86. package/esm2020/lib/date/date.component.mjs +0 -68
  87. package/esm2020/lib/directives/force-visibility/force-visibility.directive.mjs +0 -96
  88. package/esm2020/lib/file/file.component.mjs +0 -145
  89. package/esm2020/lib/file-uploader/ui-file-uploader.component.mjs +0 -394
  90. package/esm2020/lib/input/input.component.mjs +0 -258
  91. package/esm2020/lib/radio-group/radio-group.component.mjs +0 -53
  92. package/esm2020/lib/select/select.component.mjs +0 -91
  93. package/esm2020/lib/simple/ui-simple-layout.component.mjs +0 -15
  94. package/esm2020/lib/simple/ui-simple.component.mjs +0 -154
  95. package/esm2020/lib/table/table.component.mjs +0 -97
  96. package/esm2020/lib/text-area/text-area.component.mjs +0 -46
  97. package/esm2020/lib/ui.module.mjs +0 -255
  98. package/esm2020/public-api.mjs +0 -33
  99. package/fesm2015/rlucan-ui.mjs +0 -3017
  100. package/fesm2015/rlucan-ui.mjs.map +0 -1
  101. package/fesm2020/rlucan-ui.mjs +0 -2982
  102. package/fesm2020/rlucan-ui.mjs.map +0 -1
  103. /package/{esm2020 → esm2022}/lib/ui.model.mjs +0 -0
  104. /package/{esm2020 → esm2022}/rlucan-ui.mjs +0 -0
package/ui.scss CHANGED
@@ -39,11 +39,11 @@
39
39
  @return $result;
40
40
  }
41
41
 
42
- @mixin ui-dark($uiColors, $uiGeometry, /*$uiTypography, */$matTheme) {
42
+ @mixin ui-dark($matTheme, $uiColors: (), $uiGeometry: ()) {
43
43
  @include ui(deep-map-merge(uiDefaultDarkColors($matTheme), $uiColors), map-merge($uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
44
44
  }
45
45
 
46
- @mixin ui-light($uiColors, $uiGeometry, /*$uiTypography, */$matTheme) {
46
+ @mixin ui-light($matTheme, $uiColors: (), $uiGeometry: ()) {
47
47
  @include ui(deep-map-merge(uiDefaultLightColors($matTheme), $uiColors), map-merge($uiDefaultGeometry, $uiGeometry)/*, map-merge($uiDefaultTypography, $uiTypography)*/);
48
48
  }
49
49
 
@@ -86,12 +86,12 @@
86
86
  }
87
87
  }
88
88
 
89
- ui-date input, ui-input input, ui-text-area textarea, ui-select .mat-mdc-select-trigger, ui-file-uploader .files-container {
89
+ ui-date input, ui-input input, ui-input-autocomplete input, ui-text-area textarea, ui-select .mat-mdc-select-trigger, ui-file-uploader .files-container, ui-editor .editor-wrapper {
90
90
  background-color: uiGetColor($colors, "input.background-color");
91
91
  color: uiGetColor($colors, "input.color");
92
92
  border-color: uiGetColor($colors, "input.border-color") !important;
93
93
 
94
- &:focus {
94
+ &:focus, &.focus {
95
95
  border-color: uiGetColor($colors, "input.focus.border-color") !important;
96
96
  }
97
97
 
@@ -124,7 +124,7 @@
124
124
  }
125
125
  }
126
126
 
127
- ui-input, ui-date {
127
+ ui-input, ui-date, ui-input-autocomplete {
128
128
  .control-container {
129
129
  .xxxclear-icon {
130
130
  color: uiGetColor($colors, "input.clear-icon.color");
@@ -715,7 +715,7 @@
715
715
  /********************************* geometry ****************************/
716
716
  $control-radius: map-get($geometry, control-radius);
717
717
 
718
- ui-input input, ui-date input, ui-text-area textarea, ui-file-uploader .files-container, ui-select .mat-select-trigger, ui-select .mat-mdc-select-trigger, ui-button button {
718
+ ui-input input, ui-input-autocomplete input, ui-date input, ui-text-area textarea, ui-file-uploader .files-container, ui-select .mat-select-trigger, ui-select .mat-mdc-select-trigger, ui-button button, ui-editor .editor-wrapper {
719
719
  border-width: map-get($geometry, input-border-width);
720
720
  padding: map-get($geometry, control-padding);
721
721
  }
@@ -746,8 +746,8 @@
746
746
  }
747
747
  }
748
748
 
749
- ui-input, ui-date, ui-text-area/*, ui-file-uploader*/ {
750
- input, textarea/*, .file-container*/ {
749
+ ui-input, ui-input-autocomplete, ui-date, ui-text-area, ui-editor/*, ui-file-uploader*/ {
750
+ input, textarea, .editor-wrapper /*, .file-container*/ {
751
751
  border-radius: $control-radius;
752
752
  }
753
753
  }
@@ -780,7 +780,7 @@
780
780
  }
781
781
 
782
782
 
783
- ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radio-group, ui-checkbox, ui-currency, .mat-mdc-radio-button, .mat-mdc-checkbox {
783
+ ui-button, ui-action-button, ui-input, ui-input-autocomplete, ui-date, ui-text-area, ui-select, ui-radio-group, ui-checkbox, ui-currency, .mat-mdc-radio-button, .mat-mdc-checkbox {
784
784
  &.large {
785
785
  font-size: 1.5em;
786
786
  .mat-mdc-select-arrow-wrapper {
@@ -832,11 +832,13 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
832
832
  margin: calc(-1 * 2.5em / 4) !important;
833
833
  }
834
834
  .mdc-checkbox__background {
835
- height: calc(2.5em / 2);
836
- width: calc(2.5em / 2);
835
+ top: calc((var(--mdc-checkbox-state-layer-size, 40px) - 16px) / 2) !important;
836
+ left: calc((var(--mdc-checkbox-state-layer-size, 40px) - 16px) / 2) !important;
837
+ height: calc(2.5em / 2 - 2px);
838
+ width: calc(2.5em / 2 - 2px);
837
839
  &::before {
838
- left: calc(-2.5em / 4) !important;
839
- top: calc(-2.5em / 4) !important;
840
+ left: calc(-2.5em / 4 - 1px) !important;
841
+ top: calc(-2.5em / 4 - 1px) !important;
840
842
  }
841
843
  }
842
844
  .mdc-checkbox__native-control {
@@ -895,6 +897,18 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
895
897
 
896
898
 
897
899
  /**************** angular material css overrides ****************************/
900
+ * {
901
+ margin: 0;
902
+ padding: 0;
903
+ box-sizing: border-box;
904
+ }
905
+
906
+ .mat-typography {
907
+ font-size: unset;
908
+ line-height: unset;
909
+ letter-spacing: 0;
910
+ }
911
+
898
912
  .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
899
913
  opacity: 0 !important;
900
914
  }
@@ -932,7 +946,9 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
932
946
  font-weight: 500;
933
947
  }
934
948
 
935
-
949
+ .mat-mdc-select-panel.ui-currency {
950
+ min-width: 6em;
951
+ }
936
952
 
937
953
 
938
954
  :root {
@@ -945,4 +961,15 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
945
961
  --mdc-typography-button-letter-spacing: 0;
946
962
  --mdc-typography-button-font-size: 1em;
947
963
  --mdc-typography-button-font-weight: 400;
964
+ --mat-select-trigger-text-line-height: 1.2em;
965
+ --mat-select-trigger-text-tracking: 0;
966
+ --mat-select-trigger-text-size: 1em;
967
+ --mat-option-label-text-line-height: 1.2em;
968
+ --mat-option-label-text-size: 1em;
969
+ --mat-option-label-text-tracking: 0;
970
+ --mdc-dialog-subhead-tracking: 0;
971
+ }
972
+
973
+ .mat-mdc-tab-header {
974
+ --mat-tab-header-label-text-tracking: 0;
948
975
  }
@@ -1,99 +0,0 @@
1
- import { Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewChild } from '@angular/core';
2
- import { ButtonComponent } from '../button/button.component';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "@angular/common";
5
- import * as i2 from "@angular/material/progress-bar";
6
- import * as i3 from "@angular/cdk/overlay";
7
- import * as i4 from "@angular/material/core";
8
- export class ActionButtonComponent extends ButtonComponent {
9
- constructor() {
10
- super(...arguments);
11
- this.withPrimary = false;
12
- this.overlayAlignment = 'left';
13
- this.hasBackdrop = false;
14
- this.autoClose = true;
15
- this.primaryClick = new EventEmitter();
16
- this.overlayToggled = new EventEmitter();
17
- this.deferredRender = false;
18
- this.iconHover = false;
19
- this.rightPositions = [
20
- { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' },
21
- { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },
22
- { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },
23
- { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' }
24
- ];
25
- this.leftPositions = [
26
- { originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top' },
27
- { originX: 'start', originY: 'top', overlayX: 'start', overlayY: 'bottom' },
28
- { originX: 'end', originY: 'top', overlayX: 'end', overlayY: 'bottom' },
29
- { originX: 'end', originY: 'bottom', overlayX: 'end', overlayY: 'top' }
30
- ];
31
- this.openOverlay = false;
32
- }
33
- get class() {
34
- return super.class + (this.withPrimary ? ' with-primary' : '');
35
- }
36
- onKeydownHandler(evt) {
37
- if (this.openOverlay) {
38
- this.toggleOverlay(false);
39
- }
40
- }
41
- // constructor() {
42
- // super();
43
- // }
44
- get positions() {
45
- switch (this.overlayAlignment) {
46
- case 'left': return this.leftPositions;
47
- default: return this.rightPositions;
48
- }
49
- }
50
- ngOnInit() {
51
- setTimeout(() => {
52
- this.deferredRender = true;
53
- });
54
- }
55
- toggleOverlay(status) {
56
- if (status || this.autoClose) {
57
- this.openOverlay = status;
58
- this.overlayToggled.emit(status);
59
- }
60
- }
61
- closeOverlay() {
62
- this.openOverlay = false;
63
- }
64
- togglePrimaryOverlay(status, $event) {
65
- this.toggleOverlay(status);
66
- $event.stopPropagation();
67
- $event.preventDefault();
68
- }
69
- }
70
- ActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
71
- ActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ActionButtonComponent, selector: "ui-action-button", inputs: { withPrimary: "withPrimary", overlayAlignment: "overlayAlignment", hasBackdrop: "hasBackdrop", triggerTpl: "triggerTpl", autoClose: "autoClose" }, outputs: { primaryClick: "primaryClick", overlayToggled: "overlayToggled" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)" }, properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "trigger1", first: true, predicate: ["trigger1"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"triggerTpl\">\r\n <div style=\"display: flex;\" (click)=\"toggleOverlay(true)\" cdkOverlayOrigin #trigger1=\"cdkOverlayOrigin\">\r\n <ng-template [ngTemplateOutlet]=\"triggerTpl\"></ng-template>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!triggerTpl && withPrimary\">\r\n <button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy, 'icon-hover': iconHover}\" [class]=\"class\" (click)=\"primaryClick.emit()\">\r\n <div class=\"hover-container\"></div>\r\n {{label}}\r\n <div class=\"mat-icon-container\" (mouseenter)=\"iconHover = true\" (mouseleave)=\"iconHover = false\" cdkOverlayOrigin #trigger1=\"cdkOverlayOrigin\" (click)=\"togglePrimaryOverlay(true, $event)\">\r\n \u25BC\r\n </div>\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n </button>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!triggerTpl && !withPrimary\">\r\n <button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy}\" [class]=\"class\" cdkOverlayOrigin #trigger1=\"cdkOverlayOrigin\" (click)=\"toggleOverlay(true)\">\r\n {{label}}\r\n <div class=\"mat-icon-container\">\r\n \u25BC\r\n </div>\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n </button>\r\n</ng-container>\r\n\r\n<ng-template *ngIf=\"deferredRender\" cdkConnectedOverlay [cdkConnectedOverlayPositions]=\"positions\" [cdkConnectedOverlayOrigin]=\"trigger1\" [cdkConnectedOverlayOpen]=\"openOverlay\" [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\" [cdkConnectedOverlayDisableClose]=\"!autoClose\" (overlayOutsideClick)=\"toggleOverlay(false)\">\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{display:flex;align-items:center}:host button{font-size:1em;width:100%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease-in-out}:host button mat-progress-bar{position:absolute;bottom:1px;height:2px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}:host button mat-icon{margin-right:4px;height:16px;width:16px;font-size:16px}:host.small button mat-icon{width:14px;height:14px;font-size:14px;margin-right:2px}\n", ":host .mat-icon-container{margin-left:.25em}:host button{font-size:1em}:host.small.with-primary button{padding-right:2.4em!important}:host.small.with-primary button .mat-icon-container{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border-left:1px solid transparent;padding-right:.6em;padding-left:.6em}:host.small.with-primary button .hover-container{position:absolute;inset:0 2.2em 0 0}\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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i3.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i3.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: i4.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] });
72
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionButtonComponent, decorators: [{
73
- type: Component,
74
- args: [{ selector: 'ui-action-button', template: "<ng-container *ngIf=\"triggerTpl\">\r\n <div style=\"display: flex;\" (click)=\"toggleOverlay(true)\" cdkOverlayOrigin #trigger1=\"cdkOverlayOrigin\">\r\n <ng-template [ngTemplateOutlet]=\"triggerTpl\"></ng-template>\r\n </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!triggerTpl && withPrimary\">\r\n <button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy, 'icon-hover': iconHover}\" [class]=\"class\" (click)=\"primaryClick.emit()\">\r\n <div class=\"hover-container\"></div>\r\n {{label}}\r\n <div class=\"mat-icon-container\" (mouseenter)=\"iconHover = true\" (mouseleave)=\"iconHover = false\" cdkOverlayOrigin #trigger1=\"cdkOverlayOrigin\" (click)=\"togglePrimaryOverlay(true, $event)\">\r\n \u25BC\r\n </div>\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n </button>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"!triggerTpl && !withPrimary\">\r\n <button matRipple [type]=\"type\" [disabled]=\"isDisabled || busy\" [ngClass]=\"{busy: busy}\" [class]=\"class\" cdkOverlayOrigin #trigger1=\"cdkOverlayOrigin\" (click)=\"toggleOverlay(true)\">\r\n {{label}}\r\n <div class=\"mat-icon-container\">\r\n \u25BC\r\n </div>\r\n <mat-progress-bar *ngIf=\"busy\" mode=\"indeterminate\" [color]=\"color\"></mat-progress-bar>\r\n </button>\r\n</ng-container>\r\n\r\n<ng-template *ngIf=\"deferredRender\" cdkConnectedOverlay [cdkConnectedOverlayPositions]=\"positions\" [cdkConnectedOverlayOrigin]=\"trigger1\" [cdkConnectedOverlayOpen]=\"openOverlay\" [cdkConnectedOverlayHasBackdrop]=\"hasBackdrop\" [cdkConnectedOverlayDisableClose]=\"!autoClose\" (overlayOutsideClick)=\"toggleOverlay(false)\">\r\n <ng-content></ng-content>\r\n</ng-template>\r\n", styles: [":host{display:flex;align-items:center}:host button{font-size:1em;width:100%;cursor:pointer;outline:none;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid transparent;transition:all .15s ease-in-out}:host button mat-progress-bar{position:absolute;bottom:1px;height:2px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}:host button mat-icon{margin-right:4px;height:16px;width:16px;font-size:16px}:host.small button mat-icon{width:14px;height:14px;font-size:14px;margin-right:2px}\n", ":host .mat-icon-container{margin-left:.25em}:host button{font-size:1em}:host.small.with-primary button{padding-right:2.4em!important}:host.small.with-primary button .mat-icon-container{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;border-left:1px solid transparent;padding-right:.6em;padding-left:.6em}:host.small.with-primary button .hover-container{position:absolute;inset:0 2.2em 0 0}\n"] }]
75
- }], propDecorators: { withPrimary: [{
76
- type: Input
77
- }], overlayAlignment: [{
78
- type: Input
79
- }], hasBackdrop: [{
80
- type: Input
81
- }], triggerTpl: [{
82
- type: Input
83
- }], autoClose: [{
84
- type: Input
85
- }], primaryClick: [{
86
- type: Output
87
- }], overlayToggled: [{
88
- type: Output
89
- }], trigger1: [{
90
- type: ViewChild,
91
- args: ['trigger1', { static: false }]
92
- }], class: [{
93
- type: HostBinding,
94
- args: ['class']
95
- }], onKeydownHandler: [{
96
- type: HostListener,
97
- args: ['document:keydown.escape', ['$event']]
98
- }] } });
99
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBTzdELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxlQUFlO0lBTDFEOztRQU9XLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLHFCQUFnQixHQUFxQixNQUFNLENBQUM7UUFDNUMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUVoQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBSXZELG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBRXZCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFPVixtQkFBYyxHQUFHO1lBQ3ZCLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBQztZQUNyRSxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUM7WUFDckUsRUFBQyxPQUFPLEVBQUUs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QUssRUFBRTtnQkFPcEMsS0FBSztzQkFEUixXQUFXO3VCQUFDLE9BQU87Z0JBc0JwQixnQkFBZ0I7c0JBRGYsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3VpLWFjdGlvbi1idXR0b24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsgJy4uL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnNjc3MnLCAnLi9hY3Rpb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEFjdGlvbkJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHdpdGhQcmltYXJ5ID0gZmFsc2U7XHJcbiAgQElucHV0KCkgb3ZlcmxheUFsaWdubWVudDogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcclxuICBASW5wdXQoKSBoYXNCYWNrZHJvcCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRyaWdnZXJUcGw7XHJcbiAgQElucHV0KCkgYXV0b0Nsb3NlID0gdHJ1ZTtcclxuXHJcbiAgQE91dHB1dCgpIHByaW1hcnlDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgb3ZlcmxheVRvZ2dsZWQgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ3RyaWdnZXIxJywgeyBzdGF0aWM6IGZhbHNlIH0pIHRyaWdnZXIxO1xyXG5cclxuICBkZWZlcnJlZFJlbmRlciA9IGZhbHNlO1xyXG5cclxuICBpY29uSG92ZXIgPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXHJcbiAgZ2V0IGNsYXNzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gc3VwZXIuY2xhc3MgKyAodGhpcy53aXRoUHJpbWFyeSA/ICcgd2l0aC1wcmltYXJ5JyA6ICcnKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgcmlnaHRQb3NpdGlvbnMgPSBbXHJcbiAgICB7b3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAndG9wJ30sXHJcbiAgICB7b3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAnYm90dG9tJ30sXHJcbiAgICB7b3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAnYm90dG9tJ30sXHJcbiAgICB7b3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAndG9wJ31cclxuICBdO1xyXG5cclxuICBwcml2YXRlIGxlZnRQb3NpdGlvbnMgPSBbXHJcbiAgICB7b3JpZ2luWDogJ3N0YXJ0Jywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnc3RhcnQnLCBvdmVybGF5WTogJ3RvcCd9LFxyXG4gICAge29yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ3N0YXJ0Jywgb3ZlcmxheVk6ICdib3R0b20nfSxcclxuICAgIHtvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ3RvcCcsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICdib3R0b20nfSxcclxuICAgIHtvcmlnaW5YOiAnZW5kJywgb3JpZ2luWTogJ2JvdHRvbScsIG92ZXJsYXlYOiAnZW5kJywgb3ZlcmxheVk6ICd0b3AnfVxyXG4gIF07XHJcblxyXG4gIG9wZW5PdmVybGF5ID0gZmFsc2U7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2RvY3VtZW50OmtleWRvd24uZXNjYXBlJywgWyckZXZlbnQnXSlcclxuICBvbktleWRvd25IYW5kbGVyKGV2dDogS2V5Ym9hcmRFdmVudCkge1xyXG4gICAgaWYgKHRoaXMub3Blbk92ZXJsYXkpIHtcclxuICAgICAgdGhpcy50b2dnbGVPdmVybGF5KGZhbHNlKTtcclxuICAgIH1cclxuICB9XHJcblxyXG5cclxuICAvLyBjb25zdHJ1Y3RvcigpIHtcclxuICAvLyAgIHN1cGVyKCk7XHJcbiAgLy8gfVxyXG5cclxuICBnZXQgcG9zaXRpb25zKCkge1xyXG4gICAgc3dpdGNoICh0aGlzLm92ZXJsYXlBbGlnbm1lbnQpIHtcclxuICAgICAgY2FzZSAnbGVmdCc6IHJldHVybiB0aGlzLmxlZnRQb3NpdGlvbnM7XHJcbiAgICAgIGRlZmF1bHQ6IHJldHVybiB0aGlzLnJpZ2h0UG9zaXRpb25zO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgdGhpcy5kZWZlcnJlZFJlbmRlciA9IHRydWU7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZU92ZXJsYXkoc3RhdHVzKSB7XHJcbiAgICBpZiAoc3RhdHVzIHx8IHRoaXMuYXV0b0Nsb3NlKSB7XHJcbiAgICAgIHRoaXMub3Blbk92ZXJsYXkgPSBzdGF0dXM7XHJcbiAgICAgIHRoaXMub3ZlcmxheVRvZ2dsZWQuZW1pdChzdGF0dXMpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2VPdmVybGF5KCkge1xyXG4gICAgdGhpcy5vcGVuT3ZlcmxheSA9IGZhbHNlO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlUHJpbWFyeU92ZXJsYXkoc3RhdHVzLCAkZXZlbnQpIHtcclxuICAgIHRoaXMudG9nZ2xlT3ZlcmxheShzdGF0dXMpO1xyXG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgJGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJ0cmlnZ2VyVHBsXCI+XHJcbiAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7XCIgKGNsaWNrKT1cInRvZ2dsZU92ZXJsYXkodHJ1ZSlcIiBjZGtPdmVybGF5T3JpZ2luICN0cmlnZ2VyMT1cImNka092ZXJsYXlPcmlnaW5cIj5cclxuICAgIDxuZy10ZW1wbGF0ZSBbbmdUZW1wbGF0ZU91dGxldF09XCJ0cmlnZ2VyVHBsXCI+PC9uZy10ZW1wbGF0ZT5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiIXRyaWdnZXJUcGwgJiYgd2l0aFByaW1hcnlcIj5cclxuICA8YnV0dG9uIG1hdFJpcHBsZSBbdHlwZV09XCJ0eXBlXCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWQgfHwgYnVzeVwiIFtuZ0NsYXNzXT1cIntidXN5OiBidXN5LCAnaWNvbi1ob3Zlcic6IGljb25Ib3Zlcn1cIiBbY2xhc3NdPVwiY2xhc3NcIiAoY2xpY2spPVwicHJpbWFyeUNsaWNrLmVtaXQoKVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhvdmVyLWNvbnRhaW5lclwiPjwvZGl2PlxyXG4gICAge3tsYWJlbH19XHJcbiAgICA8ZGl2IGNsYXNzPVwibWF0LWljb24tY29udGFpbmVyXCIgKG1vdXNlZW50ZXIpPVwiaWNvbkhvdmVyID0gdHJ1ZVwiIChtb3VzZWxlYXZlKT1cImljb25Ib3ZlciA9IGZhbHNlXCIgY2RrT3ZlcmxheU9yaWdpbiAjdHJpZ2dlcjE9XCJjZGtPdmVybGF5T3JpZ2luXCIgKGNsaWNrKT1cInRvZ2dsZVByaW1hcnlPdmVybGF5KHRydWUsICRldmVudClcIj5cclxuICAgICAg4pa8XHJcbiAgICA8L2Rpdj5cclxuICAgIDxtYXQtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwiYnVzeVwiIG1vZGU9XCJpbmRldGVybWluYXRlXCIgW2NvbG9yXT1cImNvbG9yXCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxyXG4gIDwvYnV0dG9uPlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCIhdHJpZ2dlclRwbCAmJiAhd2l0aFByaW1hcnlcIj5cclxuICA8YnV0dG9uIG1hdFJpcHBsZSBbdHlwZV09XCJ0eXBlXCIgW2Rpc2FibGVkXT1cImlzRGlzYWJsZWQgfHwgYnVzeVwiIFtuZ0NsYXNzXT1cIntidXN5OiBidXN5fVwiIFtjbGFzc109XCJjbGFzc1wiIGNka092ZXJsYXlPcmlnaW4gI3RyaWdnZXIxPVwiY2RrT3ZlcmxheU9yaWdpblwiIChjbGljayk9XCJ0b2dnbGVPdmVybGF5KHRydWUpXCI+XHJcbiAgICB7e2xhYmVsfX1cclxuICAgIDxkaXYgY2xhc3M9XCJtYXQtaWNvbi1jb250YWluZXJcIj5cclxuICAgICAg4pa8XHJcbiAgICA8L2Rpdj5cclxuICAgIDxtYXQtcHJvZ3Jlc3MtYmFyICpuZ0lmPVwiYnVzeVwiIG1vZGU9XCJpbmRldGVybWluYXRlXCIgW2NvbG9yXT1cImNvbG9yXCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxyXG4gIDwvYnV0dG9uPlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAqbmdJZj1cImRlZmVycmVkUmVuZGVyXCIgY2RrQ29ubmVjdGVkT3ZlcmxheSBbY2RrQ29ubmVjdGVkT3ZlcmxheVBvc2l0aW9uc109XCJwb3NpdGlvbnNcIiBbY2RrQ29ubmVjdGVkT3ZlcmxheU9yaWdpbl09XCJ0cmlnZ2VyMVwiIFtjZGtDb25uZWN0ZWRPdmVybGF5T3Blbl09XCJvcGVuT3ZlcmxheVwiIFtjZGtDb25uZWN0ZWRPdmVybGF5SGFzQmFja2Ryb3BdPVwiaGFzQmFja2Ryb3BcIiBbY2RrQ29ubmVjdGVkT3ZlcmxheURpc2FibGVDbG9zZV09XCIhYXV0b0Nsb3NlXCIgKG92ZXJsYXlPdXRzaWRlQ2xpY2spPVwidG9nZ2xlT3ZlcmxheShmYWxzZSlcIj5cclxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
@@ -1,37 +0,0 @@
1
- import { Component, HostBinding, Input } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "@angular/material/icon";
4
- export class ActionIconComponent {
5
- constructor() {
6
- this.size = 'normal';
7
- this.color = 'primary';
8
- this.disabled = false;
9
- this.busy = false;
10
- this.matIcon = 'close';
11
- }
12
- get class() {
13
- return `${this.size} ${this.color}${this.disabled ? ' disabled' : ''}${this.busy ? ' busy' : ''}`;
14
- }
15
- ngOnInit() {
16
- }
17
- }
18
- ActionIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- ActionIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: ActionIconComponent, selector: "ui-action-icon", inputs: { size: "size", color: "color", disabled: "disabled", busy: "busy", matIcon: "matIcon" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<mat-icon>{{matIcon}}</mat-icon>\r\n", styles: [":host{display:flex}:host:not(.disabled){cursor:pointer}:host mat-icon{width:1em;height:1em;transition:color .25s}:host.small mat-icon{font-size:1em}:host.smaller mat-icon{font-size:1.25em}:host.normal mat-icon{font-size:1.5em}:host.larger mat-icon{font-size:1.75em}:host.large mat-icon{font-size:2em}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionIconComponent, decorators: [{
21
- type: Component,
22
- args: [{ selector: 'ui-action-icon', template: "<mat-icon>{{matIcon}}</mat-icon>\r\n", styles: [":host{display:flex}:host:not(.disabled){cursor:pointer}:host mat-icon{width:1em;height:1em;transition:color .25s}:host.small mat-icon{font-size:1em}:host.smaller mat-icon{font-size:1.25em}:host.normal mat-icon{font-size:1.5em}:host.larger mat-icon{font-size:1.75em}:host.large mat-icon{font-size:2em}\n"] }]
23
- }], ctorParameters: function () { return []; }, propDecorators: { size: [{
24
- type: Input
25
- }], color: [{
26
- type: Input
27
- }], disabled: [{
28
- type: Input
29
- }], busy: [{
30
- type: Input
31
- }], matIcon: [{
32
- type: Input
33
- }], class: [{
34
- type: HostBinding,
35
- args: ['class']
36
- }] } });
37
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWkvc3JjL2xpYi9hY3Rpb24taWNvbi9hY3Rpb24taWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2FjdGlvbi1pY29uL2FjdGlvbi1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7O0FBUXRFLE1BQU0sT0FBTyxtQkFBbUI7SUFpQjlCO1FBZlMsU0FBSSxHQUFnQixRQUFRLENBQUM7UUFFN0IsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFFaEMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRWIsWUFBTyxHQUFHLE9BQU8sQ0FBQztJQU9YLENBQUM7SUFMakIsSUFDSSxLQUFLO1FBQ1AsT0FBTyxHQUFHLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUEsQ0FBQyxDQUFDLEVBQUUsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBQ25HLENBQUM7SUFJRCxRQUFRO0lBQ1IsQ0FBQzs7Z0hBcEJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHlNQ1JoQyxzQ0FDQTsyRkRPYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzBFQU1qQixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsSUFBSTtzQkFBWixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFHRixLQUFLO3NCQURSLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbENvbG9yLCBDb250cm9sU2l6ZSB9IGZyb20gJy4uL3VpLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndWktYWN0aW9uLWljb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24taWNvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWljb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aW9uSWNvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpIHNpemU6IENvbnRyb2xTaXplID0gJ25vcm1hbCc7XHJcblxyXG4gIEBJbnB1dCgpIGNvbG9yOiBDb250cm9sQ29sb3IgPSAncHJpbWFyeSc7XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBJbnB1dCgpIGJ1c3kgPSBmYWxzZTtcclxuXHJcbiAgQElucHV0KCkgbWF0SWNvbiA9ICdjbG9zZSc7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIGdldCBjbGFzcygpIHtcclxuICAgIHJldHVybiBgJHt0aGlzLnNpemV9ICR7dGhpcy5jb2xvcn0ke3RoaXMuZGlzYWJsZWQgPyAnIGRpc2FibGVkJzogJyd9JHt0aGlzLmJ1c3kgPyAnIGJ1c3knIDogJyd9YDtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPG1hdC1pY29uPnt7bWF0SWNvbn19PC9tYXQtaWNvbj5cclxuIl19