@covalent/core 4.1.1-beta.3 → 4.1.1-develop.1
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/README.md +37 -2
- package/breadcrumbs/breadcrumbs.component.d.ts +2 -4
- package/common/material-icons.css +1 -0
- package/common/material-icons.css.map +1 -0
- package/common/platform.css +1 -0
- package/common/platform.css.map +1 -0
- package/common/styles/_elevation.scss +285 -0
- package/common/styles/_layout.scss +605 -0
- package/common/styles/_palette-dark.scss +326 -0
- package/common/styles/_palette-light.scss +637 -0
- package/common/styles/_rtl.scss +31 -0
- package/common/styles/_styles.scss +10 -0
- package/common/styles/_theme-functions.scss +25 -0
- package/common/styles/_typography-functions.scss +43 -0
- package/common/styles/_variables.scss +99 -0
- package/common/styles/colors/_colors-dark.scss +1399 -0
- package/common/styles/colors/_colors-light.scss +3235 -0
- package/common/styles/colors/_colors.scss +7 -0
- package/common/styles/core/_button.scss +90 -0
- package/common/styles/core/_card.scss +189 -0
- package/common/styles/core/_content.scss +43 -0
- package/common/styles/core/_core.scss +23 -0
- package/common/styles/core/_divider.scss +16 -0
- package/common/styles/core/_icons.scss +22 -0
- package/common/styles/core/_list.scss +8 -0
- package/common/styles/core/_sidenav.scss +22 -0
- package/common/styles/core/_structure.scss +127 -0
- package/common/styles/core/_toolbar.scss +53 -0
- package/common/styles/core/_whiteframe.scss +138 -0
- package/common/styles/font/MaterialIcons-Regular-v48.woff2 +0 -0
- package/common/styles/font/_font.scss +99 -0
- package/common/styles/utilities/_general.scss +65 -0
- package/common/styles/utilities/_pad.scss +36 -0
- package/common/styles/utilities/_pull.scss +36 -0
- package/common/styles/utilities/_push.scss +36 -0
- package/common/styles/utilities/_size.scss +24 -0
- package/common/styles/utilities/_text.scss +105 -0
- package/common/styles/utilities/_utilities.scss +15 -0
- package/dialogs/prompt-dialog/prompt-dialog.component.d.ts +10 -9
- package/esm2020/breadcrumbs/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2020/breadcrumbs/breadcrumbs.component.mjs +8 -12
- package/esm2020/dialogs/prompt-dialog/prompt-dialog.component.mjs +45 -16
- package/esm2020/file/directives/file-drop.directive.mjs +30 -34
- package/esm2020/file/file-input/file-input.component.mjs +9 -31
- package/esm2020/file/file-upload/file-upload.component.mjs +1 -1
- package/esm2020/layout/layout-manage-list/layout-manage-list.component.mjs +5 -5
- package/esm2020/layout/layout-nav-list/layout-nav-list.component.mjs +5 -5
- package/esm2020/layout/layout-toggle.class.mjs +2 -3
- package/esm2020/layout/layout.component.mjs +5 -5
- package/esm2020/search/search-input/search-input.component.mjs +2 -2
- package/esm2020/side-sheet/side-sheet.content-directives.mjs +3 -3
- package/fesm2015/covalent-core-breadcrumbs.mjs +9 -13
- package/fesm2015/covalent-core-breadcrumbs.mjs.map +1 -1
- package/fesm2015/covalent-core-dialogs.mjs +44 -16
- package/fesm2015/covalent-core-dialogs.mjs.map +1 -1
- package/fesm2015/covalent-core-file.mjs +39 -64
- package/fesm2015/covalent-core-file.mjs.map +1 -1
- package/fesm2015/covalent-core-layout.mjs +13 -14
- package/fesm2015/covalent-core-layout.mjs.map +1 -1
- package/fesm2015/covalent-core-search.mjs +1 -1
- package/fesm2015/covalent-core-search.mjs.map +1 -1
- package/fesm2015/covalent-core-side-sheet.mjs +2 -2
- package/fesm2015/covalent-core-side-sheet.mjs.map +1 -1
- package/fesm2020/covalent-core-breadcrumbs.mjs +9 -13
- package/fesm2020/covalent-core-breadcrumbs.mjs.map +1 -1
- package/fesm2020/covalent-core-dialogs.mjs +44 -16
- package/fesm2020/covalent-core-dialogs.mjs.map +1 -1
- package/fesm2020/covalent-core-file.mjs +38 -63
- package/fesm2020/covalent-core-file.mjs.map +1 -1
- package/fesm2020/covalent-core-layout.mjs +13 -14
- package/fesm2020/covalent-core-layout.mjs.map +1 -1
- package/fesm2020/covalent-core-search.mjs +1 -1
- package/fesm2020/covalent-core-search.mjs.map +1 -1
- package/fesm2020/covalent-core-side-sheet.mjs +2 -2
- package/fesm2020/covalent-core-side-sheet.mjs.map +1 -1
- package/file/directives/file-drop.directive.d.ts +8 -14
- package/file/file-input/file-input.component.d.ts +6 -13
- package/layout/README.md +1 -1
- package/layout/layout-manage-list/layout-manage-list.component.d.ts +4 -4
- package/layout/layout-nav-list/layout-nav-list.component.d.ts +4 -4
- package/layout/layout.component.d.ts +4 -4
- package/package.json +18 -8
- package/theming/prebuilt/blue-grey-deep-orange.css +1 -0
- package/theming/prebuilt/blue-grey-deep-orange.css.map +1 -0
- package/theming/prebuilt/blue-orange.css +1 -0
- package/theming/prebuilt/blue-orange.css.map +1 -0
- package/theming/prebuilt/indigo-pink.css +1 -0
- package/theming/prebuilt/indigo-pink.css.map +1 -0
- package/theming/prebuilt/orange-light-blue.css +1 -0
- package/theming/prebuilt/orange-light-blue.css.map +1 -0
- package/theming/prebuilt/teal-orange.css +1 -0
- package/theming/prebuilt/teal-orange.css.map +1 -0
@@ -0,0 +1,138 @@
|
|
1
|
+
// Elements can have an "elevation" from 1 to 5, signified by shadows.
|
2
|
+
// See http://google.com/design/spec/what-is-material/objects-in-3d-space.html
|
3
|
+
|
4
|
+
$mat-shadow-bottom-z-1: 0 2px 5px 0 rgba(0, 0, 0, 26%);
|
5
|
+
$mat-shadow-bottom-z-2: 0 4px 8px 0 rgba(0, 0, 0, 40%);
|
6
|
+
|
7
|
+
// Whiteframes
|
8
|
+
|
9
|
+
$shadow-key-umbra-opacity: 0.2;
|
10
|
+
$shadow-key-penumbra-opacity: 0.14;
|
11
|
+
$shadow-ambient-shadow-opacity: 0.12;
|
12
|
+
|
13
|
+
// NOTE(shyndman): gulp-sass seems to be failing if I split the shadow defs across
|
14
|
+
// multiple lines. Ugly. Sorry.
|
15
|
+
$whiteframe-shadow-1dp: 0 1px 3px 0 rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
16
|
+
0 1px 1px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
17
|
+
0 2px 1px -1px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
18
|
+
$whiteframe-shadow-2dp: 0 1px 5px 0 rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
19
|
+
0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
20
|
+
0 3px 1px -2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
21
|
+
$whiteframe-shadow-3dp: 0 1px 8px 0 rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
22
|
+
0 3px 4px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
23
|
+
0 3px 3px -2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
24
|
+
$whiteframe-shadow-4dp: 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
25
|
+
0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
26
|
+
0 1px 10 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
27
|
+
$whiteframe-shadow-5dp: 0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
28
|
+
0 5px 8px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
29
|
+
0 1px 14px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
30
|
+
$whiteframe-shadow-6dp: 0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
31
|
+
0 6px 10 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
32
|
+
0 1px 18px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
33
|
+
$whiteframe-shadow-7dp: 0 4px 5px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
34
|
+
0 7px 10 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
35
|
+
0 2px 16px 1px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
36
|
+
$whiteframe-shadow-8dp: 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
37
|
+
0 8px 10 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
38
|
+
0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
39
|
+
$whiteframe-shadow-9dp: 0 5px 6px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
40
|
+
0 9px 12px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
41
|
+
0 3px 16px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
42
|
+
$whiteframe-shadow-10dp: 0 6px 6px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
43
|
+
0 10 14px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
44
|
+
0 4px 18px 3px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
45
|
+
$whiteframe-shadow-11dp: 0 6px 7px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
46
|
+
0 11px 15px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
47
|
+
0 4px 20 3px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
48
|
+
$whiteframe-shadow-12dp: 0 7px 8px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
49
|
+
0 12px 17px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
50
|
+
0 5px 22px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
51
|
+
$whiteframe-shadow-13dp: 0 7px 8px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
52
|
+
0 13px 19px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
53
|
+
0 5px 24px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
54
|
+
$whiteframe-shadow-14dp: 0 7px 9px -4px rgba(0, 0, 0, $shadow-key-umbra-opacity),
|
55
|
+
0 14px 21px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),
|
56
|
+
0 5px 26px 4px rgba(0, 0, 0, $shadow-ambient-shadow-opacity) !default;
|
57
|
+
|
58
|
+
@mixin td-whiteframe-utilities() {
|
59
|
+
.md-whiteframe-1dp,
|
60
|
+
.md-whiteframe-z1,
|
61
|
+
.mat-whiteframe-1dp,
|
62
|
+
.mat-whiteframe-z1 {
|
63
|
+
box-shadow: $whiteframe-shadow-1dp;
|
64
|
+
}
|
65
|
+
|
66
|
+
.md-whiteframe-2dp,
|
67
|
+
.mat-whiteframe-2dp {
|
68
|
+
box-shadow: $whiteframe-shadow-2dp;
|
69
|
+
}
|
70
|
+
|
71
|
+
.md-whiteframe-3dp,
|
72
|
+
.mat-whiteframe-3dp {
|
73
|
+
box-shadow: $whiteframe-shadow-3dp;
|
74
|
+
}
|
75
|
+
|
76
|
+
.md-whiteframe-4dp,
|
77
|
+
.md-whiteframe-z2,
|
78
|
+
.mat-whiteframe-4dp,
|
79
|
+
.mat-whiteframe-z2 {
|
80
|
+
box-shadow: $whiteframe-shadow-4dp;
|
81
|
+
}
|
82
|
+
|
83
|
+
.md-whiteframe-5dp,
|
84
|
+
.mat-whiteframe-5dp {
|
85
|
+
box-shadow: $whiteframe-shadow-5dp;
|
86
|
+
}
|
87
|
+
|
88
|
+
.md-whiteframe-6dp,
|
89
|
+
.mat-whiteframe-6dp {
|
90
|
+
box-shadow: $whiteframe-shadow-6dp;
|
91
|
+
}
|
92
|
+
|
93
|
+
.md-whiteframe-7dp,
|
94
|
+
.md-whiteframe-z3,
|
95
|
+
.mat-whiteframe-7dp,
|
96
|
+
.mat-whiteframe-z3 {
|
97
|
+
box-shadow: $whiteframe-shadow-7dp;
|
98
|
+
}
|
99
|
+
|
100
|
+
.md-whiteframe-8dp,
|
101
|
+
.mat-whiteframe-8dp {
|
102
|
+
box-shadow: $whiteframe-shadow-8dp;
|
103
|
+
}
|
104
|
+
|
105
|
+
.md-whiteframe-9dp,
|
106
|
+
.mat-whiteframe-9dp {
|
107
|
+
box-shadow: $whiteframe-shadow-9dp;
|
108
|
+
}
|
109
|
+
|
110
|
+
.md-whiteframe-10dp,
|
111
|
+
.md-whiteframe-z4,
|
112
|
+
.mat-whiteframe-10dp,
|
113
|
+
.mat-whiteframe-z4 {
|
114
|
+
box-shadow: $whiteframe-shadow-10dp;
|
115
|
+
}
|
116
|
+
|
117
|
+
.md-whiteframe-11dp,
|
118
|
+
.mat-whiteframe-11dp {
|
119
|
+
box-shadow: $whiteframe-shadow-11dp;
|
120
|
+
}
|
121
|
+
|
122
|
+
.md-whiteframe-12dp,
|
123
|
+
.mat-whiteframe-12dp {
|
124
|
+
box-shadow: $whiteframe-shadow-12dp;
|
125
|
+
}
|
126
|
+
|
127
|
+
.md-whiteframe-13dp,
|
128
|
+
.md-whiteframe-z5,
|
129
|
+
.mat-whiteframe-13dp,
|
130
|
+
.mat-whiteframe-z5 {
|
131
|
+
box-shadow: $whiteframe-shadow-13dp;
|
132
|
+
}
|
133
|
+
|
134
|
+
.md-whiteframe-14dp,
|
135
|
+
.mat-whiteframe-14dp {
|
136
|
+
box-shadow: $whiteframe-shadow-14dp;
|
137
|
+
}
|
138
|
+
}
|
Binary file
|
@@ -0,0 +1,99 @@
|
|
1
|
+
$mat-font-url: 'styles/font/' !default;
|
2
|
+
|
3
|
+
@mixin covalent-material-icons() {
|
4
|
+
@font-face {
|
5
|
+
font-family: 'Material Icons';
|
6
|
+
font-style: normal;
|
7
|
+
font-weight: 400;
|
8
|
+
src: url($mat-font-url + 'MaterialIcons-Regular-v48.woff2') format('woff2');
|
9
|
+
}
|
10
|
+
|
11
|
+
.material-icons {
|
12
|
+
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
|
13
|
+
font-family: 'Material Icons';
|
14
|
+
font-weight: normal;
|
15
|
+
font-style: normal;
|
16
|
+
font-size: 24px; /* Preferred icon size */
|
17
|
+
display: inline-block;
|
18
|
+
width: 1em;
|
19
|
+
height: 1em;
|
20
|
+
line-height: 1;
|
21
|
+
text-transform: none;
|
22
|
+
letter-spacing: normal;
|
23
|
+
word-wrap: normal;
|
24
|
+
white-space: nowrap;
|
25
|
+
direction: ltr;
|
26
|
+
|
27
|
+
/* Support for all WebKit browsers. */
|
28
|
+
-webkit-font-smoothing: antialiased;
|
29
|
+
|
30
|
+
/* Support for Safari and Chrome. */
|
31
|
+
text-rendering: optimizeLegibility;
|
32
|
+
|
33
|
+
/* Support for Firefox. */
|
34
|
+
-moz-osx-font-smoothing: grayscale;
|
35
|
+
|
36
|
+
/* Support for IE. */
|
37
|
+
font-feature-settings: 'liga';
|
38
|
+
}
|
39
|
+
|
40
|
+
// Ensure our size prevails over material
|
41
|
+
mat-icon.material-icons {
|
42
|
+
&,
|
43
|
+
&.mat-icon {
|
44
|
+
width: 1em;
|
45
|
+
height: 1em;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
// Rules for sizing the icon.
|
50
|
+
.material-icons.md-18,
|
51
|
+
.material-icons.mat-18 {
|
52
|
+
font-size: 18px;
|
53
|
+
height: 18px;
|
54
|
+
width: 18px;
|
55
|
+
}
|
56
|
+
|
57
|
+
.material-icons.md-24,
|
58
|
+
.material-icons.mat-24 {
|
59
|
+
font-size: 24px;
|
60
|
+
height: 24px;
|
61
|
+
width: 24px;
|
62
|
+
}
|
63
|
+
|
64
|
+
.material-icons.md-36,
|
65
|
+
.material-icons.mat-36 {
|
66
|
+
font-size: 36px;
|
67
|
+
height: 36px;
|
68
|
+
width: 36px;
|
69
|
+
}
|
70
|
+
|
71
|
+
.material-icons.md-48,
|
72
|
+
.material-icons.mat-48 {
|
73
|
+
font-size: 48px;
|
74
|
+
height: 48px;
|
75
|
+
width: 48px;
|
76
|
+
}
|
77
|
+
|
78
|
+
// Rules for using icons as black on a light background.
|
79
|
+
.material-icons.md-dark,
|
80
|
+
.material-icons.mat-dark {
|
81
|
+
color: rgba(0, 0, 0, 54%);
|
82
|
+
}
|
83
|
+
|
84
|
+
.material-icons.md-dark.md-inactive,
|
85
|
+
.material-icons.mat-dark.mat-inactive {
|
86
|
+
color: rgba(0, 0, 0, 26%);
|
87
|
+
}
|
88
|
+
|
89
|
+
// Rules for using icons as white on a dark background.
|
90
|
+
.material-icons.md-light,
|
91
|
+
.material-icons.mat-light {
|
92
|
+
color: rgba(255, 255, 255, 100%);
|
93
|
+
}
|
94
|
+
|
95
|
+
.material-icons.md-light.md-inactive,
|
96
|
+
.material-icons.mat-light.mat-inactive {
|
97
|
+
color: rgba(255, 255, 255, 30%);
|
98
|
+
}
|
99
|
+
}
|
@@ -0,0 +1,65 @@
|
|
1
|
+
@mixin td-general-utilities() {
|
2
|
+
body {
|
3
|
+
// Angular 4 added tabindex to everything, this style removes the outline:
|
4
|
+
[tabindex]:focus {
|
5
|
+
outline: none;
|
6
|
+
}
|
7
|
+
|
8
|
+
.radius-none {
|
9
|
+
border-radius: 0;
|
10
|
+
}
|
11
|
+
|
12
|
+
.overflow-hidden {
|
13
|
+
overflow: hidden;
|
14
|
+
}
|
15
|
+
|
16
|
+
.overflow-auto {
|
17
|
+
overflow: auto;
|
18
|
+
}
|
19
|
+
|
20
|
+
.overflow-visible {
|
21
|
+
overflow: visible;
|
22
|
+
}
|
23
|
+
|
24
|
+
.block {
|
25
|
+
display: block;
|
26
|
+
}
|
27
|
+
|
28
|
+
.inline-block {
|
29
|
+
display: inline-block;
|
30
|
+
}
|
31
|
+
|
32
|
+
.relative {
|
33
|
+
position: relative;
|
34
|
+
}
|
35
|
+
|
36
|
+
.fixed {
|
37
|
+
position: fixed;
|
38
|
+
}
|
39
|
+
|
40
|
+
.height-auto {
|
41
|
+
min-height: 0;
|
42
|
+
}
|
43
|
+
|
44
|
+
.z-3 {
|
45
|
+
z-index: 3;
|
46
|
+
}
|
47
|
+
|
48
|
+
.z-2 {
|
49
|
+
z-index: 2;
|
50
|
+
}
|
51
|
+
|
52
|
+
.z-1 {
|
53
|
+
z-index: 1;
|
54
|
+
}
|
55
|
+
|
56
|
+
.focus-weight:focus {
|
57
|
+
outline: 0;
|
58
|
+
font-weight: 700;
|
59
|
+
}
|
60
|
+
|
61
|
+
.cursor-pointer:hover {
|
62
|
+
cursor: pointer;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
@mixin pad($direction: '') {
|
2
|
+
.pad#{$direction} {
|
3
|
+
padding#{$direction}: 16px;
|
4
|
+
}
|
5
|
+
.pad#{$direction}-xxl {
|
6
|
+
padding#{$direction}: 56px;
|
7
|
+
}
|
8
|
+
.pad#{$direction}-xl {
|
9
|
+
padding#{$direction}: 48px;
|
10
|
+
}
|
11
|
+
.pad#{$direction}-lg {
|
12
|
+
padding#{$direction}: 32px;
|
13
|
+
}
|
14
|
+
.pad#{$direction}-md {
|
15
|
+
padding#{$direction}: 24px;
|
16
|
+
}
|
17
|
+
.pad#{$direction}-sm {
|
18
|
+
padding#{$direction}: 8px;
|
19
|
+
}
|
20
|
+
.pad#{$direction}-xs {
|
21
|
+
padding#{$direction}: 4px;
|
22
|
+
}
|
23
|
+
.pad#{$direction}-none {
|
24
|
+
padding#{$direction}: 0;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
@mixin td-padding-utilities() {
|
29
|
+
body {
|
30
|
+
@include pad();
|
31
|
+
@include pad(-bottom);
|
32
|
+
@include pad(-top);
|
33
|
+
@include pad(-left);
|
34
|
+
@include pad(-right);
|
35
|
+
}
|
36
|
+
}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
@mixin pull($direction: '') {
|
2
|
+
.pull#{$direction}-xxl {
|
3
|
+
margin#{$direction}: -56px;
|
4
|
+
}
|
5
|
+
.pull#{$direction}-xl {
|
6
|
+
margin#{$direction}: -48px;
|
7
|
+
}
|
8
|
+
.pull#{$direction}-lg {
|
9
|
+
margin#{$direction}: -32px;
|
10
|
+
}
|
11
|
+
.pull#{$direction}-md {
|
12
|
+
margin#{$direction}: -24px;
|
13
|
+
}
|
14
|
+
.pull#{$direction} {
|
15
|
+
margin#{$direction}: -16px;
|
16
|
+
}
|
17
|
+
.pull#{$direction}-sm {
|
18
|
+
margin#{$direction}: -8px;
|
19
|
+
}
|
20
|
+
.pull#{$direction}-xs {
|
21
|
+
margin#{$direction}: -4px;
|
22
|
+
}
|
23
|
+
.pull#{$direction}-none {
|
24
|
+
margin#{$direction}: 0;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
@mixin td-pulling-utilities() {
|
29
|
+
body {
|
30
|
+
@include pull();
|
31
|
+
@include pull(-bottom);
|
32
|
+
@include pull(-top);
|
33
|
+
@include pull(-left);
|
34
|
+
@include pull(-right);
|
35
|
+
}
|
36
|
+
}
|
@@ -0,0 +1,36 @@
|
|
1
|
+
@mixin push($direction: '') {
|
2
|
+
.push#{$direction} {
|
3
|
+
margin#{$direction}: 16px;
|
4
|
+
}
|
5
|
+
.push#{$direction}-xxl {
|
6
|
+
margin#{$direction}: 56px;
|
7
|
+
}
|
8
|
+
.push#{$direction}-xl {
|
9
|
+
margin#{$direction}: 48px;
|
10
|
+
}
|
11
|
+
.push#{$direction}-lg {
|
12
|
+
margin#{$direction}: 32px;
|
13
|
+
}
|
14
|
+
.push#{$direction}-md {
|
15
|
+
margin#{$direction}: 24px;
|
16
|
+
}
|
17
|
+
.push#{$direction}-sm {
|
18
|
+
margin#{$direction}: 8px;
|
19
|
+
}
|
20
|
+
.push#{$direction}-xs {
|
21
|
+
margin#{$direction}: 4px;
|
22
|
+
}
|
23
|
+
.push#{$direction}-none {
|
24
|
+
margin#{$direction}: 0;
|
25
|
+
}
|
26
|
+
}
|
27
|
+
|
28
|
+
@mixin td-pushing-utilities() {
|
29
|
+
body {
|
30
|
+
@include push();
|
31
|
+
@include push(-bottom);
|
32
|
+
@include push(-top);
|
33
|
+
@include push(-left);
|
34
|
+
@include push(-right);
|
35
|
+
}
|
36
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
@mixin td-size-utilities() {
|
2
|
+
$size-list: 12 16 24 32 50 64 72 100 128 256;
|
3
|
+
@each $current-size in $size-list {
|
4
|
+
$i: index($size-list, $current-size);
|
5
|
+
.size-#{$current-size} {
|
6
|
+
height: #{$current-size}px;
|
7
|
+
width: #{$current-size}px;
|
8
|
+
}
|
9
|
+
}
|
10
|
+
@each $current-size in $size-list {
|
11
|
+
$i: index($size-list, $current-size);
|
12
|
+
.size-height-#{$current-size} {
|
13
|
+
height: #{$current-size}px;
|
14
|
+
width: auto;
|
15
|
+
}
|
16
|
+
}
|
17
|
+
@each $current-size in $size-list {
|
18
|
+
$i: index($size-list, $current-size);
|
19
|
+
.size-width-#{$current-size} {
|
20
|
+
width: #{$current-size}px;
|
21
|
+
height: auto;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
}
|
@@ -0,0 +1,105 @@
|
|
1
|
+
@mixin td-text-utilities() {
|
2
|
+
body {
|
3
|
+
h1,
|
4
|
+
h2,
|
5
|
+
h3,
|
6
|
+
h4,
|
7
|
+
h5,
|
8
|
+
h6 {
|
9
|
+
& > small {
|
10
|
+
font-size: 60%;
|
11
|
+
}
|
12
|
+
}
|
13
|
+
|
14
|
+
.text-normal {
|
15
|
+
font-style: normal;
|
16
|
+
}
|
17
|
+
|
18
|
+
.text-center {
|
19
|
+
text-align: center;
|
20
|
+
}
|
21
|
+
|
22
|
+
.text-left {
|
23
|
+
text-align: left;
|
24
|
+
}
|
25
|
+
|
26
|
+
.text-right {
|
27
|
+
text-align: right;
|
28
|
+
}
|
29
|
+
|
30
|
+
.text-xs,
|
31
|
+
.text-sm,
|
32
|
+
.text-md,
|
33
|
+
.text-lg {
|
34
|
+
text-rendering: optimizeLegibility;
|
35
|
+
}
|
36
|
+
|
37
|
+
.text-micro {
|
38
|
+
font-size: 10px;
|
39
|
+
font-weight: normal;
|
40
|
+
letter-spacing: 1px;
|
41
|
+
}
|
42
|
+
|
43
|
+
.text-xs {
|
44
|
+
font-size: 50%;
|
45
|
+
}
|
46
|
+
|
47
|
+
.text-sm {
|
48
|
+
font-size: 70%;
|
49
|
+
}
|
50
|
+
|
51
|
+
.text-md {
|
52
|
+
font-size: 80%;
|
53
|
+
}
|
54
|
+
|
55
|
+
.text-lg {
|
56
|
+
font-size: 110%;
|
57
|
+
}
|
58
|
+
|
59
|
+
.text-xl {
|
60
|
+
font-size: 120%;
|
61
|
+
}
|
62
|
+
|
63
|
+
.text-xxl {
|
64
|
+
font-size: 130%;
|
65
|
+
}
|
66
|
+
|
67
|
+
.text-30 {
|
68
|
+
font-size: 30px;
|
69
|
+
}
|
70
|
+
|
71
|
+
.text-super {
|
72
|
+
font-size: 60px;
|
73
|
+
}
|
74
|
+
|
75
|
+
.text-wrap {
|
76
|
+
white-space: normal;
|
77
|
+
}
|
78
|
+
|
79
|
+
.text-break {
|
80
|
+
word-break: break-word;
|
81
|
+
}
|
82
|
+
|
83
|
+
.text-upper {
|
84
|
+
text-transform: uppercase;
|
85
|
+
}
|
86
|
+
|
87
|
+
.text-lower {
|
88
|
+
text-transform: lowercase;
|
89
|
+
}
|
90
|
+
|
91
|
+
.text-caps {
|
92
|
+
text-transform: capitalize;
|
93
|
+
}
|
94
|
+
|
95
|
+
.text-truncate {
|
96
|
+
white-space: nowrap;
|
97
|
+
overflow: hidden;
|
98
|
+
text-overflow: ellipsis;
|
99
|
+
}
|
100
|
+
|
101
|
+
.text-nodecoration {
|
102
|
+
text-decoration: none;
|
103
|
+
}
|
104
|
+
}
|
105
|
+
}
|
@@ -0,0 +1,15 @@
|
|
1
|
+
@import 'general';
|
2
|
+
@import 'pad';
|
3
|
+
@import 'pull';
|
4
|
+
@import 'push';
|
5
|
+
@import 'size';
|
6
|
+
@import 'text';
|
7
|
+
|
8
|
+
@mixin covalent-utilities() {
|
9
|
+
@include td-general-utilities();
|
10
|
+
@include td-padding-utilities();
|
11
|
+
@include td-pulling-utilities();
|
12
|
+
@include td-pushing-utilities();
|
13
|
+
@include td-size-utilities();
|
14
|
+
@include td-text-utilities();
|
15
|
+
}
|
@@ -1,21 +1,22 @@
|
|
1
|
-
import { ElementRef, AfterViewInit } from '@angular/core';
|
1
|
+
import { ElementRef, AfterViewInit, NgZone, OnDestroy } from '@angular/core';
|
2
2
|
import { MatDialogRef } from '@angular/material/dialog';
|
3
3
|
import * as i0 from "@angular/core";
|
4
|
-
export declare class TdPromptDialogComponent implements AfterViewInit {
|
4
|
+
export declare class TdPromptDialogComponent implements AfterViewInit, OnDestroy {
|
5
|
+
private _ngZone;
|
5
6
|
private _dialogRef;
|
6
7
|
title?: string;
|
7
8
|
message?: string;
|
8
9
|
value?: string;
|
9
10
|
cancelButton: string;
|
10
11
|
acceptButton: string;
|
11
|
-
|
12
|
-
|
12
|
+
/** The native `<input matInput />` element. */
|
13
|
+
_input: ElementRef<HTMLInputElement>;
|
14
|
+
_closeBtn: ElementRef<HTMLButtonElement>;
|
15
|
+
_acceptBtn: ElementRef<HTMLButtonElement>;
|
16
|
+
private _destroy$;
|
17
|
+
constructor(_ngZone: NgZone, _dialogRef: MatDialogRef<TdPromptDialogComponent>);
|
13
18
|
ngAfterViewInit(): void;
|
14
|
-
|
15
|
-
* Method executed when input is focused
|
16
|
-
* Selects all text
|
17
|
-
*/
|
18
|
-
handleInputFocus(): void;
|
19
|
+
ngOnDestroy(): void;
|
19
20
|
cancel(): void;
|
20
21
|
accept(): void;
|
21
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<TdPromptDialogComponent, never>;
|
@@ -75,10 +75,10 @@ export class TdBreadcrumbComponent {
|
|
75
75
|
}
|
76
76
|
}
|
77
77
|
TdBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdBreadcrumbComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
78
|
-
TdBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdBreadcrumbComponent, selector: "td-breadcrumb, a[td-breadcrumb]", host: { properties: { "class.mat-button": "this.matButtonClass", "class.td-breadcrumb": "this.tdBreadCrumbClass", "style.display": "this.displayBinding" } }, ngImport: i0, template: "<ng-content></ng-content>\n<mat-icon\n *ngIf=\"displayIcon\"\n class=\"td-breadcrumb-separator-icon\"\n [style.cursor]=\"'default'\"\n (click)=\"_handleIconClick($event)\"\n
|
78
|
+
TdBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: TdBreadcrumbComponent, selector: "td-breadcrumb, a[td-breadcrumb]", host: { properties: { "class.mat-button": "this.matButtonClass", "class.td-breadcrumb": "this.tdBreadCrumbClass", "style.display": "this.displayBinding" } }, ngImport: i0, template: "<ng-content></ng-content>\n<mat-icon\n *ngIf=\"displayIcon\"\n class=\"td-breadcrumb-separator-icon\"\n [style.cursor]=\"'default'\"\n (click)=\"_handleIconClick($event)\"\n >{{ separatorIcon }}</mat-icon\n>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;flex-direction:row;align-items:center;align-content:center;max-width:100%;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"], components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
79
79
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TdBreadcrumbComponent, decorators: [{
|
80
80
|
type: Component,
|
81
|
-
args: [{ selector: 'td-breadcrumb, a[td-breadcrumb]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<mat-icon\n *ngIf=\"displayIcon\"\n class=\"td-breadcrumb-separator-icon\"\n [style.cursor]=\"'default'\"\n (click)=\"_handleIconClick($event)\"\n
|
81
|
+
args: [{ selector: 'td-breadcrumb, a[td-breadcrumb]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n<mat-icon\n *ngIf=\"displayIcon\"\n class=\"td-breadcrumb-separator-icon\"\n [style.cursor]=\"'default'\"\n (click)=\"_handleIconClick($event)\"\n >{{ separatorIcon }}</mat-icon\n>\n", styles: [":host.td-breadcrumb{display:inline-block;box-sizing:border-box;flex-direction:row;align-items:center;align-content:center;max-width:100%;justify-content:flex-end}:host.td-breadcrumb ::ng-deep>*{margin:0 10px}:host .td-breadcrumb-separator-icon{display:inline-flex;vertical-align:middle}:host.mat-button{min-width:0;padding:0}\n"] }]
|
82
82
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { matButtonClass: [{
|
83
83
|
type: HostBinding,
|
84
84
|
args: ['class.mat-button']
|
@@ -89,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
|
|
89
89
|
type: HostBinding,
|
90
90
|
args: ['style.display']
|
91
91
|
}] } });
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWRjcnVtYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvYnJlYWRjcnVtYnMvc3JjL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvYnJlYWRjcnVtYnMvc3JjL2JyZWFkY3J1bWIvYnJlYWRjcnVtYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBRVgsdUJBQXVCLEVBQ3ZCLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0lBOERoQyxZQUNVLFdBQXVCLEVBQ3ZCLGtCQUFxQztRQURyQyxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUN2Qix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBL0R2QyxrQkFBYSxHQUFHLElBQUksQ0FBQztRQUNyQixXQUFNLEdBQUcsQ0FBQyxDQUFDO1FBQ1gsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFDcEIsbUJBQWMsR0FBRyxlQUFlLENBQUM7UUFFUixtQkFBYyxHQUFHLElBQUksQ0FBQztRQUNuQixzQkFBaUIsR0FBRyxJQUFJLENBQUM7SUEwRDFELENBQUM7SUF4REosMkVBQTJFO0lBQzNFLElBQVcsYUFBYTtRQUN0QixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7SUFDN0IsQ0FBQztJQUNELElBQVcsYUFBYSxDQUFDLGFBQXFCO1FBQzVDLElBQUksQ0FBQyxjQUFjLEdBQUcsYUFBYSxDQUFDO1FBQ3BDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsd0RBQXdEO0lBQ3hELElBQVcsV0FBVztRQUNwQixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQVcsV0FBVyxDQUFDLFdBQW9CO1FBQ3pDLElBQUksQ0FBQyxZQUFZLEdBQUcsV0FBVyxDQUFDO1FBQ2hDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ2QsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksWUFBWSxDQUFDLGFBQXNCO1FBQ3JDLElBQUksQ0FBQyxhQUFhLEdBQUcsYUFBYSxDQUFDO1FBQ25DLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDZCxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFDSSxjQUFjO1FBQ2hCLGdGQUFnRjtRQUNoRixxRkFBcUY7UUFDckYsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUNqRCxDQUFDO0lBT0QsZUFBZTtRQUNiLHFEQUFxRDtRQUNyRCxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE1BQU0sR0FBaUIsQ0FDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQzlCLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDakMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0gsZ0JBQWdCLENBQUMsS0FBWTtRQUMzQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7O2tIQW5GVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixxT0NmbEMsd05BUUE7MkZET2EscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNFLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTTtpSUFRZCxjQUFjO3NCQUE5QyxXQUFXO3VCQUFDLGtCQUFrQjtnQkFDSyxpQkFBaUI7c0JBQXBELFdBQVc7dUJBQUMscUJBQXFCO2dCQWlEOUIsY0FBYztzQkFEakIsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBIb3N0QmluZGluZyxcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENoYW5nZURldGVjdG9yUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGQtYnJlYWRjcnVtYiwgYVt0ZC1icmVhZGNydW1iXScsXG4gIHN0eWxlVXJsczogWycuL2JyZWFkY3J1bWIuY29tcG9uZW50LnNjc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2JyZWFkY3J1bWIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgVGRCcmVhZGNydW1iQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIHByaXZhdGUgX2Rpc3BsYXlDcnVtYiA9IHRydWU7XG4gIHByaXZhdGUgX3dpZHRoID0gMDtcbiAgcHJpdmF0ZSBfZGlzcGxheUljb24gPSB0cnVlO1xuICBwcml2YXRlIF9zZXBhcmF0b3JJY29uID0gJ2NoZXZyb25fcmlnaHQnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MubWF0LWJ1dHRvbicpIG1hdEJ1dHRvbkNsYXNzID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy50ZC1icmVhZGNydW1iJykgdGRCcmVhZENydW1iQ2xhc3MgPSB0cnVlO1xuXG4gIC8vIFNldHMgdGhlIGljb24gdXJsIHNob3duIGJldHdlZW4gYnJlYWRjcnVtYnMuIERlZmF1bHRzIHRvICdjaGV2cm9uX3JpZ2h0J1xuICBwdWJsaWMgZ2V0IHNlcGFyYXRvckljb24oKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5fc2VwYXJhdG9ySWNvbjtcbiAgfVxuICBwdWJsaWMgc2V0IHNlcGFyYXRvckljb24oc2VwYXJhdG9ySWNvbjogc3RyaW5nKSB7XG4gICAgdGhpcy5fc2VwYXJhdG9ySWNvbiA9IHNlcGFyYXRvckljb247XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8vIFNob3VsZCBzaG93IHRoZSByaWdodCBjaGV2cm9uIG9yIG5vdCBiZWZvcmUgdGhlIGxhYmVsXG4gIHB1YmxpYyBnZXQgZGlzcGxheUljb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Rpc3BsYXlJY29uO1xuICB9XG4gIHB1YmxpYyBzZXQgZGlzcGxheUljb24oZGlzcGxheUljb246IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9kaXNwbGF5SWNvbiA9IGRpc3BsYXlJY29uO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICBnZXQgZGlzcGxheUNydW1iKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5Q3J1bWI7XG4gIH1cblxuICAvKipcbiAgICogV2hldGhlciB0byBkaXNwbGF5IHRoZSBjcnVtYiBvciBub3RcbiAgICovXG4gIHNldCBkaXNwbGF5Q3J1bWIoc2hvdWxkRGlzcGxheTogYm9vbGVhbikge1xuICAgIHRoaXMuX2Rpc3BsYXlDcnVtYiA9IHNob3VsZERpc3BsYXk7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLl9jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBXaWR0aCBvZiB0aGUgRE9NIGVsZW1lbnQgb2YgdGhlIGNydW1iXG4gICAqL1xuICBnZXQgd2lkdGgoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5fd2lkdGg7XG4gIH1cblxuICAvKipcbiAgICogR2V0cyB0aGUgZGlzcGxheSBzdHlsZSBvZiB0aGUgY3J1bWJcbiAgICovXG4gIEBIb3N0QmluZGluZygnc3R5bGUuZGlzcGxheScpXG4gIGdldCBkaXNwbGF5QmluZGluZygpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIC8vIFNldCB0aGUgZGlzcGxheSB0byBub25lIG9uIHRoZSBjb21wb25lbnQsIGp1c3QgaW4gY2FzZSB0aGUgZW5kIHVzZXIgaXMgaGlkaW5nXG4gICAgLy8gYW5kIHNob3dpbmcgdGhlbSBpbnN0ZWFkIG9mIHRoZSBjb21wb25lbnQgZG9pbmcgaXRzZWxmIGZvciByZWFzb25zIGxpa2UgcmVzcG9uc2l2ZVxuICAgIHJldHVybiB0aGlzLl9kaXNwbGF5Q3J1bWIgPyB1bmRlZmluZWQgOiAnbm9uZSc7XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgX2NoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIC8vIHNldCB0aGUgd2lkdGggZnJvbSB0aGUgYWN0dWFsIHJlbmRlcmVkIERPTSBlbGVtZW50XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLl93aWR0aCA9ICg8SFRNTEVsZW1lbnQ+KFxuICAgICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRcbiAgICAgICkpLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xuICAgICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogU3RvcCBjbGljayBwcm9wYWdhdGlvbiB3aGVuIGNsaWNraW5nIG9uIGljb25cbiAgICovXG4gIF9oYW5kbGVJY29uQ2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPG1hdC1pY29uXG4gICpuZ0lmPVwiZGlzcGxheUljb25cIlxuICBjbGFzcz1cInRkLWJyZWFkY3J1bWItc2VwYXJhdG9yLWljb25cIlxuICBbc3R5bGUuY3Vyc29yXT1cIidkZWZhdWx0J1wiXG4gIChjbGljayk9XCJfaGFuZGxlSWNvbkNsaWNrKCRldmVudClcIlxuICA+e3sgc2VwYXJhdG9ySWNvbiB9fTwvbWF0LWljb25cbj5cbiJdfQ==
|