@bbl-digital/snorre 4.2.86 → 4.2.88

package/dist/snorre.es366.js

@@ -0,0 +1,180 @@
+import { css as t } from "@emotion/react";
+import i from "@emotion/styled";
+const e = (o) => {
+  const r = o === 1 ? 16 : (o + 1) * 8;
+  return t`
+    padding-left: ${r}px !important;
+  `;
+}, a = (o) => t`
+  padding-left: 8px;
+  padding-right: 8px;
+  justify-content: flex-start;
+  height: 100%;
+  width: 100%;
+
+  &:disabled {
+    opacity: 0.5;
+  }
+
+  ${o && e(o)}
+`, l = i.span`
+  position: relative;
+
+  ul {
+    border-top: none;
+  }
+`, s = i.div`
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-width: 150px;
+  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  border-radius: 10px;
+  overflow: hidden;
+`, c = i.span(
+  ({ withInfo: o }) => t`
+    line-height: 22px;
+    font-size: 1em;
+    font-weight: 600;
+    margin-bottom: 4px;
+
+    ${o && t`
+      padding-right: 25px;
+    `}
+  `
+), x = {
+  default: t`
+    button {
+      height: 36px;
+      padding-left: 8px;
+      padding-right: 8px;
+
+      svg {
+        margin-left: 8px;
+      }
+    }
+  `,
+  optionsWidth: (o) => t`
+    width: ${o || "auto"};
+  `,
+  width: (o) => t`
+    & > button {
+      width: ${o || "auto"};
+    }
+  `,
+  input: (o) => t`
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: unset;
+    border-color: ${o.border};
+    position: relative;
+
+    &:focus-within > span:first-of-type {
+      color: ${o.primary};
+    }
+
+    & > button {
+      display: flex;
+      border: 1px solid;
+      padding: 0 10px 0 10px;
+      border-radius: 5px;
+      height: 38px;
+      border-color: inherit;
+
+      &:hover,
+      &:focus,
+      &:active {
+        border: 1px solid ${o.primary};
+        text-decoration: none;
+      }
+    }
+  `,
+  open: (o) => t`
+    border-color: ${o.primary};
+    color: ${o.primary};
+  `,
+  primary10: (o) => t`
+    & > button,
+    & > button:hover,
+    & > button:focus {
+      background-color: ${o.illustrationPrimary10};
+      border-radius: 9px;
+      padding: 0 0.7em;
+      height: 34px;
+    }
+  `,
+  inputstyle: (o) => t`
+    top: calc(${o ? "22px" : "0px"} + 38px + 5px);
+  `,
+  withIcon: t`
+    svg:first-of-type,
+    polygon:first-of-type {
+      margin-left: 0;
+    }
+  `,
+  opacity08: (o) => t`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 0.5em;
+    height: 39px;
+    background-color: rgba(216, 216, 216, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.24);
+    border-radius: 5px;
+    color: white;
+
+    & > button > span {
+      color: white;
+      font-weight: 400;
+    }
+
+    button svg polygon {
+      fill: white;
+    }
+
+    button {
+      width: 100%;
+    }
+
+    button + div {
+      top: 40px;
+    }
+  `,
+  maxHeight: (o) => t`
+    ul {
+      overflow-y: scroll;
+      max-height: ${o};
+    }
+  `,
+  disabled: (o) => t`
+    & > button,
+    & > button:hover,
+    & > button:focus {
+      background-color: ${o.disabled};
+      color: #999;
+      border-color: ${o.border};
+      cursor: not-allowed;
+      text-decoration: none;
+    }
+  `,
+  infoButton: t`
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    button {
+      display: block;
+      height: 24px !important;
+      padding: 0 !important;
+    }
+  `
+};
+export {
+  s as OptionsWrapper,
+  l as SelectWrapper,
+  c as StyledLabel,
+  a as optionButton,
+  x as styles
+};

package/dist/snorre.es367.js

