@pod-os/elements 0.29.1-rc.0f2bda0.0 → 0.29.1-rc.1352e2e.0

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.
@@ -4885,6 +4885,8 @@ const redirectForLogin = async (idp, redirect_uri, client_details) => {
4885
4885
  // RFC 6749 - Section 3.1.2 - sanitize redirect_uri
4886
4886
  const redirect_uri_ = new URL(redirect_uri);
4887
4887
  const redirect_uri_sane = redirect_uri_.origin + redirect_uri_.pathname + redirect_uri_.search;
4888
+ // RFC 9207 iss check: remember the identity provider (idp) / issuer (iss)
4889
+ sessionStorage.setItem("idp", idp);
4888
4890
  // lookup openid configuration of idp
4889
4891
  const idp_origin = new URL(idp).origin;
4890
4892
  const openid_configuration = await fetch(`${idp_origin}/.well-known/openid-configuration`)
@@ -4894,13 +4896,6 @@ const redirectForLogin = async (idp, redirect_uri, client_details) => {
4894
4896
  }
4895
4897
  return response.json();
4896
4898
  });
4897
- // RFC 9207 iss check: remember the identity provider (idp) / issuer (iss) - relaxing for trailing slash
4898
- const issuer = openid_configuration["issuer"];
4899
- const trim_trailing_slash = (url) => (url.endsWith('/') ? url.slice(0, -1) : url);
4900
- if (trim_trailing_slash(idp) !== trim_trailing_slash(issuer)) { // expected idp matches received issuer mod trailing slash?
4901
- throw new Error("RFC 9207 - iss != idp - " + issuer + " != " + idp);
4902
- }
4903
- sessionStorage.setItem("idp", issuer);
4904
4899
  // remember token endpoint
4905
4900
  sessionStorage.setItem("token_endpoint", openid_configuration["token_endpoint"]);
4906
4901
  // remember jwks_uri for later token verification
@@ -11405,7 +11400,7 @@ PosSettingOfflineCache.style = PosSettingOfflineCacheStyle0;
11405
11400
 
11406
11401
  SlIcon.define("sl-icon");
11407
11402
 
11408
- const posToolSelectCss = ":host {\n --button-size: var(--size-16);\n display: block;\n position: sticky;\n align-self: flex-start;\n top: 0;\n overflow: auto;\n min-width: var(--button-size);\n z-index: var(--layer-1);\n}\n\n[role='tablist'] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n border-right: var(--size-px) solid var(--pos-border-color);\n\n button {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0;\n font-size: var(--size-6);\n position: relative;\n overflow: hidden;\n outline: none;\n border: none;\n width: var(--button-size);\n min-width: var(--button-size);\n height: var(--button-size);\n min-height: var(--button-size);\n background-color: var(--pos-background-color);\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 100%;\n background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\n transform: translate(-50%, -50%);\n opacity: 1;\n }\n\n &:active::after,\n &:focus::after {\n width: calc(var(--button-size) * 1.5);\n height: calc(var(--button-size) * 1.5);\n opacity: 0;\n transition:\n width 0.5s ease-out,\n height 0.5s ease-out,\n opacity 1s ease-out;\n }\n\n &:focus-visible {\n border: var(--size-px) solid var(--pos-primary-color);\n }\n\n @media (min-width: 640px) {\n &[aria-selected] {\n border-right: var(--size-1) solid var(--pos-primary-color);\n }\n }\n\n .text {\n font-size: var(--size-3);\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n }\n }\n}\n\n@media (max-width: 640px) {\n :host {\n position: fixed;\n top: unset;\n bottom: 0;\n width: 100dvw;\n }\n [role='tablist'] {\n flex-direction: row;\n background-color: var(--pos-background-color);\n\n border-top: var(--size-px) solid var(--pos-border-color);\n\n button {\n &[aria-selected] {\n border-top: var(--size-1) solid var(--pos-primary-color);\n }\n }\n }\n}\n";
11403
+ const posToolSelectCss = ":host {\n --button-size: var(--size-16);\n display: block;\n position: sticky;\n align-self: flex-start;\n top: 0;\n overflow: auto;\n min-width: var(--button-size);\n z-index: var(--layer-1);\n}\n\n[role='tablist'] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n border-right: var(--size-px) solid var(--pos-border-color);\n\n button {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 0;\n font-size: var(--size-6);\n position: relative;\n overflow: hidden;\n outline: none;\n border: none;\n width: var(--button-size);\n min-width: var(--button-size);\n height: var(--button-size);\n min-height: var(--button-size);\n background-color: var(--pos-background-color);\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 100%;\n background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\n transform: translate(-50%, -50%);\n opacity: 1;\n }\n\n &:active::after,\n &:focus::after {\n width: calc(var(--button-size) * 1.5);\n height: calc(var(--button-size) * 1.5);\n opacity: 0;\n transition:\n width 0.5s ease-out,\n height 0.5s ease-out,\n opacity 1s ease-out;\n }\n\n &:focus-visible {\n border: var(--size-px) solid var(--pos-primary-color);\n }\n\n &[aria-selected] {\n border-right: var(--size-1) solid var(--pos-primary-color);\n }\n\n .text {\n font-size: var(--size-3);\n white-space: nowrap;\n text-overflow: ellipsis;\n width: 100%;\n overflow: hidden;\n }\n }\n}\n\n@media (max-width: 640px) {\n :host {\n position: fixed;\n top: unset;\n bottom: 0;\n width: 100dvw;\n }\n [role='tablist'] {\n flex-direction: row;\n background-color: var(--pos-background-color);\n\n border-right: none;\n border-top: var(--size-px) solid var(--pos-border-color);\n\n button {\n &[aria-selected] {\n border-right: none;\n border-top: var(--size-1) solid var(--pos-primary-color);\n }\n }\n }\n}\n";
11409
11404
  const PosToolSelectStyle0 = posToolSelectCss;
11410
11405
 
11411
11406
  const PosToolSelect = class {