@rlucan/ui 14.2.4 → 14.2.6

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 (107) hide show
  1. package/esm2022/lib/action-button/action-button.component.mjs +99 -0
  2. package/esm2022/lib/action-icon/action-icon.component.mjs +37 -0
  3. package/esm2022/lib/autocomplete/autocomplete.component.mjs +391 -0
  4. package/esm2022/lib/avatar/avatar.component.mjs +34 -0
  5. package/esm2022/lib/button/button.component.mjs +57 -0
  6. package/esm2022/lib/checkbox/checkbox.component.mjs +39 -0
  7. package/{esm2020 → esm2022}/lib/checkbox-group/checkbox-group.component.mjs +91 -91
  8. package/esm2022/lib/currency/currency.component.mjs +151 -0
  9. package/esm2022/lib/date/date.component.mjs +68 -0
  10. package/{esm2020 → esm2022}/lib/dialog/dialog.component.mjs +37 -37
  11. package/esm2022/lib/directives/force-visibility/force-visibility.directive.mjs +104 -0
  12. package/esm2022/lib/editor/editor.component.mjs +119 -0
  13. package/{esm2020 → esm2022}/lib/elements/burger/burger.component.mjs +21 -21
  14. package/{esm2020 → esm2022}/lib/elements/expander/expander.component.mjs +28 -28
  15. package/{esm2020 → esm2022}/lib/elements/validation-message/validation-message.component.mjs +47 -47
  16. package/esm2022/lib/file/file.component.mjs +145 -0
  17. package/esm2022/lib/file-uploader/ui-file-uploader.component.mjs +405 -0
  18. package/esm2022/lib/input/input.component.mjs +265 -0
  19. package/esm2022/lib/input-autocomplete/input-autocomplete.component.mjs +277 -0
  20. package/esm2022/lib/layouts/base/ui-base-layout.component.mjs +22 -0
  21. package/esm2022/lib/layouts/base/ui-base.component.mjs +74 -0
  22. package/esm2022/lib/layouts/simple/ui-simple-layout.component.mjs +18 -0
  23. package/esm2022/lib/layouts/simple/ui-simple.component.mjs +166 -0
  24. package/{esm2020 → esm2022}/lib/radio/radio.component.mjs +21 -21
  25. package/esm2022/lib/radio-group/radio-group.component.mjs +53 -0
  26. package/esm2022/lib/select/select.component.mjs +115 -0
  27. package/esm2022/lib/services/message-box.service.mjs +149 -0
  28. package/{esm2020 → esm2022}/lib/services/toast.service.mjs +23 -23
  29. package/{esm2020 → esm2022}/lib/services/ui-file.service.mjs +71 -71
  30. package/{esm2020 → esm2022}/lib/services/ui-translate.service.mjs +32 -32
  31. package/{esm2020 → esm2022}/lib/submit-button/submit-button.component.mjs +72 -72
  32. package/esm2022/lib/table/table.component.mjs +97 -0
  33. package/esm2022/lib/text-area/text-area.component.mjs +46 -0
  34. package/{esm2020 → esm2022}/lib/ui.model.mjs +1 -1
  35. package/esm2022/lib/ui.module.mjs +269 -0
  36. package/esm2022/public-api.mjs +35 -0
  37. package/{esm2020 → esm2022}/rlucan-ui.mjs +4 -4
  38. package/fesm2022/rlucan-ui.mjs +3442 -0
  39. package/fesm2022/rlucan-ui.mjs.map +1 -0
  40. package/index.d.ts +5 -5
  41. package/lib/action-button/action-button.component.d.ts +32 -33
  42. package/lib/action-icon/action-icon.component.d.ts +15 -15
  43. package/lib/autocomplete/autocomplete.component.d.ts +57 -57
  44. package/lib/avatar/avatar.component.d.ts +14 -14
  45. package/lib/button/button.component.d.ts +18 -18
  46. package/lib/checkbox/checkbox.component.d.ts +15 -15
  47. package/lib/checkbox-group/checkbox-group.component.d.ts +18 -18
  48. package/lib/currency/currency.component.d.ts +31 -30
  49. package/lib/date/date.component.d.ts +24 -23
  50. package/lib/dialog/dialog.component.d.ts +13 -13
  51. package/lib/directives/force-visibility/force-visibility.directive.d.ts +22 -20
  52. package/lib/editor/editor.component.d.ts +24 -0
  53. package/lib/elements/burger/burger.component.d.ts +9 -9
  54. package/lib/elements/expander/expander.component.d.ts +10 -10
  55. package/lib/elements/validation-message/validation-message.component.d.ts +12 -12
  56. package/lib/file/file.component.d.ts +35 -29
  57. package/lib/file-uploader/ui-file-uploader.component.d.ts +102 -102
  58. package/lib/input/input.component.d.ts +42 -29
  59. package/lib/input-autocomplete/input-autocomplete.component.d.ts +44 -0
  60. package/lib/{base → layouts/base}/ui-base-layout.component.d.ts +8 -8
  61. package/lib/{base → layouts/base}/ui-base.component.d.ts +23 -23
  62. package/lib/{simple → layouts/simple}/ui-simple-layout.component.d.ts +8 -7
  63. package/lib/{simple → layouts/simple}/ui-simple.component.d.ts +40 -39
  64. package/lib/radio/radio.component.d.ts +8 -8
  65. package/lib/radio-group/radio-group.component.d.ts +18 -18
  66. package/lib/select/select.component.d.ts +35 -33
  67. package/lib/services/message-box.service.d.ts +58 -42
  68. package/lib/services/toast.service.d.ts +13 -13
  69. package/lib/services/ui-file.service.d.ts +33 -33
  70. package/lib/services/ui-translate.service.d.ts +11 -11
  71. package/lib/submit-button/submit-button.component.d.ts +21 -21
  72. package/lib/table/table.component.d.ts +36 -36
  73. package/lib/text-area/text-area.component.d.ts +18 -18
  74. package/lib/ui.model.d.ts +2 -2
  75. package/lib/ui.module.d.ts +59 -56
  76. package/package.json +22 -24
  77. package/public-api.d.ts +29 -27
  78. package/scss/ui-defaults.scss +19 -4
  79. package/src/js/editorjs.mjs +9634 -0
  80. package/ui.scss +70 -20
  81. package/esm2020/lib/action-button/action-button.component.mjs +0 -96
  82. package/esm2020/lib/action-icon/action-icon.component.mjs +0 -37
  83. package/esm2020/lib/autocomplete/autocomplete.component.mjs +0 -391
  84. package/esm2020/lib/avatar/avatar.component.mjs +0 -34
  85. package/esm2020/lib/base/ui-base-layout.component.mjs +0 -22
  86. package/esm2020/lib/base/ui-base.component.mjs +0 -74
  87. package/esm2020/lib/button/button.component.mjs +0 -57
  88. package/esm2020/lib/checkbox/checkbox.component.mjs +0 -39
  89. package/esm2020/lib/currency/currency.component.mjs +0 -148
  90. package/esm2020/lib/date/date.component.mjs +0 -64
  91. package/esm2020/lib/directives/force-visibility/force-visibility.directive.mjs +0 -96
  92. package/esm2020/lib/file/file.component.mjs +0 -88
  93. package/esm2020/lib/file-uploader/ui-file-uploader.component.mjs +0 -394
  94. package/esm2020/lib/input/input.component.mjs +0 -258
  95. package/esm2020/lib/radio-group/radio-group.component.mjs +0 -53
  96. package/esm2020/lib/select/select.component.mjs +0 -91
  97. package/esm2020/lib/services/message-box.service.mjs +0 -113
  98. package/esm2020/lib/simple/ui-simple-layout.component.mjs +0 -15
  99. package/esm2020/lib/simple/ui-simple.component.mjs +0 -154
  100. package/esm2020/lib/table/table.component.mjs +0 -97
  101. package/esm2020/lib/text-area/text-area.component.mjs +0 -46
  102. package/esm2020/lib/ui.module.mjs +0 -255
  103. package/esm2020/public-api.mjs +0 -33
  104. package/fesm2015/rlucan-ui.mjs +0 -2918
  105. package/fesm2015/rlucan-ui.mjs.map +0 -1
  106. package/fesm2020/rlucan-ui.mjs +0 -2886
  107. package/fesm2020/rlucan-ui.mjs.map +0 -1
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,12 +124,34 @@
124
124
  }
