@social-mail/social-mail-client 1.8.195 → 1.8.197
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/site-editor/properties/controls/animation-chooser/AnimationChooser.d.ts.map +1 -1
- package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.js +22 -32
- package/dist/site-editor/properties/controls/animation-chooser/AnimationChooser.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.js +22 -32
- package/dist/site-editor-app/SiteEditorApp.pack.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx +28 -49
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimationChooser.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAEpF,OAAO,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"AnimationChooser.d.ts","sourceRoot":"","sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAEpF,OAAO,+BAA+B,CAAC;AA0CvC,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,eAAe,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;IAEjG,iBAAiB,SAAW;IAC5B,iBAAiB,SAAM;IACvB,aAAa,SAAM;IAEnB,aAAa,EAAE,iBAAiB,CAAC;IACjC,IAAI,EAAE,UAAU,CAAC;IAEjB,aAAa,SAAW;IACxB,UAAU,EAAE,WAAW,CAAC;IAElB,IAAI;IA8FV,MAAM;IAKN,aAAa;IAIb,mBAAmB,CAAC,GAAI,CAAC,EAAE,GAAG,EAAE;CAuEnC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "./AnimationChooser.global.css", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/buttons/IconButton", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../suggestions/pair", "@web-atoms/web-controls/dist/basic/ButtonBar", "@web-atoms/core/dist/core/Bind", "../../../../common/PackageInfo", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, PlayIconTextButton, SaveIconTextButton, AtomRepeater, pair, ButtonBar, Bind, packageVersion, Action, AnimationChooser, animations,
|
|
4
|
+
var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, PlayIconTextButton, SaveIconTextButton, AtomRepeater, pair, ButtonBar, Bind, packageVersion, Action, AnimationChooser, animations, directions, points;
|
|
5
5
|
_export("default", void 0);
|
|
6
6
|
return {
|
|
7
7
|
setters: [function (_tslib) {
|
|
@@ -29,15 +29,14 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
29
29
|
Action = _webAtomsCoreDistViewModelAction.default;
|
|
30
30
|
}],
|
|
31
31
|
execute: function () {
|
|
32
|
-
animations = pair.from(["blur
|
|
33
|
-
|
|
34
|
-
label: "
|
|
35
|
-
value: ""
|
|
36
|
-
}, "from", "from-far"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, "to", "to-far"]);
|
|
32
|
+
animations = pair.from(["blur", "bounce", "fade", "rotate", "scale", "slide", "speed", "zoom"]);
|
|
33
|
+
directions = pair.from([{
|
|
34
|
+
label: "in",
|
|
35
|
+
value: "in"
|
|
36
|
+
}, "in-from", "in-from-far", {
|
|
37
|
+
label: "out",
|
|
38
|
+
value: "out"
|
|
39
|
+
}, "out-to", "out-to-far"]);
|
|
41
40
|
points = pair.from([{
|
|
42
41
|
label: "Center",
|
|
43
42
|
value: ""
|
|
@@ -45,10 +44,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
45
44
|
_export("default", AnimationChooser = class AnimationChooser extends PopupWindowPage {
|
|
46
45
|
constructor() {
|
|
47
46
|
super(...arguments);
|
|
48
|
-
this.selectedAnimation = "slide
|
|
47
|
+
this.selectedAnimation = "slide";
|
|
49
48
|
this.selectedDirection = "";
|
|
50
49
|
this.selectedPoint = "";
|
|
51
|
-
this.animationName = "slide
|
|
50
|
+
this.animationName = "slide";
|
|
52
51
|
}
|
|
53
52
|
init() {
|
|
54
53
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -67,7 +66,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
67
66
|
this.selectedAnimation = element.value;
|
|
68
67
|
}
|
|
69
68
|
}
|
|
70
|
-
for (const element of
|
|
69
|
+
for (const element of directions) {
|
|
71
70
|
if (element.value && name.includes(element.value + "-")) {
|
|
72
71
|
this.selectedDirection = element.value;
|
|
73
72
|
}
|
|
@@ -82,7 +81,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
82
81
|
this.renderer = XNode.create("div", null, XNode.create("main", null, XNode.create("header", null, XNode.create(ButtonBar, {
|
|
83
82
|
valuePath: x => x.value,
|
|
84
83
|
labelPath: x => x.label,
|
|
85
|
-
items:
|
|
84
|
+
items: directions,
|
|
86
85
|
value: Bind.twoWaysImmediate(() => this.selectedDirection)
|
|
87
86
|
})), XNode.create("aside", {
|
|
88
87
|
class: "left"
|
|
@@ -97,7 +96,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
97
96
|
items: animations
|
|
98
97
|
})), XNode.create("aside", {
|
|
99
98
|
class: "right",
|
|
100
|
-
"style-display": Bind.oneWay(() => this.selectedDirection
|
|
99
|
+
"style-display": Bind.oneWay(() => /(in|out)/i.test(this.selectedDirection))
|
|
101
100
|
}, XNode.create(AtomRepeater, {
|
|
102
101
|
allowMultipleSelection: false,
|
|
103
102
|
selectOnClick: true,
|
|
@@ -130,18 +129,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
130
129
|
return this.updateAnimationName();
|
|
131
130
|
}
|
|
132
131
|
updateAnimationName(...a) {
|
|
133
|
-
|
|
134
|
-
if (/to/i.test(this.selectedDirection)) {
|
|
135
|
-
this.selectedDirection = "";
|
|
136
|
-
return;
|
|
137
|
-
}
|
|
138
|
-
} else {
|
|
139
|
-
if (/from/i.test(this.selectedDirection)) {
|
|
140
|
-
this.selectedDirection = "";
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
}
|
|
144
|
-
const name = [this.selectedAnimation, this.selectedDirection, this.selectedDirection ? this.selectedPoint : ""].filter(x => x).join("-");
|
|
132
|
+
const name = [this.selectedAnimation, this.selectedDirection, /from|to/i.test(this.selectedDirection) ? this.selectedPoint : ""].filter(x => x).join("-");
|
|
145
133
|
this.animationName = name;
|
|
146
134
|
let tag = "section";
|
|
147
135
|
let attributes = "";
|
|
@@ -154,15 +142,12 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
154
142
|
<head>
|
|
155
143
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@${packageVersion}/styler-lite/styler.css"/>
|
|
156
144
|
<script src="https://cdn.jsdelivr.net/npm/@social-mail/web-components@latest/dist/main.js"></script>
|
|
157
|
-
</head>
|
|
158
|
-
<body styler-expansion-enabled="true">
|
|
159
|
-
<main>
|
|
160
|
-
<${tag} styler-on-enter="${name}" styler-entered="yes" ${attributes}></${tag}>
|
|
161
|
-
</main>
|
|
162
145
|
<style>
|
|
163
146
|
html, body {
|
|
164
147
|
margin: 0;
|
|
165
148
|
padding: 0;
|
|
149
|
+
width: 100vw;
|
|
150
|
+
height: 100vh;
|
|
166
151
|
}
|
|
167
152
|
|
|
168
153
|
main {
|
|
@@ -191,6 +176,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
191
176
|
font-size: 40px;
|
|
192
177
|
}
|
|
193
178
|
</style>
|
|
179
|
+
</head>
|
|
180
|
+
<body styler-expansion-enabled="true">
|
|
181
|
+
<main>
|
|
182
|
+
<${tag} styler-on-enter="${name}" styler-entered="yes" ${attributes}></${tag}>
|
|
183
|
+
</main>
|
|
194
184
|
</body>
|
|
195
185
|
</html>
|
|
196
186
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AnimationChooser","animations","
|
|
1
|
+
{"version":3,"names":["AnimationChooser","animations","directions","points","_export","setters","_tslib","PopupWindowPage","_webAtomsWebControlsDistMobileAppMobileApp","_AnimationChooserGlobalCss","_webAtomsCoreDistCoreXNode","XNode","default","_commonControlsButtonsIconButton","PlayIconTextButton","SaveIconTextButton","_webAtomsWebControlsDistBasicAtomRepeater","AtomRepeater","_suggestionsPair","pair","_webAtomsWebControlsDistBasicButtonBar","ButtonBar","_webAtomsCoreDistCoreBind","Bind","_commonPackageInfo","packageVersion","_webAtomsCoreDistViewModelAction","Action","execute","from","label","value","constructor","selectedAnimation","selectedDirection","selectedPoint","animationName","init","title","name","element","srcElement","_a","parameters","headerRenderer","create","startsWith","includes","endsWith","className","renderer","valuePath","x","labelPath","items","twoWaysImmediate","class","allowMultipleSelection","selectOnClick","itemRenderer","item","text","oneWay","test","s","e","updateAnimationName","targetElement","querySelector","setAttribute","choose","playAnimation","a","filter","join","tag","attributes","tagName","html","srcdoc","__decorate","close","onEvent"],"sources":["../../../../../src/site-editor/properties/controls/animation-chooser/AnimationChooser.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -33775,7 +33775,7 @@ System.register(["../../package.json"], function (_export, _context) {
|
|
|
33775
33775
|
System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "./AnimationChooser.global.css", "@web-atoms/core/dist/core/XNode", "../../../../common/controls/buttons/IconButton", "@web-atoms/web-controls/dist/basic/AtomRepeater", "../../../suggestions/pair", "@web-atoms/web-controls/dist/basic/ButtonBar", "@web-atoms/core/dist/core/Bind", "../../../../common/PackageInfo", "@web-atoms/core/dist/view-model/Action"], function (_export, _context) {
|
|
33776
33776
|
"use strict";
|
|
33777
33777
|
|
|
33778
|
-
var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, PlayIconTextButton, SaveIconTextButton, AtomRepeater, pair, ButtonBar, Bind, packageVersion, Action, AnimationChooser, animations,
|
|
33778
|
+
var __awaiter, __decorate, __metadata, PopupWindowPage, XNode, PlayIconTextButton, SaveIconTextButton, AtomRepeater, pair, ButtonBar, Bind, packageVersion, Action, AnimationChooser, animations, directions, points;
|
|
33779
33779
|
_export("default", void 0);
|
|
33780
33780
|
return {
|
|
33781
33781
|
setters: [function (_tslib) {
|
|
@@ -33803,15 +33803,14 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33803
33803
|
Action = _webAtomsCoreDistViewModelAction.default;
|
|
33804
33804
|
}],
|
|
33805
33805
|
execute: function () {
|
|
33806
|
-
animations = pair.from(["blur
|
|
33807
|
-
|
|
33808
|
-
label: "
|
|
33809
|
-
value: ""
|
|
33810
|
-
}, "from", "from-far"
|
|
33811
|
-
|
|
33812
|
-
|
|
33813
|
-
|
|
33814
|
-
}, "to", "to-far"]);
|
|
33806
|
+
animations = pair.from(["blur", "bounce", "fade", "rotate", "scale", "slide", "speed", "zoom"]);
|
|
33807
|
+
directions = pair.from([{
|
|
33808
|
+
label: "in",
|
|
33809
|
+
value: "in"
|
|
33810
|
+
}, "in-from", "in-from-far", {
|
|
33811
|
+
label: "out",
|
|
33812
|
+
value: "out"
|
|
33813
|
+
}, "out-to", "out-to-far"]);
|
|
33815
33814
|
points = pair.from([{
|
|
33816
33815
|
label: "Center",
|
|
33817
33816
|
value: ""
|
|
@@ -33819,10 +33818,10 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33819
33818
|
_export("default", AnimationChooser = class AnimationChooser extends PopupWindowPage {
|
|
33820
33819
|
constructor() {
|
|
33821
33820
|
super(...arguments);
|
|
33822
|
-
this.selectedAnimation = "slide
|
|
33821
|
+
this.selectedAnimation = "slide";
|
|
33823
33822
|
this.selectedDirection = "";
|
|
33824
33823
|
this.selectedPoint = "";
|
|
33825
|
-
this.animationName = "slide
|
|
33824
|
+
this.animationName = "slide";
|
|
33826
33825
|
}
|
|
33827
33826
|
init() {
|
|
33828
33827
|
return __awaiter(this, void 0, void 0, function* () {
|
|
@@ -33841,7 +33840,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33841
33840
|
this.selectedAnimation = element.value;
|
|
33842
33841
|
}
|
|
33843
33842
|
}
|
|
33844
|
-
for (const element of
|
|
33843
|
+
for (const element of directions) {
|
|
33845
33844
|
if (element.value && name.includes(element.value + "-")) {
|
|
33846
33845
|
this.selectedDirection = element.value;
|
|
33847
33846
|
}
|
|
@@ -33856,7 +33855,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33856
33855
|
this.renderer = XNode.create("div", null, XNode.create("main", null, XNode.create("header", null, XNode.create(ButtonBar, {
|
|
33857
33856
|
valuePath: x => x.value,
|
|
33858
33857
|
labelPath: x => x.label,
|
|
33859
|
-
items:
|
|
33858
|
+
items: directions,
|
|
33860
33859
|
value: Bind.twoWaysImmediate(() => this.selectedDirection)
|
|
33861
33860
|
})), XNode.create("aside", {
|
|
33862
33861
|
class: "left"
|
|
@@ -33871,7 +33870,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33871
33870
|
items: animations
|
|
33872
33871
|
})), XNode.create("aside", {
|
|
33873
33872
|
class: "right",
|
|
33874
|
-
"style-display": Bind.oneWay(() => this.selectedDirection
|
|
33873
|
+
"style-display": Bind.oneWay(() => /(in|out)/i.test(this.selectedDirection))
|
|
33875
33874
|
}, XNode.create(AtomRepeater, {
|
|
33876
33875
|
allowMultipleSelection: false,
|
|
33877
33876
|
selectOnClick: true,
|
|
@@ -33904,18 +33903,7 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33904
33903
|
return this.updateAnimationName();
|
|
33905
33904
|
}
|
|
33906
33905
|
updateAnimationName(...a) {
|
|
33907
|
-
|
|
33908
|
-
if (/to/i.test(this.selectedDirection)) {
|
|
33909
|
-
this.selectedDirection = "";
|
|
33910
|
-
return;
|
|
33911
|
-
}
|
|
33912
|
-
} else {
|
|
33913
|
-
if (/from/i.test(this.selectedDirection)) {
|
|
33914
|
-
this.selectedDirection = "";
|
|
33915
|
-
return;
|
|
33916
|
-
}
|
|
33917
|
-
}
|
|
33918
|
-
const name = [this.selectedAnimation, this.selectedDirection, this.selectedDirection ? this.selectedPoint : ""].filter(x => x).join("-");
|
|
33906
|
+
const name = [this.selectedAnimation, this.selectedDirection, /from|to/i.test(this.selectedDirection) ? this.selectedPoint : ""].filter(x => x).join("-");
|
|
33919
33907
|
this.animationName = name;
|
|
33920
33908
|
let tag = "section";
|
|
33921
33909
|
let attributes = "";
|
|
@@ -33928,15 +33916,12 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33928
33916
|
<head>
|
|
33929
33917
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@social-mail/social-mail-client@${packageVersion}/styler-lite/styler.css"/>
|
|
33930
33918
|
<script src="https://cdn.jsdelivr.net/npm/@social-mail/web-components@latest/dist/main.js"></script>
|
|
33931
|
-
</head>
|
|
33932
|
-
<body styler-expansion-enabled="true">
|
|
33933
|
-
<main>
|
|
33934
|
-
<${tag} styler-on-enter="${name}" styler-entered="yes" ${attributes}></${tag}>
|
|
33935
|
-
</main>
|
|
33936
33919
|
<style>
|
|
33937
33920
|
html, body {
|
|
33938
33921
|
margin: 0;
|
|
33939
33922
|
padding: 0;
|
|
33923
|
+
width: 100vw;
|
|
33924
|
+
height: 100vh;
|
|
33940
33925
|
}
|
|
33941
33926
|
|
|
33942
33927
|
main {
|
|
@@ -33965,6 +33950,11 @@ System.register(["tslib", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "
|
|
|
33965
33950
|
font-size: 40px;
|
|
33966
33951
|
}
|
|
33967
33952
|
</style>
|
|
33953
|
+
</head>
|
|
33954
|
+
<body styler-expansion-enabled="true">
|
|
33955
|
+
<main>
|
|
33956
|
+
<${tag} styler-on-enter="${name}" styler-entered="yes" ${attributes}></${tag}>
|
|
33957
|
+
</main>
|
|
33968
33958
|
</body>
|
|
33969
33959
|
</html>
|
|
33970
33960
|
`;
|