@descope/web-components-ui 1.100.0 → 1.101.0

package/dist/umd/8983.js

@@ -1,5 +1,122 @@
 /*! For license information please see 8983.js.LICENSE.txt */
-"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8983],{4080:(t,e,o)=>{o.d(e,{CI:()=>m,H8:()=>r,gm:()=>s,m0:()=>a,nr:()=>c,un:()=>d});const i=t=>t.test(navigator.userAgent),n=t=>t.test(navigator.platform),a=i(/Android/u),r=i(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=i(/Firefox/u),l=n(/^iPad/u)||n(/^Mac/u)&&navigator.maxTouchPoints>1,d=n(/^iPhone/u)||l,c=i(/^((?!chrome|android).)*safari/iu),m=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},18983:(t,e,o)=>{o(64511),o(9433),o(3241),o(83315);var i=o(87550);(0,i.SF)("vaadin-notification-card",i.AH`
+"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8983],{3241:(o,t,a)=>{a(88660);var e=a(87550),r=a(36411);const i=e.AH`
+  :host {
+    /* Border radius */
+    --lumo-border-radius-s: 0.25em; /* Checkbox, badge, date-picker year indicator, etc */
+    --lumo-border-radius-m: var(--lumo-border-radius, 0.25em); /* Button, text field, menu overlay, etc */
+    --lumo-border-radius-l: 0.5em; /* Dialog, notification, etc */
+
+    /* Shadow */
+    --lumo-box-shadow-xs: 0 1px 4px -1px var(--lumo-shade-50pct);
+    --lumo-box-shadow-s: 0 2px 4px -1px var(--lumo-shade-20pct), 0 3px 12px -1px var(--lumo-shade-30pct);
+    --lumo-box-shadow-m: 0 2px 6px -1px var(--lumo-shade-20pct), 0 8px 24px -4px var(--lumo-shade-40pct);
+    --lumo-box-shadow-l: 0 3px 18px -2px var(--lumo-shade-20pct), 0 12px 48px -6px var(--lumo-shade-40pct);
+    --lumo-box-shadow-xl: 0 4px 24px -3px var(--lumo-shade-20pct), 0 18px 64px -8px var(--lumo-shade-40pct);
+
+    /* Clickable element cursor */
+    --lumo-clickable-cursor: default;
+  }
+`;e.AH`
+  html {
+    /* Button */
+    --vaadin-button-background: var(--lumo-contrast-5pct);
+    --vaadin-button-border: none;
+    --vaadin-button-border-radius: var(--lumo-border-radius-m);
+    --vaadin-button-font-size: var(--lumo-font-size-m);
+    --vaadin-button-font-weight: 500;
+    --vaadin-button-height: var(--lumo-size-m);
+    --vaadin-button-margin: var(--lumo-space-xs) 0;
+    --vaadin-button-min-width: calc(var(--vaadin-button-height) * 2);
+    --vaadin-button-padding: 0 calc(var(--vaadin-button-height) / 3 + var(--lumo-border-radius-m) / 2);
+    --vaadin-button-text-color: var(--lumo-primary-text-color);
+    --vaadin-button-primary-background: var(--lumo-primary-color);
+    --vaadin-button-primary-border: none;
+    --vaadin-button-primary-font-weight: 600;
+    --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
+    --vaadin-button-tertiary-background: transparent !important;
+    --vaadin-button-tertiary-text-color: var(--lumo-primary-text-color);
+    --vaadin-button-tertiary-font-weight: 500;
+    --vaadin-button-tertiary-padding: 0 calc(var(--vaadin-button-height) / 6);
+    /* Checkbox */
+    --vaadin-checkbox-background: var(--lumo-contrast-20pct);
+    --vaadin-checkbox-background-hover: var(--lumo-contrast-30pct);
+    --vaadin-checkbox-border-radius: var(--lumo-border-radius-s);
+    --vaadin-checkbox-checkmark-char: var(--lumo-icons-checkmark);
+    --vaadin-checkbox-checkmark-char-indeterminate: '';
+    --vaadin-checkbox-checkmark-color: var(--lumo-primary-contrast-color);
+    --vaadin-checkbox-checkmark-size: calc(var(--vaadin-checkbox-size) + 2px);
+    --vaadin-checkbox-label-color: var(--lumo-body-text-color);
+    --vaadin-checkbox-label-font-size: var(--lumo-font-size-m);
+    --vaadin-checkbox-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs);
+    --vaadin-checkbox-size: calc(var(--lumo-size-m) / 2);
+    /* Radio button */
+    --vaadin-radio-button-background: var(--lumo-contrast-20pct);
+    --vaadin-radio-button-background-hover: var(--lumo-contrast-30pct);
+    --vaadin-radio-button-dot-color: var(--lumo-primary-contrast-color);
+    --vaadin-radio-button-dot-size: 3px;
+    --vaadin-radio-button-label-color: var(--lumo-body-text-color);
+    --vaadin-radio-button-label-font-size: var(--lumo-font-size-m);
+    --vaadin-radio-button-label-padding: var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs)
+      var(--lumo-space-xs);
+    --vaadin-radio-button-size: calc(var(--lumo-size-m) / 2);
+    --vaadin-selection-color: var(--lumo-primary-color);
+    --vaadin-selection-color-text: var(--lumo-primary-text-color);
+    --vaadin-input-field-border-radius: var(--lumo-border-radius-m);
+    --vaadin-focus-ring-color: var(--lumo-primary-color-50pct);
+    --vaadin-focus-ring-width: 2px;
+    /* Label */
+    --vaadin-input-field-label-color: var(--lumo-secondary-text-color);
+    --vaadin-input-field-focused-label-color: var(--lumo-primary-text-color);
+    --vaadin-input-field-hovered-label-color: var(--lumo-body-text-color);
+    --vaadin-input-field-label-font-size: var(--lumo-font-size-s);
+    --vaadin-input-field-label-font-weight: 500;
+    /* Helper */
+    --vaadin-input-field-helper-color: var(--lumo-secondary-text-color);
+    --vaadin-input-field-helper-font-size: var(--lumo-font-size-xs);
+    --vaadin-input-field-helper-font-weight: 400;
+    --vaadin-input-field-helper-spacing: 0.4em;
+    /* Error message */
+    --vaadin-input-field-error-color: var(--lumo-error-text-color);
+    --vaadin-input-field-error-font-size: var(--lumo-font-size-xs);
+    --vaadin-input-field-error-font-weight: 400;
+    /* Input field */
+    --vaadin-input-field-background: var(--lumo-contrast-10pct);
+    --vaadin-input-field-icon-color: var(--lumo-contrast-60pct);
+    --vaadin-input-field-icon-size: var(--lumo-icon-size-m);
+    --vaadin-input-field-invalid-background: var(--lumo-error-color-10pct);
+    --vaadin-input-field-invalid-hover-highlight: var(--lumo-error-color-50pct);
+    --vaadin-input-field-height: var(--lumo-size-m);
+    --vaadin-input-field-hover-highlight: var(--lumo-contrast-50pct);
+    --vaadin-input-field-placeholder-color: var(--lumo-secondary-text-color);
+    --vaadin-input-field-readonly-border: 1px dashed var(--lumo-contrast-30pct);
+    --vaadin-input-field-value-color: var(--lumo-body-text-color);
+    --vaadin-input-field-value-font-size: var(--lumo-font-size-m);
+    --vaadin-input-field-value-font-weight: 400;
+  }
+`,(0,r.q)("style-props",i)},4080:(o,t,a)=>{a.d(t,{CI:()=>m,H8:()=>n,gm:()=>l,m0:()=>i,nr:()=>d,un:()=>c});const e=o=>o.test(navigator.userAgent),r=o=>o.test(navigator.platform),i=e(/Android/u),n=e(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),l=e(/Firefox/u),s=r(/^iPad/u)||r(/^Mac/u)&&navigator.maxTouchPoints>1,c=r(/^iPhone/u)||s,d=e(/^((?!chrome|android).)*safari/iu),m=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(o){return!1}})()},9433:(o,t,a)=>{a(88660);var e=a(87550),r=a(36411);const i=e.AH`
+  :host {
+    /* Square */
+    --lumo-space-xs: 0.25rem;
+    --lumo-space-s: 0.5rem;
+    --lumo-space-m: 1rem;
+    --lumo-space-l: 1.5rem;
+    --lumo-space-xl: 2.5rem;
+
+    /* Wide */
+    --lumo-space-wide-xs: calc(var(--lumo-space-xs) / 2) var(--lumo-space-xs);
+    --lumo-space-wide-s: calc(var(--lumo-space-s) / 2) var(--lumo-space-s);
+    --lumo-space-wide-m: calc(var(--lumo-space-m) / 2) var(--lumo-space-m);
+    --lumo-space-wide-l: calc(var(--lumo-space-l) / 2) var(--lumo-space-l);
+    --lumo-space-wide-xl: calc(var(--lumo-space-xl) / 2) var(--lumo-space-xl);
+
+    /* Tall */
+    --lumo-space-tall-xs: var(--lumo-space-xs) calc(var(--lumo-space-xs) / 2);
+    --lumo-space-tall-s: var(--lumo-space-s) calc(var(--lumo-space-s) / 2);
+    --lumo-space-tall-m: var(--lumo-space-m) calc(var(--lumo-space-m) / 2);
+    --lumo-space-tall-l: var(--lumo-space-l) calc(var(--lumo-space-l) / 2);
+    --lumo-space-tall-xl: var(--lumo-space-xl) calc(var(--lumo-space-xl) / 2);
+  }
+`;(0,r.q)("spacing-props",i)},18983:(o,t,a)=>{a(64511),a(9433),a(3241),a(83315);var e=a(87550);(0,e.SF)("vaadin-notification-card",e.AH`
     :host {
       position: relative;
       margin: var(--lumo-space-s);
@@ -189,7 +306,7 @@
       --vaadin-button-primary-background: var(--lumo-shade-50pct);
       --vaadin-button-primary-text-color: var(--lumo-primary-contrast-color);
     }