125
125
  }
126
126
 
127
- ui-input, ui-date {
127
+ ui-input, ui-date, ui-input-autocomplete {
128
128
  .control-container {
129
- [slot=suffix], [slot=prefix] {
130
- color: uiGetColor($colors, "input.prefix-suffix.color");
129
+ .xxxclear-icon {
130
+ color: uiGetColor($colors, "input.clear-icon.color");
131
131
  &:hover {
132
- color: uiGetColor($colors, "input.prefix-suffix.hover.color");
132
+ color: uiGetColor($colors, "input.clear-icon.hover.color");
133
+ }
134
+ }
135
+ }
136
+ .control-container.active-icons {
137
+ [slot=suffix], [slot=prefix], .prefix-icon, .suffix-icon {
138
+ color: uiGetColor($colors, "input.prefix-suffix.active.color");
139
+ &.disabled {
140
+ color: uiGetColor($colors, "input.prefix-suffix.active.disabled.color");
141
+ }
142
+ &:not(.disabled):hover {
143
+ color: uiGetColor($colors, "input.prefix-suffix.active.hover.color");
144
+ }
145
+ }
146
+ }
147
+
148
+ .control-container:not(.active-icons) {
149
+ [slot=suffix], [slot=prefix], .prefix-icon, .suffix-icon {
150
+ color: uiGetColor($colors, "input.prefix-suffix.color");
151
+ }
152
+ &.has-focus {
153
+ [slot=suffix], [slot=prefix], .prefix-icon, .suffix-icon {
154
+ color: uiGetColor($colors, "input.prefix-suffix.focus.color");
133
155
  }
134
156
  }
135
157
  }
@@ -693,7 +715,7 @@
693
715
  /********************************* geometry ****************************/
694
716
  $control-radius: map-get($geometry, control-radius);
695
717
 
696
- 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 {
697
719
  border-width: map-get($geometry, input-border-width);
698
720
  padding: map-get($geometry, control-padding);
699
721
  }
@@ -724,8 +746,8 @@
724
746
  }
725
747
  }
726
748
 
727
- ui-input, ui-date, ui-text-area/*, ui-file-uploader*/ {
728
- 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*/ {
729
751
  border-radius: $control-radius;
730
752
  }
731
753
  }
@@ -758,7 +780,7 @@
758
780
  }