@@ -0,0 +1,125 @@
+import { css as a } from "@emotion/react";
+import r from "@emotion/styled";
+import t from "./snorre.es503.js";
+import n from "./snorre.es5.js";
+import { motion as i } from "./snorre.es444.js";
+const c = r(n)`
+  margin-left: 5px;
+
+  &:focus-visible {
+    outline: 1px dotted #212121;
+    outline: 5px auto -webkit-focus-ring-color;
+  }
+`, m = {
+  default: a`
+    text-align: left;
+    max-width: 300px;
+  `,
+  top: a`
+    bottom: calc(24px + 5px);
+    left: calc(-11vw + 9px);
+    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
+
+    @media screen and (max-width: ${t.small}) {
+      width: 50vw;
+      left: calc(-25vw + 9px);
+    }
+    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
+      width: 50vw;
+    }
+
+    &::after {
+      top: 100%;
+      left: 50%;
+      margin-left: -5px;
+      border-color: white transparent transparent transparent;
+    }
+  `,
+  right: a`
+    top: 0;
+    left: 35px;
+    box-shadow: -1px 0px 4px 0px rgba(0, 0, 0, 0.2);
+
+    @media screen and (max-width: ${t.small}) {
+      width: 50vw;
+    }
+
+    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
+      width: 50vw;
+    }
+
+    &::after {
+      top: 8px;
+      right: 100%;
+      margin-left: -5px;
+      border-color: transparent white transparent transparent;
+    }
+  `,
+  bottom: a`
+    top: calc(24px + 5px);
+    left: calc(-11vw + 9px);
+    box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.2);
+
+    @media screen and (max-width: ${t.small}) {
+      width: 50vw;
+      left: calc(-25vw + 9px);
+    }
+    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
+      width: 50vw;
+    }
+
+    &::after {
+      bottom: 100%;
+      left: 50%;
+      margin-left: -5px;
+      border-color: transparent transparent white transparent;
+    }
+  `,
+  left: a`
+    top: 0;
+    right: calc(24px + 3px);
+    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.2);
+
+    @media screen and (max-width: ${t.small}) {
+      width: 50vw;
+    }
+    @media screen and (max-width: ${t.large}) and (orientation: landscape) {
+      width: 50vw;
+    }
+
+    &::after {
+      top: 8px;
+      left: 100%;
+      border-color: transparent transparent transparent white;
+    }
+  `,
+  width: (o, e) => a`
+    width: ${o} !important;
+    left: ${e === "top" || e === "bottom" ? `calc((-${o} / 2) + 9px) !important` : e === "right" ? "35px" : "initial"};
+  `
+}, w = r(i.div)`
+  position: absolute;
+  width: 22vw;
+  text-align: center;
+  padding: 0.5em;
+  border-radius: 10px;
+  background-color: white;
+  z-index: 9999;
+
+  &::after {
+    content: '';
+    position: absolute;
+    border-width: 5px;
+    border-style: solid;
+  }
+`, h = r.span`
+  display: block;
+  width: max-content;
+  position: relative;
+`;
+export {
+  c as StyledButton,
+  w as Tooltip,
+  h as Wrapper,
+  m as styles
+};

package/dist/snorre.es368.js

@@ -0,0 +1,24 @@
+import { matchSorter as n } from "./snorre.es374.js";
+import { useState as s, useMemo as f } from "react";
+const S = (e) => {
+  const [o, r] = s(!1), [t, a] = s(""), u = f(() => {
+    const c = {
+      keys: e.fuzzyKeys
+    };
+    return n(
+      e.values,
+      t || "",
+      c
+    );
+  }, [e.values, t]);
+  return {
+    open: o,
+    search: t,
+    values: u,
+    setOpen: r,
+    setSearch: a
+  };
+};
+export {
+  S as default
+};

package/dist/snorre.es369.js

@@ -0,0 +1,69 @@
+import { css as o } from "@emotion/react";
+import t from "@emotion/styled";
+const n = t.span`
+  line-height: 22px;
+  font-size: 1em;
+  font-weight: 600;
+  margin-bottom: 4px;
+`, r = t.span`
+  position: relative;
+
+  ul {
+    border-top: none;
+  }
+`, p = t.div`
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-width: 150px;
+  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  border-radius: 10px;
+  overflow: hidden;
+  background: #fff;
+  width: max-content;
+
+  @media (max-width: 768px) {
+    width: auto;
+  }
+`, a = t.div`
+  max-height: 10em;
+  overflow-x: hidden;
+  overflow-y: auto;
+`, d = {
+  opacity08: o`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 0.5em;
+    height: 39px;
+    background-color: rgba(216, 216, 216, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.24);
+    border-radius: 5px;
+    color: white;
+
+    & > button > span {
+      color: white;
+      font-weight: 400;
+    }
+
+    button svg polygon {
+      fill: white;
+    }
+
+    button {
+      width: 100%;
+    }
+
+    button + div {
+      top: 40px;
+    }
+  `
+};
+export {
+  a as ListWrapper,
+  p as OptionsWrapper,
+  n as StyledLabel,
+  r as Wrapper,
+  d as styles
+};

package/dist/snorre.es37.js

