microboard-ui-temp 0.0.14 → 0.0.16
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/{public → dist}/board.css +1 -1
- package/dist/board.html +95 -0
- package/{public → dist}/customWebComponents.js +4 -4
- package/dist/index.js +31496 -2556
- package/dist/sprite.svg +1707 -0
- package/package.json +4 -9
- package/public/board.html +0 -456
- /package/{public → dist}/favicon.svg +0 -0
- /package/{public → dist}/favicons/apple-touch-icon.png +0 -0
- /package/{public → dist}/favicons/favicon-16x16.png +0 -0
- /package/{public → dist}/favicons/favicon-32x32.png +0 -0
- /package/{public → dist}/favicons/favicon.ico +0 -0
- /package/{public → dist}/favicons/favicon.svg +0 -0
- /package/{public → dist}/favicons/site.webmanifest +0 -0
- /package/{public → dist}/favicons/web-app-manifest-192x192.png +0 -0
- /package/{public → dist}/favicons/web-app-manifest-512x512.png +0 -0
- /package/{public → dist}/loadLinksImages.js +0 -0
- /package/{public → dist}/loader.svg +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
|
|
2
2
|
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
|
|
3
3
|
|
|
4
|
-
/* src/board.css */
|
|
5
4
|
:root {
|
|
6
5
|
--background-surface-default: rgb(255, 255, 255);
|
|
7
6
|
--background-button-secondary: rgb(255, 255, 255);
|
|
@@ -51,6 +50,7 @@ input:-webkit-autofill:focus,
|
|
|
51
50
|
input:-webkit-autofill:active {
|
|
52
51
|
-webkit-box-shadow: 0 0 0 30px white inset !important;
|
|
53
52
|
}
|
|
53
|
+
|
|
54
54
|
::-webkit-scrollbar {
|
|
55
55
|
appearance: none;
|
|
56
56
|
width: 3px;
|
package/dist/board.html
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
<head>
|
|
2
|
+
<meta charset="utf-8" />
|
|
3
|
+
<meta name="last-event-order" content="0" />
|
|
4
|
+
<title>Microboard basic board</title>
|
|
5
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
6
|
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
7
|
+
<link
|
|
8
|
+
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap"
|
|
9
|
+
rel="stylesheet"
|
|
10
|
+
/>
|
|
11
|
+
<!-- <link rel="stylesheet" crossorigin href="./board.css" /> -->
|
|
12
|
+
<link
|
|
13
|
+
rel="stylesheet"
|
|
14
|
+
crossorigin
|
|
15
|
+
href="https://unpkg.com/microboard-ui-temp@0.0.16/dist/board.css"
|
|
16
|
+
/>
|
|
17
|
+
<body style="overflow-x: hidden; overflow-y: hidden">
|
|
18
|
+
<div id="items">
|
|
19
|
+
<shape-item
|
|
20
|
+
id="c8afcf81-52fa-4d10-b20e-5b8d646144cb"
|
|
21
|
+
data-shape-type="Rhombus"
|
|
22
|
+
fill="none"
|
|
23
|
+
stroke="rgb(20, 21, 26)"
|
|
24
|
+
data-border-style="solid"
|
|
25
|
+
stroke-dasharray=""
|
|
26
|
+
stroke-width="1"
|
|
27
|
+
data-link-to=""
|
|
28
|
+
style="
|
|
29
|
+
width: 100.465px;
|
|
30
|
+
height: 100.465px;
|
|
31
|
+
transform-origin: left top;
|
|
32
|
+
transform: translate(490.324px, 232.34px) scale(2.15218, 2.15218);
|
|
33
|
+
position: absolute;
|
|
34
|
+
"
|
|
35
|
+
><svg
|
|
36
|
+
width="100.46464515049854px"
|
|
37
|
+
height="100.4646451504986px"
|
|
38
|
+
viewBox="0 0 100.46464515049854 100.4646451504986"
|
|
39
|
+
transform-origin="0 0"
|
|
40
|
+
transform="scale(0.46464515049856425, 0.46464515049856425)"
|
|
41
|
+
style="position: absolute; overflow: visible"
|
|
42
|
+
>
|
|
43
|
+
<path
|
|
44
|
+
d="M 0 50 L 50 0 L 100 50 L 50 100 L 0 50 Z"
|
|
45
|
+
fill="none"
|
|
46
|
+
fill-opacity="1"
|
|
47
|
+
stroke="rgb(20, 21, 26)"
|
|
48
|
+
vector-effect="non-scaling-stroke"
|
|
49
|
+
stroke-width="1"
|
|
50
|
+
stroke-opacity="1"
|
|
51
|
+
stroke-dasharray=""
|
|
52
|
+
transform-origin="0 0"
|
|
53
|
+
transform="scale(2.15218, 2.15218)"
|
|
54
|
+
></path></svg
|
|
55
|
+
><rich-text
|
|
56
|
+
id="c8afcf81-52fa-4d10-b20e-5b8d646144cb_text"
|
|
57
|
+
data-vertical-alignment="center"
|
|
58
|
+
data-placeholder-text=" "
|
|
59
|
+
data-real-size="14"
|
|
60
|
+
data-link-to=""
|
|
61
|
+
style="
|
|
62
|
+
width: 112.609px;
|
|
63
|
+
height: 107.609px;
|
|
64
|
+
transform-origin: left top;
|
|
65
|
+
transform: translate(23.2122px, 24.3738px) scale(0.464645, 0.464645);
|
|
66
|
+
position: absolute;
|
|
67
|
+
overflow: auto;
|
|
68
|
+
overflow-wrap: break-word;
|
|
69
|
+
max-width: 216.218px;
|
|
70
|
+
margin-top: 20.4465px;
|
|
71
|
+
"
|
|
72
|
+
><p style="text-align: center; line-height: 1.4; margin: 0px">
|
|
73
|
+
<span
|
|
74
|
+
style="
|
|
75
|
+
font-weight: 400;
|
|
76
|
+
color: black;
|
|
77
|
+
font-size: 14px;
|
|
78
|
+
font-family: 'Open Sans';
|
|
79
|
+
"
|
|
80
|
+
>123</span
|
|
81
|
+
>
|
|
82
|
+
</p></rich-text
|
|
83
|
+
></shape-item
|
|
84
|
+
>
|
|
85
|
+
</div>
|
|
86
|
+
<script
|
|
87
|
+
type="module"
|
|
88
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.16/dist/customWebComponents.js"
|
|
89
|
+
></script>
|
|
90
|
+
<script
|
|
91
|
+
defer
|
|
92
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.16/dist/loadLinksImages.js"
|
|
93
|
+
></script>
|
|
94
|
+
</body>
|
|
95
|
+
</head>
|
|
@@ -255,9 +255,9 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
255
255
|
translateY = 0;
|
|
256
256
|
scale = 1;
|
|
257
257
|
updateTransform();
|
|
258
|
-
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
258
|
+
const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.16/dist/index.js");
|
|
259
259
|
initInter();
|
|
260
|
-
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.
|
|
260
|
+
const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.16/dist/index.js");
|
|
261
261
|
console.log("createapp", createApp);
|
|
262
262
|
const app = createApp();
|
|
263
263
|
window.app = app;
|
|
@@ -267,12 +267,12 @@ document.addEventListener("DOMContentLoaded", () => {
|
|
|
267
267
|
app.getBoard().deserializeHTML(stringed);
|
|
268
268
|
app.localRender("items");
|
|
269
269
|
}
|
|
270
|
-
const response = await fetch("https://www.unpkg.com/
|
|
270
|
+
const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.16/dist/index.css");
|
|
271
271
|
const cssText = await response.text();
|
|
272
272
|
const styleEl = document.createElement("style");
|
|
273
273
|
styleEl.textContent = cssText;
|
|
274
274
|
document.body.appendChild(styleEl);
|
|
275
|
-
const responseSvg = await fetch("https://www.unpkg.com/
|
|
275
|
+
const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.16/dist/sprite.svg");
|
|
276
276
|
const svgText = await responseSvg.text();
|
|
277
277
|
const div = document.createElement("div");
|
|
278
278
|
div.style.display = "none";
|