pangea-lib 4.0.444 → 4.0.446

package/dist/main.es.js

@@ -39920,7 +39920,7 @@ const j2 = /* @__PURE__ */ d2(Hs2, [["__scopeId", "data-v-dcab4b68"]]), jK = /*
     ], 2)) : (X(), c1("span", Ls2, a2(o.showEmptyText ? "" : "-"), 1));
   }
 });
-const U3 = /* @__PURE__ */ d2(As2, [["__scopeId", "data-v-b8266da3"]]), Ia = (e) => (ju("data-v-44c158b2"), e = e(), Uu(), e), Ns2 = { class: "pga-notifications" }, Ts2 = /* @__PURE__ */ Ia(() => /* @__PURE__ */ H1("div", { class: "item__tint" }, null, -1)), Es2 = { class: "item__body" }, Ds2 = { class: "item__header" }, Os2 = { class: "item__icon-badge" }, Ps2 = {
+const U3 = /* @__PURE__ */ d2(As2, [["__scopeId", "data-v-b8266da3"]]), Ia = (e) => (ju("data-v-0387bbe8"), e = e(), Uu(), e), Ns2 = { class: "pga-notifications" }, Ts2 = /* @__PURE__ */ Ia(() => /* @__PURE__ */ H1("div", { class: "item__tint" }, null, -1)), Es2 = { class: "item__body" }, Ds2 = { class: "item__header" }, Os2 = { class: "item__icon-badge" }, Ps2 = {
   key: 0,
   class: "item__icon",
   viewBox: "0 0 24 24",
@@ -40050,7 +40050,7 @@ const U3 = /* @__PURE__ */ d2(As2, [["__scopeId", "data-v-b8266da3"]]), Ia = (e)
     ]));
   }
 });
-const Js2 = /* @__PURE__ */ d2(Qs2, [["__scopeId", "data-v-44c158b2"]]), hs = C1(!1), tZ = C1(""), K71 = C1(() => {
+const Js2 = /* @__PURE__ */ d2(Qs2, [["__scopeId", "data-v-0387bbe8"]]), hs = C1(!1), tZ = C1(""), K71 = C1(() => {
 }), LB = "__vue_click_outside__";
 function Q71() {
   return "click";
@@ -40138,7 +40138,7 @@ const K41 = {
     ])) : h1("", !0);
   }
 });
-const o92 = /* @__PURE__ */ d2(i92, [["__scopeId", "data-v-7973c1cd"]]), Al = C1(!1), tr1 = C1(""), aZ = C1(""), VB = { onClose: () => {
+const o92 = /* @__PURE__ */ d2(i92, [["__scopeId", "data-v-0f003ca4"]]), Al = C1(!1), tr1 = C1(""), aZ = C1(""), VB = { onClose: () => {
 }, onAccept: () => {
 } }, s92 = {
   key: 0,
@@ -40193,7 +40193,7 @@ const o92 = /* @__PURE__ */ d2(i92, [["__scopeId", "data-v-7973c1cd"]]), Al = C1
     ])) : h1("", !0);
   }
 });