@@ -0,0 +1,6 @@
+import { j as o } from "./snorre.es329.js";
+import t from "./snorre.es360.js";
+const n = (r) => /* @__PURE__ */ o.jsx("svg", { viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ o.jsx("polygon", { points: "20 11 7.83 11 13.42 5.41 12 4 4 12 12 20 13.41 18.59 7.83 13 20 13" }) }), i = t()(n);
+export {
+  i as default
+};

package/dist/snorre.es370.js

@@ -0,0 +1,116 @@
+import r from "@emotion/styled";
+import { css as i } from "@emotion/react";
+const n = r.div(
+  ({ hasFirstName: o, theme: e }) => i`
+    position: relative;
+
+    display: flex;
+    flex-direction: row;
+
+    & > button {
+      gap: 0.4em;
+
+      & > svg {
+        margin-left: 0;
+      }
+    }
+
+    ${!o && i`
+      & > button {
+        gap: 0;
+
+        &:focus,
+        &:focus-within {
+          outline-offset: 1px;
+          outline: ${e == null ? void 0 : e.primary} 1px solid;
+        }
+      }
+    `}
+  `
+), p = r.div(
+  ({ size: o = 25 }) => i`
+    height: ${o}px;
+    width: ${o}px;
+    border-radius: ${o}px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    grid-row: 1 / 3;
+
+    & > img {
+      height: ${o}px;
+    }
+  `
+), s = r.div`
+  height: 30px;
+  width: 30px;
+  border-radius: 30px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+  margin-right: 0.5em;
+  grid-row: 1 / 3;
+
+  & > img {
+    height: 30px;
+  }
+`, a = r.div`
+  position: absolute;
+  background-color: white;
+  right: 0;
+  top: 30px;
+
+  box-sizing: border-box;
+  width: 300px;
+  border: 1px solid #cfd9ea;
+
+  background-color: #ffffff;
+  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+  overflow: hidden;
+`, g = r.div`
+  display: grid;
+  padding: 1em;
+  grid-template-columns: 37px 1fr;
+  align-items: center;
+
+  & > svg {
+    grid-row: 1 / 3;
+  }
+`, l = r.div`
+  display: flex;
+  padding: 1em;
+
+  button {
+    width: 100%;
+  }
+`, c = (o) => i`
+  width: 100%;
+  height: 46px;
+
+  background-color: white;
+  border-radius: 0;
+
+  font-weight: 500;
+  border-top: 1px solid #d7d7d7;
+  cursor: pointer;
+
+  &:hover {
+    background: ${o.bg};
+  }
+
+  &:nth-of-type(1) {
+    border-top: none;
+  }
+`;
+export {
+  p as ImageSmallWrapper,
+  s as ImageWrapper,
+  l as LogoutWrapper,
+  a as UserMenuContent,
+  g as UserMenuInformation,
+  n as UserWrapper,
+  c as userMenuOption
+};

package/dist/snorre.es371.js

