fubi 1.0.0-beta.57 → 1.0.0-beta.58
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/index.es.js +23 -22
- package/dist/index.iife.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -25033,7 +25033,7 @@ function Settings$1($$anchor, $$props) {
|
|
|
25033
25033
|
{
|
|
25034
25034
|
const after = ($$anchor3) => {
|
|
25035
25035
|
var div = root_2$9();
|
|
25036
|
-
div.textContent = `v${"1.0.0-beta.
|
|
25036
|
+
div.textContent = `v${"1.0.0-beta.58"}`;
|
|
25037
25037
|
append($$anchor3, div);
|
|
25038
25038
|
};
|
|
25039
25039
|
Navbar(node, {
|
|
@@ -29999,7 +29999,7 @@ var root_2$4 = /* @__PURE__ */ from_html(`<img alt="Icon" class="size-24 rounded
|
|
|
29999
29999
|
var root_3 = /* @__PURE__ */ from_html(`<div class="flex-center size-24 pointer-events-none"><!></div>`);
|
|
30000
30000
|
var root_4$2 = /* @__PURE__ */ from_html(`<img alt="Share" class="w-full rounded-[12px] superellipse object-cover pointer-events-none"/>`);
|
|
30001
30001
|
var root_5 = /* @__PURE__ */ from_html(`<!> <p class="text-sm/none" data-fubi-ignore="">Missing share image</p>`, 1);
|
|
30002
|
-
var root_1$2 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 z-[2147479000] bg-black/50" data-fubi-ignore-all="" role="presentation"></div> <div
|
|
30002
|
+
var root_1$2 = /* @__PURE__ */ from_html(`<div class="fixed inset-0 z-[2147479000] bg-black/50" data-fubi-ignore-all="" role="presentation"></div> <div class="fixed inset-0 z-[2147479000] flex items-center justify-center pointer-events-none"><div data-fubi-meta-section="" class="pointer-events-auto flex flex-col text-left text-slate-50 bg-linear-to-b from-slate-800/90 to-slate-900/90 glass-shadow backdrop-blur-lg rounded-[24px] superellipse w-550 max-w-[94%] outline-none"><div class="pt-16 px-20 pb-12 flex flex-col gap-4 border-b-[0.5px] border-white/10" data-fubi-ignore-all=""><p class="text-base/[120%] font-medium pr-28">Meta</p> <!></div> <div class="py-12 px-16 flex gap-8 items-start w-full border-b-[0.5px] border-white/10" data-fubi-ignore=""><div class="flex flex-col gap-8 items-start"><p class="text-sm/none text-white/60" data-fubi-ignore="">Icon</p> <div class="flex p-4 glass bg-neutral-500/10 rounded-[8px] superellipse shrink-0" data-fubi-meta="favicon"><!></div></div> <div class="flex flex-col gap-8 flex-1 min-w-0"><p class="text-sm/none text-white/60" data-fubi-ignore="">URL</p> <div class="flex px-8 h-32 shrink-0 items-center glass overflow-hidden w-full bg-neutral-500/10 rounded-[8px] superellipse text-base/none font-normal" data-fubi-meta="url"><p data-fubi-meta="url"> </p></div></div></div> <div class="py-12 px-16 flex flex-col gap-8 items-start border-b-[0.5px] w-full border-white/10" data-fubi-ignore=""><p class="text-sm/none text-white/60" data-fubi-ignore="">Share Image</p> <div data-fubi-meta="shareimage"><!></div></div> <div class="py-12 px-16 flex flex-col gap-8 items-start border-b-[0.5px] w-full border-white/10" data-fubi-ignore=""><p class="text-sm/none text-white/60" data-fubi-ignore="">Title</p> <p data-fubi-meta="title"><!></p></div> <div class="py-12 px-16 flex flex-col gap-8 items-start w-full" data-fubi-ignore=""><p class="text-sm/none text-white/60" data-fubi-ignore="">Description</p> <p data-fubi-meta="description"><!></p></div></div></div>`, 1);
|
|
30003
30003
|
function Meta($$anchor, $$props) {
|
|
30004
30004
|
push($$props, true);
|
|
30005
30005
|
const { hover, domains, meta, modals } = getModules();
|
|
@@ -30014,15 +30014,16 @@ function Meta($$anchor, $$props) {
|
|
|
30014
30014
|
div.__keydown = [on_keydown];
|
|
30015
30015
|
var div_1 = sibling(div, 2);
|
|
30016
30016
|
var div_2 = child(div_1);
|
|
30017
|
-
var
|
|
30017
|
+
var div_3 = child(div_2);
|
|
30018
|
+
var node_1 = sibling(child(div_3), 2);
|
|
30018
30019
|
CloseButton$1(node_1, {
|
|
30019
30020
|
class: "absolute top-12 right-12",
|
|
30020
30021
|
onclick: () => meta.hide()
|
|
30021
30022
|
});
|
|
30022
|
-
var
|
|
30023
|
-
var
|
|
30024
|
-
var
|
|
30025
|
-
var node_2 = child(
|
|
30023
|
+
var div_4 = sibling(div_3, 2);
|
|
30024
|
+
var div_5 = child(div_4);
|
|
30025
|
+
var div_6 = sibling(child(div_5), 2);
|
|
30026
|
+
var node_2 = child(div_6);
|
|
30026
30027
|
{
|
|
30027
30028
|
var consequent = ($$anchor3) => {
|
|
30028
30029
|
var img = root_2$4();
|
|
@@ -30030,28 +30031,28 @@ function Meta($$anchor, $$props) {
|
|
|
30030
30031
|
append($$anchor3, img);
|
|
30031
30032
|
};
|
|
30032
30033
|
var alternate = ($$anchor3) => {
|
|
30033
|
-
var
|
|
30034
|
-
var node_3 = child(
|
|
30034
|
+
var div_7 = root_3();
|
|
30035
|
+
var node_3 = child(div_7);
|
|
30035
30036
|
HugeiconsIcon(node_3, {
|
|
30036
30037
|
get icon() {
|
|
30037
30038
|
return Nl;
|
|
30038
30039
|
},
|
|
30039
30040
|
className: "size-20 text-rose-500 pointer-events-none"
|
|
30040
30041
|
});
|
|
30041
|
-
append($$anchor3,
|
|
30042
|
+
append($$anchor3, div_7);
|
|
30042
30043
|
};
|
|
30043
30044
|
if_block(node_2, ($$render) => {
|
|
30044
30045
|
if (meta.favicon) $$render(consequent);
|
|
30045
30046
|
else $$render(alternate, false);
|
|
30046
30047
|
});
|
|
30047
30048
|
}
|
|
30048
|
-
var
|
|
30049
|
-
var
|
|
30050
|
-
var p = child(
|
|
30049
|
+
var div_8 = sibling(div_5, 2);
|
|
30050
|
+
var div_9 = sibling(child(div_8), 2);
|
|
30051
|
+
var p = child(div_9);
|
|
30051
30052
|
var text$1 = child(p);
|
|
30052
|
-
var
|
|
30053
|
-
var
|
|
30054
|
-
var node_4 = child(
|
|
30053
|
+
var div_10 = sibling(div_4, 2);
|
|
30054
|
+
var div_11 = sibling(child(div_10), 2);
|
|
30055
|
+
var node_4 = child(div_11);
|
|
30055
30056
|
{
|
|
30056
30057
|
var consequent_1 = ($$anchor3) => {
|
|
30057
30058
|
var img_1 = root_4$2();
|
|
@@ -30074,8 +30075,8 @@ function Meta($$anchor, $$props) {
|
|
|
30074
30075
|
else $$render(alternate_1, false);
|
|
30075
30076
|
});
|
|
30076
30077
|
}
|
|
30077
|
-
var
|
|
30078
|
-
var p_1 = sibling(child(
|
|
30078
|
+
var div_12 = sibling(div_10, 2);
|
|
30079
|
+
var p_1 = sibling(child(div_12), 2);
|
|
30079
30080
|
var node_6 = child(p_1);
|
|
30080
30081
|
{
|
|
30081
30082
|
var consequent_2 = ($$anchor3) => {
|
|
@@ -30092,8 +30093,8 @@ function Meta($$anchor, $$props) {
|
|
|
30092
30093
|
else $$render(alternate_2, false);
|
|
30093
30094
|
});
|
|
30094
30095
|
}
|
|
30095
|
-
var
|
|
30096
|
-
var p_2 = sibling(child(
|
|
30096
|
+
var div_13 = sibling(div_12, 2);
|
|
30097
|
+
var p_2 = sibling(child(div_13), 2);
|
|
30097
30098
|
var node_7 = child(p_2);
|
|
30098
30099
|
{
|
|
30099
30100
|
var consequent_3 = ($$anchor3) => {
|
|
@@ -30113,7 +30114,7 @@ function Meta($$anchor, $$props) {
|
|
|
30113
30114
|
template_effect(() => {
|
|
30114
30115
|
set_class(p, 1, clsx(["truncate", hover.enabled && "pointer-events-none"]));
|
|
30115
30116
|
set_text(text$1, domains.url);
|
|
30116
|
-
set_class(
|
|
30117
|
+
set_class(div_11, 1, clsx([
|
|
30117
30118
|
"rounded-[12px] flex-center flex-col superellipse object-cover w-full shrink-0",
|
|
30118
30119
|
!meta.shareImage ? "bg-rose-500/10 border border-rose-500 text-rose-500 aspect-1200/630" : ""
|
|
30119
30120
|
]));
|
|
@@ -30121,7 +30122,7 @@ function Meta($$anchor, $$props) {
|
|
|
30121
30122
|
set_class(p_2, 1, `text-lg font-normal text-neutral-300 ${!meta.description && "text-rose-500"}`);
|
|
30122
30123
|
});
|
|
30123
30124
|
transition(3, div, () => fade, () => ({ duration: 150 }));
|
|
30124
|
-
transition(3,
|
|
30125
|
+
transition(3, div_2, () => scale, () => ({ duration: 150, start: 0.95 }));
|
|
30125
30126
|
append($$anchor2, fragment_1);
|
|
30126
30127
|
};
|
|
30127
30128
|
if_block(node, ($$render) => {
|