@web-atoms/core 2.4.48 → 2.4.49

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.
Files changed (44) hide show
  1. package/dist/core/Command.d.ts.map +1 -1
  2. package/dist/core/Defer.d.ts.map +1 -1
  3. package/dist/core/Hacks.d.ts.map +1 -1
  4. package/dist/core/XNode.d.ts.map +1 -1
  5. package/dist/style/styled.d.ts.map +1 -1
  6. package/dist/tsconfig.tsbuildinfo +1 -1
  7. package/dist/view-model/Action.d.ts.map +1 -1
  8. package/dist/view-model/Disposable.d.ts.map +1 -1
  9. package/dist/view-model/Load.d.ts.map +1 -1
  10. package/dist/view-model/Once.d.ts.map +1 -1
  11. package/dist/web/services/NotifcationPopup.global.css +12 -0
  12. package/dist/web/services/NotifcationPopup.global.css.map +1 -0
  13. package/dist/web/services/NotificationPopup.d.ts +1 -1
  14. package/dist/web/services/NotificationPopup.d.ts.map +1 -1
  15. package/dist/web/services/NotificationPopup.js +2 -2
  16. package/dist/web/services/NotificationPopup.js.map +1 -1
  17. package/dist/web/services/PopupService.d.ts +1 -1
  18. package/dist/web/services/PopupService.d.ts.map +1 -1
  19. package/dist/web/services/PopupService.global.css +92 -0
  20. package/dist/web/services/PopupService.global.css.map +1 -0
  21. package/dist/web/services/PopupService.js +2 -2
  22. package/dist/web/services/PopupService.js.map +1 -1
  23. package/dist/web/services/PopupWindow.d.ts +1 -1
  24. package/dist/web/services/PopupWindow.d.ts.map +1 -1
  25. package/dist/web/services/PopupWindow.global.css +158 -0
  26. package/dist/web/services/PopupWindow.global.css.map +1 -0
  27. package/dist/web/services/PopupWindow.js +2 -2
  28. package/dist/web/services/PopupWindow.js.map +1 -1
  29. package/package.json +11 -4
  30. package/src/index.d.ts +1 -1
  31. package/src/web/services/NotificationPopup.tsx +1 -1
  32. package/src/web/services/PopupService.tsx +1 -1
  33. package/src/web/services/PopupWindow.tsx +1 -1
  34. package/build.jsx +0 -24
  35. package/dist/web/services/NotifcationPopup.global.less.css +0 -12
  36. package/dist/web/services/NotifcationPopup.global.less.css.map +0 -1
  37. package/dist/web/services/PopupService.global.less.css +0 -82
  38. package/dist/web/services/PopupService.global.less.css.map +0 -1
  39. package/dist/web/services/PopupWindow.global.less.css +0 -147
  40. package/dist/web/services/PopupWindow.global.less.css.map +0 -1
  41. package/gulpfile.mjs +0 -41
  42. /package/src/web/services/{NotifcationPopup.global.less → NotifcationPopup.global.css} +0 -0
  43. /package/src/web/services/{PopupService.global.less → PopupService.global.css} +0 -0
  44. /package/src/web/services/{PopupWindow.global.less → PopupWindow.global.css} +0 -0
