@brickclay-org/ui 0.0.80 → 0.0.81
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/fesm2022/brickclay-org-ui.mjs +24 -1
- package/fesm2022/brickclay-org-ui.mjs.map +1 -1
- package/index.d.ts +12 -2
- package/package.json +1 -1
- package/src/lib/loader/loader.css +95 -0
- package/src/styles.css +1 -1
package/index.d.ts
CHANGED
|
@@ -2060,5 +2060,15 @@ declare class BkPagination implements OnChanges {
|
|
|
2060
2060
|
static ɵcmp: i0.ɵɵComponentDeclaration<BkPagination, "bk-pagination", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "activePage": { "alias": "activePage"; "required": false; }; }, { "changePageSize": "changePageSize"; "pageChanged": "pageChanged"; "activePageChange": "activePageChange"; }, never, never, true, never>;
|
|
2061
2061
|
}
|
|
2062
2062
|
|
|
2063
|
-
|
|
2064
|
-
|
|
2063
|
+
type BkLoaderVariant = 'dots' | 'spinners';
|
|
2064
|
+
declare class BkLoader {
|
|
2065
|
+
loading: boolean;
|
|
2066
|
+
variant: BkLoaderVariant;
|
|
2067
|
+
frontAfter: boolean;
|
|
2068
|
+
constructor();
|
|
2069
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BkLoader, never>;
|
|
2070
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BkLoader, "bk-loader", never, { "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
|
|
2071
|
+
}
|
|
2072
|
+
|
|
2073
|
+
export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BkAvatar, BkAvatarUploader, BkBadge, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkPagination, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkValidator, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, getDialogBackdropAnimation, getDialogPanelAnimation };
|
|
2074
|
+
export type { AvatarFallback, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkLoaderVariant, BkPageSize, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CountryOption, DotPosition, DotStatus, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
|
package/package.json
CHANGED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
.grid-loader {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: 66px;
|
|
4
|
+
height: 34px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.grid-circle {
|
|
8
|
+
position: absolute;
|
|
9
|
+
top: 0;
|
|
10
|
+
width: 32px;
|
|
11
|
+
height: 32px;
|
|
12
|
+
border-radius: 50%;
|
|
13
|
+
animation-duration: 2s;
|
|
14
|
+
animation-timing-function: ease-in-out;
|
|
15
|
+
animation-iteration-count: infinite;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.grid-filled {
|
|
19
|
+
left: 0;
|
|
20
|
+
background: #141414;
|
|
21
|
+
animation-name: moveLeft;
|
|
22
|
+
z-index: 2;
|
|
23
|
+
border: 2px solid #141414;
|
|
24
|
+
width: 34px;
|
|
25
|
+
height: 34px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.grid-outline {
|
|
29
|
+
right: 0;
|
|
30
|
+
border: 2px solid #141414;
|
|
31
|
+
background: #b8b8b8;
|
|
32
|
+
animation-name: moveRight;
|
|
33
|
+
z-index: 1;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/* Swap z-index when needed */
|
|
37
|
+
.grid-loader.front-after .grid-filled {
|
|
38
|
+
z-index: 1;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.grid-loader.front-after .grid-outline {
|
|
42
|
+
z-index: 2;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
@keyframes moveLeft {
|
|
46
|
+
|
|
47
|
+
0%,
|
|
48
|
+
10% {
|
|
49
|
+
transform: translateX(0);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* pause at start */
|
|
53
|
+
50%,
|
|
54
|
+
60% {
|
|
55
|
+
transform: translateX(32px);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* pause at end */
|
|
59
|
+
100% {
|
|
60
|
+
transform: translateX(0);
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
@keyframes moveRight {
|
|
65
|
+
|
|
66
|
+
0%,
|
|
67
|
+
10% {
|
|
68
|
+
transform: translateX(0);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
50%,
|
|
72
|
+
60% {
|
|
73
|
+
transform: translateX(-32px);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
100% {
|
|
77
|
+
transform: translateX(0);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.grid-spinner {
|
|
82
|
+
width: 48px;
|
|
83
|
+
height: 48px;
|
|
84
|
+
border: 5px solid #ccc;
|
|
85
|
+
border-top-color: #000;
|
|
86
|
+
border-right-color: #000;
|
|
87
|
+
border-radius: 50%;
|
|
88
|
+
animation: spin 0.8s linear infinite;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
@keyframes spin {
|
|
92
|
+
to {
|
|
93
|
+
transform: rotate(360deg);
|
|
94
|
+
}
|
|
95
|
+
}
|
package/src/styles.css
CHANGED