@web-atoms/web-controls 2.2.0 → 2.2.2
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/ModuleFiles.js +45 -46
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.d.ts +2 -2
- package/dist/PageNavigator.d.ts.map +1 -1
- package/dist/PageNavigator.js +54 -39
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +38 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +16 -17
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +296 -273
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +69 -65
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +39 -28
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +348 -355
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1000 -1041
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +154 -161
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +63 -60
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +215 -255
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +73 -66
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +30 -37
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +52 -76
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +75 -70
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +289 -306
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +90 -97
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +162 -142
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +109 -107
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +111 -185
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +269 -264
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +27 -29
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +183 -203
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +8 -12
- package/dist/basic/IElement.js.map +1 -1
- package/dist/basic/InlinePopup.js +291 -262
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +34 -33
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +28 -28
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +45 -61
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +53 -66
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +78 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +34 -33
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +34 -34
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +46 -49
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +250 -255
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +70 -128
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +63 -51
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +76 -60
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +41 -43
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +94 -101
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +58 -105
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +42 -43
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +58 -71
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +89 -81
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +12 -16
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +44 -43
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +40 -50
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +18 -18
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +28 -29
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +93 -61
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +165 -136
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +105 -114
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +85 -51
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +74 -39
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +55 -72
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +64 -63
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +50 -50
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +71 -77
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +64 -66
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +104 -94
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +52 -47
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +87 -123
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +131 -133
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +84 -98
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +15 -19
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +67 -67
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +23 -19
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +295 -383
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +79 -65
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +98 -88
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +40 -23
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +93 -73
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +23 -19
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +55 -144
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +67 -75
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +32 -21
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +53 -39
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +93 -56
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +42 -25
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +22 -19
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +73 -76
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +23 -19
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +23 -19
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +23 -19
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +23 -19
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +23 -19
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +23 -19
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +24 -27
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +95 -67
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +23 -19
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +23 -19
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +24 -23
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +23 -19
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +177 -192
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +56 -54
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +48 -32
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +23 -23
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +154 -148
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +22 -22
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +206 -240
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +552 -654
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +221 -267
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +28 -27
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +74 -98
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +43 -37
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +68 -68
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +97 -83
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +24 -25
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +96 -115
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/PageNavigator.ts +2 -2
|
@@ -1,151 +1,180 @@
|
|
|
1
|
-
(function (
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
class AtomCalendarStyle extends AtomStyle_1.AtomStyle {
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/web/styles/AtomStyle"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var Colors, AtomStyle, AtomCalendarStyle;
|
|
5
|
+
_export("default", void 0);
|
|
6
|
+
return {
|
|
7
|
+
setters: [function (_webAtomsCoreDistCoreColors) {
|
|
8
|
+
Colors = _webAtomsCoreDistCoreColors.default;
|
|
9
|
+
}, function (_webAtomsCoreDistWebStylesAtomStyle) {
|
|
10
|
+
AtomStyle = _webAtomsCoreDistWebStylesAtomStyle.AtomStyle;
|
|
11
|
+
}],
|
|
12
|
+
execute: function () {
|
|
13
|
+
_export("default", AtomCalendarStyle = class AtomCalendarStyle extends AtomStyle {
|
|
15
14
|
get theme() {
|
|
16
|
-
|
|
15
|
+
return this.styleSheet;
|
|
17
16
|
}
|
|
18
17
|
get root() {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
18
|
+
const existing = this.calendarContainer;
|
|
19
|
+
return Object.assign(Object.assign({}, existing), {
|
|
20
|
+
backgroundColor: Colors.white,
|
|
21
|
+
subclasses: Object.assign(Object.assign({}, existing.subclasses), {
|
|
22
|
+
" .is-disabled ": {
|
|
23
|
+
textDecoration: "line-through"
|
|
24
|
+
},
|
|
25
|
+
" .week-days": {
|
|
26
|
+
subclasses: {
|
|
27
|
+
" > div": {
|
|
28
|
+
display: "inline-block",
|
|
29
|
+
border: "none",
|
|
30
|
+
color: Colors.black,
|
|
31
|
+
fontWeight: "bold",
|
|
32
|
+
fontSize: "75%",
|
|
33
|
+
textAlign: "center",
|
|
34
|
+
borderRadius: 0,
|
|
35
|
+
backgroundColor: Colors.rgba(232, 232, 232),
|
|
36
|
+
width: "14%",
|
|
37
|
+
paddingTop: "1%",
|
|
38
|
+
paddingBottom: "1%"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
" .month-days": {
|
|
43
|
+
marginTop: "0.5%",
|
|
44
|
+
marginBottom: "0.5%",
|
|
45
|
+
subclasses: {
|
|
46
|
+
" > div": {
|
|
47
|
+
width: "14%",
|
|
48
|
+
minHeight: "28px",
|
|
49
|
+
display: "inline-block",
|
|
50
|
+
borderRadius: "50%",
|
|
51
|
+
backgroundColor: Colors.white,
|
|
52
|
+
cursor: "default",
|
|
53
|
+
color: Colors.black,
|
|
54
|
+
subclasses: {
|
|
55
|
+
" > div": {
|
|
56
|
+
borderRadius: "50%",
|
|
57
|
+
width: "61%",
|
|
58
|
+
display: "block",
|
|
59
|
+
padding: "7%",
|
|
60
|
+
paddingLeft: "2%",
|
|
61
|
+
paddingRight: "2%",
|
|
41
62
|
subclasses: {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
63
|
+
".date-css": {
|
|
64
|
+
display: "inline-block",
|
|
65
|
+
fontSize: "75%",
|
|
66
|
+
textAlign: "center"
|
|
67
|
+
},
|
|
68
|
+
".is-today": {
|
|
69
|
+
fontWeight: "bold",
|
|
70
|
+
color: Colors.rgba(27, 177, 177)
|
|
71
|
+
},
|
|
72
|
+
".is-weekend": {
|
|
73
|
+
color: "#a50000"
|
|
74
|
+
},
|
|
75
|
+
".shoot": Object.assign({
|
|
76
|
+
backgroundColor: "#093"
|
|
77
|
+
}, this.typeStyle),
|
|
78
|
+
".audition": Object.assign({
|
|
79
|
+
backgroundColor: "#6f6ffb"
|
|
80
|
+
}, this.typeStyle),
|
|
81
|
+
".option": Object.assign({
|
|
82
|
+
backgroundColor: "#3bc3c3"
|
|
83
|
+
}, this.typeStyle),
|
|
84
|
+
".callback": Object.assign({
|
|
85
|
+
backgroundColor: "#ffa401"
|
|
86
|
+
}, this.typeStyle),
|
|
87
|
+
".test-shoot": Object.assign({
|
|
88
|
+
backgroundColor: "#ff96aa"
|
|
89
|
+
}, this.typeStyle),
|
|
90
|
+
".personal": Object.assign({
|
|
91
|
+
backgroundColor: "#fab5be"
|
|
92
|
+
}, this.typeStyle),
|
|
93
|
+
".go-see": Object.assign({
|
|
94
|
+
backgroundColor: "#fab0fb"
|
|
95
|
+
}, this.typeStyle),
|
|
96
|
+
".training": Object.assign({
|
|
97
|
+
backgroundColor: "#d1cebc"
|
|
98
|
+
}, this.typeStyle),
|
|
99
|
+
".wardrobe": Object.assign({
|
|
100
|
+
backgroundColor: "#bbdf49"
|
|
101
|
+
}, this.typeStyle),
|
|
102
|
+
".rehearsal": Object.assign({
|
|
103
|
+
backgroundColor: "#39f"
|
|
104
|
+
}, this.typeStyle),
|
|
105
|
+
".travel": Object.assign({
|
|
106
|
+
backgroundColor: "#c7894b"
|
|
107
|
+
}, this.typeStyle),
|
|
108
|
+
".is-other-month": {
|
|
109
|
+
color: Colors.gray
|
|
110
|
+
},
|
|
111
|
+
".is-selected": {
|
|
112
|
+
border: "1px solid",
|
|
113
|
+
borderColor: Colors.gray,
|
|
114
|
+
fontWeight: "bold",
|
|
115
|
+
backgroundColor: Colors.white,
|
|
116
|
+
color: Colors.rgba(185, 149, 93)
|
|
117
|
+
}
|
|
96
118
|
}
|
|
97
|
-
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
})
|
|
125
|
+
});
|
|
98
126
|
}
|
|
99
127
|
get typeStyle() {
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
128
|
+
return {
|
|
129
|
+
color: "#fff",
|
|
130
|
+
padding: "10%",
|
|
131
|
+
paddingLeft: "0",
|
|
132
|
+
paddingRight: "0"
|
|
133
|
+
};
|
|
106
134
|
}
|
|
107
135
|
get calendarContainer() {
|
|
108
|
-
|
|
109
|
-
|
|
136
|
+
return {
|
|
137
|
+
minWidth: "305px",
|
|
138
|
+
textAlign: "center",
|
|
139
|
+
fontFamily: "'Muli', sans-serif",
|
|
140
|
+
boxSizing: "content-box",
|
|
141
|
+
border: "1px solid",
|
|
142
|
+
borderColor: Colors.rgba(232, 232, 232),
|
|
143
|
+
subclasses: {
|
|
144
|
+
" .header": {
|
|
110
145
|
textAlign: "center",
|
|
111
|
-
|
|
112
|
-
boxSizing: "content-box",
|
|
113
|
-
border: "1px solid",
|
|
114
|
-
borderColor: Colors_1.default.rgba(232, 232, 232),
|
|
146
|
+
padding: "1%",
|
|
115
147
|
subclasses: {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
color: Colors_1.default.rgba(185, 149, 93),
|
|
140
|
-
border: "none",
|
|
141
|
-
fontWeight: "600"
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
}
|
|
148
|
+
" > span": {
|
|
149
|
+
display: "inline-block",
|
|
150
|
+
marginTop: "1%",
|
|
151
|
+
padding: "3%",
|
|
152
|
+
width: "4%",
|
|
153
|
+
background: "transparent no-repeat"
|
|
154
|
+
},
|
|
155
|
+
" .previous-btn": {
|
|
156
|
+
marginLeft: "3%",
|
|
157
|
+
float: "left"
|
|
158
|
+
},
|
|
159
|
+
" .next-btn": {
|
|
160
|
+
marginRight: "3%",
|
|
161
|
+
float: "right"
|
|
162
|
+
},
|
|
163
|
+
" > select": {
|
|
164
|
+
padding: "1%",
|
|
165
|
+
lineHeight: "1.4",
|
|
166
|
+
fontSize: "95%",
|
|
167
|
+
color: Colors.rgba(185, 149, 93),
|
|
168
|
+
border: "none",
|
|
169
|
+
fontWeight: "600"
|
|
170
|
+
}
|
|
145
171
|
}
|
|
146
|
-
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
};
|
|
147
175
|
}
|
|
176
|
+
});
|
|
148
177
|
}
|
|
149
|
-
|
|
150
|
-
});
|
|
178
|
+
};
|
|
179
|
+
});
|
|
151
180
|
//# sourceMappingURL=AtomCalendarStyle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["AtomCalendarStyle","Colors","AtomStyle","theme","styleSheet","root","existing","calendarContainer","backgroundColor","white","subclasses","textDecoration","display","border","color","black","fontWeight","fontSize","textAlign","borderRadius","rgba","width","paddingTop","paddingBottom","marginTop","marginBottom","minHeight","cursor","padding","paddingLeft","paddingRight","typeStyle","gray","borderColor","minWidth","fontFamily","boxSizing","background","marginLeft","float","marginRight","lineHeight"],"sourceRoot":"","sources":["../../src/calendar/AtomCalendarStyle.ts"],"sourcesContent":[null]}
|
|
@@ -1,143 +1,134 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
System.register(["@web-atoms/core/dist/view-model/AtomViewModel", "@web-atoms/date-time/dist/DateTime"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var AtomViewModel, Watch, DateTime, CalendarViewModel, __decorate, __metadata;
|
|
5
|
+
_export("default", void 0);
|
|
6
|
+
return {
|
|
7
|
+
setters: [function (_webAtomsCoreDistViewModelAtomViewModel) {
|
|
8
|
+
AtomViewModel = _webAtomsCoreDistViewModelAtomViewModel.AtomViewModel;
|
|
9
|
+
Watch = _webAtomsCoreDistViewModelAtomViewModel.Watch;
|
|
10
|
+
}, function (_webAtomsDateTimeDistDateTime) {
|
|
11
|
+
DateTime = _webAtomsDateTimeDistDateTime.default;
|
|
12
|
+
}],
|
|
13
|
+
execute: function () {
|
|
14
|
+
__decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length,
|
|
16
|
+
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
17
|
+
d;
|
|
18
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
19
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
20
|
+
};
|
|
21
|
+
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
22
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
23
|
+
};
|
|
24
|
+
_export("default", CalendarViewModel = class CalendarViewModel extends AtomViewModel {
|
|
24
25
|
constructor() {
|
|
25
|
-
|
|
26
|
-
|
|
26
|
+
super(...arguments);
|
|
27
|
+
this.mStart = DateTime.today;
|
|
27
28
|
}
|
|
28
29
|
get year() {
|
|
29
|
-
|
|
30
|
+
return this.start.year;
|
|
30
31
|
}
|
|
31
32
|
set year(v) {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
33
|
+
if (this.start.year === v) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const s = this.mStart;
|
|
37
|
+
this.mStart = new DateTime(v, s.month, s.day);
|
|
38
|
+
this.refresh("start");
|
|
38
39
|
}
|
|
39
40
|
get month() {
|
|
40
|
-
|
|
41
|
+
return this.start.month;
|
|
41
42
|
}
|
|
42
43
|
set month(v) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
if (this.start.month === v) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const s = this.mStart;
|
|
48
|
+
this.mStart = new DateTime(s.year, v, s.day);
|
|
49
|
+
this.refresh("start");
|
|
49
50
|
}
|
|
50
51
|
get start() {
|
|
51
|
-
|
|
52
|
+
return this.mStart;
|
|
52
53
|
}
|
|
53
54
|
set start(value) {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
this.mStart = value;
|
|
56
|
+
this.refresh("year");
|
|
57
|
+
this.refresh("month");
|
|
57
58
|
}
|
|
58
59
|
get selectedDate() {
|
|
59
|
-
|
|
60
|
+
return this.owner.selectedDate;
|
|
60
61
|
}
|
|
61
62
|
get enableFunc() {
|
|
62
|
-
|
|
63
|
+
return this.owner.enableFunc;
|
|
63
64
|
}
|
|
64
65
|
get yearList() {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
const start = this.year + this.owner.yearStart;
|
|
67
|
+
const end = this.year + this.owner.yearEnd;
|
|
68
|
+
const a = [];
|
|
69
|
+
for (let index = start; index <= end; index++) {
|
|
70
|
+
a.push({
|
|
71
|
+
label: index + "",
|
|
72
|
+
value: index
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
return a;
|
|
72
76
|
}
|
|
73
77
|
get items() {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
78
|
+
const today = DateTime.today;
|
|
79
|
+
const start = this.start;
|
|
80
|
+
let startDate = new DateTime(start.year, start.month, 1);
|
|
81
|
+
while (startDate.dayOfWeek !== 1) {
|
|
82
|
+
startDate = startDate.add(-1);
|
|
83
|
+
}
|
|
84
|
+
const a = [];
|
|
85
|
+
const y = startDate.year;
|
|
86
|
+
const m = startDate.month;
|
|
87
|
+
for (let index = 0; index < 42; index++) {
|
|
88
|
+
const cd = startDate.add(index);
|
|
89
|
+
a.push({
|
|
90
|
+
label: cd.day + "",
|
|
91
|
+
type: null,
|
|
92
|
+
value: cd,
|
|
93
|
+
isToday: cd.equals(today),
|
|
94
|
+
isOtherMonth: start.month !== cd.month,
|
|
95
|
+
isWeekend: cd.dayOfWeek === 0 || cd.dayOfWeek === 6
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
const o = this.owner;
|
|
99
|
+
o.element.dispatchEvent(new CustomEvent("refresh", {
|
|
100
|
+
detail: {
|
|
101
|
+
year: start.year,
|
|
102
|
+
month: start.month
|
|
93
103
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
year: start.year,
|
|
98
|
-
month: start.month
|
|
99
|
-
}
|
|
100
|
-
}));
|
|
101
|
-
o.currentDate = startDate;
|
|
102
|
-
return a;
|
|
104
|
+
}));
|
|
105
|
+
o.currentDate = startDate;
|
|
106
|
+
return a;
|
|
103
107
|
}
|
|
104
108
|
changeMonth(step) {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
109
|
+
const s = this.start.addMonths(step);
|
|
110
|
+
const start = this.year + this.owner.yearStart;
|
|
111
|
+
const end = this.year + this.owner.yearEnd;
|
|
112
|
+
const sy = s.year;
|
|
113
|
+
if (sy < start || sy > end) {
|
|
114
|
+
return;
|
|
115
|
+
}
|
|
116
|
+
this.start = s;
|
|
117
|
+
this.refresh("start");
|
|
114
118
|
}
|
|
115
119
|
dateClicked(item) {
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
120
|
+
const e = this.owner.element;
|
|
121
|
+
this.owner.selectedDate = item.value;
|
|
122
|
+
e.dispatchEvent(new CustomEvent("dateClicked", {
|
|
123
|
+
detail: item
|
|
124
|
+
}));
|
|
119
125
|
}
|
|
126
|
+
});
|
|
127
|
+
__decorate([Watch, __metadata("design:type", Object), __metadata("design:paramtypes", [])], CalendarViewModel.prototype, "selectedDate", null);
|
|
128
|
+
__decorate([Watch, __metadata("design:type", Object), __metadata("design:paramtypes", [])], CalendarViewModel.prototype, "enableFunc", null);
|
|
129
|
+
__decorate([Watch, __metadata("design:type", Array), __metadata("design:paramtypes", [])], CalendarViewModel.prototype, "yearList", null);
|
|
130
|
+
__decorate([Watch, __metadata("design:type", Array), __metadata("design:paramtypes", [])], CalendarViewModel.prototype, "items", null);
|
|
120
131
|
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
__metadata("design:type", Object),
|
|
124
|
-
__metadata("design:paramtypes", [])
|
|
125
|
-
], CalendarViewModel.prototype, "selectedDate", null);
|
|
126
|
-
__decorate([
|
|
127
|
-
AtomViewModel_1.Watch,
|
|
128
|
-
__metadata("design:type", Object),
|
|
129
|
-
__metadata("design:paramtypes", [])
|
|
130
|
-
], CalendarViewModel.prototype, "enableFunc", null);
|
|
131
|
-
__decorate([
|
|
132
|
-
AtomViewModel_1.Watch,
|
|
133
|
-
__metadata("design:type", Array),
|
|
134
|
-
__metadata("design:paramtypes", [])
|
|
135
|
-
], CalendarViewModel.prototype, "yearList", null);
|
|
136
|
-
__decorate([
|
|
137
|
-
AtomViewModel_1.Watch,
|
|
138
|
-
__metadata("design:type", Array),
|
|
139
|
-
__metadata("design:paramtypes", [])
|
|
140
|
-
], CalendarViewModel.prototype, "items", null);
|
|
141
|
-
exports.default = CalendarViewModel;
|
|
142
|
-
});
|
|
132
|
+
};
|
|
133
|
+
});
|
|
143
134
|
//# sourceMappingURL=CalendarViewModel.js.map
|