759
781
 
760
782
 
761
- 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 {
762
784
  &.large {
763
785
  font-size: 1.5em;
764
786
  .mat-mdc-select-arrow-wrapper {
@@ -807,13 +829,16 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
807
829
  width: calc(2.5em / 2);
808
830
  height: calc(2.5em / 2);
809
831
  flex: 0 0 calc(2.5em / 2);
832
+ margin: calc(-1 * 2.5em / 4) !important;
810
833
  }
811
834
  .mdc-checkbox__background {
812
- height: calc(2.5em / 2);
813
- 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);
814
839
  &::before {
815
- left: calc(-2.5em / 4) !important;
816
- top: calc(-2.5em / 4) !important;
840
+ left: calc(-2.5em / 4 - 1px) !important;
841
+ top: calc(-2.5em / 4 - 1px) !important;
817
842
  }
818
843
  }
819
844
  .mdc-checkbox__native-control {
@@ -872,6 +897,18 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
872
897
 
873
898
 
874
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
+
875
912
  .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element {
876
913
  opacity: 0 !important;
877
914
  }
@@ -890,9 +927,9 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
890
927
  }
891
928
 
892
929
  .mat-mdc-checkbox {
893
- .mdc-checkbox {
894
- margin: -0.5em !important;
895
- }
930
+ //.mdc-checkbox {
931
+ // margin: -0.5em !important;
932
+ //}
896
933
  &.mat-mdc-checkbox-disabled {
897
934
  opacity: 0.38;
898
935
  //label {
@@ -909,7 +946,9 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
909
946
  font-weight: 500;
910
947
  }
911
948
 
912
-
949
+ .mat-mdc-select-panel.ui-currency {
950
+ min-width: 6em;
951
+ }
913
952
 
914
953
 
915
954
  :root {
@@ -922,4 +961,15 @@ ui-button, ui-action-button, ui-input, ui-date, ui-text-area, ui-select, ui-radi
922
961
  --mdc-typography-button-letter-spacing: 0;
923
962
  --mdc-typography-button-font-size: 1em;
924
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;
925
975
  }
@@ -1,96 +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();
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
- get positions() {
42
- switch (this.overlayAlignment) {
43
- case 'left': return this.leftPositions;
44
- default: return this.rightPositions;
45
- }
46
- }
47
- ngOnInit() {
48
- setTimeout(() => {
49
- this.deferredRender = true;
50
- });
51
- }
52
- toggleOverlay(status) {
53
- if (status || this.autoClose) {
54
- this.openOverlay = status;
55
- this.overlayToggled.emit(status);
56
- }
57
- }
58
- closeOverlay() {
59
- this.openOverlay = false;
60
- }
61
- togglePrimaryOverlay(status, $event) {
62
- this.toggleOverlay(status);
63
- $event.stopPropagation();
64
- $event.preventDefault();
65
- }
66
- }
67
- ActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
68
- 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"] }] });
69
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ActionButtonComponent, decorators: [{
70
- type: Component,
71
- 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"] }]
72
- }], ctorParameters: function () { return []; }, propDecorators: { withPrimary: [{
73
- type: Input
74
- }], overlayAlignment: [{
75
- type: Input
76
- }], hasBackdrop: [{
77
- type: Input
78
- }], triggerTpl: [{
79
- type: Input
80
- }], autoClose: [{
81
- type: Input
82
- }], primaryClick: [{
83
- type: Output
84
- }], overlayToggled: [{
85
- type: Output
86
- }], trigger1: [{
87
- type: ViewChild,
88
- args: ['trigger1', { static: false }]
89
- }], class: [{
90
- type: HostBinding,
91
- args: ['class']
92
- }], onKeydownHandler: [{
93
- type: HostListener,
94
- args: ['document:keydown.escape', ['$event']]
95
- }] } });
96
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS9zcmMvbGliL2FjdGlvbi1idXR0b24vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0FBTzdELE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxlQUFlO0lBOEN4RDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBN0NELGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLHFCQUFnQixHQUFxQixNQUFNLENBQUM7UUFDNUMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFFcEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUVoQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEMsbUJBQWMsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBSXZELG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBRXZCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFPVixtQkFBYyxHQUFHO1lBQ3ZCLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBQztZQUNyRSxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUM7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Z0JBT3BDLEtBQUs7c0JBRFIsV0FBVzt1QkFBQyxPQUFPO2dCQXNCcEIsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd1aS1hY3Rpb24tYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbICcuLi9idXR0b24vYnV0dG9uLmNvbXBvbmVudC5zY3NzJywgJy4vYWN0aW9uLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBY3Rpb25CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSB3aXRoUHJpbWFyeSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIG92ZXJsYXlBbGlnbm1lbnQ6ICdsZWZ0JyB8ICdyaWdodCcgPSAnbGVmdCc7XHJcbiAgQElucHV0KCkgaGFzQmFja2Ryb3AgPSBmYWxzZTtcclxuICBASW5wdXQoKSB0cmlnZ2VyVHBsO1xyXG4gIEBJbnB1dCgpIGF1dG9DbG9zZSA9IHRydWU7XHJcblxyXG4gIEBPdXRwdXQoKSBwcmltYXJ5Q2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIG92ZXJsYXlUb2dnbGVkID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBAVmlld0NoaWxkKCd0cmlnZ2VyMScsIHsgc3RhdGljOiBmYWxzZSB9KSB0cmlnZ2VyMTtcclxuXHJcbiAgZGVmZXJyZWRSZW5kZXIgPSBmYWxzZTtcclxuXHJcbiAgaWNvbkhvdmVyID0gZmFsc2U7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIGdldCBjbGFzcygpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHN1cGVyLmNsYXNzICsgKHRoaXMud2l0aFByaW1hcnkgPyAnIHdpdGgtcHJpbWFyeScgOiAnJyk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHJpZ2h0UG9zaXRpb25zID0gW1xyXG4gICAge29yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ3RvcCd9LFxyXG4gICAge29yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ2JvdHRvbSd9LFxyXG4gICAge29yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ2JvdHRvbSd9LFxyXG4gICAge29yaWdpblg6ICdlbmQnLCBvcmlnaW5ZOiAnYm90dG9tJywgb3ZlcmxheVg6ICdlbmQnLCBvdmVybGF5WTogJ3RvcCd9XHJcbiAgXTtcclxuXHJcbiAgcHJpdmF0ZSBsZWZ0UG9zaXRpb25zID0gW1xyXG4gICAge29yaWdpblg6ICdzdGFydCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ3N0YXJ0Jywgb3ZlcmxheVk6ICd0b3AnfSxcclxuICAgIHtvcmlnaW5YOiAnc3RhcnQnLCBvcmlnaW5ZOiAndG9wJywgb3ZlcmxheVg6ICdzdGFydCcsIG92ZXJsYXlZOiAnYm90dG9tJ30sXHJcbiAgICB7b3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICd0b3AnLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAnYm90dG9tJ30sXHJcbiAgICB7b3JpZ2luWDogJ2VuZCcsIG9yaWdpblk6ICdib3R0b20nLCBvdmVybGF5WDogJ2VuZCcsIG92ZXJsYXlZOiAndG9wJ31cclxuICBdO1xyXG5cclxuICBvcGVuT3ZlcmxheSA9IGZhbHNlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDprZXlkb3duLmVzY2FwZScsIFsnJGV2ZW50J10pXHJcbiAgb25LZXlkb3duSGFuZGxlcihldnQ6IEtleWJvYXJkRXZlbnQpIHtcclxuICAgIGlmICh0aGlzLm9wZW5PdmVybGF5KSB7XHJcbiAgICAgIHRoaXMudG9nZ2xlT3ZlcmxheShmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgICBzdXBlcigpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHBvc2l0aW9ucygpIHtcclxuICAgIHN3aXRjaCAodGhpcy5vdmVybGF5QWxpZ25tZW50KSB7XHJcbiAgICAgIGNhc2UgJ2xlZnQnOiByZXR1cm4gdGhpcy5sZWZ0UG9zaXRpb25zO1xyXG4gICAgICBkZWZhdWx0OiByZXR1cm4gdGhpcy5yaWdodFBvc2l0aW9ucztcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XHJcbiAgICAgIHRoaXMuZGVmZXJyZWRSZW5kZXIgPSB0cnVlO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVPdmVybGF5KHN0YXR1cykge1xyXG4gICAgaWYgKHN0YXR1cyB8fCB0aGlzLmF1dG9DbG9zZSkge1xyXG4gICAgICB0aGlzLm9wZW5PdmVybGF5ID0gc3RhdHVzO1xyXG4gICAgICB0aGlzLm92ZXJsYXlUb2dnbGVkLmVtaXQoc3RhdHVzKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGNsb3NlT3ZlcmxheSgpIHtcclxuICAgIHRoaXMub3Blbk92ZXJsYXkgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZVByaW1hcnlPdmVybGF5KHN0YXR1cywgJGV2ZW50KSB7XHJcbiAgICB0aGlzLnRvZ2dsZU92ZXJsYXkoc3RhdHVzKTtcclxuICAgICRldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwidHJpZ2dlclRwbFwiPlxyXG4gIDxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4O1wiIChjbGljayk9XCJ0b2dnbGVPdmVybGF5KHRydWUpXCIgY2RrT3ZlcmxheU9yaWdpbiAjdHJpZ2dlcjE9XCJjZGtPdmVybGF5T3JpZ2luXCI+XHJcbiAgICA8bmctdGVtcGxhdGUgW25nVGVtcGxhdGVPdXRsZXRdPVwidHJpZ2dlclRwbFwiPjwvbmctdGVtcGxhdGU+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiF0cmlnZ2VyVHBsICYmIHdpdGhQcmltYXJ5XCI+XHJcbiAgPGJ1dHRvbiBtYXRSaXBwbGUgW3R5cGVdPVwidHlwZVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkIHx8IGJ1c3lcIiBbbmdDbGFzc109XCJ7YnVzeTogYnVzeSwgJ2ljb24taG92ZXInOiBpY29uSG92ZXJ9XCIgW2NsYXNzXT1cImNsYXNzXCIgKGNsaWNrKT1cInByaW1hcnlDbGljay5lbWl0KClcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJob3Zlci1jb250YWluZXJcIj48L2Rpdj5cclxuICAgIHt7bGFiZWx9fVxyXG4gICAgPGRpdiBjbGFzcz1cIm1hdC1pY29uLWNvbnRhaW5lclwiIChtb3VzZWVudGVyKT1cImljb25Ib3ZlciA9IHRydWVcIiAobW91c2VsZWF2ZSk9XCJpY29uSG92ZXIgPSBmYWxzZVwiIGNka092ZXJsYXlPcmlnaW4gI3RyaWdnZXIxPVwiY2RrT3ZlcmxheU9yaWdpblwiIChjbGljayk9XCJ0b2dnbGVQcmltYXJ5T3ZlcmxheSh0cnVlLCAkZXZlbnQpXCI+XHJcbiAgICAgIOKWvFxyXG4gICAgPC9kaXY+XHJcbiAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cImJ1c3lcIiBtb2RlPVwiaW5kZXRlcm1pbmF0ZVwiIFtjb2xvcl09XCJjb2xvclwiPjwvbWF0LXByb2dyZXNzLWJhcj5cclxuICA8L2J1dHRvbj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiIXRyaWdnZXJUcGwgJiYgIXdpdGhQcmltYXJ5XCI+XHJcbiAgPGJ1dHRvbiBtYXRSaXBwbGUgW3R5cGVdPVwidHlwZVwiIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkIHx8IGJ1c3lcIiBbbmdDbGFzc109XCJ7YnVzeTogYnVzeX1cIiBbY2xhc3NdPVwiY2xhc3NcIiBjZGtPdmVybGF5T3JpZ2luICN0cmlnZ2VyMT1cImNka092ZXJsYXlPcmlnaW5cIiAoY2xpY2spPVwidG9nZ2xlT3ZlcmxheSh0cnVlKVwiPlxyXG4gICAge3tsYWJlbH19XHJcbiAgICA8ZGl2IGNsYXNzPVwibWF0LWljb24tY29udGFpbmVyXCI+XHJcbiAgICAgIOKWvFxyXG4gICAgPC9kaXY+XHJcbiAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdJZj1cImJ1c3lcIiBtb2RlPVwiaW5kZXRlcm1pbmF0ZVwiIFtjb2xvcl09XCJjb2xvclwiPjwvbWF0LXByb2dyZXNzLWJhcj5cclxuICA8L2J1dHRvbj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctdGVtcGxhdGUgKm5nSWY9XCJkZWZlcnJlZFJlbmRlclwiIGNka0Nvbm5lY3RlZE92ZXJsYXkgW2Nka0Nvbm5lY3RlZE92ZXJsYXlQb3NpdGlvbnNdPVwicG9zaXRpb25zXCIgW2Nka0Nvbm5lY3RlZE92ZXJsYXlPcmlnaW5dPVwidHJpZ2dlcjFcIiBbY2RrQ29ubmVjdGVkT3ZlcmxheU9wZW5dPVwib3Blbk92ZXJsYXlcIiBbY2RrQ29ubmVjdGVkT3ZlcmxheUhhc0JhY2tkcm9wXT1cImhhc0JhY2tkcm9wXCIgW2Nka0Nvbm5lY3RlZE92ZXJsYXlEaXNhYmxlQ2xvc2VdPVwiIWF1dG9DbG9zZVwiIChvdmVybGF5T3V0c2lkZUNsaWNrKT1cInRvZ2dsZU92ZXJsYXkoZmFsc2UpXCI+XHJcbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
@@ -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