@@ -1,147 +0,0 @@
1
- [data-popup-window=popup-window] {
2
- position: absolute;
3
- border: solid 1px lightgray;
4
- border-radius: 5px;
5
- background-color: canvas;
6
- color: canvastext;
7
- top: 50%;
8
- left: 50%;
9
- transform: translate(-50%, -50%);
10
- box-shadow: 0 0 20px 1px rgba(0 0 0 / 75%);
11
- display: grid;
12
- align-items: stretch;
13
- justify-items: stretch;
14
- grid-template-rows: auto auto 1fr auto;
15
- grid-template-columns: auto 1fr auto;
16
- opacity: 0;
17
- transition: opacity 0.3s cubic-bezier(0.55, 0.09, 0.97, 0.32);
18
- overflow: hidden;
19
- }
20
- [data-popup-window=popup-window] [data-window-modal-background=background] {
21
- position: absolute;
22
- top: 0;
23
- left: 0;
24
- bottom: 0;
25
- right: 0;
26
- }
27
- [data-popup-window=popup-window][data-no-width=true] {
28
- max-width: 95%;
29
- min-width: 300px;
30
- }
31
- [data-popup-window=popup-window][data-no-height=true] {
32
- max-height: 95%;
33
- min-height: 100px;
34
- }
35
- [data-popup-window=popup-window][data-maximize=true] {
36
- width: 90%;
37
- height: 90%;
38
- }
39
- [data-popup-window=popup-window][data-ready=true] {
40
- opacity: 1;
41
- }
42
- [data-popup-window=popup-window][data-dragging=true] {
43
- opacity: 0.5;
44
- }
45
- [data-popup-window=popup-window] > [data-window-element=icon] {
46
- grid-row: 1;
47
- grid-column: 1;
48
- z-index: 2;
49
- }
50
- [data-popup-window=popup-window] > [data-window-element=title] {
51
- grid-row: 1;
52
- grid-column: 2;
53
- font-size: medium;
54
- overflow: hidden;
55
- white-space: nowrap;
56
- text-overflow: ellipsis;
57
- cursor: move;
58
- padding: var(--spacing, 5px);
59
- color: var(--accent-text-color, #424242);
60
- z-index: 2;
61
- }
62
- [data-popup-window=popup-window] > [data-window-element=close] {
63
- grid-row: 1;
64
- grid-column: 3;
65
- color: white;
66
- background-color: red;
67
- border-radius: 9999px;
68
- border: none;
69
- outline: none;
70
- /* padding: 5px; */
71
- font-family: monospace;
72
- height: 20px;
73
- width: 20px;
74
- margin: 5px;
75
- cursor: pointer;
76
- text-transform: capitalize;
77
- z-index: 2;
78
- }
79
- [data-popup-window=popup-window] > [data-window-element=action-bar] {
80
- grid-row: 1;
81
- grid-column: 1 / span 3;
82
- align-self: stretch;
83
- justify-self: stretch;
84
- background-color: var(--accent-color, rgba(211, 211, 211, 0.2));
85
- border-top-left-radius: 5px;
86
- border-top-right-radius: 5px;
87
- z-index: 1;
88
- }
89
- [data-popup-window=popup-window] > [data-window-element=header] {
90
- margin-top: 5px;
91
- grid-row: 2;
92
- grid-column: 1 / span 3;
93
- }
94
- [data-popup-window=popup-window] > [data-window-element=content] {
95
- margin-top: 5px;
96
- grid-row: 3;
97
- grid-column: 1 / span 3;
98
- position: relative;
99
- overflow: auto;
100
- padding: var(--spacing-medium, 7px);
101
- }
102
- [data-popup-window=popup-window] > [data-window-element=content][data-maximize=true] {
103
- width: 90vw;
104
- height: 90vh;
105
- }
106
- [data-popup-window=popup-window] > [data-window-element=footer] {
107
- margin-top: 5px;
108
- grid-row: 4;
109
- grid-column: 1 / span 3;
110
- padding-top: 5px;
111
- padding-bottom: 5px;
112
- background-color: var(--command-bar-color, #80808025);
113
- }
114
- [data-popup-window=popup-window] > [data-window-element=footer] > button,
115
- [data-popup-window=popup-window] > [data-window-element=footer] > * > button {
116
- border-radius: 9999px;
117
- padding: 5px;
118
- padding-left: 20px;
119
- padding-right: 20px;
120
- border-width: 1px;
121
- border-color: transparent;
122
- margin: 5px;
123
- margin-left: 10px;
124
- }
125
- body > div[data-popup-window=popup-window],
126
- body > div[data-window-modal-background] {
127
- position: fixed;
128
- }
129
- [data-confirm-popup=confirm-popup] > [data-window-element=content] > [data-element=details] {
130
- margin-top: 5px;
131
- overflow: auto;
132
- max-width: 80vw;
133
- max-height: 50vh;
134
- }
135
- [data-confirm-popup=confirm-popup] > [data-window-element=footer] > .yes {
136
- background-color: #01af01;
137
- color: white;
138
- }
139
- [data-confirm-popup=confirm-popup] > [data-window-element=footer] > .no {
140
- background-color: red;
141
- color: white;
142
- }
143
- [data-confirm-popup=confirm-popup] > [data-window-element=footer] > .cancel {
144
- background-color: gray;
145
- color: white;
146
- }
147
- /*# sourceMappingURL=PopupWindow.global.less.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/web/services/PopupWindow.global.less"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,2BAAA;EACA,kBAAA;EACA,wBAAA;EACA,iBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAW,qBAAX;EACA,yBAAyB,iBAAzB;EAEA,aAAA;EACA,oBAAA;EACA,sBAAA;EACA,sCAAA;EACA,oCAAA;EACA,UAAA;EACA,yBAAyB,oCAAzB;EACA,gBAAA;;AAlBJ,gCAoBI;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;;AAGJ,gCAAC;EACG,cAAA;EACA,gBAAA;;AAEJ,gCAAC;EACG,eAAA;EACA,iBAAA;;AAGJ,gCAAC;EACG,UAAA;EACA,WAAA;;AAGJ,gCAAC;EACG,UAAA;;AAEJ,gCAAC;EACG,YAAA;;AAEJ,gCAAE;EACE,WAAA;EACA,cAAA;EACA,UAAA;;AAEJ,gCAAE;EACE,WAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,SAAS,mBAAT;EACA,OAAO,iCAAP;EACA,UAAA;;AAEJ,gCAAE;EACE,WAAA;EACA,cAAA;EACA,YAAA;EACA,qBAAA;EACA,qBAAA;EACA,YAAA;EACA,aAAA;;EAEA,sBAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,0BAAA;EACA,UAAA;;AAEJ,gCAAE;EACE,WAAA;EACA,uBAAA;EACA,mBAAA;EACA,qBAAA;EACA,kBAAkB,6CAAlB;EACA,2BAAA;EACA,4BAAA;EACA,UAAA;;AAEJ,gCAAE;EACE,eAAA;EACA,WAAA;EACA,uBAAA;;AAEJ,gCAAE;EACE,eAAA;EACA,WAAA;EACA,uBAAA;EACA,kBAAA;EACA,cAAA;EACA,SAAS,0BAAT;;AACA,gCAPF,gCAOG;EACG,WAAA;EACA,YAAA;;AAGR,gCAAE;EACE,eAAA;EACA,WAAA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;EACA,kBAAkB,mCAAlB;;AAEA,gCARF,+BAQI;AAAU,gCARd,+BAQgB,IAAI;EACd,qBAAA;EACA,YAAA;EACA,kBAAA;EACA,mBAAA;EACA,iBAAA;EACA,yBAAA;EACA,WAAA;EACA,iBAAA;;AAKZ,IAAK,MAAK;AAAkC,IAAK,MAAK;EAClD,eAAA;;AAIA,kCAAE,gCAA+B;EAC7B,eAAA;EACA,cAAA;EACA,eAAA;EACA,gBAAA;;AAIA,kCAFF,+BAEI;EACE,yBAAA;EACA,YAAA;;AAEJ,kCANF,+BAMI;EACE,qBAAA;EACA,YAAA;;AAEJ,kCAVF,+BAUI;EACE,sBAAA;EACA,YAAA","file":"PopupWindow.global.less.css"}
package/gulpfile.mjs DELETED
@@ -1,41 +0,0 @@
1
- import { src, dest, watch, parallel } from 'gulp';
2
- import rename from "gulp-rename";
3
- import less from 'gulp-less';
4
- import sourcemaps from "gulp-sourcemaps";
5
-
6
- const paths = {
7
- styles: {
8
- src: 'src/**/*.less',
9
- dest: 'dist/'
10
- }
11
- };
12
-
13
- /*
14
- * You can also declare named functions and export them as tasks
15
- */
16
- export function styles() {
17
- return src(paths.styles.src, { sourcemaps: true })
18
- .pipe(sourcemaps.init())
19
- .pipe(less())
20
- .pipe(rename((path) => {
21
- path.extname = ".less.css";
22
- return path;
23
- }))
24
- .pipe(sourcemaps.write("./"))
25
- .pipe(dest(paths.styles.dest));
26
- }
27
-
28
- /*
29
- * You could even use `export as` to rename exported tasks
30
- */
31
- function watchFiles() {
32
- watch(paths.styles.src, { ignoreInitial: false }, styles);
33
- }
34
-
35
- export { watchFiles as watch };
36
-
37
- const build = parallel(styles);
38
- /*
39
- * Export a default task
40
- */
41
- export default build;