-const d92 = /* @__PURE__ */ d2(h92, [["__scopeId", "data-v-8248f82e"]]), $v4 = /* @__PURE__ */ B1({
+const d92 = /* @__PURE__ */ d2(h92, [["__scopeId", "data-v-c2f4f124"]]), $v4 = /* @__PURE__ */ B1({
   __name: "App",
   setup(e) {
     return (t, a) => (X(), c1(G1, null, [
@@ -43880,7 +43880,7 @@ const gf2 = /* @__PURE__ */ B1({
     };
   }
 });
-const Ir1 = /* @__PURE__ */ d2(gf2, [["__scopeId", "data-v-334edf37"]]), Mf2 = { class: "pga-dropdown-menu" }, kf2 = ["onClick"], bf2 = { class: "option__label-container" }, xf2 = /* @__PURE__ */ B1({
+const Ir1 = /* @__PURE__ */ d2(gf2, [["__scopeId", "data-v-24d81d94"]]), Mf2 = { class: "pga-dropdown-menu" }, kf2 = ["onClick"], bf2 = { class: "option__label-container" }, xf2 = /* @__PURE__ */ B1({
   __name: "PgaDropdownMenu",
   props: {
     options: {}
@@ -51671,7 +51671,7 @@ const fZ = /* @__PURE__ */ d2(Bf2, [["__scopeId", "data-v-e5edb8cf"]]), qf2 = {
   emits: /* @__PURE__ */ P2(["accept"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     W3((r) => ({
-      a28d8626: r.width
+      cb2cdcaa: r.width
     }));
     const a = K2(e, "modelValue"), c = t, n = u3("pgaModal");
     return w2(a, (r) => Yu(!r)), (r, i) => a.value ? (X(), c1("div", {
@@ -51720,7 +51720,7 @@ const fZ = /* @__PURE__ */ d2(Bf2, [["__scopeId", "data-v-e5edb8cf"]]), qf2 = {
     ], 32)) : h1("", !0);
   }
 });
-const Gf2 = /* @__PURE__ */ d2(Yf2, [["__scopeId", "data-v-8ae9913a"]]), Zf2 = { class: "pga-flex-row" }, Xf2 = /* @__PURE__ */ B1({
+const Gf2 = /* @__PURE__ */ d2(Yf2, [["__scopeId", "data-v-72d5f03b"]]), Zf2 = { class: "pga-flex-row" }, Xf2 = /* @__PURE__ */ B1({
   __name: "PgaMonthSelector",
   props: {
     modelValue: { required: !0 },
@@ -143614,15 +143614,15 @@ const bO3 = /* @__PURE__ */ B1({
   emits: /* @__PURE__ */ P2(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     W3((R) => ({
-      e92e20e8: Z(r).input.height,
-      fc68ab68: Z(r).input.padding,
-      "6ed4de6a": Z(r).input.paddingWithIcon,
-      ee6d415c: Z(r).input.borderColor,
-      ad9b8afa: Z(r).input.borderRadius,
-      f1ea0be0: Z(r).input.backgroundColor,
-      "8c4601cc": Z(r).input.colorFocus,
-      "09b888ac": Z(r).input.backgroundColorDisabled,
-      "9bdce456": Z(r).input.placeholderColor
+      20705972: Z(r).input.height,
+      e49d05b4: Z(r).input.padding,
+      f6602cb6: Z(r).input.paddingWithIcon,
+      "951395a8": Z(r).input.borderColor,
+      "12201fe9": Z(r).input.borderRadius,
+      "434552ea": Z(r).input.backgroundColor,
+      "47b10600": Z(r).input.colorFocus,
+      "973d30f4": Z(r).input.backgroundColorDisabled,
+      "7d22503b": Z(r).input.placeholderColor
     }));
     const a = K2(e, "modelValue"), c = e, n = t, { form: r } = _0(), i = u3("pgaForm"), o = `pga-input-select-${Math.random().toString(36).slice(2, 11)}`, s = `${o}-input`, l = `${o}-listbox`, f = C1(), u = C1(), h = C1(""), d = C1(!1), m = C1(-1), p = c.clearValue !== void 0 ? c.clearValue : null, v = o1(() => c.options.find((R) => _(R) === a.value)), y = o1(() => !!c.options.length), g = o1(() => {
       const R = De.normalizeText(h.value).split(" ");
@@ -143802,7 +143802,7 @@ const bO3 = /* @__PURE__ */ B1({
     }, 8, ["label", "withRequiredLabel", "withOptionalLabel", "withLabelSpace", "info", "description", "errors", "grow"]));
   }
 });
-const HO3 = /* @__PURE__ */ d2(wO3, [["__scopeId", "data-v-ae15116a"]]), LO3 = /* @__PURE__ */ B1({
+const HO3 = /* @__PURE__ */ d2(wO3, [["__scopeId", "data-v-7c9b073d"]]), LO3 = /* @__PURE__ */ B1({
   __name: "PgaMonthPicker",
   props: /* @__PURE__ */ P2({
     label: {},
@@ -144419,7 +144419,7 @@ const qx1 = /* @__PURE__ */ d2(tP3, [["__scopeId", "data-v-79420281"]]), aP3 = [
     };
   }
 });
-const nP3 = /* @__PURE__ */ d2(cP3, [["__scopeId", "data-v-ede53f12"]]), rP3 = { class: "pga-images" }, iP3 = { class: "images" }, oP3 = ["src", "onClick"], sP3 = {
+const nP3 = /* @__PURE__ */ d2(cP3, [["__scopeId", "data-v-249a4671"]]), rP3 = { class: "pga-images" }, iP3 = { class: "images" }, oP3 = ["src", "onClick"], sP3 = {
   key: 0,
   class: "images__input-container"
 }, lP3 = /* @__PURE__ */ B1({
@@ -144655,7 +144655,7 @@ const bP3 = /* @__PURE__ */ d2(kP3, [["__scopeId", "data-v-a9f7d36c"]]), jx1 = /
     };
   }
 });
-const wP3 = /* @__PURE__ */ d2(_P3, [["__scopeId", "data-v-f9525b0e"]]), HP3 = { class: "side-bar__header" }, LP3 = { class: "side-bar__content" }, VP3 = ["textContent"], SP3 = { class: "section__buttons" }, AP3 = { class: "button__name-container" }, NP3 = { class: "button__icon-container" }, TP3 = ["textContent"], EP3 = /* @__PURE__ */ B1({
+const wP3 = /* @__PURE__ */ d2(_P3, [["__scopeId", "data-v-1c0d3b9f"]]), HP3 = { class: "side-bar__header" }, LP3 = { class: "side-bar__content" }, VP3 = ["textContent"], SP3 = { class: "section__buttons" }, AP3 = { class: "button__name-container" }, NP3 = { class: "button__icon-container" }, TP3 = ["textContent"], EP3 = /* @__PURE__ */ B1({
   __name: "PgaSideBar",
   props: {
     headerAndBannerHeight: {},
@@ -144664,7 +144664,7 @@ const wP3 = /* @__PURE__ */ d2(_P3, [["__scopeId", "data-v-f9525b0e"]]), HP3 = {
   },
   setup(e) {
     W3((u) => ({
-      "84779aba": u.headerAndBannerHeight
+      c3c1b3e0: u.headerAndBannerHeight
     }));
     const t = e, a = ke.getConfig(), { routeType: c, isDisplayingBanner: n, isSideBarOpen: r, isDisplayingSideBar: i } = js(u8()), o = o1(() => Y71(t.routes)), s = o1(() => G71(t.navSections, o.value)), l = o1(() => a.i18n[`${c.value}NavSections`]);
     w2(
@@ -144733,7 +144733,7 @@ const wP3 = /* @__PURE__ */ d2(_P3, [["__scopeId", "data-v-f9525b0e"]]), HP3 = {
     };
   }
 });
-const DP3 = /* @__PURE__ */ d2(EP3, [["__scopeId", "data-v-45e84aad"]]), OP3 = {
+const DP3 = /* @__PURE__ */ d2(EP3, [["__scopeId", "data-v-9df2f5d5"]]), OP3 = {
   key: 0,
   class: "pga-bottom-bar"
 }, PP3 = { class: "bottom-bar__content" }, IP3 = { class: "router-link__icon-container" }, RP3 = { class: "router-link__name" }, FP3 = /* @__PURE__ */ B1({
@@ -144774,7 +144774,7 @@ const DP3 = /* @__PURE__ */ d2(EP3, [["__scopeId", "data-v-45e84aad"]]), OP3 = {
     };
   }
 });
-const $P3 = /* @__PURE__ */ d2(FP3, [["__scopeId", "data-v-da7fa1d7"]]), Ux1 = (e) => (ju("data-v-1539794c"), e = e(), Uu(), e), BP3 = { class: "pga-footer" }, qP3 = { class: "footer__content" }, jP3 = { class: "footer__brand" }, UP3 = /* @__PURE__ */ Ux1(() => /* @__PURE__ */ H1("div", { class: "footer__divider" }, null, -1)), WP3 = { class: "footer__info" }, YP3 = { class: "footer__text" }, GP3 = ["textContent"], ZP3 = { class: "footer__text footer__text--secondary" }, XP3 = ["textContent"], KP3 = /* @__PURE__ */ Ux1(() => /* @__PURE__ */ H1("span", null, /* @__PURE__ */ a2(" "), -1)), QP3 = "Raselli, Gianfranco", JP3 = "https://gianfrancoraselli.com", eI3 = /* @__PURE__ */ B1({
+const $P3 = /* @__PURE__ */ d2(FP3, [["__scopeId", "data-v-6d74b4e3"]]), Ux1 = (e) => (ju("data-v-1539794c"), e = e(), Uu(), e), BP3 = { class: "pga-footer" }, qP3 = { class: "footer__content" }, jP3 = { class: "footer__brand" }, UP3 = /* @__PURE__ */ Ux1(() => /* @__PURE__ */ H1("div", { class: "footer__divider" }, null, -1)), WP3 = { class: "footer__info" }, YP3 = { class: "footer__text" }, GP3 = ["textContent"], ZP3 = { class: "footer__text footer__text--secondary" }, XP3 = ["textContent"], KP3 = /* @__PURE__ */ Ux1(() => /* @__PURE__ */ H1("span", null, /* @__PURE__ */ a2(" "), -1)), QP3 = "Raselli, Gianfranco", JP3 = "https://gianfrancoraselli.com", eI3 = /* @__PURE__ */ B1({
   __name: "PgaFooter",
   setup(e) {
     const t = u3("pgaLayout", "footer"), a = (/* @__PURE__ */ new Date()).getFullYear();
@@ -144806,7 +144806,7 @@ const $P3 = /* @__PURE__ */ d2(FP3, [["__scopeId", "data-v-da7fa1d7"]]), Ux1 = (
     ]));
   }
 });
-const tI3 = /* @__PURE__ */ d2(eI3, [["__scopeId", "data-v-1539794c"]]), ay4 = window.location.origin, cy4 = window.location.protocol, Nf = window.location.host, $c1 = Nf.includes("localhost") ? Nf.split(".").slice(-1)[0] : Nf.split(".").slice(-2).join("."), ny4 = Nf === $c1 ? void 0 : Nf.replace(`.${$c1}`, ""), aI3 = (e) => (ju("data-v-89b744c5"), e = e(), Uu(), e), cI3 = {
+const tI3 = /* @__PURE__ */ d2(eI3, [["__scopeId", "data-v-1539794c"]]), ay4 = window.location.origin, cy4 = window.location.protocol, Nf = window.location.host, $c1 = Nf.includes("localhost") ? Nf.split(".").slice(-1)[0] : Nf.split(".").slice(-2).join("."), ny4 = Nf === $c1 ? void 0 : Nf.replace(`.${$c1}`, ""), aI3 = (e) => (ju("data-v-38ae1259"), e = e(), Uu(), e), cI3 = {
   key: 0,
   class: "layout__banner"
 }, nI3 = { class: "layout__content" }, rI3 = {
@@ -144821,12 +144821,12 @@ const tI3 = /* @__PURE__ */ d2(eI3, [["__scopeId", "data-v-1539794c"]]), ay4 = w
   },
   setup(e) {
     W3((v) => ({
-      "6eea6f22": f.value,
-      d42c0b00: h.value,
-      "0e0b2edf": u.value,
-      "16f5c9de": d.value,
-      b720e636: m.value,
-      "0c8dfb5b": p.value
+      "0b1eab96": f.value,
+      "0e38a174": h.value,
+      aa00284e: u.value,
+      "21cc20d8": d.value,
+      "076941ab": m.value,
+      "5bf0b721": p.value
     }));
     const { layout: t } = _0(), {
       routeTitle: a,
@@ -144891,7 +144891,7 @@ const tI3 = /* @__PURE__ */ d2(eI3, [["__scopeId", "data-v-1539794c"]]), ay4 = w
     };
   }
 });
-const fI3 = /* @__PURE__ */ d2(lI3, [["__scopeId", "data-v-89b744c5"]]), uI3 = { class: "pga-not-found" }, hI3 = { class: "not-found__content" }, dI3 = { class: "not-found__hero" }, pI3 = { class: "hero__number" }, mI3 = { class: "hero__bubble" }, vI3 = /* @__PURE__ */ gn1('<div class="not-found__illustration" data-v-8402d4a4><svg class="illustration__svg" viewBox="0 0 600 250" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-8402d4a4><rect width="600" height="250" fill="var(--pga-color-primary)" opacity="0.05" rx="20" data-v-8402d4a4></rect><circle cx="500" cy="80" r="40" fill="var(--pga-color-primary)" opacity="0.15" data-v-8402d4a4></circle><path d="M0,150 Q120,100 250,160 T600,140 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-8402d4a4></path><path d="M0,190 Q150,170 300,210 T600,190 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" data-v-8402d4a4></path><g transform="translate(300, 150)" data-v-8402d4a4><ellipse cx="0" cy="80" rx="35" ry="8" fill="var(--pga-color-first)" opacity="0.1" data-v-8402d4a4></ellipse><rect x="-25" y="60" width="50" height="15" rx="5" fill="var(--pga-color-second)" opacity="0.8" data-v-8402d4a4></rect><path d="M-20,30 L20,30 L25,60 L-25,60 Z" fill="var(--pga-color-primary)" opacity="0.9" data-v-8402d4a4></path><rect x="-10" y="35" width="20" height="5" rx="2" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-8402d4a4></rect><rect x="-5" y="15" width="10" height="15" fill="var(--pga-color-second)" data-v-8402d4a4></rect><rect x="-25" y="-15" width="50" height="35" rx="10" fill="var(--pga-color-primary)" data-v-8402d4a4></rect><rect x="-15" y="-5" width="30" height="15" rx="2" fill="var(--pga-color-first-contrast)" data-v-8402d4a4></rect><circle cx="-5" cy="0" r="3" fill="var(--pga-color-second)" data-v-8402d4a4></circle><circle cx="5" cy="0" r="3" fill="var(--pga-color-second)" data-v-8402d4a4></circle><line x1="0" y1="-15" x2="-10" y2="-35" stroke="var(--pga-color-second)" stroke-width="4" stroke-linecap="round" data-v-8402d4a4></line><circle cx="-10" cy="-35" r="4" fill="var(--pga-color-second)" data-v-8402d4a4></circle><path d="M-20,40 Q-40,40 -40,60" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-8402d4a4></path><path d="M20,40 Q40,40 35,55" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-8402d4a4></path></g><circle cx="100" cy="50" r="2" fill="var(--pga-color-primary)" opacity="0.3" data-v-8402d4a4></circle><circle cx="150" cy="100" r="1.5" fill="var(--pga-color-second)" opacity="0.3" data-v-8402d4a4></circle><circle cx="400" cy="40" r="2.5" fill="var(--pga-color-primary)" opacity="0.2" data-v-8402d4a4></circle><circle cx="550" cy="180" r="2" fill="var(--pga-color-second)" opacity="0.4" data-v-8402d4a4></circle></svg></div>', 1), yI3 = { class: "not-found__actions" }, gI3 = /* @__PURE__ */ B1({
+const fI3 = /* @__PURE__ */ d2(lI3, [["__scopeId", "data-v-38ae1259"]]), uI3 = { class: "pga-not-found" }, hI3 = { class: "not-found__content" }, dI3 = { class: "not-found__hero" }, pI3 = { class: "hero__number" }, mI3 = { class: "hero__bubble" }, vI3 = /* @__PURE__ */ gn1('<div class="not-found__illustration" data-v-8402d4a4><svg class="illustration__svg" viewBox="0 0 600 250" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-8402d4a4><rect width="600" height="250" fill="var(--pga-color-primary)" opacity="0.05" rx="20" data-v-8402d4a4></rect><circle cx="500" cy="80" r="40" fill="var(--pga-color-primary)" opacity="0.15" data-v-8402d4a4></circle><path d="M0,150 Q120,100 250,160 T600,140 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-8402d4a4></path><path d="M0,190 Q150,170 300,210 T600,190 L600,250 L0,250 Z" fill="var(--pga-color-first-contrast)" data-v-8402d4a4></path><g transform="translate(300, 150)" data-v-8402d4a4><ellipse cx="0" cy="80" rx="35" ry="8" fill="var(--pga-color-first)" opacity="0.1" data-v-8402d4a4></ellipse><rect x="-25" y="60" width="50" height="15" rx="5" fill="var(--pga-color-second)" opacity="0.8" data-v-8402d4a4></rect><path d="M-20,30 L20,30 L25,60 L-25,60 Z" fill="var(--pga-color-primary)" opacity="0.9" data-v-8402d4a4></path><rect x="-10" y="35" width="20" height="5" rx="2" fill="var(--pga-color-first-contrast)" opacity="0.5" data-v-8402d4a4></rect><rect x="-5" y="15" width="10" height="15" fill="var(--pga-color-second)" data-v-8402d4a4></rect><rect x="-25" y="-15" width="50" height="35" rx="10" fill="var(--pga-color-primary)" data-v-8402d4a4></rect><rect x="-15" y="-5" width="30" height="15" rx="2" fill="var(--pga-color-first-contrast)" data-v-8402d4a4></rect><circle cx="-5" cy="0" r="3" fill="var(--pga-color-second)" data-v-8402d4a4></circle><circle cx="5" cy="0" r="3" fill="var(--pga-color-second)" data-v-8402d4a4></circle><line x1="0" y1="-15" x2="-10" y2="-35" stroke="var(--pga-color-second)" stroke-width="4" stroke-linecap="round" data-v-8402d4a4></line><circle cx="-10" cy="-35" r="4" fill="var(--pga-color-second)" data-v-8402d4a4></circle><path d="M-20,40 Q-40,40 -40,60" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-8402d4a4></path><path d="M20,40 Q40,40 35,55" fill="none" stroke="var(--pga-color-second)" stroke-width="6" stroke-linecap="round" data-v-8402d4a4></path></g><circle cx="100" cy="50" r="2" fill="var(--pga-color-primary)" opacity="0.3" data-v-8402d4a4></circle><circle cx="150" cy="100" r="1.5" fill="var(--pga-color-second)" opacity="0.3" data-v-8402d4a4></circle><circle cx="400" cy="40" r="2.5" fill="var(--pga-color-primary)" opacity="0.2" data-v-8402d4a4></circle><circle cx="550" cy="180" r="2" fill="var(--pga-color-second)" opacity="0.4" data-v-8402d4a4></circle></svg></div>', 1), yI3 = { class: "not-found__actions" }, gI3 = /* @__PURE__ */ B1({
   __name: "PgaNotFound",
   props: {
     redirectTo: {}

package/dist/styles/breakpoints.styl

@@ -1,3 +1,6 @@
+// Max width of the layout on ultra-wide screens
+$layout-max-width = 800px
+
 // Large desktops
 // no breakpoint since this is the default
 // Desktops

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "4.0.444",
+  "version": "4.0.446",
   "author": "Gianfranco Raselli",
   "license": "ISC",
   "homepage": "https://github.com/GianfrancoRaselli/pangea-lib#readme",