-  `,{moduleId:"lumo-notification-card"});var n=o(13256),a=o(51450),r=o(73278),s=o(4080),l=o(82901),d=o(90676),c=o(55341),m=o(21255),u=o(75365);class h extends((0,i.cp)((0,d.q)(n.Pu))){static get template(){return n.qy`
+  `,{moduleId:"lumo-notification-card"});var r=a(13256),i=a(51450),n=a(73278),l=a(4080),s=a(82901),c=a(90676),d=a(55341),m=a(21255),u=a(75365);class p extends((0,e.cp)((0,c.q)(r.Pu))){static get template(){return r.qy`
       <style>
         :host {
           position: fixed;
@@ -256,7 +373,7 @@
         <div region="bottom-end"><slot name="bottom-end"></slot></div>
       </div>
       <div region="bottom-stretch"><slot name="bottom-stretch"></slot></div>
-    `}static get is(){return"vaadin-notification-container"}static get properties(){return{opened:{type:Boolean,value:!1,observer:"_openedChanged"}}}constructor(){super(),this._boundVaadinOverlayClose=this._onVaadinOverlayClose.bind(this),s.un&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}_openedChanged(t){t?(document.body.appendChild(this),document.addEventListener("vaadin-overlay-close",this._boundVaadinOverlayClose),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))):(document.body.removeChild(this),document.removeEventListener("vaadin-overlay-close",this._boundVaadinOverlayClose),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener))}_detectIosNavbar(){const t=window.innerHeight,e=window.innerWidth>t,o=document.documentElement.clientHeight;this.style.bottom=e&&o>t?o-t+"px":"0"}_onVaadinOverlayClose(t){const e=t.detail.sourceEvent;e&&e.composedPath().indexOf(this)>=0&&t.preventDefault()}}class p extends((0,i.cp)(n.Pu)){static get template(){return n.qy`
+    `}static get is(){return"vaadin-notification-container"}static get properties(){return{opened:{type:Boolean,value:!1,observer:"_openedChanged"}}}constructor(){super(),this._boundVaadinOverlayClose=this._onVaadinOverlayClose.bind(this),l.un&&(this._boundIosResizeListener=()=>this._detectIosNavbar())}_openedChanged(o){o?(document.body.appendChild(this),document.addEventListener("vaadin-overlay-close",this._boundVaadinOverlayClose),this._boundIosResizeListener&&(this._detectIosNavbar(),window.addEventListener("resize",this._boundIosResizeListener))):(document.body.removeChild(this),document.removeEventListener("vaadin-overlay-close",this._boundVaadinOverlayClose),this._boundIosResizeListener&&window.removeEventListener("resize",this._boundIosResizeListener))}_detectIosNavbar(){const o=window.innerHeight,t=window.innerWidth>o,a=document.documentElement.clientHeight;this.style.bottom=t&&a>o?a-o+"px":"0"}_onVaadinOverlayClose(o){const t=o.detail.sourceEvent;t&&t.composedPath().indexOf(this)>=0&&o.preventDefault()}}class h extends((0,e.cp)(r.Pu)){static get template(){return r.qy`
       <style>
         :host {
           display: block;
@@ -278,14 +395,214 @@
           <slot></slot>
         </div>
       </div>
-    `}static get is(){return"vaadin-notification-card"}ready(){super.ready(),this.setAttribute("role","alert"),this.setAttribute("aria-live","polite")}}class v extends((0,c.i)((0,u._)((0,d.q)(n.Pu)))){static get template(){return n.qy`
+    `}static get is(){return"vaadin-notification-card"}ready(){super.ready(),this.setAttribute("role","alert"),this.setAttribute("aria-live","polite")}}class v extends((0,d.i)((0,u._)((0,c.q)(r.Pu)))){static get template(){return r.qy`
       <style>
         :host {
           display: none !important;
         }
       </style>
       <vaadin-notification-card theme$="[[_theme]]"> </vaadin-notification-card>
-    `}static get is(){return"vaadin-notification"}static get properties(){return{duration:{type:Number,value:5e3},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},position:{type:String,value:"bottom-start",observer:"_positionChanged"},renderer:Function}}static get observers(){return["_durationChanged(duration, opened)","_rendererChanged(renderer, opened, _overlayElement)"]}static show(t,e){return(0,r.qb)(t)?v._createAndShowNotification((e=>{(0,a.XX)(t,e)}),e):v._createAndShowNotification((e=>{e.innerText=t}),e)}static _createAndShowNotification(t,e){const o=document.createElement(v.is);return e&&Number.isFinite(e.duration)&&(o.duration=e.duration),e&&e.position&&(o.position=e.position),e&&e.theme&&o.setAttribute("theme",e.theme),o.renderer=t,document.body.appendChild(o),o.opened=!0,o.addEventListener("opened-changed",(t=>{t.detail.value||o.remove()})),o}get _container(){return v._container||(v._container=document.createElement("vaadin-notification-container"),document.body.appendChild(v._container)),v._container}get _card(){return this._overlayElement}ready(){super.ready(),this._overlayElement=this.shadowRoot.querySelector("vaadin-notification-card"),(0,m.h)(this)}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask((()=>{this.isConnected||(this.opened=!1)}))}requestContentUpdate(){this.renderer&&this.renderer(this._card,this)}_rendererChanged(t,e,o){if(!o)return;const i=this._oldRenderer!==t;this._oldRenderer=t,i&&(o.innerHTML="",delete o._$litPart$),e&&(this._didAnimateNotificationAppend||this._animatedAppendNotificationCard(),this.requestContentUpdate())}open(){this.opened=!0}close(){this.opened=!1}_openedChanged(t){t?(this._container.opened=!0,this._animatedAppendNotificationCard()):this._card&&this._closeNotificationCard()}_animatedAppendNotificationCard(){if(this._card){this._card.setAttribute("opening",""),this._appendNotificationCard();const t=()=>{this._card.removeEventListener("animationend",t),this._card.removeAttribute("opening")};this._card.addEventListener("animationend",t),this._didAnimateNotificationAppend=!0}else this._didAnimateNotificationAppend=!1}_appendNotificationCard(){this._card&&(this._container.shadowRoot.querySelector(`slot[name="${this.position}"]`)?(this._card.slot=this.position,this._container.firstElementChild&&/top/u.test(this.position)?this._container.insertBefore(this._card,this._container.firstElementChild):this._container.appendChild(this._card)):console.warn(`Invalid alignment parameter provided: position=${this.position}`))}_removeNotificationCard(){this._card.parentNode&&this._card.parentNode.removeChild(this._card),this._card.removeAttribute("closing"),this._container.opened=Boolean(this._container.firstElementChild)}_closeNotificationCard(){this._durationTimeoutId&&clearTimeout(this._durationTimeoutId),this._animatedRemoveNotificationCard()}_animatedRemoveNotificationCard(){this._card.setAttribute("closing","");const t=getComputedStyle(this._card).getPropertyValue("animation-name");if(t&&"none"!==t){const t=()=>{this._removeNotificationCard(),this._card.removeEventListener("animationend",t)};this._card.addEventListener("animationend",t)}else this._removeNotificationCard()}_positionChanged(){this.opened&&this._animatedAppendNotificationCard()}_durationChanged(t,e){e&&(clearTimeout(this._durationTimeoutId),t>0&&(this._durationTimeoutId=setTimeout((()=>this.close()),t)))}}(0,l.X)(h),(0,l.X)(p),(0,l.X)(v)},21255:(t,e,o)=>{function i(t){window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(t):t.querySelector("template")&&console.warn(`WARNING: <template> inside <${t.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}o.d(e,{h:()=>i})},55341:(t,e,o)=>{o.d(e,{i:()=>i});const i=t=>class extends t{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(t,e){if(!e)return;if(void 0===t)return;const{classList:o}=e;if(this.__initialClasses||(this.__initialClasses=new Set(o)),Array.isArray(this.__previousClasses)){const t=this.__previousClasses.filter((t=>!this.__initialClasses.has(t)));t.length>0&&o.remove(...t)}const i="string"==typeof t?t.split(" ").filter(Boolean):[];i.length>0&&o.add(...i),this.__previousClasses=i}}},73278:(t,e,o)=>{o.d(e,{Qk:()=>a,qb:()=>r});var i=o(55670);const{I:n}=i.ge,a={HTML:1,SVG:2,MATHML:3},r=(t,e)=>void 0===e?void 0!==t?._$litType$:t?._$litType$===e},83315:(t,e,o)=>{o(88660);var i=o(87550),n=o(36411);const a=i.AH`
+    `}static get is(){return"vaadin-notification"}static get properties(){return{duration:{type:Number,value:5e3},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},position:{type:String,value:"bottom-start",observer:"_positionChanged"},renderer:Function}}static get observers(){return["_durationChanged(duration, opened)","_rendererChanged(renderer, opened, _overlayElement)"]}static show(o,t){return(0,n.qb)(o)?v._createAndShowNotification((t=>{(0,i.XX)(o,t)}),t):v._createAndShowNotification((t=>{t.innerText=o}),t)}static _createAndShowNotification(o,t){const a=document.createElement(v.is);return t&&Number.isFinite(t.duration)&&(a.duration=t.duration),t&&t.position&&(a.position=t.position),t&&t.theme&&a.setAttribute("theme",t.theme),a.renderer=o,document.body.appendChild(a),a.opened=!0,a.addEventListener("opened-changed",(o=>{o.detail.value||a.remove()})),a}get _container(){return v._container||(v._container=document.createElement("vaadin-notification-container"),document.body.appendChild(v._container)),v._container}get _card(){return this._overlayElement}ready(){super.ready(),this._overlayElement=this.shadowRoot.querySelector("vaadin-notification-card"),(0,m.h)(this)}disconnectedCallback(){super.disconnectedCallback(),queueMicrotask((()=>{this.isConnected||(this.opened=!1)}))}requestContentUpdate(){this.renderer&&this.renderer(this._card,this)}_rendererChanged(o,t,a){if(!a)return;const e=this._oldRenderer!==o;this._oldRenderer=o,e&&(a.innerHTML="",delete a._$litPart$),t&&(this._didAnimateNotificationAppend||this._animatedAppendNotificationCard(),this.requestContentUpdate())}open(){this.opened=!0}close(){this.opened=!1}_openedChanged(o){o?(this._container.opened=!0,this._animatedAppendNotificationCard()):this._card&&this._closeNotificationCard()}_animatedAppendNotificationCard(){if(this._card){this._card.setAttribute("opening",""),this._appendNotificationCard();const o=()=>{this._card.removeEventListener("animationend",o),this._card.removeAttribute("opening")};this._card.addEventListener("animationend",o),this._didAnimateNotificationAppend=!0}else this._didAnimateNotificationAppend=!1}_appendNotificationCard(){this._card&&(this._container.shadowRoot.querySelector(`slot[name="${this.position}"]`)?(this._card.slot=this.position,this._container.firstElementChild&&/top/u.test(this.position)?this._container.insertBefore(this._card,this._container.firstElementChild):this._container.appendChild(this._card)):console.warn(`Invalid alignment parameter provided: position=${this.position}`))}_removeNotificationCard(){this._card.parentNode&&this._card.parentNode.removeChild(this._card),this._card.removeAttribute("closing"),this._container.opened=Boolean(this._container.firstElementChild)}_closeNotificationCard(){this._durationTimeoutId&&clearTimeout(this._durationTimeoutId),this._animatedRemoveNotificationCard()}_animatedRemoveNotificationCard(){this._card.setAttribute("closing","");const o=getComputedStyle(this._card).getPropertyValue("animation-name");if(o&&"none"!==o){const o=()=>{this._removeNotificationCard(),this._card.removeEventListener("animationend",o)};this._card.addEventListener("animationend",o)}else this._removeNotificationCard()}_positionChanged(){this.opened&&this._animatedAppendNotificationCard()}_durationChanged(o,t){t&&(clearTimeout(this._durationTimeoutId),o>0&&(this._durationTimeoutId=setTimeout((()=>this.close()),o)))}}(0,s.X)(p),(0,s.X)(h),(0,s.X)(v)},21255:(o,t,a)=>{function e(o){window.Vaadin&&window.Vaadin.templateRendererCallback?window.Vaadin.templateRendererCallback(o):o.querySelector("template")&&console.warn(`WARNING: <template> inside <${o.localName}> is no longer supported. Import @vaadin/polymer-legacy-adapter/template-renderer.js to enable compatibility.`)}a.d(t,{h:()=>e})},55341:(o,t,a)=>{a.d(t,{i:()=>e});const e=o=>class extends o{static get properties(){return{overlayClass:{type:String},_overlayElement:{type:Object}}}static get observers(){return["__updateOverlayClassNames(overlayClass, _overlayElement)"]}__updateOverlayClassNames(o,t){if(!t)return;if(void 0===o)return;const{classList:a}=t;if(this.__initialClasses||(this.__initialClasses=new Set(a)),Array.isArray(this.__previousClasses)){const o=this.__previousClasses.filter((o=>!this.__initialClasses.has(o)));o.length>0&&a.remove(...o)}const e="string"==typeof o?o.split(" ").filter(Boolean):[];e.length>0&&a.add(...e),this.__previousClasses=e}}},64511:(o,t,a)=>{a(88660);var e=a(87550),r=a(36411);const i=e.AH`
+  :host {
+    /* Base (background) */
+    --lumo-base-color: #fff;
+
+    /* Tint */
+    --lumo-tint-5pct: hsla(0, 0%, 100%, 0.3);
+    --lumo-tint-10pct: hsla(0, 0%, 100%, 0.37);
+    --lumo-tint-20pct: hsla(0, 0%, 100%, 0.44);
+    --lumo-tint-30pct: hsla(0, 0%, 100%, 0.5);
+    --lumo-tint-40pct: hsla(0, 0%, 100%, 0.57);
+    --lumo-tint-50pct: hsla(0, 0%, 100%, 0.64);
+    --lumo-tint-60pct: hsla(0, 0%, 100%, 0.7);
+    --lumo-tint-70pct: hsla(0, 0%, 100%, 0.77);
+    --lumo-tint-80pct: hsla(0, 0%, 100%, 0.84);
+    --lumo-tint-90pct: hsla(0, 0%, 100%, 0.9);
+    --lumo-tint: #fff;
+
+    /* Shade */
+    --lumo-shade-5pct: hsla(214, 61%, 25%, 0.05);
+    --lumo-shade-10pct: hsla(214, 57%, 24%, 0.1);
+    --lumo-shade-20pct: hsla(214, 53%, 23%, 0.16);
+    --lumo-shade-30pct: hsla(214, 50%, 22%, 0.26);
+    --lumo-shade-40pct: hsla(214, 47%, 21%, 0.38);
+    --lumo-shade-50pct: hsla(214, 45%, 20%, 0.52);
+    --lumo-shade-60pct: hsla(214, 43%, 19%, 0.6);
+    --lumo-shade-70pct: hsla(214, 42%, 18%, 0.69);
+    --lumo-shade-80pct: hsla(214, 41%, 17%, 0.83);
+    --lumo-shade-90pct: hsla(214, 40%, 16%, 0.94);
+    --lumo-shade: hsl(214, 35%, 15%);
+
+    /* Contrast */
+    --lumo-contrast-5pct: var(--lumo-shade-5pct);
+    --lumo-contrast-10pct: var(--lumo-shade-10pct);
+    --lumo-contrast-20pct: var(--lumo-shade-20pct);
+    --lumo-contrast-30pct: var(--lumo-shade-30pct);
+    --lumo-contrast-40pct: var(--lumo-shade-40pct);
+    --lumo-contrast-50pct: var(--lumo-shade-50pct);
+    --lumo-contrast-60pct: var(--lumo-shade-60pct);
+    --lumo-contrast-70pct: var(--lumo-shade-70pct);
+    --lumo-contrast-80pct: var(--lumo-shade-80pct);
+    --lumo-contrast-90pct: var(--lumo-shade-90pct);
+    --lumo-contrast: var(--lumo-shade);
+
+    /* Text */
+    --lumo-header-text-color: var(--lumo-contrast);
+    --lumo-body-text-color: var(--lumo-contrast-90pct);
+    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
+    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
+    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
+
+    /* Primary */
+    --lumo-primary-color: hsl(214, 100%, 48%);
+    --lumo-primary-color-50pct: hsla(214, 100%, 49%, 0.76);
+    --lumo-primary-color-10pct: hsla(214, 100%, 60%, 0.13);
+    --lumo-primary-text-color: hsl(214, 100%, 43%);
+    --lumo-primary-contrast-color: #fff;
+
+    /* Error */
+    --lumo-error-color: hsl(3, 85%, 48%);
+    --lumo-error-color-50pct: hsla(3, 85%, 49%, 0.5);
+    --lumo-error-color-10pct: hsla(3, 85%, 49%, 0.1);
+    --lumo-error-text-color: hsl(3, 89%, 42%);
+    --lumo-error-contrast-color: #fff;
+
+    /* Success */
+    --lumo-success-color: hsl(145, 72%, 30%);
+    --lumo-success-color-50pct: hsla(145, 72%, 31%, 0.5);
+    --lumo-success-color-10pct: hsla(145, 72%, 31%, 0.1);
+    --lumo-success-text-color: hsl(145, 85%, 25%);
+    --lumo-success-contrast-color: #fff;
+
+    /* Warning */
+    --lumo-warning-color: hsl(48, 100%, 50%);
+    --lumo-warning-color-10pct: hsla(48, 100%, 50%, 0.25);
+    --lumo-warning-text-color: hsl(32, 100%, 30%);
+    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
+  }
+
+  /* forced-colors mode adjustments */
+  @media (forced-colors: active) {
+    html {
+      --lumo-disabled-text-color: GrayText;
+    }
+  }
+`;(0,r.q)("color-props",i);const n=e.AH`
+  [theme~='dark'] {
+    /* Base (background) */
+    --lumo-base-color: hsl(214, 35%, 21%);
+
+    /* Tint */
+    --lumo-tint-5pct: hsla(214, 65%, 85%, 0.06);
+    --lumo-tint-10pct: hsla(214, 60%, 80%, 0.14);
+    --lumo-tint-20pct: hsla(214, 64%, 82%, 0.23);
+    --lumo-tint-30pct: hsla(214, 69%, 84%, 0.32);
+    --lumo-tint-40pct: hsla(214, 73%, 86%, 0.41);
+    --lumo-tint-50pct: hsla(214, 78%, 88%, 0.5);
+    --lumo-tint-60pct: hsla(214, 82%, 90%, 0.58);
+    --lumo-tint-70pct: hsla(214, 87%, 92%, 0.69);
+    --lumo-tint-80pct: hsla(214, 91%, 94%, 0.8);
+    --lumo-tint-90pct: hsla(214, 96%, 96%, 0.9);
+    --lumo-tint: hsl(214, 100%, 98%);
+
+    /* Shade */
+    --lumo-shade-5pct: hsla(214, 0%, 0%, 0.07);
+    --lumo-shade-10pct: hsla(214, 4%, 2%, 0.15);
+    --lumo-shade-20pct: hsla(214, 8%, 4%, 0.23);
+    --lumo-shade-30pct: hsla(214, 12%, 6%, 0.32);
+    --lumo-shade-40pct: hsla(214, 16%, 8%, 0.41);
+    --lumo-shade-50pct: hsla(214, 20%, 10%, 0.5);
+    --lumo-shade-60pct: hsla(214, 24%, 12%, 0.6);
+    --lumo-shade-70pct: hsla(214, 28%, 13%, 0.7);
+    --lumo-shade-80pct: hsla(214, 32%, 13%, 0.8);
+    --lumo-shade-90pct: hsla(214, 33%, 13%, 0.9);
+    --lumo-shade: hsl(214, 33%, 13%);
+
+    /* Contrast */
+    --lumo-contrast-5pct: var(--lumo-tint-5pct);
+    --lumo-contrast-10pct: var(--lumo-tint-10pct);
+    --lumo-contrast-20pct: var(--lumo-tint-20pct);
+    --lumo-contrast-30pct: var(--lumo-tint-30pct);
+    --lumo-contrast-40pct: var(--lumo-tint-40pct);
+    --lumo-contrast-50pct: var(--lumo-tint-50pct);
+    --lumo-contrast-60pct: var(--lumo-tint-60pct);
+    --lumo-contrast-70pct: var(--lumo-tint-70pct);
+    --lumo-contrast-80pct: var(--lumo-tint-80pct);
+    --lumo-contrast-90pct: var(--lumo-tint-90pct);
+    --lumo-contrast: var(--lumo-tint);
+
+    /* Text */
+    --lumo-header-text-color: var(--lumo-contrast);
+    --lumo-body-text-color: var(--lumo-contrast-90pct);
+    --lumo-secondary-text-color: var(--lumo-contrast-70pct);
+    --lumo-tertiary-text-color: var(--lumo-contrast-50pct);
+    --lumo-disabled-text-color: var(--lumo-contrast-30pct);
+
+    /* Primary */
+    --lumo-primary-color: hsl(214, 90%, 48%);
+    --lumo-primary-color-50pct: hsla(214, 90%, 70%, 0.69);
+    --lumo-primary-color-10pct: hsla(214, 90%, 55%, 0.13);
+    --lumo-primary-text-color: hsl(214, 90%, 77%);
+    --lumo-primary-contrast-color: #fff;
+
+    /* Error */
+    --lumo-error-color: hsl(3, 79%, 49%);
+    --lumo-error-color-50pct: hsla(3, 75%, 62%, 0.5);
+    --lumo-error-color-10pct: hsla(3, 75%, 62%, 0.14);
+    --lumo-error-text-color: hsl(3, 100%, 80%);
+
+    /* Success */
+    --lumo-success-color: hsl(145, 72%, 30%);
+    --lumo-success-color-50pct: hsla(145, 92%, 51%, 0.5);
+    --lumo-success-color-10pct: hsla(145, 92%, 51%, 0.1);
+    --lumo-success-text-color: hsl(145, 85%, 46%);
+
+    /* Warning */
+    --lumo-warning-color: hsl(43, 100%, 48%);
+    --lumo-warning-color-10pct: hsla(40, 100%, 50%, 0.2);
+    --lumo-warning-text-color: hsl(45, 100%, 60%);
+    --lumo-warning-contrast-color: var(--lumo-shade-90pct);
+  }
+
+  html {
+    color: var(--lumo-body-text-color);
+    background-color: var(--lumo-base-color);
+    color-scheme: light;
+  }
+
+  [theme~='dark'] {
+    color: var(--lumo-body-text-color);
+    background-color: var(--lumo-base-color);
+    color-scheme: dark;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: var(--lumo-header-text-color);
+  }
+
+  a:where(:any-link) {
+    color: var(--lumo-primary-text-color);
+  }
+
+  a:not(:any-link) {
+    color: var(--lumo-disabled-text-color);
+  }
+
+  blockquote {
+    color: var(--lumo-secondary-text-color);
+  }
+
+  code,
+  pre {
+    background-color: var(--lumo-contrast-10pct);
+    border-radius: var(--lumo-border-radius-m);
+  }
+`;(0,e.SF)("",n,{moduleId:"lumo-color"})},73278:(o,t,a)=>{a.d(t,{Qk:()=>i,qb:()=>n});var e=a(55670);const{I:r}=e.ge,i={HTML:1,SVG:2,MATHML:3},n=(o,t)=>void 0===t?void 0!==o?._$litType$:o?._$litType$===t},83315:(o,t,a)=>{a(88660);var e=a(87550),r=a(36411);const i=e.AH`
   :host {
     /* prettier-ignore */
     --lumo-font-family: -apple-system, BlinkMacSystemFont, 'Roboto', 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
@@ -305,7 +622,7 @@
     --lumo-line-height-s: 1.375;
     --lumo-line-height-m: 1.625;
   }
-`,r=i.AH`
+`,n=e.AH`
   body,
   :host {
     font-family: var(--lumo-font-family);
@@ -397,5 +714,5 @@
     border-left: none;
     border-right: 2px solid var(--lumo-contrast-30pct);
   }
-`;(0,i.SF)("",r,{moduleId:"lumo-typography"}),(0,n.q)("typography-props",a)}}]);
+`;(0,e.SF)("",n,{moduleId:"lumo-typography"}),(0,r.q)("typography-props",i)}}]);
 //# sourceMappingURL=8983.js.map