@@ -0,0 +1,73 @@
+function y(n) {
+  if (Array.isArray(n)) {
+    for (var e = 0, o = Array(n.length); e < n.length; e++)
+      o[e] = n[e];
+    return o;
+  } else
+    return Array.from(n);
+}
+var s = !1;
+if (typeof window < "u") {
+  var v = {
+    get passive() {
+      s = !0;
+    }
+  };
+  window.addEventListener("testPassive", null, v), window.removeEventListener("testPassive", null, v);
+}
+var f = typeof window < "u" && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === "MacIntel" && window.navigator.maxTouchPoints > 1), t = [], l = !1, c = -1, d = void 0, u = void 0, h = function(e) {
+  return t.some(function(o) {
+    return !!(o.options.allowTouchMove && o.options.allowTouchMove(e));
+  });
+}, a = function(e) {
+  var o = e || window.event;
+  return h(o.target) || o.touches.length > 1 ? !0 : (o.preventDefault && o.preventDefault(), !1);
+}, g = function(e) {
+  if (u === void 0) {
+    var o = !1, r = window.innerWidth - document.documentElement.clientWidth;
+    o && r > 0 && (u = document.body.style.paddingRight, document.body.style.paddingRight = r + "px");
+  }
+  d === void 0 && (d = document.body.style.overflow, document.body.style.overflow = "hidden");
+}, w = function() {
+  u !== void 0 && (document.body.style.paddingRight = u, u = void 0), d !== void 0 && (document.body.style.overflow = d, d = void 0);
+}, m = function(e) {
+  return e ? e.scrollHeight - e.scrollTop <= e.clientHeight : !1;
+}, p = function(e, o) {
+  var r = e.targetTouches[0].clientY - c;
+  return h(e.target) ? !1 : o && o.scrollTop === 0 && r > 0 || m(o) && r < 0 ? a(e) : (e.stopPropagation(), !0);
+}, S = function(e, o) {
+  if (!e) {
+    console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");
+    return;
+  }
+  if (!t.some(function(i) {
+    return i.targetElement === e;
+  })) {
+    var r = {
+      targetElement: e,
+      options: {}
+    };
+    t = [].concat(y(t), [r]), f ? (e.ontouchstart = function(i) {
+      i.targetTouches.length === 1 && (c = i.targetTouches[0].clientY);
+    }, e.ontouchmove = function(i) {
+      i.targetTouches.length === 1 && p(i, e);
+    }, l || (document.addEventListener("touchmove", a, s ? { passive: !1 } : void 0), l = !0)) : g();
+  }
+}, b = function() {
+  f ? (t.forEach(function(e) {
+    e.targetElement.ontouchstart = null, e.targetElement.ontouchmove = null;
+  }), l && (document.removeEventListener("touchmove", a, s ? { passive: !1 } : void 0), l = !1), c = -1) : w(), t = [];
+}, T = function(e) {
+  if (!e) {
+    console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");
+    return;
+  }
+  t = t.filter(function(o) {
+    return o.targetElement !== e;
+  }), f ? (e.ontouchstart = null, e.ontouchmove = null, l && t.length === 0 && (document.removeEventListener("touchmove", a, s ? { passive: !1 } : void 0), l = !1)) : t.length || w();
+};
+export {
+  b as clearAllBodyScrollLocks,
+  S as disableBodyScroll,
+  T as enableBodyScroll
+};

package/dist/snorre.es372.js

@@ -0,0 +1,104 @@
+import { css as e } from "@emotion/react";
+import i from "@emotion/styled";
+import r from "./snorre.es503.js";
+import { motion as a } from "./snorre.es444.js";
+const g = i(a.div)`
+  position: fixed;
+  -webkit-overflow-scrolling: touch;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1001;
+  background: rgba(0, 0, 0, 0.27);
+  overflow: auto;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &.filter-overlay-exit {
+    background: rgba(0, 0, 0, 0);
+  }
+`, c = i.dialog(
+  ({
+    width: o,
+    isFullscreen: t,
+    canToggleFullscreen: p
+  }) => e`
+    position: relative;
+    min-width: 300px;
+    width: ${t ? "100%" : o};
+    min-height: ${t ? "100%" : "100px"};
+    margin: ${t ? "0" : "0 1em"};
+    border-style: none;
+    border-radius: ${t ? "0" : "15px"};
+    background-color: #ffffff;
+    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
+    padding: unset;
+    ${p && e`
+      transition: width 200ms, min-height 50ms;
+    `}
+  `
+), f = i.div`
+  position: absolute;
+  display: flex;
+  top: 1.5em;
+  right: 2em;
+  opacity: 0.3;
+  gap: 3px;
+`, h = i.div(
+  ({ withCollapse: o }) => e`
+    padding: 1.5em 2em;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+      margin-right: ${o ? "2em" : "1em"}; // Avoid overlap with close icon
+    }
+  `
+), s = i.div(
+  (o) => e`
+    padding: ${o.scrollable ? "0 0 1.5em 0" : "1.5em 2em"};
+    padding-top: 0;
+  `
+), b = i.div(
+  ({
+    hasActionButton: o,
+    isFullscreen: t,
+    windowHeight: p,
+    headerHeight: d
+  }) => e`
+    max-height: calc(
+      ${t ? p + "px" : "95vh"} -
+        ${o ? "200px" : t ? `${d}px - 1.5em - 2px` : "120px"}
+    );
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+    padding: 0 2em;
+
+    @media screen and (max-width: ${r.medium}) {
+      max-height: calc(
+        ${p + "px"} -
+          ${o ? "200px" : t ? `${d}px - 1.5em` : "120px"}
+      );
+    }
+  `
+), v = i.div`
+  display: flex;
+  justify-content: flex-end;
+  padding: 1.5em 2em;
+  padding-top: 1em;
+  border-top: 1px solid #d7d7d7;
+`;
+export {
+  v as ActionButtonWrapper,
+  f as CloseWrapper,
+  c as Content,
+  h as HeaderWrapper,
+  s as ModalContent,
+  g as Overlay,
+  b as ScrollableDiv
+};