@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.
- package/esm2022/lib/action-button/action-button.component.mjs +99 -0
- package/esm2022/lib/action-icon/action-icon.component.mjs +37 -0
- package/esm2022/lib/autocomplete/autocomplete.component.mjs +391 -0
- package/esm2022/lib/avatar/avatar.component.mjs +34 -0
- package/esm2022/lib/button/button.component.mjs +57 -0
- package/esm2022/lib/checkbox/checkbox.component.mjs +39 -0
- package/{esm2020 → esm2022}/lib/checkbox-group/checkbox-group.component.mjs +91 -91
- package/esm2022/lib/currency/currency.component.mjs +151 -0
- package/esm2022/lib/date/date.component.mjs +68 -0
- package/{esm2020 → esm2022}/lib/dialog/dialog.component.mjs +37 -37
- package/esm2022/lib/directives/force-visibility/force-visibility.directive.mjs +104 -0
- package/esm2022/lib/editor/editor.component.mjs +119 -0
- package/{esm2020 → esm2022}/lib/elements/burger/burger.component.mjs +21 -21
- package/{esm2020 → esm2022}/lib/elements/expander/expander.component.mjs +28 -28
- package/{esm2020 → esm2022}/lib/elements/validation-message/validation-message.component.mjs +47 -47
- package/esm2022/lib/file/file.component.mjs +145 -0
- package/esm2022/lib/file-uploader/ui-file-uploader.component.mjs +405 -0
- package/esm2022/lib/input/input.component.mjs +265 -0
- package/esm2022/lib/input-autocomplete/input-autocomplete.component.mjs +277 -0
- package/esm2022/lib/layouts/base/ui-base-layout.component.mjs +22 -0
- package/esm2022/lib/layouts/base/ui-base.component.mjs +74 -0
- package/esm2022/lib/layouts/simple/ui-simple-layout.component.mjs +18 -0
- package/esm2022/lib/layouts/simple/ui-simple.component.mjs +166 -0
- package/{esm2020 → esm2022}/lib/radio/radio.component.mjs +21 -21
- package/esm2022/lib/radio-group/radio-group.component.mjs +53 -0
- package/esm2022/lib/select/select.component.mjs +115 -0
- package/esm2022/lib/services/message-box.service.mjs +149 -0
- package/{esm2020 → esm2022}/lib/services/toast.service.mjs +23 -23
- package/{esm2020 → esm2022}/lib/services/ui-file.service.mjs +71 -71
- package/{esm2020 → esm2022}/lib/services/ui-translate.service.mjs +32 -32
- package/{esm2020 → esm2022}/lib/submit-button/submit-button.component.mjs +72 -72
- package/esm2022/lib/table/table.component.mjs +97 -0
- package/esm2022/lib/text-area/text-area.component.mjs +46 -0
- package/{esm2020 → esm2022}/lib/ui.model.mjs +1 -1
- package/esm2022/lib/ui.module.mjs +269 -0
- package/esm2022/public-api.mjs +35 -0
- package/{esm2020 → esm2022}/rlucan-ui.mjs +4 -4
- package/fesm2022/rlucan-ui.mjs +3442 -0
- package/fesm2022/rlucan-ui.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/action-button/action-button.component.d.ts +32 -33
- package/lib/action-icon/action-icon.component.d.ts +15 -15
- package/lib/autocomplete/autocomplete.component.d.ts +57 -57
- package/lib/avatar/avatar.component.d.ts +14 -14
- package/lib/button/button.component.d.ts +18 -18
- package/lib/checkbox/checkbox.component.d.ts +15 -15
- package/lib/checkbox-group/checkbox-group.component.d.ts +18 -18
- package/lib/currency/currency.component.d.ts +31 -30
- package/lib/date/date.component.d.ts +24 -23
- package/lib/dialog/dialog.component.d.ts +13 -13
- package/lib/directives/force-visibility/force-visibility.directive.d.ts +22 -20
- package/lib/editor/editor.component.d.ts +24 -0
- package/lib/elements/burger/burger.component.d.ts +9 -9
- package/lib/elements/expander/expander.component.d.ts +10 -10
- package/lib/elements/validation-message/validation-message.component.d.ts +12 -12
- package/lib/file/file.component.d.ts +35 -29
- package/lib/file-uploader/ui-file-uploader.component.d.ts +102 -102
- package/lib/input/input.component.d.ts +42 -29
- package/lib/input-autocomplete/input-autocomplete.component.d.ts +44 -0
- package/lib/{base → layouts/base}/ui-base-layout.component.d.ts +8 -8
- package/lib/{base → layouts/base}/ui-base.component.d.ts +23 -23
- package/lib/{simple → layouts/simple}/ui-simple-layout.component.d.ts +8 -7
- package/lib/{simple → layouts/simple}/ui-simple.component.d.ts +40 -39
- package/lib/radio/radio.component.d.ts +8 -8
- package/lib/radio-group/radio-group.component.d.ts +18 -18
- package/lib/select/select.component.d.ts +35 -33
- package/lib/services/message-box.service.d.ts +58 -42
- package/lib/services/toast.service.d.ts +13 -13
- package/lib/services/ui-file.service.d.ts +33 -33
- package/lib/services/ui-translate.service.d.ts +11 -11
- package/lib/submit-button/submit-button.component.d.ts +21 -21
- package/lib/table/table.component.d.ts +36 -36
- package/lib/text-area/text-area.component.d.ts +18 -18
- package/lib/ui.model.d.ts +2 -2
- package/lib/ui.module.d.ts +59 -56
- package/package.json +22 -24
- package/public-api.d.ts +29 -27
- package/scss/ui-defaults.scss +19 -4
- package/src/js/editorjs.mjs +9634 -0
- package/ui.scss +70 -20
- package/esm2020/lib/action-button/action-button.component.mjs +0 -96
- package/esm2020/lib/action-icon/action-icon.component.mjs +0 -37
- package/esm2020/lib/autocomplete/autocomplete.component.mjs +0 -391
- package/esm2020/lib/avatar/avatar.component.mjs +0 -34
- package/esm2020/lib/base/ui-base-layout.component.mjs +0 -22
- package/esm2020/lib/base/ui-base.component.mjs +0 -74
- package/esm2020/lib/button/button.component.mjs +0 -57
- package/esm2020/lib/checkbox/checkbox.component.mjs +0 -39
- package/esm2020/lib/currency/currency.component.mjs +0 -148
- package/esm2020/lib/date/date.component.mjs +0 -64
- package/esm2020/lib/directives/force-visibility/force-visibility.directive.mjs +0 -96
- package/esm2020/lib/file/file.component.mjs +0 -88
- package/esm2020/lib/file-uploader/ui-file-uploader.component.mjs +0 -394
- package/esm2020/lib/input/input.component.mjs +0 -258
- package/esm2020/lib/radio-group/radio-group.component.mjs +0 -53
- package/esm2020/lib/select/select.component.mjs +0 -91
- package/esm2020/lib/services/message-box.service.mjs +0 -113
- package/esm2020/lib/simple/ui-simple-layout.component.mjs +0 -15
- package/esm2020/lib/simple/ui-simple.component.mjs +0 -154
- package/esm2020/lib/table/table.component.mjs +0 -97
- package/esm2020/lib/text-area/text-area.component.mjs +0 -46
- package/esm2020/lib/ui.module.mjs +0 -255
- package/esm2020/public-api.mjs +0 -33
- package/fesm2015/rlucan-ui.mjs +0 -2918
- package/fesm2015/rlucan-ui.mjs.map +0 -1
- package/fesm2020/rlucan-ui.mjs +0 -2886
- 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
|
|
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
|
|
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
|
-
|
|
130
|
-
color: uiGetColor($colors, "input.
|
|
129
|
+
.xxxclear-icon {
|
|
130
|
+
color: uiGetColor($colors, "input.clear-icon.color");
|
|
131
131
|
&:hover {
|
|
132
|
-
color: uiGetColor($colors, "input.
|
|
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
|
-
|
|
813
|
-
|
|
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
|
-
|
|
894
|
-
|
|
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
|