labsense-ui-kit 1.3.13 → 1.3.15
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/dist/Icons/SVGs/Arrow_Up_Down_Left_Right.d.ts +4 -0
- package/dist/Icons/SVGs/Line.d.ts +4 -0
- package/dist/Icons/SVGs/Polygon.d.ts +4 -0
- package/dist/Icons/SVGs/index.d.ts +3 -0
- package/dist/Icons/index.d.ts +1 -1
- package/dist/index.js +57 -3
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +57 -3
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,6 +7,7 @@ export { default as AI_License } from './AI_License';
|
|
|
7
7
|
export { default as AI_Web } from './AI_Web';
|
|
8
8
|
export { default as Analytics } from './Analytics';
|
|
9
9
|
export { default as App } from './App';
|
|
10
|
+
export { default as Arrow_Up_Down_Left_Right } from './Arrow_Up_Down_Left_Right';
|
|
10
11
|
export { default as ArrowDown } from './ArrowDown';
|
|
11
12
|
export { default as ArrowUp } from './ArrowUp';
|
|
12
13
|
export { default as Ascending } from './Ascending';
|
|
@@ -115,6 +116,7 @@ export { default as LeftArrow } from './LeftArrow';
|
|
|
115
116
|
export { default as Letter } from './Letter';
|
|
116
117
|
export { default as License } from './License';
|
|
117
118
|
export { default as Licenses } from './Licenses';
|
|
119
|
+
export { default as Line } from './Line';
|
|
118
120
|
export { default as Linkedin } from './Linkedin';
|
|
119
121
|
export { default as Live } from './Live';
|
|
120
122
|
export { default as Location } from './Location';
|
|
@@ -153,6 +155,7 @@ export { default as Play_1 } from './Play_1';
|
|
|
153
155
|
export { default as Play_2 } from './Play_2';
|
|
154
156
|
export { default as Playback } from './Playback';
|
|
155
157
|
export { default as PoliceBadge } from './PoliceBadge';
|
|
158
|
+
export { default as Polygon } from './Polygon';
|
|
156
159
|
export { default as Power } from './Power';
|
|
157
160
|
export { default as PremiumBadge } from './PremiumBadge';
|
|
158
161
|
export { default as ProcessingBulb } from './ProcessingBulb';
|
package/dist/Icons/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export interface SVGProps {
|
|
|
10
10
|
color: string;
|
|
11
11
|
weight: string;
|
|
12
12
|
}
|
|
13
|
-
export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AddUser' | 'AI_Brain' | 'AI_License' | 'AI_Web' | 'Analytics' | 'App' | 'ArrowDown' | 'ArrowUp' | 'Ascending' | 'Back' | 'Bag' | 'Bank' | 'Bell' | 'Bin' | 'BrainNetworking' | 'Building' | 'Bulb' | 'Business' | 'Calendar' | 'Car' | 'Cart_check' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'Check' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'City' | 'Client' | 'Close' | 'CloseCircle_2' | 'CloseCircle' | 'CloseEye' | 'CloudCross' | 'Copy_2' | 'Copy' | 'Copyright' | 'CPU' | 'Cube3D' | 'Cyber' | 'Dashboard' | 'Data_search' | 'Decrease' | 'Descending' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DNS_1' | 'DNS_2' | 'DNS_3' | 'Document' | 'DocumentBadge' | 'DoubleQuotes' | 'DownArrow' | 'Download_2' | 'Download' | 'Drag_Indicator' | 'Email' | 'ExitFullScreen' | 'FaceRecognition_2' | 'FaceRecognition' | 'FastDelivery' | 'File' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Flow' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hamburger' | 'Hammer' | 'Handshake' | 'Hazard' | 'Help' | 'History' | 'Home_2' | 'Home' | 'Hospital' | 'Increase' | 'Hexagon' | 'Highway' | 'Information' | 'InformationFilled' | 'Instagram' | 'Install' | 'IP' | 'Key_2' | 'Key' | 'KeyDown' | 'KnobController' | 'Large_building' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'License' | 'Linkedin' | 'Licenses' | 'Live' | 'Location' | 'Lock' | 'Logout' | 'Mail' | 'Manufacturing' | 'Maps' | 'Media' | 'Monitor' | 'MonitorEye' | 'More' | 'MultiMonitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Network' | 'Menu' | 'MeterUp' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenBook' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'PeopleAnalytics' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'PoliceBadge' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'QR' | 'Recording_1' | 'Recording_2' | 'Recording_3' | 'Rectangle' | 'Restaurant' | 'Retail' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'Rhombus' | 'RightArrow' | 'Ringing_Bell' | 'Rocket' | 'ROI' | 'RunAway' | 'Rupee' | 'SandTimer' | 'Scalable' | 'School' | 'Search' | 'SecureSystem' | 'Security' | 'Send' | 'Settings' | 'ShelfMonitoring' | 'Shield' | 'ShoppingCart' | 'Sink' | 'SlantLine' | 'Small_building' | 'Sort_2' | 'Sort' | 'Source' | 'SquareEdit' | 'SquareTick' | 'Star_2' | 'Star' | 'StorageDisks' | 'Tag' | 'Team' | 'Team_2' | 'Technology' | 'ThreeDots' | 'ThumbsUp_2' | 'ThumbsUp' | 'Tick' | 'Timer' | 'Tool' | 'Tools' | 'Tools_2' | 'Translate' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'UploadFile' | 'VehicleNumber' | 'Video' | 'FullVolume_2' | 'FullVolume' | 'Globe' | 'GlobeIcon' | 'Government' | 'Wallet' | 'Web' | 'WiFiCam' | 'WiFiLaptop' | 'Workflow' | 'X' | 'Youtube' | 'Zapper';
|
|
13
|
+
export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AddUser' | 'AI_Brain' | 'AI_License' | 'AI_Web' | 'Analytics' | 'App' | 'Arrow_Up_Down_Left_Right' | 'ArrowDown' | 'ArrowUp' | 'Ascending' | 'Back' | 'Bag' | 'Bank' | 'Bell' | 'Bin' | 'BrainNetworking' | 'Building' | 'Bulb' | 'Business' | 'Calendar' | 'Car' | 'Cart_check' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'Check' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'City' | 'Client' | 'Close' | 'CloseCircle_2' | 'CloseCircle' | 'CloseEye' | 'CloudCross' | 'Copy_2' | 'Copy' | 'Copyright' | 'CPU' | 'Cube3D' | 'Cyber' | 'Dashboard' | 'Data_search' | 'Decrease' | 'Descending' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DNS_1' | 'DNS_2' | 'DNS_3' | 'Document' | 'DocumentBadge' | 'DoubleQuotes' | 'DownArrow' | 'Download_2' | 'Download' | 'Drag_Indicator' | 'Email' | 'ExitFullScreen' | 'FaceRecognition_2' | 'FaceRecognition' | 'FastDelivery' | 'File' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Flow' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hamburger' | 'Hammer' | 'Handshake' | 'Hazard' | 'Help' | 'History' | 'Home_2' | 'Home' | 'Hospital' | 'Increase' | 'Hexagon' | 'Highway' | 'Information' | 'InformationFilled' | 'Instagram' | 'Install' | 'IP' | 'Key_2' | 'Key' | 'KeyDown' | 'KnobController' | 'Large_building' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'License' | 'Linkedin' | 'Licenses' | 'Line' | 'Live' | 'Location' | 'Lock' | 'Logout' | 'Mail' | 'Manufacturing' | 'Maps' | 'Media' | 'Monitor' | 'MonitorEye' | 'More' | 'MultiMonitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Network' | 'Menu' | 'MeterUp' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenBook' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'PeopleAnalytics' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'PoliceBadge' | 'Polygon' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'QR' | 'Recording_1' | 'Recording_2' | 'Recording_3' | 'Rectangle' | 'Restaurant' | 'Retail' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'Rhombus' | 'RightArrow' | 'Ringing_Bell' | 'Rocket' | 'ROI' | 'RunAway' | 'Rupee' | 'SandTimer' | 'Scalable' | 'School' | 'Search' | 'SecureSystem' | 'Security' | 'Send' | 'Settings' | 'ShelfMonitoring' | 'Shield' | 'ShoppingCart' | 'Sink' | 'SlantLine' | 'Small_building' | 'Sort_2' | 'Sort' | 'Source' | 'SquareEdit' | 'SquareTick' | 'Star_2' | 'Star' | 'StorageDisks' | 'Tag' | 'Team' | 'Team_2' | 'Technology' | 'ThreeDots' | 'ThumbsUp_2' | 'ThumbsUp' | 'Tick' | 'Timer' | 'Tool' | 'Tools' | 'Tools_2' | 'Translate' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'UploadFile' | 'VehicleNumber' | 'Video' | 'FullVolume_2' | 'FullVolume' | 'Globe' | 'GlobeIcon' | 'Government' | 'Wallet' | 'Web' | 'WiFiCam' | 'WiFiLaptop' | 'Workflow' | 'X' | 'Youtube' | 'Zapper' | 'Zoom';
|
|
14
14
|
export interface IconProps {
|
|
15
15
|
icon: IconNames;
|
|
16
16
|
size?: number;
|
package/dist/index.js
CHANGED
|
@@ -255,6 +255,23 @@ var App = function App(_ref) {
|
|
|
255
255
|
}));
|
|
256
256
|
};
|
|
257
257
|
|
|
258
|
+
var Arrow_Up_Down_Left_Right = function Arrow_Up_Down_Left_Right(_ref) {
|
|
259
|
+
var size = _ref.size,
|
|
260
|
+
color = _ref.color,
|
|
261
|
+
weight = _ref.weight;
|
|
262
|
+
return React__default.createElement("svg", {
|
|
263
|
+
width: size,
|
|
264
|
+
height: size,
|
|
265
|
+
strokeWidth: weight,
|
|
266
|
+
viewBox: '0 0 667 667',
|
|
267
|
+
fill: 'none',
|
|
268
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
269
|
+
}, React__default.createElement("path", {
|
|
270
|
+
d: 'M333.334 0L466.667 138.071L422.224 184.095L364.761 124.592V301.907H542.077L482.571 244.445L528.597 200.001L666.667 333.333L528.597 466.667L482.571 422.223L542.074 364.76H364.761V542.077L422.224 482.573L466.667 528.597L333.334 666.667L200.001 528.597L244.446 482.573L301.907 542.077V364.76H124.591L184.095 422.223L138.071 466.667L0 333.333L138.071 200.001L184.095 244.445L124.592 301.907H301.907V124.591L244.445 184.095L200.001 138.071L333.334 0Z',
|
|
271
|
+
fill: color
|
|
272
|
+
}));
|
|
273
|
+
};
|
|
274
|
+
|
|
258
275
|
var ArrowDown = function ArrowDown(_ref) {
|
|
259
276
|
var size = _ref.size,
|
|
260
277
|
color = _ref.color,
|
|
@@ -3037,6 +3054,23 @@ var Licenses = function Licenses(_ref) {
|
|
|
3037
3054
|
}));
|
|
3038
3055
|
};
|
|
3039
3056
|
|
|
3057
|
+
var Line = function Line(_ref) {
|
|
3058
|
+
var size = _ref.size,
|
|
3059
|
+
color = _ref.color,
|
|
3060
|
+
weight = _ref.weight;
|
|
3061
|
+
return React__default.createElement("svg", {
|
|
3062
|
+
width: size,
|
|
3063
|
+
height: size,
|
|
3064
|
+
strokeWidth: weight,
|
|
3065
|
+
viewBox: '0 0 14 14',
|
|
3066
|
+
fill: 'none',
|
|
3067
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
3068
|
+
}, React__default.createElement("path", {
|
|
3069
|
+
d: 'M12.6642 1.91913C12.6099 1.86446 12.5454 1.82106 12.4743 1.79144C12.4032 1.76183 12.327 1.74658 12.25 1.74658C12.173 1.74658 12.0967 1.76183 12.0256 1.79144C11.9546 1.82106 11.89 1.86446 11.8358 1.91913L1.33582 12.4191C1.28114 12.4734 1.23775 12.5379 1.20813 12.609C1.17852 12.68 1.16327 12.7563 1.16327 12.8333C1.16327 12.9103 1.17852 12.9865 1.20813 13.0576C1.23775 13.1287 1.28114 13.1932 1.33582 13.2475C1.39005 13.3021 1.45456 13.3455 1.52565 13.3752C1.59673 13.4048 1.67298 13.42 1.74998 13.42C1.82699 13.42 1.90324 13.4048 1.97432 13.3752C2.04541 13.3455 2.10992 13.3021 2.16415 13.2475L12.6642 2.74746C12.7188 2.69324 12.7622 2.62872 12.7918 2.55763C12.8215 2.48655 12.8367 2.4103 12.8367 2.3333C12.8367 2.25629 12.8215 2.18005 12.7918 2.10896C12.7622 2.03788 12.7188 1.97336 12.6642 1.91913Z',
|
|
3070
|
+
fill: color
|
|
3071
|
+
}));
|
|
3072
|
+
};
|
|
3073
|
+
|
|
3040
3074
|
var Linkedin = function Linkedin(_ref) {
|
|
3041
3075
|
var size = _ref.size,
|
|
3042
3076
|
color = _ref.color,
|
|
@@ -3830,6 +3864,23 @@ var PoliceBadge = function PoliceBadge(_ref) {
|
|
|
3830
3864
|
}));
|
|
3831
3865
|
};
|
|
3832
3866
|
|
|
3867
|
+
var Polygon = function Polygon(_ref) {
|
|
3868
|
+
var size = _ref.size,
|
|
3869
|
+
color = _ref.color,
|
|
3870
|
+
weight = _ref.weight;
|
|
3871
|
+
return React__default.createElement("svg", {
|
|
3872
|
+
width: size,
|
|
3873
|
+
height: size,
|
|
3874
|
+
strokeWidth: weight,
|
|
3875
|
+
viewBox: '0 0 14 14',
|
|
3876
|
+
fill: 'none',
|
|
3877
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
3878
|
+
}, React__default.createElement("path", {
|
|
3879
|
+
d: 'M4.64268 2.72478C4.55156 2.7258 4.46254 2.7522 4.3856 2.80102C4.30866 2.84983 4.24686 2.91914 4.20714 3.00115L1.3076 8.99342C1.27416 9.06257 1.25745 9.13861 1.2588 9.21541C1.26016 9.2922 1.27956 9.3676 1.31542 9.43552C1.35128 9.50344 1.4026 9.56198 1.46525 9.60642C1.5279 9.65085 1.60012 9.67994 1.67608 9.69132L12.1782 11.2698C12.2608 11.2822 12.3453 11.2733 12.4235 11.2438C12.5018 11.2144 12.5712 11.1654 12.6252 11.1016C12.6791 11.0377 12.7158 10.9611 12.7319 10.8791C12.7479 10.7971 12.7426 10.7123 12.7166 10.6328L10.7192 4.54381C10.6938 4.46616 10.6493 4.39612 10.5899 4.34005C10.5304 4.28399 10.4579 4.24367 10.3789 4.22279L4.7733 2.74074C4.73068 2.72953 4.68674 2.72425 4.64268 2.72478ZM4.91344 3.79159L9.87112 5.10212L11.5377 10.1823L2.47968 8.82094L4.91344 3.79159Z',
|
|
3880
|
+
fill: color
|
|
3881
|
+
}));
|
|
3882
|
+
};
|
|
3883
|
+
|
|
3833
3884
|
var Power = function Power(_ref) {
|
|
3834
3885
|
var size = _ref.size,
|
|
3835
3886
|
color = _ref.color,
|
|
@@ -5795,6 +5846,7 @@ var IconSVGs = {
|
|
|
5795
5846
|
AI_Brain: AI_Brain,
|
|
5796
5847
|
AI_License: AI_License,
|
|
5797
5848
|
App: App,
|
|
5849
|
+
Arrow_Up_Down_Left_Right: Arrow_Up_Down_Left_Right,
|
|
5798
5850
|
ArrowDown: ArrowDown,
|
|
5799
5851
|
ArrowUp: ArrowUp,
|
|
5800
5852
|
Ascending: Ascending,
|
|
@@ -5905,6 +5957,7 @@ var IconSVGs = {
|
|
|
5905
5957
|
Letter: Letter,
|
|
5906
5958
|
License: License,
|
|
5907
5959
|
Licenses: Licenses,
|
|
5960
|
+
Line: Line,
|
|
5908
5961
|
Linkedin: Linkedin,
|
|
5909
5962
|
Live: Live,
|
|
5910
5963
|
Location: Location,
|
|
@@ -5943,6 +5996,7 @@ var IconSVGs = {
|
|
|
5943
5996
|
Play_2: Play_2,
|
|
5944
5997
|
Playback: Playback,
|
|
5945
5998
|
PoliceBadge: PoliceBadge,
|
|
5999
|
+
Polygon: Polygon,
|
|
5946
6000
|
Power: Power,
|
|
5947
6001
|
PremiumBadge: PremiumBadge,
|
|
5948
6002
|
ProcessingBulb: ProcessingBulb,
|
|
@@ -6784,7 +6838,7 @@ var Selectedtime = styled__default.div(_templateObject9$1 || (_templateObject9$1
|
|
|
6784
6838
|
var theme = _ref6.theme;
|
|
6785
6839
|
return theme.vms.text.medium;
|
|
6786
6840
|
});
|
|
6787
|
-
var Line = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
6841
|
+
var Line$1 = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteralLoose(["\n width: 100%;\n padding-top: 10px;\n padding-bottom: 10px;\n"])));
|
|
6788
6842
|
var Zones = styled__default.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
6789
6843
|
var CalendarHeader = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n"])));
|
|
6790
6844
|
var CalendarMonthYear = styled__default.span(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n color: ", ";\n justify-content: center;\n align-items: center;\n"])), function (_ref7) {
|
|
@@ -7069,7 +7123,7 @@ var DatePicker = function DatePicker(_ref22) {
|
|
|
7069
7123
|
onChange: function onChange(e) {
|
|
7070
7124
|
return handleMinuteChange(e, true);
|
|
7071
7125
|
}
|
|
7072
|
-
}))))), React__default.createElement(Line, null, React__default.createElement("hr", null)), React__default.createElement(StartDate, null, React__default.createElement(SelectedStart, null, React__default.createElement(CurrentDate, null, t('TimePicker_EndDate')), React__default.createElement(CurrentTime, null, React__default.createElement("p", null, dateTime.endDate ? formatDate1(dateTime.endDate) : '-'))), React__default.createElement(Selectedtime, null, React__default.createElement(CurrentDate, null, t('TimePicker_EndTime')), React__default.createElement(InputWrapper, null, React__default.createElement(TimeInputWrapper, null, React__default.createElement(StyledInput, {
|
|
7126
|
+
}))))), React__default.createElement(Line$1, null, React__default.createElement("hr", null)), React__default.createElement(StartDate, null, React__default.createElement(SelectedStart, null, React__default.createElement(CurrentDate, null, t('TimePicker_EndDate')), React__default.createElement(CurrentTime, null, React__default.createElement("p", null, dateTime.endDate ? formatDate1(dateTime.endDate) : '-'))), React__default.createElement(Selectedtime, null, React__default.createElement(CurrentDate, null, t('TimePicker_EndTime')), React__default.createElement(InputWrapper, null, React__default.createElement(TimeInputWrapper, null, React__default.createElement(StyledInput, {
|
|
7073
7127
|
value: dateTime.endDate ? formatTime(dateTime.endDate.getHours()) : '',
|
|
7074
7128
|
type: 'number',
|
|
7075
7129
|
onChange: function onChange(e) {
|
|
@@ -7081,7 +7135,7 @@ var DatePicker = function DatePicker(_ref22) {
|
|
|
7081
7135
|
onChange: function onChange(e) {
|
|
7082
7136
|
return handleMinuteChange(e, false);
|
|
7083
7137
|
}
|
|
7084
|
-
}))))), React__default.createElement(Line, null, React__default.createElement("hr", null)), React__default.createElement(Zones, null, React__default.createElement(CurrentTime, null, t('TimePicker_Zone')), React__default.createElement(CurrentTime, null, getSystemTimezoneAbbreviation())))));
|
|
7138
|
+
}))))), React__default.createElement(Line$1, null, React__default.createElement("hr", null)), React__default.createElement(Zones, null, React__default.createElement(CurrentTime, null, t('TimePicker_Zone')), React__default.createElement(CurrentTime, null, getSystemTimezoneAbbreviation())))));
|
|
7085
7139
|
};
|
|
7086
7140
|
|
|
7087
7141
|
var _templateObject$a, _templateObject2$7, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$3;
|