microboard-ui-temp 0.0.13 → 0.0.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/sprite.svg +1707 -0
- package/package.json +1 -1
- package/public/board.html +83 -6
- package/public/customWebComponents.js +4 -4
package/package.json
CHANGED
package/public/board.html
CHANGED
|
@@ -9,7 +9,11 @@
|
|
|
9
9
|
rel="stylesheet"
|
|
10
10
|
/>
|
|
11
11
|
<!-- <link rel="stylesheet" crossorigin href="./board.css" /> -->
|
|
12
|
-
<link
|
|
12
|
+
<link
|
|
13
|
+
rel="stylesheet"
|
|
14
|
+
crossorigin
|
|
15
|
+
href="https://unpkg.com/microboard-ui-temp@0.0.15/public/board.css"
|
|
16
|
+
/>
|
|
13
17
|
<!-- <style>
|
|
14
18
|
@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
|
|
15
19
|
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
|
|
@@ -79,7 +83,74 @@
|
|
|
79
83
|
}
|
|
80
84
|
</style> -->
|
|
81
85
|
<body style="overflow-x: hidden; overflow-y: hidden">
|
|
82
|
-
<div id="items"
|
|
86
|
+
<div id="items">
|
|
87
|
+
<shape-item
|
|
88
|
+
id="c8afcf81-52fa-4d10-b20e-5b8d646144cb"
|
|
89
|
+
data-shape-type="Rhombus"
|
|
90
|
+
fill="none"
|
|
91
|
+
stroke="rgb(20, 21, 26)"
|
|
92
|
+
data-border-style="solid"
|
|
93
|
+
stroke-dasharray=""
|
|
94
|
+
stroke-width="1"
|
|
95
|
+
data-link-to=""
|
|
96
|
+
style="
|
|
97
|
+
width: 100.465px;
|
|
98
|
+
height: 100.465px;
|
|
99
|
+
transform-origin: left top;
|
|
100
|
+
transform: translate(490.324px, 232.34px) scale(2.15218, 2.15218);
|
|
101
|
+
position: absolute;
|
|
102
|
+
"
|
|
103
|
+
><svg
|
|
104
|
+
width="100.46464515049854px"
|
|
105
|
+
height="100.4646451504986px"
|
|
106
|
+
viewBox="0 0 100.46464515049854 100.4646451504986"
|
|
107
|
+
transform-origin="0 0"
|
|
108
|
+
transform="scale(0.46464515049856425, 0.46464515049856425)"
|
|
109
|
+
style="position: absolute; overflow: visible"
|
|
110
|
+
>
|
|
111
|
+
<path
|
|
112
|
+
d="M 0 50 L 50 0 L 100 50 L 50 100 L 0 50 Z"
|
|
113
|
+
fill="none"
|
|
114
|
+
fill-opacity="1"
|
|
115
|
+
stroke="rgb(20, 21, 26)"
|
|
116
|
+
vector-effect="non-scaling-stroke"
|
|
117
|
+
stroke-width="1"
|
|
118
|
+
stroke-opacity="1"
|
|
119
|
+
stroke-dasharray=""
|
|
120
|
+
transform-origin="0 0"
|
|
121
|
+
transform="scale(2.15218, 2.15218)"
|
|
122
|
+
></path></svg
|
|
123
|
+
><rich-text
|
|
124
|
+
id="c8afcf81-52fa-4d10-b20e-5b8d646144cb_text"
|
|
125
|
+
data-vertical-alignment="center"
|
|
126
|
+
data-placeholder-text=" "
|
|
127
|
+
data-real-size="14"
|
|
128
|
+
data-link-to=""
|
|
129
|
+
style="
|
|
130
|
+
width: 112.609px;
|
|
131
|
+
height: 107.609px;
|
|
132
|
+
transform-origin: left top;
|
|
133
|
+
transform: translate(23.2122px, 24.3738px) scale(0.464645, 0.464645);
|
|
134
|
+
position: absolute;
|
|
135
|
+
overflow: auto;
|
|
136
|
+
overflow-wrap: break-word;
|
|
137
|
+
max-width: 216.218px;
|
|
138
|
+
margin-top: 20.4465px;
|
|
139
|
+
"
|
|
140
|
+
><p style="text-align: center; line-height: 1.4; margin: 0px">
|
|
141
|
+
<span
|
|
142
|
+
style="
|
|
143
|
+
font-weight: 400;
|
|
144
|
+
color: black;
|
|
145
|
+
font-size: 14px;
|
|
146
|
+
font-family: 'Open Sans';
|
|
147
|
+
"
|
|
148
|
+
>123</span
|
|
149
|
+
>
|
|
150
|
+
</p></rich-text
|
|
151
|
+
></shape-item
|
|
152
|
+
>
|
|
153
|
+
</div>
|
|
83
154
|
<!-- <script type="module">
|
|
84
155
|
/* eslint-disable max-classes-per-file, @typescript-eslint/no-useless-constructor */
|
|
85
156
|
class RichTextElement extends HTMLElement {
|
|
@@ -377,12 +448,12 @@
|
|
|
377
448
|
// "https://www.unpkg.com/test_package_board@0.0.99/dist/bundle.js"
|
|
378
449
|
// );
|
|
379
450
|
const { initInter } = await import(
|
|
380
|
-
"https://www.unpkg.com/microboard-ui-temp
|
|
451
|
+
"https://www.unpkg.com/microboard-ui-temp@0.0.15/dist/index.js"
|
|
381
452
|
);
|
|
382
453
|
initInter();
|
|
383
454
|
|
|
384
455
|
const { createApp } = await import(
|
|
385
|
-
"https://www.unpkg.com/microboard-ui-temp
|
|
456
|
+
"https://www.unpkg.com/microboard-ui-temp@0.0.15/dist/index.js"
|
|
386
457
|
);
|
|
387
458
|
console.log("createapp", createApp);
|
|
388
459
|
|
|
@@ -448,8 +519,14 @@
|
|
|
448
519
|
});
|
|
449
520
|
});
|
|
450
521
|
</script> -->
|
|
451
|
-
<script
|
|
452
|
-
|
|
522
|
+
<script
|
|
523
|
+
type="module"
|
|
524
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.15/public/customWebComponents.js"
|
|
525
|
+
></script>
|
|
526
|
+
<script
|
|
527
|
+
defer
|
|
528
|
+
src="https://unpkg.com/microboard-ui-temp@0.0.15/public/loadLinksImages.js"
|
|
529
|
+
></script>
|
|
453
530
|
<!-- <script type="module" href="./public/customWebComponents.js"></script>
|
|
454
531
|
<script defer href="./public/loadLinksImages.js"></script> -->
|
|
455
532
|
</body>
|
|
@@ -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.15/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.15/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.15/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.15/dist/sprite.svg");
|
|
276
276
|
const svgText = await responseSvg.text();
|
|
277
277
|
const div = document.createElement("div");
|
|
278
278
|
div.style.display = "none";
|