@hotosm/ui 0.2.0-a10 → 0.2.0-a11
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/components/index.js +4 -0
- package/dist/components.js +14 -14
- package/package.json +1 -1
- package/react/index.js +0 -4
package/components/index.js
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
// Index to import all components together
|
|
2
2
|
// import '@hotosm/ui/components';
|
|
3
|
+
// setBasePath makes the icons available via CDN, instead of expecting them to be
|
|
4
|
+
// on the webserver the runs the web-component
|
|
5
|
+
import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path.js';
|
|
6
|
+
setBasePath('https://cdn.jsdelivr.net/npm/@hotosm/ui@latest/dist');
|
|
3
7
|
export { default as Button } from './Button';
|
|
4
8
|
export { default as Header } from './Header';
|
|
5
9
|
export { default as Toolbar } from './Toolbar';
|
package/dist/components.js
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
|
+
var t="";function e(e){t=e}var o=Object.defineProperty,r=Object.defineProperties,i=Object.getOwnPropertyDescriptor,n=Object.getOwnPropertyDescriptors,s=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,c=(t,e,r)=>e in t?o(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,d=(t,e)=>{for(var o in e||(e={}))a.call(e,o)&&c(t,o,e[o]);if(s)for(var o of s(e))l.call(e,o)&&c(t,o,e[o]);return t},h=(t,e)=>r(t,n(e)),u=(t,e,r,n)=>{for(var s,a=n>1?void 0:n?i(e,r):e,l=t.length-1;l>=0;l--)(s=t[l])&&(a=(n?s(e,r,a):s(a))||a);return n&&a&&o(e,r,a),a};
|
|
1
2
|
/**
|
|
2
3
|
* @license
|
|
3
4
|
* Copyright 2019 Google LLC
|
|
4
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
6
|
*/
|
|
6
|
-
const
|
|
7
|
+
const p=globalThis,b=p.ShadowRoot&&(void 0===p.ShadyCSS||p.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,f=Symbol(),g=new WeakMap;let m=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==f)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(b&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=g.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&g.set(e,t))}return t}toString(){return this.cssText}};const v=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(o)+t[r+1]),t[0]);return new m(o,t,f)},y=b?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new m("string"==typeof t?t:t+"",void 0,f))(e)})(t):t
|
|
7
8
|
/**
|
|
8
9
|
* @license
|
|
9
10
|
* Copyright 2017 Google LLC
|
|
10
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
-
*/,{is:
|
|
12
|
+
*/,{is:w,defineProperty:x,getOwnPropertyDescriptor:_,getOwnPropertyNames:$,getOwnPropertySymbols:k,getPrototypeOf:A}=Object,C=globalThis,E=C.trustedTypes,S=E?E.emptyScript:"",P=C.reactiveElementPolyfillSupport,z=(t,e)=>t,O={toAttribute(t,e){switch(e){case Boolean:t=t?S:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},L=(t,e)=>!w(t,e),T={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:L};Symbol.metadata??=Symbol("metadata"),C.litPropertyMetadata??=new WeakMap;class R extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=T){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),r=this.getPropertyDescriptor(t,o,e);void 0!==r&&x(this.prototype,t,r)}}static getPropertyDescriptor(t,e,o){const{get:r,set:i}=_(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return r?.call(this)},set(e){const n=r?.call(this);i.call(this,e),this.requestUpdate(t,n,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??T}static _$Ei(){if(this.hasOwnProperty(z("elementProperties")))return;const t=A(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(z("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(z("properties"))){const t=this.properties,e=[...$(t),...k(t)];for(const o of e)this.createProperty(o,t[o])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,o]of e)this.elementProperties.set(t,o)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const o=this._$Eu(t,e);void 0!==o&&this._$Eh.set(o,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(y(t))}else void 0!==t&&e.push(y(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(b)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const o of e){const e=document.createElement("style"),r=p.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=o.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EC(t,e){const o=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,o);if(void 0!==r&&!0===o.reflect){const i=(void 0!==o.converter?.toAttribute?o.converter:O).toAttribute(e,o.type);this._$Em=t,null==i?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(t,e){const o=this.constructor,r=o._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=o.getPropertyOptions(r),i="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:O;this._$Em=r,this[r]=i.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,o){if(void 0!==t){if(o??=this.constructor.getPropertyOptions(t),!(o.hasChanged??L)(this[t],e))return;this.P(t,e,o)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,o){this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t)!0!==o.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}R.elementStyles=[],R.shadowRootOptions={mode:"open"},R[z("elementProperties")]=new Map,R[z("finalized")]=new Map,P?.({ReactiveElement:R}),(C.reactiveElementVersions??=[]).push("2.0.4");
|
|
12
13
|
/**
|
|
13
14
|
* @license
|
|
14
15
|
* Copyright 2017 Google LLC
|
|
15
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
16
17
|
*/
|
|
17
|
-
const
|
|
18
|
+
const B=globalThis,M=B.trustedTypes,N=M?M.createPolicy("lit-html",{createHTML:t=>t}):void 0,U="$lit$",D=`lit$${Math.random().toFixed(9).slice(2)}$`,F="?"+D,V=`<${F}>`,j=document,I=()=>j.createComment(""),H=t=>null===t||"object"!=typeof t&&"function"!=typeof t,W=Array.isArray,q="[ \t\n\f\r]",G=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,K=/-->/g,Z=/>/g,X=RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),Y=/'/g,J=/"/g,Q=/^(?:script|style|textarea|title)$/i,tt=(t=>(e,...o)=>({_$litType$:t,strings:e,values:o}))(1),et=Symbol.for("lit-noChange"),ot=Symbol.for("lit-nothing"),rt=new WeakMap,it=j.createTreeWalker(j,129);function nt(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==N?N.createHTML(e):e}const st=(t,e)=>{const o=t.length-1,r=[];let i,n=2===e?"<svg>":"",s=G;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===G?"!--"===l[1]?s=K:void 0!==l[1]?s=Z:void 0!==l[2]?(Q.test(l[2])&&(i=RegExp("</"+l[2],"g")),s=X):void 0!==l[3]&&(s=X):s===X?">"===l[0]?(s=i??G,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?X:'"'===l[3]?J:Y):s===J||s===Y?s=X:s===K||s===Z?s=G:(s=X,i=void 0);const h=s===X&&t[e+1].startsWith("/>")?" ":"";n+=s===G?o+V:c>=0?(r.push(a),o.slice(0,c)+U+o.slice(c)+D+h):o+D+(-2===c?e:h)}return[nt(t,n+(t[o]||"<?>")+(2===e?"</svg>":"")),r]};class at{constructor({strings:t,_$litType$:e},o){let r;this.parts=[];let i=0,n=0;const s=t.length-1,a=this.parts,[l,c]=st(t,e);if(this.el=at.createElement(l,o),it.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=it.nextNode())&&a.length<s;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(U)){const e=c[n++],o=r.getAttribute(t).split(D),s=/([.?@])?(.*)/.exec(e);a.push({type:1,index:i,name:s[2],strings:o,ctor:"."===s[1]?ut:"?"===s[1]?pt:"@"===s[1]?bt:ht}),r.removeAttribute(t)}else t.startsWith(D)&&(a.push({type:6,index:i}),r.removeAttribute(t));if(Q.test(r.tagName)){const t=r.textContent.split(D),e=t.length-1;if(e>0){r.textContent=M?M.emptyScript:"";for(let o=0;o<e;o++)r.append(t[o],I()),it.nextNode(),a.push({type:2,index:++i});r.append(t[e],I())}}}else if(8===r.nodeType)if(r.data===F)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(D,t+1));)a.push({type:7,index:i}),t+=D.length-1}i++}}static createElement(t,e){const o=j.createElement("template");return o.innerHTML=t,o}}function lt(t,e,o=t,r){if(e===et)return e;let i=void 0!==r?o._$Co?.[r]:o._$Cl;const n=H(e)?void 0:e._$litDirective$;return i?.constructor!==n&&(i?._$AO?.(!1),void 0===n?i=void 0:(i=new n(t),i._$AT(t,o,r)),void 0!==r?(o._$Co??=[])[r]=i:o._$Cl=i),void 0!==i&&(e=lt(t,i._$AS(t,e.values),i,r)),e}class ct{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,r=(t?.creationScope??j).importNode(e,!0);it.currentNode=r;let i=it.nextNode(),n=0,s=0,a=o[0];for(;void 0!==a;){if(n===a.index){let e;2===a.type?e=new dt(i,i.nextSibling,this,t):1===a.type?e=new a.ctor(i,a.name,a.strings,this,t):6===a.type&&(e=new ft(i,this,t)),this._$AV.push(e),a=o[++s]}n!==a?.index&&(i=it.nextNode(),n++)}return it.currentNode=j,r}p(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class dt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,o,r){this.type=2,this._$AH=ot,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=lt(this,t,e),H(t)?t===ot||null==t||""===t?(this._$AH!==ot&&this._$AR(),this._$AH=ot):t!==this._$AH&&t!==et&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>W(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==ot&&H(this._$AH)?this._$AA.nextSibling.data=t:this.T(j.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:o}=t,r="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=at.createElement(nt(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new ct(r,this),o=t.u(this.options);t.p(e),this.T(o),this._$AH=t}}_$AC(t){let e=rt.get(t.strings);return void 0===e&&rt.set(t.strings,e=new at(t)),e}k(t){W(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,r=0;for(const i of t)r===e.length?e.push(o=new dt(this.S(I()),this.S(I()),this,this.options)):o=e[r],o._$AI(i),r++;r<e.length&&(this._$AR(o&&o._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class ht{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,r,i){this.type=1,this._$AH=ot,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=i,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=ot}_$AI(t,e=this,o,r){const i=this.strings;let n=!1;if(void 0===i)t=lt(this,t,e,0),n=!H(t)||t!==this._$AH&&t!==et,n&&(this._$AH=t);else{const r=t;let s,a;for(t=i[0],s=0;s<i.length-1;s++)a=lt(this,r[o+s],e,s),a===et&&(a=this._$AH[s]),n||=!H(a)||a!==this._$AH[s],a===ot?t=ot:t!==ot&&(t+=(a??"")+i[s+1]),this._$AH[s]=a}n&&!r&&this.j(t)}j(t){t===ot?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class ut extends ht{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===ot?void 0:t}}class pt extends ht{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==ot)}}class bt extends ht{constructor(t,e,o,r,i){super(t,e,o,r,i),this.type=5}_$AI(t,e=this){if((t=lt(this,t,e,0)??ot)===et)return;const o=this._$AH,r=t===ot&&o!==ot||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,i=t!==ot&&(o===ot||r);r&&this.element.removeEventListener(this.name,this,o),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ft{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){lt(this,t)}}const gt=B.litHtmlPolyfillSupport;gt?.(at,dt),(B.litHtmlVersions??=[]).push("3.1.3");
|
|
18
19
|
/**
|
|
19
20
|
* @license
|
|
20
21
|
* Copyright 2017 Google LLC
|
|
21
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
22
23
|
*/
|
|
23
|
-
let
|
|
24
|
+
let mt=class extends R{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{const r=o?.renderBefore??e;let i=r._$litPart$;if(void 0===i){const t=o?.renderBefore??null;r._$litPart$=i=new dt(e.insertBefore(I(),t),t,void 0,o??{})}return i._$AI(t),i})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return et}};mt._$litElement$=!0,mt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:mt});const vt=globalThis.litElementPolyfillSupport;vt?.({LitElement:mt}),(globalThis.litElementVersions??=[]).push("4.0.5");var yt=v`:host{--track-width:2px;--track-color:rgb(128 128 128 / 25%);--indicator-color:var(--sl-color-primary-600);--speed:2s;display:inline-flex;width:1em;height:1em;flex:none}.spinner{flex:1 1 auto;height:100%;width:100%}.spinner__indicator,.spinner__track{fill:none;stroke-width:var(--track-width);transform-origin:50% 50%}.spinner__track{stroke:var(--track-color);transform-origin:0 0}.spinner__indicator{stroke:var(--indicator-color);stroke-linecap:round;stroke-dasharray:150% 75%;animation:spin var(--speed) linear infinite}@keyframes spin{0%{transform:rotate(0);stroke-dasharray:.05em,3em}50%{transform:rotate(450deg);stroke-dasharray:1.375em,1.375em}100%{transform:rotate(1080deg);stroke-dasharray:.05em,3em}}`;const wt=new Set,xt=new MutationObserver(Et),_t=new Map;let $t,kt=document.documentElement.dir||"ltr",At=document.documentElement.lang||navigator.language;function Ct(...t){t.map((t=>{const e=t.$code.toLowerCase();_t.has(e)?_t.set(e,Object.assign(Object.assign({},_t.get(e)),t)):_t.set(e,t),$t||($t=t)})),Et()}function Et(){kt=document.documentElement.dir||"ltr",At=document.documentElement.lang||navigator.language,[...wt.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}xt.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let St=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){wt.add(this.host)}hostDisconnected(){wt.delete(this.host)}dir(){return`${this.host.dir||kt}`.toLowerCase()}lang(){return`${this.host.lang||At}`.toLowerCase()}getTranslationData(t){var e,o;const r=new Intl.Locale(t.replace(/_/g,"-")),i=null==r?void 0:r.language.toLowerCase(),n=null!==(o=null===(e=null==r?void 0:r.region)||void 0===e?void 0:e.toLowerCase())&&void 0!==o?o:"";return{locale:r,language:i,region:n,primary:_t.get(`${i}-${n}`),secondary:_t.get(i)}}exists(t,e){var o;const{primary:r,secondary:i}=this.getTranslationData(null!==(o=e.lang)&&void 0!==o?o:this.lang());return e=Object.assign({includeFallback:!1},e),!!(r&&r[t]||i&&i[t]||e.includeFallback&&$t&&$t[t])}term(t,...e){const{primary:o,secondary:r}=this.getTranslationData(this.lang());let i;if(o&&o[t])i=o[t];else if(r&&r[t])i=r[t];else{if(!$t||!$t[t])return console.error(`No translation found for: ${String(t)}`),String(t);i=$t[t]}return"function"==typeof i?i(...e):i}date(t,e){return t=new Date(t),new Intl.DateTimeFormat(this.lang(),e).format(t)}number(t,e){return t=Number(t),isNaN(t)?"":new Intl.NumberFormat(this.lang(),e).format(t)}relativeTime(t,e,o){return new Intl.RelativeTimeFormat(this.lang(),o).format(t,e)}};var Pt={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:t=>0===t?"No options selected":1===t?"1 option selected":`${t} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:t=>`Slide ${t}`,toggleColorFormat:"Toggle color format"};Ct(Pt);var zt=Pt,Ot=class extends St{};Ct(zt);var Lt=v`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}[hidden]{display:none!important}`
|
|
24
25
|
/**
|
|
25
26
|
* @license
|
|
26
27
|
* Copyright 2017 Google LLC
|
|
27
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
28
|
-
|
|
29
|
-
const Ot={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:y},Lt=(t=Ot,e,o)=>{const{kind:r,metadata:i}=o;let n=globalThis.litPropertyMetadata.get(i);if(void 0===n&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(o.name,t),"accessor"===r){const{name:r}=o;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(r,i,t)},init(e){return void 0!==e&&this.P(r,void 0,t),e}}}if("setter"===r){const{name:r}=o;return function(o){const i=this[r];e.call(this,o),this.requestUpdate(r,i,t)}}throw Error("Unsupported decorator location: "+r)};function Tt(t){return(e,o)=>"object"==typeof o?Lt(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)
|
|
29
|
+
*/;const Tt={attribute:!0,type:String,converter:O,reflect:!1,hasChanged:L},Rt=(t=Tt,e,o)=>{const{kind:r,metadata:i}=o;let n=globalThis.litPropertyMetadata.get(i);if(void 0===n&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(o.name,t),"accessor"===r){const{name:r}=o;return{set(o){const i=e.get.call(this);e.set.call(this,o),this.requestUpdate(r,i,t)},init(e){return void 0!==e&&this.P(r,void 0,t),e}}}if("setter"===r){const{name:r}=o;return function(o){const i=this[r];e.call(this,o),this.requestUpdate(r,i,t)}}throw Error("Unsupported decorator location: "+r)};function Bt(t){return(e,o)=>"object"==typeof o?Rt(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)
|
|
30
30
|
/**
|
|
31
31
|
* @license
|
|
32
32
|
* Copyright 2017 Google LLC
|
|
33
33
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
34
|
-
*/}function
|
|
34
|
+
*/}function Mt(t){return Bt({...t,state:!0,attribute:!1})}
|
|
35
35
|
/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
@@ -42,12 +42,12 @@ const Ot={attribute:!0,type:String,converter:v,reflect:!1,hasChanged:y},Lt=(t=Ot
|
|
|
42
42
|
* Copyright 2017 Google LLC
|
|
43
43
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
44
|
*/
|
|
45
|
-
function Bt(t,e){return(e,o,r)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o))(e,o,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}var Mt=class extends it{constructor(){super(),Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}emit(t,e){const o=new CustomEvent(t,St({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(o),o}static define(t,e=this,o={}){const r=customElements.get(t);if(!r)return void customElements.define(t,class extends e{},o);let i=" (unknown version)",n=i;"version"in e&&e.version&&(i=" v"+e.version),"version"in r&&r.version&&(n=" v"+r.version),i&&n&&i===n||console.warn(`Attempted to register <${t}>${i}, but <${t}>${n} has already been registered.`)}};Mt.version="2.15.1",Mt.dependencies={},zt([Tt()],Mt.prototype,"dir",2),zt([Tt()],Mt.prototype,"lang",2);var Nt=class extends Mt{constructor(){super(...arguments),this.localize=new vt(this)}render(){return V`<svg part="base" class="spinner" role="progressbar" aria-label="${this.localize.term("loading")}"><circle class="spinner__track"></circle><circle class="spinner__indicator"></circle></svg>`}};Nt.styles=[yt,st];var Ut=new WeakMap,Dt=new WeakMap,Ft=new WeakMap,Vt=new WeakSet,jt=new WeakMap,It=class{constructor(t,e){this.handleFormData=t=>{const e=this.options.disabled(this.host),o=this.options.name(this.host),r=this.options.value(this.host),i="sl-button"===this.host.tagName.toLowerCase();this.host.isConnected&&!e&&!i&&"string"==typeof o&&o.length>0&&void 0!==r&&(Array.isArray(r)?r.forEach((e=>{t.formData.append(o,e.toString())})):t.formData.append(o,r.toString()))},this.handleFormSubmit=t=>{var e;const o=this.options.disabled(this.host),r=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=Ut.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),!this.form||this.form.noValidate||o||r(this.host)||(t.preventDefault(),t.stopImmediatePropagation())},this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),jt.set(this.host,[])},this.handleInteraction=t=>{const e=jt.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.checkValidity&&!e.checkValidity())return!1}return!0},this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0},(this.host=t).addController(this),this.options=St({form:t=>{const e=t.form;if(e){const o=t.getRootNode().querySelector(`#${e}`);if(o)return o}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>{var e;return null!=(e=t.disabled)&&e},reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),checkValidity:t=>"function"!=typeof t.checkValidity||t.checkValidity(),setValue:(t,e)=>t.value=e,assumeInteractionOn:["sl-input"]},e)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),jt.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),jt.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(t){t?(this.form=t,Ut.has(this.form)?Ut.get(this.form).add(this.host):Ut.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Dt.has(this.form)||(Dt.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),Ft.has(this.form)||(Ft.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;const t=Ut.get(this.form);t&&(t.delete(this.host),t.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Dt.has(this.form)&&(this.form.reportValidity=Dt.get(this.form),Dt.delete(this.form)),Ft.has(this.form)&&(this.form.checkValidity=Ft.get(this.form),Ft.delete(this.form)),this.form=void 0))}setUserInteracted(t,e){e?Vt.add(t):Vt.delete(t),t.requestUpdate()}doAction(t,e){if(this.form){const o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&o.setAttribute(t,e.getAttribute(t))}))),this.form.append(o),o.click(),o.remove()}}getForm(){var t;return null!=(t=this.form)?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const e=this.host,o=Boolean(Vt.has(e)),r=Boolean(e.required);e.toggleAttribute("data-required",r),e.toggleAttribute("data-optional",!r),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sl-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault(),this.host.dispatchEvent(e)||null==t||t.preventDefault()}},Ht=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze(Pt(St({},Ht),{valid:!1,valueMissing:!0})),Object.freeze(Pt(St({},Ht),{valid:!1,customError:!0}));var Wt=n`:host{display:inline-block;position:relative;width:auto;cursor:pointer}.button{display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--sl-input-border-width);font-family:var(--sl-input-font-family);font-weight:var(--sl-font-weight-semibold);text-decoration:none;user-select:none;-webkit-user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--sl-transition-x-fast) background-color,var(--sl-transition-x-fast) color,var(--sl-transition-x-fast) border,var(--sl-transition-x-fast) box-shadow;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:0}.button:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.button--disabled{opacity:.5;cursor:not-allowed}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center;pointer-events:none}.button__label{display:inline-block}.button__label::slotted(sl-icon){vertical-align:-2px}.button--standard.button--default{background-color:var(--sl-color-neutral-0);border-color:var(--sl-color-neutral-300);color:var(--sl-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled){background-color:var(--sl-color-primary-50);border-color:var(--sl-color-primary-300);color:var(--sl-color-primary-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-400);color:var(--sl-color-primary-700)}.button--standard.button--primary{background-color:var(--sl-color-primary-600);border-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled){background-color:var(--sl-color-primary-500);border-color:var(--sl-color-primary-500);color:var(--sl-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--sl-color-primary-600);border-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--standard.button--success{background-color:var(--sl-color-success-600);border-color:var(--sl-color-success-600);color:var(--sl-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled){background-color:var(--sl-color-success-500);border-color:var(--sl-color-success-500);color:var(--sl-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--sl-color-success-600);border-color:var(--sl-color-success-600);color:var(--sl-color-neutral-0)}.button--standard.button--neutral{background-color:var(--sl-color-neutral-600);border-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-0)}.button--standard.button--neutral:hover:not(.button--disabled){background-color:var(--sl-color-neutral-500);border-color:var(--sl-color-neutral-500);color:var(--sl-color-neutral-0)}.button--standard.button--neutral:active:not(.button--disabled){background-color:var(--sl-color-neutral-600);border-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-0)}.button--standard.button--warning{background-color:var(--sl-color-warning-600);border-color:var(--sl-color-warning-600);color:var(--sl-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--sl-color-warning-500);border-color:var(--sl-color-warning-500);color:var(--sl-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--sl-color-warning-600);border-color:var(--sl-color-warning-600);color:var(--sl-color-neutral-0)}.button--standard.button--danger{background-color:var(--sl-color-danger-600);border-color:var(--sl-color-danger-600);color:var(--sl-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--sl-color-danger-500);border-color:var(--sl-color-danger-500);color:var(--sl-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--sl-color-danger-600);border-color:var(--sl-color-danger-600);color:var(--sl-color-neutral-0)}.button--outline{background:0 0;border:solid 1px}.button--outline.button--default{border-color:var(--sl-color-neutral-300);color:var(--sl-color-neutral-700)}.button--outline.button--default.button--checked:not(.button--disabled),.button--outline.button--default:hover:not(.button--disabled){border-color:var(--sl-color-primary-600);background-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--outline.button--default:active:not(.button--disabled){border-color:var(--sl-color-primary-700);background-color:var(--sl-color-primary-700);color:var(--sl-color-neutral-0)}.button--outline.button--primary{border-color:var(--sl-color-primary-600);color:var(--sl-color-primary-600)}.button--outline.button--primary.button--checked:not(.button--disabled),.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--sl-color-primary-700);background-color:var(--sl-color-primary-700);color:var(--sl-color-neutral-0)}.button--outline.button--success{border-color:var(--sl-color-success-600);color:var(--sl-color-success-600)}.button--outline.button--success.button--checked:not(.button--disabled),.button--outline.button--success:hover:not(.button--disabled){background-color:var(--sl-color-success-600);color:var(--sl-color-neutral-0)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--sl-color-success-700);background-color:var(--sl-color-success-700);color:var(--sl-color-neutral-0)}.button--outline.button--neutral{border-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-600)}.button--outline.button--neutral.button--checked:not(.button--disabled),.button--outline.button--neutral:hover:not(.button--disabled){background-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-0)}.button--outline.button--neutral:active:not(.button--disabled){border-color:var(--sl-color-neutral-700);background-color:var(--sl-color-neutral-700);color:var(--sl-color-neutral-0)}.button--outline.button--warning{border-color:var(--sl-color-warning-600);color:var(--sl-color-warning-600)}.button--outline.button--warning.button--checked:not(.button--disabled),.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--sl-color-warning-600);color:var(--sl-color-neutral-0)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--sl-color-warning-700);background-color:var(--sl-color-warning-700);color:var(--sl-color-neutral-0)}.button--outline.button--danger{border-color:var(--sl-color-danger-600);color:var(--sl-color-danger-600)}.button--outline.button--danger.button--checked:not(.button--disabled),.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--sl-color-danger-600);color:var(--sl-color-neutral-0)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--sl-color-danger-700);background-color:var(--sl-color-danger-700);color:var(--sl-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:solid 2px transparent}}.button--text{background-color:transparent;border-color:transparent;color:var(--sl-color-primary-600)}.button--text:hover:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sl-color-primary-500)}.button--text:focus-visible:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sl-color-primary-500)}.button--text:active:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sl-color-primary-700)}.button--small{height:auto;min-height:var(--sl-input-height-small);font-size:var(--sl-button-font-size-small);line-height:calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);border-radius:var(--sl-input-border-radius-small)}.button--medium{height:auto;min-height:var(--sl-input-height-medium);font-size:var(--sl-button-font-size-medium);line-height:calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);border-radius:var(--sl-input-border-radius-medium)}.button--large{height:auto;min-height:var(--sl-input-height-large);font-size:var(--sl-button-font-size-large);line-height:calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);border-radius:var(--sl-input-border-radius-large)}.button--pill.button--small{border-radius:var(--sl-input-height-small)}.button--pill.button--medium{border-radius:var(--sl-input-height-medium)}.button--pill.button--large{border-radius:var(--sl-input-height-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--sl-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--sl-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--sl-input-height-large);border-radius:50%}.button--circle .button__caret,.button--circle .button__prefix,.button--circle .button__suffix{display:none}.button--caret .button__suffix{display:none}.button--caret .button__caret{height:auto}.button--loading{position:relative;cursor:wait}.button--loading .button__caret,.button--loading .button__label,.button--loading .button__prefix,.button--loading .button__suffix{visibility:hidden}.button--loading sl-spinner{--indicator-color:currentColor;position:absolute;font-size:1em;height:1em;width:1em;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(sl-badge){position:absolute;top:0;right:0;translate:50% -50%;pointer-events:none}.button--rtl ::slotted(sl-badge){right:auto;left:0;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--sl-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--sl-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--sl-spacing-large)}.button--has-prefix.button--small{padding-inline-start:var(--sl-spacing-x-small)}.button--has-prefix.button--small .button__label{padding-inline-start:var(--sl-spacing-x-small)}.button--has-prefix.button--medium{padding-inline-start:var(--sl-spacing-small)}.button--has-prefix.button--medium .button__label{padding-inline-start:var(--sl-spacing-small)}.button--has-prefix.button--large{padding-inline-start:var(--sl-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--sl-spacing-small)}.button--caret.button--small,.button--has-suffix.button--small{padding-inline-end:var(--sl-spacing-x-small)}.button--caret.button--small .button__label,.button--has-suffix.button--small .button__label{padding-inline-end:var(--sl-spacing-x-small)}.button--caret.button--medium,.button--has-suffix.button--medium{padding-inline-end:var(--sl-spacing-small)}.button--caret.button--medium .button__label,.button--has-suffix.button--medium .button__label{padding-inline-end:var(--sl-spacing-small)}.button--caret.button--large,.button--has-suffix.button--large{padding-inline-end:var(--sl-spacing-small)}.button--caret.button--large .button__label,.button--has-suffix.button--large .button__label{padding-inline-end:var(--sl-spacing-small)}:host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-sl-button-group__button--inner]) .button{border-radius:0}:host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-sl-button-group__button]:not([data-sl-button-group__button--first])){margin-inline-start:calc(-1 * var(--sl-input-border-width))}:host([data-sl-button-group__button]:not([data-sl-button-group__button--first],[data-sl-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:'';position:absolute;top:0;inset-inline-start:0;bottom:0;border-left:solid 1px rgb(128 128 128 / 33%);mix-blend-mode:multiply}:host([data-sl-button-group__button--hover]){z-index:1}:host([data-sl-button-group__button--focus]),:host([data-sl-button-group__button][checked]){z-index:2}`,qt=n`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}`,Gt="";function Kt(t){Gt=t}var Zt={name:"default",resolver:t=>function(t=""){if(!Gt){const t=[...document.getElementsByTagName("script")],e=t.find((t=>t.hasAttribute("data-shoelace")));if(e)Kt(e.getAttribute("data-shoelace"));else{const e=t.find((t=>/shoelace(\.min)?\.js($|\?)/.test(t.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(t.src)));let o="";e&&(o=e.getAttribute("src")),Kt(o.split("/").slice(0,-1).join("/"))}}return Gt.replace(/\/$/,"")+(t?`/${t.replace(/^\//,"")}`:"")}(`assets/icons/${t}.svg`)},Xt={caret:'\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <polyline points="6 9 12 15 18 9"></polyline>\n </svg>\n ',check:'\n <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor">\n <g transform="translate(3.428571, 3.428571)">\n <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"chevron-down":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',"chevron-left":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n </svg>\n ',"chevron-right":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',copy:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n </svg>\n ',eye:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n </svg>\n ',"eye-slash":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n </svg>\n ',eyedropper:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n </svg>\n ',"grip-vertical":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n </svg>\n ',indeterminate:'\n <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor" stroke-width="2">\n <g transform="translate(2.285714, 6.857143)">\n <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"person-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n </svg>\n ',"play-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n </svg>\n ',"pause-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n </svg>\n ',radio:'\n <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <g fill="currentColor">\n <circle cx="8" cy="8" r="3.42857143"></circle>\n </g>\n </g>\n </svg>\n ',"star-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n </svg>\n ',"x-lg":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n </svg>\n ',"x-circle-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n </svg>\n '},Yt=[Zt,{name:"system",resolver:t=>t in Xt?`data:image/svg+xml,${encodeURIComponent(Xt[t])}`:""}],Jt=[];function Qt(t){return Yt.find((e=>e.name===t))}function te(t,e){const o=St({waitUntilFirstUpdate:!1},e);return(e,r)=>{const{update:i}=e,n=Array.isArray(t)?t:[t];e.update=function(t){n.forEach((e=>{const i=e;if(t.has(i)){const e=t.get(i),n=this[i];e!==n&&(o.waitUntilFirstUpdate&&!this.hasUpdated||this[r](e,n))}})),i.call(this,t)}}}
|
|
45
|
+
function Nt(t,e){return(e,o,r)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o))(e,o,{get(){return(e=>e.renderRoot?.querySelector(t)??null)(this)}})}var Ut=class extends mt{constructor(){super(),Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}emit(t,e){const o=new CustomEvent(t,d({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(o),o}static define(t,e=this,o={}){const r=customElements.get(t);if(!r)return void customElements.define(t,class extends e{},o);let i=" (unknown version)",n=i;"version"in e&&e.version&&(i=" v"+e.version),"version"in r&&r.version&&(n=" v"+r.version),i&&n&&i===n||console.warn(`Attempted to register <${t}>${i}, but <${t}>${n} has already been registered.`)}};Ut.version="2.15.1",Ut.dependencies={},u([Bt()],Ut.prototype,"dir",2),u([Bt()],Ut.prototype,"lang",2);var Dt=class extends Ut{constructor(){super(...arguments),this.localize=new Ot(this)}render(){return tt`<svg part="base" class="spinner" role="progressbar" aria-label="${this.localize.term("loading")}"><circle class="spinner__track"></circle><circle class="spinner__indicator"></circle></svg>`}};Dt.styles=[Lt,yt];var Ft=new WeakMap,Vt=new WeakMap,jt=new WeakMap,It=new WeakSet,Ht=new WeakMap,Wt=class{constructor(t,e){this.handleFormData=t=>{const e=this.options.disabled(this.host),o=this.options.name(this.host),r=this.options.value(this.host),i="sl-button"===this.host.tagName.toLowerCase();this.host.isConnected&&!e&&!i&&"string"==typeof o&&o.length>0&&void 0!==r&&(Array.isArray(r)?r.forEach((e=>{t.formData.append(o,e.toString())})):t.formData.append(o,r.toString()))},this.handleFormSubmit=t=>{var e;const o=this.options.disabled(this.host),r=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=Ft.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),!this.form||this.form.noValidate||o||r(this.host)||(t.preventDefault(),t.stopImmediatePropagation())},this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),Ht.set(this.host,[])},this.handleInteraction=t=>{const e=Ht.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.checkValidity&&!e.checkValidity())return!1}return!0},this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0},(this.host=t).addController(this),this.options=d({form:t=>{const e=t.form;if(e){const o=t.getRootNode().querySelector(`#${e}`);if(o)return o}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>{var e;return null!=(e=t.disabled)&&e},reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),checkValidity:t=>"function"!=typeof t.checkValidity||t.checkValidity(),setValue:(t,e)=>t.value=e,assumeInteractionOn:["sl-input"]},e)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),Ht.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),Ht.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(t){t?(this.form=t,Ft.has(this.form)?Ft.get(this.form).add(this.host):Ft.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Vt.has(this.form)||(Vt.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),jt.has(this.form)||(jt.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;const t=Ft.get(this.form);t&&(t.delete(this.host),t.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Vt.has(this.form)&&(this.form.reportValidity=Vt.get(this.form),Vt.delete(this.form)),jt.has(this.form)&&(this.form.checkValidity=jt.get(this.form),jt.delete(this.form)),this.form=void 0))}setUserInteracted(t,e){e?It.add(t):It.delete(t),t.requestUpdate()}doAction(t,e){if(this.form){const o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&o.setAttribute(t,e.getAttribute(t))}))),this.form.append(o),o.click(),o.remove()}}getForm(){var t;return null!=(t=this.form)?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const e=this.host,o=Boolean(It.has(e)),r=Boolean(e.required);e.toggleAttribute("data-required",r),e.toggleAttribute("data-optional",!r),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sl-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault(),this.host.dispatchEvent(e)||null==t||t.preventDefault()}},qt=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze(h(d({},qt),{valid:!1,valueMissing:!0})),Object.freeze(h(d({},qt),{valid:!1,customError:!0}));var Gt=v`:host{display:inline-block;position:relative;width:auto;cursor:pointer}.button{display:inline-flex;align-items:stretch;justify-content:center;width:100%;border-style:solid;border-width:var(--sl-input-border-width);font-family:var(--sl-input-font-family);font-weight:var(--sl-font-weight-semibold);text-decoration:none;user-select:none;-webkit-user-select:none;white-space:nowrap;vertical-align:middle;padding:0;transition:var(--sl-transition-x-fast) background-color,var(--sl-transition-x-fast) color,var(--sl-transition-x-fast) border,var(--sl-transition-x-fast) box-shadow;cursor:inherit}.button::-moz-focus-inner{border:0}.button:focus{outline:0}.button:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.button--disabled{opacity:.5;cursor:not-allowed}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{flex:0 0 auto;display:flex;align-items:center;pointer-events:none}.button__label{display:inline-block}.button__label::slotted(sl-icon){vertical-align:-2px}.button--standard.button--default{background-color:var(--sl-color-neutral-0);border-color:var(--sl-color-neutral-300);color:var(--sl-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled){background-color:var(--sl-color-primary-50);border-color:var(--sl-color-primary-300);color:var(--sl-color-primary-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-400);color:var(--sl-color-primary-700)}.button--standard.button--primary{background-color:var(--sl-color-primary-600);border-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled){background-color:var(--sl-color-primary-500);border-color:var(--sl-color-primary-500);color:var(--sl-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--sl-color-primary-600);border-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--standard.button--success{background-color:var(--sl-color-success-600);border-color:var(--sl-color-success-600);color:var(--sl-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled){background-color:var(--sl-color-success-500);border-color:var(--sl-color-success-500);color:var(--sl-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--sl-color-success-600);border-color:var(--sl-color-success-600);color:var(--sl-color-neutral-0)}.button--standard.button--neutral{background-color:var(--sl-color-neutral-600);border-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-0)}.button--standard.button--neutral:hover:not(.button--disabled){background-color:var(--sl-color-neutral-500);border-color:var(--sl-color-neutral-500);color:var(--sl-color-neutral-0)}.button--standard.button--neutral:active:not(.button--disabled){background-color:var(--sl-color-neutral-600);border-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-0)}.button--standard.button--warning{background-color:var(--sl-color-warning-600);border-color:var(--sl-color-warning-600);color:var(--sl-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled){background-color:var(--sl-color-warning-500);border-color:var(--sl-color-warning-500);color:var(--sl-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--sl-color-warning-600);border-color:var(--sl-color-warning-600);color:var(--sl-color-neutral-0)}.button--standard.button--danger{background-color:var(--sl-color-danger-600);border-color:var(--sl-color-danger-600);color:var(--sl-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled){background-color:var(--sl-color-danger-500);border-color:var(--sl-color-danger-500);color:var(--sl-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--sl-color-danger-600);border-color:var(--sl-color-danger-600);color:var(--sl-color-neutral-0)}.button--outline{background:0 0;border:solid 1px}.button--outline.button--default{border-color:var(--sl-color-neutral-300);color:var(--sl-color-neutral-700)}.button--outline.button--default.button--checked:not(.button--disabled),.button--outline.button--default:hover:not(.button--disabled){border-color:var(--sl-color-primary-600);background-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--outline.button--default:active:not(.button--disabled){border-color:var(--sl-color-primary-700);background-color:var(--sl-color-primary-700);color:var(--sl-color-neutral-0)}.button--outline.button--primary{border-color:var(--sl-color-primary-600);color:var(--sl-color-primary-600)}.button--outline.button--primary.button--checked:not(.button--disabled),.button--outline.button--primary:hover:not(.button--disabled){background-color:var(--sl-color-primary-600);color:var(--sl-color-neutral-0)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--sl-color-primary-700);background-color:var(--sl-color-primary-700);color:var(--sl-color-neutral-0)}.button--outline.button--success{border-color:var(--sl-color-success-600);color:var(--sl-color-success-600)}.button--outline.button--success.button--checked:not(.button--disabled),.button--outline.button--success:hover:not(.button--disabled){background-color:var(--sl-color-success-600);color:var(--sl-color-neutral-0)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--sl-color-success-700);background-color:var(--sl-color-success-700);color:var(--sl-color-neutral-0)}.button--outline.button--neutral{border-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-600)}.button--outline.button--neutral.button--checked:not(.button--disabled),.button--outline.button--neutral:hover:not(.button--disabled){background-color:var(--sl-color-neutral-600);color:var(--sl-color-neutral-0)}.button--outline.button--neutral:active:not(.button--disabled){border-color:var(--sl-color-neutral-700);background-color:var(--sl-color-neutral-700);color:var(--sl-color-neutral-0)}.button--outline.button--warning{border-color:var(--sl-color-warning-600);color:var(--sl-color-warning-600)}.button--outline.button--warning.button--checked:not(.button--disabled),.button--outline.button--warning:hover:not(.button--disabled){background-color:var(--sl-color-warning-600);color:var(--sl-color-neutral-0)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--sl-color-warning-700);background-color:var(--sl-color-warning-700);color:var(--sl-color-neutral-0)}.button--outline.button--danger{border-color:var(--sl-color-danger-600);color:var(--sl-color-danger-600)}.button--outline.button--danger.button--checked:not(.button--disabled),.button--outline.button--danger:hover:not(.button--disabled){background-color:var(--sl-color-danger-600);color:var(--sl-color-neutral-0)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--sl-color-danger-700);background-color:var(--sl-color-danger-700);color:var(--sl-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:solid 2px transparent}}.button--text{background-color:transparent;border-color:transparent;color:var(--sl-color-primary-600)}.button--text:hover:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sl-color-primary-500)}.button--text:focus-visible:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sl-color-primary-500)}.button--text:active:not(.button--disabled){background-color:transparent;border-color:transparent;color:var(--sl-color-primary-700)}.button--small{height:auto;min-height:var(--sl-input-height-small);font-size:var(--sl-button-font-size-small);line-height:calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);border-radius:var(--sl-input-border-radius-small)}.button--medium{height:auto;min-height:var(--sl-input-height-medium);font-size:var(--sl-button-font-size-medium);line-height:calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);border-radius:var(--sl-input-border-radius-medium)}.button--large{height:auto;min-height:var(--sl-input-height-large);font-size:var(--sl-button-font-size-large);line-height:calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);border-radius:var(--sl-input-border-radius-large)}.button--pill.button--small{border-radius:var(--sl-input-height-small)}.button--pill.button--medium{border-radius:var(--sl-input-height-medium)}.button--pill.button--large{border-radius:var(--sl-input-height-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--sl-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--sl-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--sl-input-height-large);border-radius:50%}.button--circle .button__caret,.button--circle .button__prefix,.button--circle .button__suffix{display:none}.button--caret .button__suffix{display:none}.button--caret .button__caret{height:auto}.button--loading{position:relative;cursor:wait}.button--loading .button__caret,.button--loading .button__label,.button--loading .button__prefix,.button--loading .button__suffix{visibility:hidden}.button--loading sl-spinner{--indicator-color:currentColor;position:absolute;font-size:1em;height:1em;width:1em;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(sl-badge){position:absolute;top:0;right:0;translate:50% -50%;pointer-events:none}.button--rtl ::slotted(sl-badge){right:auto;left:0;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--sl-spacing-small)}.button--has-label.button--medium .button__label{padding:0 var(--sl-spacing-medium)}.button--has-label.button--large .button__label{padding:0 var(--sl-spacing-large)}.button--has-prefix.button--small{padding-inline-start:var(--sl-spacing-x-small)}.button--has-prefix.button--small .button__label{padding-inline-start:var(--sl-spacing-x-small)}.button--has-prefix.button--medium{padding-inline-start:var(--sl-spacing-small)}.button--has-prefix.button--medium .button__label{padding-inline-start:var(--sl-spacing-small)}.button--has-prefix.button--large{padding-inline-start:var(--sl-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--sl-spacing-small)}.button--caret.button--small,.button--has-suffix.button--small{padding-inline-end:var(--sl-spacing-x-small)}.button--caret.button--small .button__label,.button--has-suffix.button--small .button__label{padding-inline-end:var(--sl-spacing-x-small)}.button--caret.button--medium,.button--has-suffix.button--medium{padding-inline-end:var(--sl-spacing-small)}.button--caret.button--medium .button__label,.button--has-suffix.button--medium .button__label{padding-inline-end:var(--sl-spacing-small)}.button--caret.button--large,.button--has-suffix.button--large{padding-inline-end:var(--sl-spacing-small)}.button--caret.button--large .button__label,.button--has-suffix.button--large .button__label{padding-inline-end:var(--sl-spacing-small)}:host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-sl-button-group__button--inner]) .button{border-radius:0}:host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-sl-button-group__button]:not([data-sl-button-group__button--first])){margin-inline-start:calc(-1 * var(--sl-input-border-width))}:host([data-sl-button-group__button]:not([data-sl-button-group__button--first],[data-sl-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:'';position:absolute;top:0;inset-inline-start:0;bottom:0;border-left:solid 1px rgb(128 128 128 / 33%);mix-blend-mode:multiply}:host([data-sl-button-group__button--hover]){z-index:1}:host([data-sl-button-group__button--focus]),:host([data-sl-button-group__button][checked]){z-index:2}`,Kt=v`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}`,Zt={name:"default",resolver:o=>function(o=""){if(!t){const t=[...document.getElementsByTagName("script")],o=t.find((t=>t.hasAttribute("data-shoelace")));if(o)e(o.getAttribute("data-shoelace"));else{const o=t.find((t=>/shoelace(\.min)?\.js($|\?)/.test(t.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(t.src)));let r="";o&&(r=o.getAttribute("src")),e(r.split("/").slice(0,-1).join("/"))}}return t.replace(/\/$/,"")+(o?`/${o.replace(/^\//,"")}`:"")}(`assets/icons/${o}.svg`)},Xt={caret:'\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <polyline points="6 9 12 15 18 9"></polyline>\n </svg>\n ',check:'\n <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor">\n <g transform="translate(3.428571, 3.428571)">\n <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"chevron-down":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',"chevron-left":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n </svg>\n ',"chevron-right":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',copy:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n </svg>\n ',eye:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n </svg>\n ',"eye-slash":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n </svg>\n ',eyedropper:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n </svg>\n ',"grip-vertical":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n </svg>\n ',indeterminate:'\n <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor" stroke-width="2">\n <g transform="translate(2.285714, 6.857143)">\n <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"person-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n </svg>\n ',"play-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n </svg>\n ',"pause-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n </svg>\n ',radio:'\n <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <g fill="currentColor">\n <circle cx="8" cy="8" r="3.42857143"></circle>\n </g>\n </g>\n </svg>\n ',"star-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n </svg>\n ',"x-lg":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n </svg>\n ',"x-circle-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n </svg>\n '},Yt=[Zt,{name:"system",resolver:t=>t in Xt?`data:image/svg+xml,${encodeURIComponent(Xt[t])}`:""}],Jt=[];function Qt(t){return Yt.find((e=>e.name===t))}function te(t,e){const o=d({waitUntilFirstUpdate:!1},e);return(e,r)=>{const{update:i}=e,n=Array.isArray(t)?t:[t];e.update=function(t){n.forEach((e=>{const i=e;if(t.has(i)){const e=t.get(i),n=this[i];e!==n&&(o.waitUntilFirstUpdate&&!this.hasUpdated||this[r](e,n))}})),i.call(this,t)}}}
|
|
46
46
|
/**
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2020 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
50
|
-
*/var ee,oe=Symbol(),re=Symbol(),ie=new Map,ne=class extends
|
|
50
|
+
*/var ee,oe=Symbol(),re=Symbol(),ie=new Map,ne=class extends Ut{constructor(){super(...arguments),this.initialRender=!1,this.svg=null,this.label="",this.library="default"}async resolveIcon(t,e){var o;let r;if(null==e?void 0:e.spriteSheet){this.svg=tt`<svg part="svg"><use part="use" href="${t}"></use></svg>`,await this.updateComplete;const o=this.shadowRoot.querySelector("[part='svg']");return"function"==typeof e.mutator&&e.mutator(o),this.svg}try{if(r=await fetch(t,{mode:"cors"}),!r.ok)return 410===r.status?oe:re}catch(t){return re}try{const t=document.createElement("div");t.innerHTML=await r.text();const e=t.firstElementChild;if("svg"!==(null==(o=null==e?void 0:e.tagName)?void 0:o.toLowerCase()))return oe;ee||(ee=new DOMParser);const i=ee.parseFromString(e.outerHTML,"text/html").body.querySelector("svg");return i?(i.part.add("svg"),document.adoptNode(i)):oe}catch(t){return oe}}connectedCallback(){var t;super.connectedCallback(),t=this,Jt.push(t)}firstUpdated(){this.initialRender=!0,this.setIcon()}disconnectedCallback(){var t;super.disconnectedCallback(),t=this,Jt=Jt.filter((e=>e!==t))}getIconSource(){const t=Qt(this.library);return this.name&&t?{url:t.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const{url:e,fromLibrary:o}=this.getIconSource(),r=o?Qt(this.library):void 0;if(!e)return void(this.svg=null);let i=ie.get(e);if(i||(i=this.resolveIcon(e,r),ie.set(e,i)),!this.initialRender)return;const n=await i;if(n===re&&ie.delete(e),e===this.getIconSource().url)if(((t,e)=>void 0!==t?._$litType$)(n))this.svg=n;else switch(n){case re:case oe:this.svg=null,this.emit("sl-error");break;default:this.svg=n.cloneNode(!0),null==(t=null==r?void 0:r.mutator)||t.call(r,this.svg),this.emit("sl-load")}}render(){return this.svg}};ne.styles=[Lt,Kt],u([Mt()],ne.prototype,"svg",2),u([Bt({reflect:!0})],ne.prototype,"name",2),u([Bt()],ne.prototype,"src",2),u([Bt()],ne.prototype,"label",2),u([Bt({reflect:!0})],ne.prototype,"library",2),u([te("label")],ne.prototype,"handleLabelChange",1),u([te(["name","src","library"])],ne.prototype,"setIcon",1);var se=class{constructor(t,...e){this.slotNames=[],this.handleSlotChange=t=>{const e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()},(this.host=t).addController(this),this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&""!==t.textContent.trim())return!0;if(t.nodeType===t.ELEMENT_NODE){const e=t;if("sl-visually-hidden"===e.tagName.toLowerCase())return!1;if(!e.hasAttribute("slot"))return!0}return!1}))}hasNamedSlot(t){return null!==this.host.querySelector(`:scope > [slot="${t}"]`)}test(t){return"[default]"===t?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};
|
|
51
51
|
/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
@@ -57,12 +57,12 @@ function Bt(t,e){return(e,o,r)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Ref
|
|
|
57
57
|
* @license
|
|
58
58
|
* Copyright 2018 Google LLC
|
|
59
59
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
60
|
-
*/const ce=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends le{constructor(t){if(super(t),t.type!==ae||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const o=t.element.classList;for(const t of this.st)t in e||(o.remove(t),this.st.delete(t));for(const t in e){const r=!!e[t];r===this.st.has(t)||this.nt?.has(t)||(r?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return
|
|
60
|
+
*/const ce=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends le{constructor(t){if(super(t),t.type!==ae||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const o=t.element.classList;for(const t of this.st)t in e||(o.remove(t),this.st.delete(t));for(const t in e){const r=!!e[t];r===this.st.has(t)||this.nt?.has(t)||(r?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return et}}),de=Symbol.for(""),he=t=>{if(t?.r===de)return t?._$litStatic$},ue=(t,...e)=>({_$litStatic$:e.reduce(((e,o,r)=>e+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(o)+t[r+1]),t[0]),r:de}),pe=new Map,be=(t=>(e,...o)=>{const r=o.length;let i,n;const s=[],a=[];let l,c=0,d=!1;for(;c<r;){for(l=e[c];c<r&&void 0!==(n=o[c],i=he(n));)l+=i+e[++c],d=!0;c!==r&&a.push(n),s.push(l),c++}if(c===r&&s.push(e[r]),d){const t=s.join("$$lit$$");void 0===(e=pe.get(t))&&(s.raw=s,pe.set(t,e=s)),o=a}return t(e,...o)})(tt),fe=t=>t??ot;
|
|
61
61
|
/**
|
|
62
62
|
* @license
|
|
63
63
|
* Copyright 2020 Google LLC
|
|
64
64
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
65
|
-
*/var ge=class extends
|
|
65
|
+
*/var ge=class extends Ut{constructor(){super(...arguments),this.formControlController=new Wt(this,{assumeInteractionOn:["click"]}),this.hasSlotController=new se(this,"[default]","prefix","suffix"),this.localize=new Ot(this),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="default",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener"}get validity(){return this.isButton()?this.button.validity:qt}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(t){this.isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}render(){const t=this.isLink(),e=t?ue`a`:ue`button`;return be`
|
|
66
66
|
<${e}
|
|
67
67
|
part="base"
|
|
68
68
|
class=${ce({button:!0,"button--default":"default"===this.variant,"button--primary":"primary"===this.variant,"button--success":"success"===this.variant,"button--neutral":"neutral"===this.variant,"button--warning":"warning"===this.variant,"button--danger":"danger"===this.variant,"button--text":"text"===this.variant,"button--small":"small"===this.size,"button--medium":"medium"===this.size,"button--large":"large"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--rtl":"rtl"===this.localize.dir(),"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
|
|
@@ -89,7 +89,7 @@ function Bt(t,e){return(e,o,r)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Ref
|
|
|
89
89
|
${this.caret?be` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> `:""}
|
|
90
90
|
${this.loading?be`<sl-spinner part="spinner"></sl-spinner>`:""}
|
|
91
91
|
</${e}>
|
|
92
|
-
`}};function me(t){var e,o,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(o=me(t[e]))&&(r&&(r+=" "),r+=o);else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}ge.styles=[
|
|
92
|
+
`}};function me(t){var e,o,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(e=0;e<t.length;e++)t[e]&&(o=me(t[e]))&&(r&&(r+=" "),r+=o);else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}ge.styles=[Lt,Gt],ge.dependencies={"sl-icon":ne,"sl-spinner":Dt},u([Nt(".button")],ge.prototype,"button",2),u([Mt()],ge.prototype,"hasFocus",2),u([Mt()],ge.prototype,"invalid",2),u([Bt()],ge.prototype,"title",2),u([Bt({reflect:!0})],ge.prototype,"variant",2),u([Bt({reflect:!0})],ge.prototype,"size",2),u([Bt({type:Boolean,reflect:!0})],ge.prototype,"caret",2),u([Bt({type:Boolean,reflect:!0})],ge.prototype,"disabled",2),u([Bt({type:Boolean,reflect:!0})],ge.prototype,"loading",2),u([Bt({type:Boolean,reflect:!0})],ge.prototype,"outline",2),u([Bt({type:Boolean,reflect:!0})],ge.prototype,"pill",2),u([Bt({type:Boolean,reflect:!0})],ge.prototype,"circle",2),u([Bt()],ge.prototype,"type",2),u([Bt()],ge.prototype,"name",2),u([Bt()],ge.prototype,"value",2),u([Bt()],ge.prototype,"href",2),u([Bt()],ge.prototype,"target",2),u([Bt()],ge.prototype,"rel",2),u([Bt()],ge.prototype,"download",2),u([Bt()],ge.prototype,"form",2),u([Bt({attribute:"formaction"})],ge.prototype,"formAction",2),u([Bt({attribute:"formenctype"})],ge.prototype,"formEnctype",2),u([Bt({attribute:"formmethod"})],ge.prototype,"formMethod",2),u([Bt({attribute:"formnovalidate",type:Boolean})],ge.prototype,"formNoValidate",2),u([Bt({attribute:"formtarget"})],ge.prototype,"formTarget",2),u([te("disabled",{waitUntilFirstUpdate:!0})],ge.prototype,"handleDisabledChange",1),ge.define("sl-button");const ve=t=>"boolean"==typeof t?"".concat(t):0===t?"0":t,ye=function(){for(var t,e,o=0,r="";o<arguments.length;)(t=arguments[o++])&&(e=me(t))&&(r&&(r+=" "),r+=e);return r};var we=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};const xe=(_e="bg-primary text-white py-3 px-6 rounded leading-[1.15]",$e={variants:{variant:{primary:"bg-primary border-2 border-primary text-white",secondary:"\n bg-white border-2 border-primary text-primary! hover:bg-lightGray\n focus:bg-transparent focus:border-primary\n "},disabled:{true:"opacity-50 cursor-not-allowed",false:""}}},t=>{var e;if(null==(null==$e?void 0:$e.variants))return ye(_e,null==t?void 0:t.class,null==t?void 0:t.className);const{variants:o,defaultVariants:r}=$e,i=Object.keys(o).map((e=>{const i=null==t?void 0:t[e],n=null==r?void 0:r[e];if(null===i)return null;const s=ve(i)||ve(n);return o[e][s]})),n=t&&Object.entries(t).reduce(((t,e)=>{let[o,r]=e;return void 0===r||(t[o]=r),t}),{}),s=null==$e||null===(e=$e.compoundVariants)||void 0===e?void 0:e.reduce(((t,e)=>{let{class:o,className:i,...s}=e;return Object.entries(s).every((t=>{let[e,o]=t;return Array.isArray(o)?o.includes({...r,...n}[e]):{...r,...n}[e]===o}))?[...t,o,i]:t}),[]);return ye(_e,i,s,null==t?void 0:t.class,null==t?void 0:t.className)});var _e,$e;class ke extends mt{constructor(){super(...arguments),this.name="hot-button",this.disabled=!1,this.variant="primary"}render(){return tt`<sl-button class="${xe({variant:this.variant,disabled:this.disabled})}" ?disabled="${this.disabled}" @click="${t=>{this._handleClick(t)}}"><slot></slot></sl-button>`}_handleClick(t){t.stopPropagation(),this.dispatchEvent(new Event("click"))}}ke.styles=[v`@unocss-placeholder;`],we([Bt()],ke.prototype,"name",void 0),we([Bt({type:Boolean})],ke.prototype,"disabled",void 0),we([Bt({type:String})],ke.prototype,"variant",void 0),customElements.define("hot-button",ke);var Ae=v`:host{display:inline-block;color:var(--sl-color-neutral-600)}.icon-button{flex:0 0 auto;display:flex;align-items:center;background:0 0;border:none;border-radius:var(--sl-border-radius-medium);font-size:inherit;color:inherit;padding:var(--sl-spacing-x-small);cursor:pointer;transition:var(--sl-transition-x-fast) color;-webkit-appearance:none}.icon-button:focus-visible:not(.icon-button--disabled),.icon-button:hover:not(.icon-button--disabled){color:var(--sl-color-primary-600)}.icon-button:active:not(.icon-button--disabled){color:var(--sl-color-primary-700)}.icon-button:focus{outline:0}.icon-button--disabled{opacity:.5;cursor:not-allowed}.icon-button:focus-visible{outline:var(--sl-focus-ring);outline-offset:var(--sl-focus-ring-offset)}.icon-button__icon{pointer-events:none}`,Ce=class extends Ut{constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t=!!this.href,e=t?ue`a`:ue`button`;return be`
|
|
93
93
|
<${e}
|
|
94
94
|
part="base"
|
|
95
95
|
class=${ce({"icon-button":!0,"icon-button--disabled":!t&&this.disabled,"icon-button--focused":this.hasFocus})}
|
|
@@ -115,7 +115,7 @@ function Bt(t,e){return(e,o,r)=>((t,e,o)=>(o.configurable=!0,o.enumerable=!0,Ref
|
|
|
115
115
|
aria-hidden="true"
|
|
116
116
|
></sl-icon>
|
|
117
117
|
</${e}>
|
|
118
|
-
`}};Ce.styles=[yt,Ae],Ce.dependencies={"sl-icon":ne},zt([Bt(".icon-button")],Ce.prototype,"button",2),zt([Rt()],Ce.prototype,"hasFocus",2),zt([Tt()],Ce.prototype,"name",2),zt([Tt()],Ce.prototype,"library",2),zt([Tt()],Ce.prototype,"src",2),zt([Tt()],Ce.prototype,"href",2),zt([Tt()],Ce.prototype,"target",2),zt([Tt()],Ce.prototype,"download",2),zt([Tt()],Ce.prototype,"label",2),zt([Tt({type:Boolean,reflect:!0})],Ce.prototype,"disabled",2),Ce.define("sl-icon-button");var Ee=n`:host{--padding:0;display:none}:host([active]){display:block}.tab-panel{display:block;padding:var(--padding)}`,Se=0,Pe=class extends Mt{constructor(){super(...arguments),this.attrId=++Se,this.componentId=`sl-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return V`<slot part="base" class="${ce({"tab-panel":!0,"tab-panel--active":this.active})}"></slot>`}};Pe.styles=[yt,Ee],zt([Tt({reflect:!0})],Pe.prototype,"name",2),zt([Tt({type:Boolean,reflect:!0})],Pe.prototype,"active",2),zt([te("active")],Pe.prototype,"handleActiveChange",1),Pe.define("sl-tab-panel");var ze=n`:host{display:inline-block}.tab{display:inline-flex;align-items:center;font-family:var(--sl-font-sans);font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);border-radius:var(--sl-border-radius-medium);color:var(--sl-color-neutral-600);padding:var(--sl-spacing-medium) var(--sl-spacing-large);white-space:nowrap;user-select:none;-webkit-user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow,var(--transition-speed) color}.tab:hover:not(.tab--disabled){color:var(--sl-color-primary-600)}.tab:focus{outline:0}.tab:focus-visible:not(.tab--disabled){color:var(--sl-color-primary-600)}.tab:focus-visible{outline:var(--sl-focus-ring);outline-offset:calc(-1 * var(--sl-focus-ring-width) - var(--sl-focus-ring-offset))}.tab.tab--active:not(.tab--disabled){color:var(--sl-color-primary-600)}.tab.tab--closable{padding-inline-end:var(--sl-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:not-allowed}.tab__close-button{font-size:var(--sl-font-size-small);margin-inline-start:var(--sl-spacing-small)}.tab__close-button::part(base){padding:var(--sl-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline:solid 1px transparent;outline-offset:-3px}}`,Oe=0,Le=class extends Mt{constructor(){super(...arguments),this.localize=new vt(this),this.attrId=++Oe,this.componentId=`sl-tab-${this.attrId}`,this.panel="",this.active=!1,this.closable=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(t){t.stopPropagation(),this.emit("sl-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.tab.focus(t)}blur(){this.tab.blur()}render(){return this.id=this.id.length>0?this.id:this.componentId,V`<div part="base" class="${ce({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}" tabindex="${this.disabled?"-1":"0"}"><slot></slot>${this.closable?V`<sl-icon-button part="close-button" exportparts="base:close-button__base" name="x-lg" library="system" label="${this.localize.term("close")}" class="tab__close-button" @click="${this.handleCloseClick}" tabindex="-1"></sl-icon-button>`:""}</div>`}};Le.styles=[yt,ze],Le.dependencies={"sl-icon-button":Ce},zt([Bt(".tab")],Le.prototype,"tab",2),zt([Tt({reflect:!0})],Le.prototype,"panel",2),zt([Tt({type:Boolean,reflect:!0})],Le.prototype,"active",2),zt([Tt({type:Boolean})],Le.prototype,"closable",2),zt([Tt({type:Boolean,reflect:!0})],Le.prototype,"disabled",2),zt([te("active")],Le.prototype,"handleActiveChange",1),zt([te("disabled")],Le.prototype,"handleDisabledChange",1),Le.define("sl-tab");var Te=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};const Re=new URL(new URL("assets/logo-CqlPtOQW.png",import.meta.url).href,import.meta.url);class Be extends it{constructor(){super(...arguments),this.name="hot-header",this.title="",this.logo=Re,this.drawer=!0}render(){const t="string"==typeof this.logo||this.logo instanceof URL?"string"==typeof this.logo?this.logo:this.logo.href:"";return V`<header>${t.length>0?V`<div id="logo-block"><img id="logo" src="${this.logo}" alt="Logo"></div>`:null} ${this.title.length>0?V`<h1>${this.title}</h1>`:null}<sl-tab-group><sl-tab slot="nav" panel="projects">Explore Projects</sl-tab><sl-tab slot="nav" panel="organisations">Manage Organizations</sl-tab></sl-tab-group>${this.drawer?V`<div id="drawer-block" style="font-size:32px"><sl-icon-button name="list" label="drawer-open"></sl-icon-button></div>`:null}</header>`}}Be.styles=[n`@unocss-placeholder;`,n`header{display:flex;justify-content:space-between;align-items:center;background:var(--app-color-primary);color:#fff;padding:12px;padding-top:4px;position:fixed;left:0;top:0;height:50px;width:100%;-webkit-app-region:drag}header h1{margin-top:0;margin-bottom:0;font-size:12px;font-weight:700}nav a{margin-left:10px}#logo-block{height:40px;max-width:50%;display:flex;justify-content:space-between;align-items:center;gap:8px}#logo{height:100%;width:100%}#drawer-block{display:flex;justify-content:space-between;align-items:right;gap:8px;padding-right:30px}@media(prefers-color-scheme:light){header{color:#000}nav a{color:initial}}`],Te([Tt()],Be.prototype,"name",void 0),Te([Tt({type:String})],Be.prototype,"title",void 0),Te([Tt({type:String})],Be.prototype,"logo",void 0),Te([Tt({type:Boolean})],Be.prototype,"drawer",void 0),customElements.define("hot-header",Be);var Me=n`:host{display:inline-block}.button-group{display:flex;flex-wrap:nowrap}`,Ne=class extends Mt{constructor(){super(...arguments),this.disableRole=!1,this.label=""}handleFocus(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--focus",!0)}handleBlur(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--focus",!1)}handleMouseOver(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--hover",!0)}handleMouseOut(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--hover",!1)}handleSlotChange(){const t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach((e=>{const o=t.indexOf(e),r=Ue(e);r&&(r.toggleAttribute("data-sl-button-group__button",!0),r.toggleAttribute("data-sl-button-group__button--first",0===o),r.toggleAttribute("data-sl-button-group__button--inner",o>0&&o<t.length-1),r.toggleAttribute("data-sl-button-group__button--last",o===t.length-1),r.toggleAttribute("data-sl-button-group__button--radio","sl-radio-button"===r.tagName.toLowerCase()))}))}render(){return V`<div part="base" class="button-group" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}"><slot @slotchange="${this.handleSlotChange}"></slot></div>`}};function Ue(t){var e;const o="sl-button, sl-radio-button";return null!=(e=t.closest(o))?e:t.querySelector(o)}Ne.styles=[yt,Me],zt([Bt("slot")],Ne.prototype,"defaultSlot",2),zt([Rt()],Ne.prototype,"disableRole",2),zt([Tt()],Ne.prototype,"label",2),Ne.define("sl-button-group"),ne.define("sl-icon");var De=n`:host{--max-width:20rem;--hide-delay:0ms;--show-delay:150ms;display:contents}.tooltip{--arrow-size:var(--sl-tooltip-arrow-size);--arrow-color:var(--sl-tooltip-background-color)}.tooltip::part(popup){z-index:var(--sl-z-index-tooltip)}.tooltip[placement^=top]::part(popup){transform-origin:bottom}.tooltip[placement^=bottom]::part(popup){transform-origin:top}.tooltip[placement^=left]::part(popup){transform-origin:right}.tooltip[placement^=right]::part(popup){transform-origin:left}.tooltip__body{display:block;width:max-content;max-width:var(--max-width);border-radius:var(--sl-tooltip-border-radius);background-color:var(--sl-tooltip-background-color);font-family:var(--sl-tooltip-font-family);font-size:var(--sl-tooltip-font-size);font-weight:var(--sl-tooltip-font-weight);line-height:var(--sl-tooltip-line-height);text-align:start;white-space:normal;color:var(--sl-tooltip-color);padding:var(--sl-tooltip-padding);pointer-events:none;user-select:none;-webkit-user-select:none}`,Fe=n`:host{--arrow-color:var(--sl-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}.popup{position:absolute;isolation:isolate;max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}.popup--fixed{position:fixed}.popup:not(.popup--active){display:none}.popup__arrow{position:absolute;width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);rotate:45deg;background:var(--arrow-color);z-index:-1}.popup-hover-bridge:not(.popup-hover-bridge--visible){display:none}.popup-hover-bridge{position:fixed;z-index:calc(var(--sl-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0),var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0),var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0),var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0))}`;const Ve=Math.min,je=Math.max,Ie=Math.round,He=Math.floor,We=t=>({x:t,y:t}),qe={left:"right",right:"left",bottom:"top",top:"bottom"},Ge={start:"end",end:"start"};function Ke(t,e,o){return je(t,Ve(e,o))}function Ze(t,e){return"function"==typeof t?t(e):t}function Xe(t){return t.split("-")[0]}function Ye(t){return t.split("-")[1]}function Je(t){return"x"===t?"y":"x"}function Qe(t){return"y"===t?"height":"width"}function to(t){return["top","bottom"].includes(Xe(t))?"y":"x"}function eo(t){return Je(to(t))}function oo(t){return t.replace(/start|end/g,(t=>Ge[t]))}function ro(t){return t.replace(/left|right|bottom|top/g,(t=>qe[t]))}function io(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function no(t){const{x:e,y:o,width:r,height:i}=t;return{width:r,height:i,top:o,left:e,right:e+r,bottom:o+i,x:e,y:o}}function so(t,e,o){let{reference:r,floating:i}=t;const n=to(e),s=eo(e),a=Qe(s),l=Xe(e),c="y"===n,d=r.x+r.width/2-i.width/2,h=r.y+r.height/2-i.height/2,u=r[a]/2-i[a]/2;let p;switch(l){case"top":p={x:d,y:r.y-i.height};break;case"bottom":p={x:d,y:r.y+r.height};break;case"right":p={x:r.x+r.width,y:h};break;case"left":p={x:r.x-i.width,y:h};break;default:p={x:r.x,y:r.y}}switch(Ye(e)){case"start":p[s]-=u*(o&&c?-1:1);break;case"end":p[s]+=u*(o&&c?-1:1)}return p}async function ao(t,e){var o;void 0===e&&(e={});const{x:r,y:i,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ze(e,t),b=io(p),f=a[u?"floating"===h?"reference":"floating":h],g=no(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(f)))||o?f:f.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),m="floating"===h?{x:r,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),y=await(null==n.isElement?void 0:n.isElement(v))&&await(null==n.getScale?void 0:n.getScale(v))||{x:1,y:1},w=no(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:m,offsetParent:v,strategy:l}):m);return{top:(g.top-w.top+b.top)/y.y,bottom:(w.bottom-g.bottom+b.bottom)/y.y,left:(g.left-w.left+b.left)/y.x,right:(w.right-g.right+b.right)/y.x}}function lo(t){return uo(t)?(t.nodeName||"").toLowerCase():"#document"}function co(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function ho(t){var e;return null==(e=(uo(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function uo(t){return t instanceof Node||t instanceof co(t).Node}function po(t){return t instanceof Element||t instanceof co(t).Element}function bo(t){return t instanceof HTMLElement||t instanceof co(t).HTMLElement}function fo(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof co(t).ShadowRoot)}function go(t){const{overflow:e,overflowX:o,overflowY:r,display:i}=xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+o)&&!["inline","contents"].includes(i)}function mo(t){return["table","td","th"].includes(lo(t))}function vo(t){const e=yo(),o=xo(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function yo(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function wo(t){return["html","body","#document"].includes(lo(t))}function xo(t){return co(t).getComputedStyle(t)}function _o(t){return po(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $o(t){if("html"===lo(t))return t;const e=t.assignedSlot||t.parentNode||fo(t)&&t.host||ho(t);return fo(e)?e.host:e}function ko(t){const e=$o(t);return wo(e)?t.ownerDocument?t.ownerDocument.body:t.body:bo(e)&&go(e)?e:ko(e)}function Ao(t,e,o){var r;void 0===e&&(e=[]),void 0===o&&(o=!0);const i=ko(t),n=i===(null==(r=t.ownerDocument)?void 0:r.body),s=co(i);return n?e.concat(s,s.visualViewport||[],go(i)?i:[],s.frameElement&&o?Ao(s.frameElement):[]):e.concat(i,Ao(i,[],o))}function Co(t){const e=xo(t);let o=parseFloat(e.width)||0,r=parseFloat(e.height)||0;const i=bo(t),n=i?t.offsetWidth:o,s=i?t.offsetHeight:r,a=Ie(o)!==n||Ie(r)!==s;return a&&(o=n,r=s),{width:o,height:r,$:a}}function Eo(t){return po(t)?t:t.contextElement}function So(t){const e=Eo(t);if(!bo(e))return We(1);const o=e.getBoundingClientRect(),{width:r,height:i,$:n}=Co(e);let s=(n?Ie(o.width):o.width)/r,a=(n?Ie(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const Po=We(0);function zo(t){const e=co(t);return yo()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Po}function Oo(t,e,o,r){void 0===e&&(e=!1),void 0===o&&(o=!1);const i=t.getBoundingClientRect(),n=Eo(t);let s=We(1);e&&(r?po(r)&&(s=So(r)):s=So(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==co(t))&&e}(n,o,r)?zo(n):We(0);let l=(i.left+a.x)/s.x,c=(i.top+a.y)/s.y,d=i.width/s.x,h=i.height/s.y;if(n){const t=co(n),e=r&&po(r)?co(r):r;let o=t,i=o.frameElement;for(;i&&r&&e!==o;){const t=So(i),e=i.getBoundingClientRect(),r=xo(i),n=e.left+(i.clientLeft+parseFloat(r.paddingLeft))*t.x,s=e.top+(i.clientTop+parseFloat(r.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=n,c+=s,o=co(i),i=o.frameElement}}return no({width:d,height:h,x:l,y:c})}const Lo=[":popover-open",":modal"];function To(t){return Lo.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function Ro(t){return Oo(ho(t)).left+_o(t).scrollLeft}function Bo(t,e,o){let r;if("viewport"===e)r=function(t,e){const o=co(t),r=ho(t),i=o.visualViewport;let n=r.clientWidth,s=r.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;const t=yo();(!t||t&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a,y:l}}(t,o);else if("document"===e)r=function(t){const e=ho(t),o=_o(t),r=t.ownerDocument.body,i=je(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth),n=je(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let s=-o.scrollLeft+Ro(t);const a=-o.scrollTop;return"rtl"===xo(r).direction&&(s+=je(e.clientWidth,r.clientWidth)-i),{width:i,height:n,x:s,y:a}}(ho(t));else if(po(e))r=function(t,e){const o=Oo(t,!0,"fixed"===e),r=o.top+t.clientTop,i=o.left+t.clientLeft,n=bo(t)?So(t):We(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:i*n.x,y:r*n.y}}(e,o);else{const o=zo(t);r={...e,x:e.x-o.x,y:e.y-o.y}}return no(r)}function Mo(t,e){const o=$o(t);return!(o===e||!po(o)||wo(o))&&("fixed"===xo(o).position||Mo(o,e))}function No(t,e,o){const r=bo(e),i=ho(e),n="fixed"===o,s=Oo(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=We(0);if(r||!r&&!n)if(("body"!==lo(e)||go(i))&&(a=_o(e)),r){const t=Oo(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&(l.x=Ro(i));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function Uo(t){return"static"===xo(t).position}function Do(t,e){return bo(t)&&"fixed"!==xo(t).position?e?e(t):t.offsetParent:null}function Fo(t,e){const o=co(t);if(To(t))return o;if(!bo(t)){let e=$o(t);for(;e&&!wo(e);){if(po(e)&&!Uo(e))return e;e=$o(e)}return o}let r=Do(t,e);for(;r&&mo(r)&&Uo(r);)r=Do(r,e);return r&&wo(r)&&Uo(r)&&!vo(r)?o:r||function(t){let e=$o(t);for(;bo(e)&&!wo(e);){if(vo(e))return e;e=$o(e)}return null}(t)||o}const Vo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:r,strategy:i}=t;const n="fixed"===i,s=ho(r),a=!!e&&To(e.floating);if(r===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=We(1);const d=We(0),h=bo(r);if((h||!h&&!n)&&(("body"!==lo(r)||go(s))&&(l=_o(r)),bo(r))){const t=Oo(r);c=So(r),d.x=t.x+r.clientLeft,d.y=t.y+r.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.y}},getDocumentElement:ho,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:r,strategy:i}=t;const n=[..."clippingAncestors"===o?To(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let r=Ao(t,[],!1).filter((t=>po(t)&&"body"!==lo(t))),i=null;const n="fixed"===xo(t).position;let s=n?$o(t):t;for(;po(s)&&!wo(s);){const e=xo(s),o=vo(s);o||"fixed"!==e.position||(i=null),(n?!o&&!i:!o&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||go(s)&&!o&&Mo(t,s))?r=r.filter((t=>t!==s)):i=e,s=$o(s)}return e.set(t,r),r}(e,this._c):[].concat(o),r],s=n[0],a=n.reduce(((t,o)=>{const r=Bo(e,o,i);return t.top=je(r.top,t.top),t.right=Ve(r.right,t.right),t.bottom=Ve(r.bottom,t.bottom),t.left=je(r.left,t.left),t}),Bo(e,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Fo,getElementRects:async function(t){const e=this.getOffsetParent||Fo,o=this.getDimensions,r=await o(t.floating);return{reference:No(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=Co(t);return{width:e,height:o}},getScale:So,isElement:po,isRTL:function(t){return"rtl"===xo(t).direction}};function jo(t,e,o,r){void 0===r&&(r={});const{ancestorScroll:i=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=r,c=Eo(t),d=i||n?[...c?Ao(c):[],...Ao(e)]:[];d.forEach((t=>{i&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const h=c&&a?function(t,e){let o,r=null;const i=ho(t);function n(){var t;clearTimeout(o),null==(t=r)||t.disconnect(),r=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const p={rootMargin:-He(d)+"px "+-He(i.clientWidth-(c+h))+"px "+-He(i.clientHeight-(d+u))+"px "+-He(c)+"px",threshold:je(0,Ve(1,l))||1};let b=!0;function f(t){const e=t[0].intersectionRatio;if(e!==l){if(!b)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),1e3)}b=!1}try{r=new IntersectionObserver(f,{...p,root:i.ownerDocument})}catch(t){r=new IntersectionObserver(f,p)}r.observe(t)}(!0),n}(c,o):null;let u,p=-1,b=null;s&&(b=new ResizeObserver((t=>{let[r]=t;r&&r.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),o()})),c&&!l&&b.observe(c),b.observe(e));let f=l?Oo(t):null;return l&&function e(){const r=Oo(t);!f||r.x===f.x&&r.y===f.y&&r.width===f.width&&r.height===f.height||o();f=r,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{i&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,l&&cancelAnimationFrame(u)}}const Io=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,r;const{x:i,y:n,placement:s,middlewareData:a}=e,l=await async function(t,e){const{placement:o,platform:r,elements:i}=t,n=await(null==r.isRTL?void 0:r.isRTL(i.floating)),s=Xe(o),a=Ye(o),l="y"===to(o),c=["left","top"].includes(s)?-1:1,d=n&&l?-1:1,h=Ze(e,t);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return a&&"number"==typeof b&&(p="end"===a?-1*b:b),l?{x:p*d,y:u*c}:{x:u*c,y:p*d}}(e,t);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(r=a.arrow)&&r.alignmentOffset?{}:{x:i+l.x,y:n+l.y,data:{...l,placement:s}}}}},Ho=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:r,placement:i}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=Ze(t,e),c={x:o,y:r},d=await ao(e,l),h=to(Xe(i)),u=Je(h);let p=c[u],b=c[h];if(n){const t="y"===u?"bottom":"right";p=Ke(p+d["y"===u?"top":"left"],p,p-d[t])}if(s){const t="y"===h?"bottom":"right";b=Ke(b+d["y"===h?"top":"left"],b,b-d[t])}const f=a.fn({...e,[u]:p,[h]:b});return{...f,data:{x:f.x-o,y:f.y-r}}}}},Wo=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,r;const{placement:i,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:f=!0,...g}=Ze(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const m=Xe(i),v=Xe(a)===a,y=await(null==l.isRTL?void 0:l.isRTL(c.floating)),w=u||(v||!f?[ro(a)]:function(t){const e=ro(t);return[oo(t),e,oo(e)]}(a));u||"none"===b||w.push(...function(t,e,o,r){const i=Ye(t);let n=function(t,e,o){const r=["left","right"],i=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?i:r:e?r:i;case"left":case"right":return e?n:s;default:return[]}}(Xe(t),"start"===o,r);return i&&(n=n.map((t=>t+"-"+i)),e&&(n=n.concat(n.map(oo)))),n}(a,f,b,y));const x=[a,...w],_=await ao(e,g),$=[];let k=(null==(r=n.flip)?void 0:r.overflows)||[];if(d&&$.push(_[m]),h){const t=function(t,e,o){void 0===o&&(o=!1);const r=Ye(t),i=eo(t),n=Qe(i);let s="x"===i?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=ro(s)),[s,ro(s)]}(i,s,y);$.push(_[t[0]],_[t[1]])}if(k=[...k,{placement:i,overflows:$}],!$.every((t=>t<=0))){var A,C;const t=((null==(A=n.flip)?void 0:A.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(C=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!o)switch(p){case"bestFit":{var E;const t=null==(E=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:E[0];t&&(o=t);break}case"initialPlacement":o=a}if(i!==o)return{reset:{placement:o}}}return{}}}},qo=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:o,rects:r,platform:i,elements:n}=e,{apply:s=(()=>{}),...a}=Ze(t,e),l=await ao(e,a),c=Xe(o),d=Ye(o),h="y"===to(o),{width:u,height:p}=r.floating;let b,f;"top"===c||"bottom"===c?(b=c,f=d===(await(null==i.isRTL?void 0:i.isRTL(n.floating))?"start":"end")?"left":"right"):(f=c,b="end"===d?"top":"bottom");const g=p-l.top-l.bottom,m=u-l.left-l.right,v=Ve(p-l[b],g),y=Ve(u-l[f],m),w=!e.middlewareData.shift;let x=v,_=y;if(h?_=d||w?Ve(y,m):m:x=d||w?Ve(v,g):g,w&&!d){const t=je(l.left,0),e=je(l.right,0),o=je(l.top,0),r=je(l.bottom,0);h?_=u-2*(0!==t||0!==e?t+e:je(l.left,l.right)):x=p-2*(0!==o||0!==r?o+r:je(l.top,l.bottom))}await s({...e,availableWidth:_,availableHeight:x});const $=await i.getDimensions(n.floating);return u!==$.width||p!==$.height?{reset:{rects:!0}}:{}}}},Go=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=Ze(t,e)||{};if(null==c)return{};const h=io(d),u={x:o,y:r},p=eo(i),b=Qe(p),f=await s.getDimensions(c),g="y"===p,m=g?"top":"left",v=g?"bottom":"right",y=g?"clientHeight":"clientWidth",w=n.reference[b]+n.reference[p]-u[p]-n.floating[b],x=u[p]-n.reference[p],_=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let $=_?_[y]:0;$&&await(null==s.isElement?void 0:s.isElement(_))||($=a.floating[y]||n.floating[b]);const k=w/2-x/2,A=$/2-f[b]/2-1,C=Ve(h[m],A),E=Ve(h[v],A),S=C,P=$-f[b]-E,z=$/2-f[b]/2+k,O=Ke(S,z,P),L=!l.arrow&&null!=Ye(i)&&z!==O&&n.reference[b]/2-(z<S?C:E)-f[b]/2<0,T=L?z<S?z-S:z-P:0;return{[p]:u[p]+T,data:{[p]:O,centerOffset:z-O-T,...L&&{alignmentOffset:T}},reset:L}}}),Ko=(t,e,o)=>{const r=new Map,i={platform:Vo,...o},n={...i.platform,_c:r};return(async(t,e,o)=>{const{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:h}=so(c,r,l),u=r,p={},b=0;for(let o=0;o<a.length;o++){const{name:n,fn:f}=a[o],{x:g,y:m,data:v,reset:y}=await f({x:d,y:h,initialPlacement:r,placement:u,strategy:i,middlewareData:p,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=g?g:d,h=null!=m?m:h,p={...p,[n]:{...p[n],...v}},y&&b<=50&&(b++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await s.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:d,y:h}=so(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:i,middlewareData:p}})(t,e,{...i,platform:n})};function Zo(t){return function(t){for(let e=t;e;e=Xo(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Xo(t);e;e=Xo(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function Xo(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var Yo=class extends Mt{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0,this.hoverBridge=!1,this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect(),e=this.popup.getBoundingClientRect();let o=0,r=0,i=0,n=0,s=0,a=0,l=0,c=0;this.placement.includes("top")||this.placement.includes("bottom")?t.top<e.top?(o=t.left,r=t.bottom,i=t.right,n=t.bottom,s=e.left,a=e.top,l=e.right,c=e.top):(o=e.left,r=e.bottom,i=e.right,n=e.bottom,s=t.left,a=t.top,l=t.right,c=t.top):t.left<e.left?(o=t.right,r=t.top,i=e.left,n=e.top,s=t.right,a=t.bottom,l=e.left,c=e.bottom):(o=e.right,r=e.top,i=t.left,n=t.top,s=e.right,a=e.bottom,l=t.left,c=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${o}px`),this.style.setProperty("--hover-bridge-top-left-y",`${r}px`),this.style.setProperty("--hover-bridge-top-right-x",`${i}px`),this.style.setProperty("--hover-bridge-top-right-y",`${n}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${s}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${c}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||function(t){return null!==t&&"object"==typeof t&&"getBoundingClientRect"in t&&(!("contextElement"in t)||t instanceof Element)}(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.start()}start(){this.anchorEl&&(this.cleanup=jo(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>t()))):t()}))}reposition(){if(!this.active||!this.anchorEl)return;const t=[Io({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(qo({apply:({rects:t})=>{const e="width"===this.sync||"both"===this.sync,o="height"===this.sync||"both"===this.sync;this.popup.style.width=e?`${t.reference.width}px`:"",this.popup.style.height=o?`${t.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(Wo({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(Ho({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(qo({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${e}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${t}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(Go({element:this.arrowEl,padding:this.arrowPadding}));const e="absolute"===this.strategy?t=>Vo.getOffsetParent(t,Zo):Vo.getOffsetParent;Ko(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:Pt(St({},Vo),{getOffsetParent:e})}).then((({x:t,y:e,middlewareData:o,placement:r})=>{const i="rtl"===getComputedStyle(this).direction,n={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(this.setAttribute("data-current-placement",r),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=o.arrow.x,e=o.arrow.y;let r="",s="",a="",l="";if("start"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";r="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",s=i?o:"",l=i?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";s=i?"":o,l=i?o:"",a="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(l="number"==typeof t?"calc(50% - var(--arrow-size-diagonal))":"",r="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",r="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:r,right:s,bottom:a,left:l,[n]:"calc(var(--arrow-size-diagonal) * -1)"})}})),requestAnimationFrame((()=>this.updateHoverBridge())),this.emit("sl-reposition")}render(){return V`<slot name="anchor" @slotchange="${this.handleAnchorChange}"></slot><span part="hover-bridge" class="${ce({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}"></span><div part="popup" class="${ce({popup:!0,"popup--active":this.active,"popup--fixed":"fixed"===this.strategy,"popup--has-arrow":this.arrow})}"><slot></slot>${this.arrow?V`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}</div>`}};Yo.styles=[yt,Fe],zt([Bt(".popup")],Yo.prototype,"popup",2),zt([Bt(".popup__arrow")],Yo.prototype,"arrowEl",2),zt([Tt()],Yo.prototype,"anchor",2),zt([Tt({type:Boolean,reflect:!0})],Yo.prototype,"active",2),zt([Tt({reflect:!0})],Yo.prototype,"placement",2),zt([Tt({reflect:!0})],Yo.prototype,"strategy",2),zt([Tt({type:Number})],Yo.prototype,"distance",2),zt([Tt({type:Number})],Yo.prototype,"skidding",2),zt([Tt({type:Boolean})],Yo.prototype,"arrow",2),zt([Tt({attribute:"arrow-placement"})],Yo.prototype,"arrowPlacement",2),zt([Tt({attribute:"arrow-padding",type:Number})],Yo.prototype,"arrowPadding",2),zt([Tt({type:Boolean})],Yo.prototype,"flip",2),zt([Tt({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],Yo.prototype,"flipFallbackPlacements",2),zt([Tt({attribute:"flip-fallback-strategy"})],Yo.prototype,"flipFallbackStrategy",2),zt([Tt({type:Object})],Yo.prototype,"flipBoundary",2),zt([Tt({attribute:"flip-padding",type:Number})],Yo.prototype,"flipPadding",2),zt([Tt({type:Boolean})],Yo.prototype,"shift",2),zt([Tt({type:Object})],Yo.prototype,"shiftBoundary",2),zt([Tt({attribute:"shift-padding",type:Number})],Yo.prototype,"shiftPadding",2),zt([Tt({attribute:"auto-size"})],Yo.prototype,"autoSize",2),zt([Tt()],Yo.prototype,"sync",2),zt([Tt({type:Object})],Yo.prototype,"autoSizeBoundary",2),zt([Tt({attribute:"auto-size-padding",type:Number})],Yo.prototype,"autoSizePadding",2),zt([Tt({attribute:"hover-bridge",type:Boolean})],Yo.prototype,"hoverBridge",2);var Jo=new Map,Qo=new WeakMap;function tr(t,e){return"rtl"===e.toLowerCase()?{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}:t}function er(t,e){Jo.set(t,function(t){return null!=t?t:{keyframes:[],options:{duration:0}}}(e))}function or(t,e,o){const r=Qo.get(t);if(null==r?void 0:r[e])return tr(r[e],o.dir);const i=Jo.get(e);return i?tr(i,o.dir):{keyframes:[],options:{duration:0}}}function rr(t,e){return new Promise((o=>{t.addEventListener(e,(function r(i){i.target===t&&(t.removeEventListener(e,r),o())}))}))}function ir(t,e,o){return new Promise((r=>{if((null==o?void 0:o.duration)===1/0)throw new Error("Promise-based animations must be finite.");const i=t.animate(e,Pt(St({},o),{duration:sr()?0:o.duration}));i.addEventListener("cancel",r,{once:!0}),i.addEventListener("finish",r,{once:!0})}))}function nr(t){return(t=t.toString().toLowerCase()).indexOf("ms")>-1?parseFloat(t):t.indexOf("s")>-1?1e3*parseFloat(t):parseFloat(t)}function sr(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function ar(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{t.cancel(),requestAnimationFrame(e)})))))}var lr=class extends Mt{constructor(){super(),this.localize=new vt(this),this.content="",this.placement="top",this.disabled=!1,this.distance=8,this.open=!1,this.skidding=0,this.trigger="hover focus",this.hoist=!1,this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()},this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())},this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()},this.handleDocumentKeyDown=t=>{"Escape"===t.key&&(t.stopPropagation(),this.hide())},this.handleMouseOver=()=>{if(this.hasTrigger("hover")){const t=nr(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}},this.handleMouseOut=()=>{if(this.hasTrigger("hover")){const t=nr(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}},this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var t;null==(t=this.closeWatcher)||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){var t,e;if(this.open){if(this.disabled)return;this.emit("sl-show"),"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await ar(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:e,options:o}=or(this,"tooltip.show",{dir:this.localize.dir()});await ir(this.popup.popup,e,o),this.popup.reposition(),this.emit("sl-after-show")}else{this.emit("sl-hide"),null==(e=this.closeWatcher)||e.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await ar(this.body);const{keyframes:t,options:o}=or(this,"tooltip.hide",{dir:this.localize.dir()});await ir(this.popup.popup,t,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sl-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,rr(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,rr(this,"sl-after-hide")}render(){return V`<sl-popup part="base" exportparts="
|
|
118
|
+
`}};Ce.styles=[Lt,Ae],Ce.dependencies={"sl-icon":ne},u([Nt(".icon-button")],Ce.prototype,"button",2),u([Mt()],Ce.prototype,"hasFocus",2),u([Bt()],Ce.prototype,"name",2),u([Bt()],Ce.prototype,"library",2),u([Bt()],Ce.prototype,"src",2),u([Bt()],Ce.prototype,"href",2),u([Bt()],Ce.prototype,"target",2),u([Bt()],Ce.prototype,"download",2),u([Bt()],Ce.prototype,"label",2),u([Bt({type:Boolean,reflect:!0})],Ce.prototype,"disabled",2),Ce.define("sl-icon-button");var Ee=v`:host{--padding:0;display:none}:host([active]){display:block}.tab-panel{display:block;padding:var(--padding)}`,Se=0,Pe=class extends Ut{constructor(){super(...arguments),this.attrId=++Se,this.componentId=`sl-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return tt`<slot part="base" class="${ce({"tab-panel":!0,"tab-panel--active":this.active})}"></slot>`}};Pe.styles=[Lt,Ee],u([Bt({reflect:!0})],Pe.prototype,"name",2),u([Bt({type:Boolean,reflect:!0})],Pe.prototype,"active",2),u([te("active")],Pe.prototype,"handleActiveChange",1),Pe.define("sl-tab-panel");var ze=v`:host{display:inline-block}.tab{display:inline-flex;align-items:center;font-family:var(--sl-font-sans);font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);border-radius:var(--sl-border-radius-medium);color:var(--sl-color-neutral-600);padding:var(--sl-spacing-medium) var(--sl-spacing-large);white-space:nowrap;user-select:none;-webkit-user-select:none;cursor:pointer;transition:var(--transition-speed) box-shadow,var(--transition-speed) color}.tab:hover:not(.tab--disabled){color:var(--sl-color-primary-600)}.tab:focus{outline:0}.tab:focus-visible:not(.tab--disabled){color:var(--sl-color-primary-600)}.tab:focus-visible{outline:var(--sl-focus-ring);outline-offset:calc(-1 * var(--sl-focus-ring-width) - var(--sl-focus-ring-offset))}.tab.tab--active:not(.tab--disabled){color:var(--sl-color-primary-600)}.tab.tab--closable{padding-inline-end:var(--sl-spacing-small)}.tab.tab--disabled{opacity:.5;cursor:not-allowed}.tab__close-button{font-size:var(--sl-font-size-small);margin-inline-start:var(--sl-spacing-small)}.tab__close-button::part(base){padding:var(--sl-spacing-3x-small)}@media (forced-colors:active){.tab.tab--active:not(.tab--disabled){outline:solid 1px transparent;outline-offset:-3px}}`,Oe=0,Le=class extends Ut{constructor(){super(...arguments),this.localize=new Ot(this),this.attrId=++Oe,this.componentId=`sl-tab-${this.attrId}`,this.panel="",this.active=!1,this.closable=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(t){t.stopPropagation(),this.emit("sl-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.tab.focus(t)}blur(){this.tab.blur()}render(){return this.id=this.id.length>0?this.id:this.componentId,tt`<div part="base" class="${ce({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})}" tabindex="${this.disabled?"-1":"0"}"><slot></slot>${this.closable?tt`<sl-icon-button part="close-button" exportparts="base:close-button__base" name="x-lg" library="system" label="${this.localize.term("close")}" class="tab__close-button" @click="${this.handleCloseClick}" tabindex="-1"></sl-icon-button>`:""}</div>`}};Le.styles=[Lt,ze],Le.dependencies={"sl-icon-button":Ce},u([Nt(".tab")],Le.prototype,"tab",2),u([Bt({reflect:!0})],Le.prototype,"panel",2),u([Bt({type:Boolean,reflect:!0})],Le.prototype,"active",2),u([Bt({type:Boolean})],Le.prototype,"closable",2),u([Bt({type:Boolean,reflect:!0})],Le.prototype,"disabled",2),u([te("active")],Le.prototype,"handleActiveChange",1),u([te("disabled")],Le.prototype,"handleDisabledChange",1),Le.define("sl-tab");var Te=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};const Re=new URL(new URL("assets/logo-CqlPtOQW.png",import.meta.url).href,import.meta.url);class Be extends mt{constructor(){super(...arguments),this.name="hot-header",this.title="",this.logo=Re,this.drawer=!0}render(){const t="string"==typeof this.logo||this.logo instanceof URL?"string"==typeof this.logo?this.logo:this.logo.href:"";return tt`<header>${t.length>0?tt`<div id="logo-block"><img id="logo" src="${this.logo}" alt="Logo"></div>`:null} ${this.title.length>0?tt`<h1>${this.title}</h1>`:null}<sl-tab-group><sl-tab slot="nav" panel="projects">Explore Projects</sl-tab><sl-tab slot="nav" panel="organisations">Manage Organizations</sl-tab></sl-tab-group>${this.drawer?tt`<div id="drawer-block" style="font-size:32px"><sl-icon-button name="list" label="drawer-open"></sl-icon-button></div>`:null}</header>`}}Be.styles=[v`@unocss-placeholder;`,v`header{display:flex;justify-content:space-between;align-items:center;background:var(--app-color-primary);color:#fff;padding:12px;padding-top:4px;position:fixed;left:0;top:0;height:50px;width:100%;-webkit-app-region:drag}header h1{margin-top:0;margin-bottom:0;font-size:12px;font-weight:700}nav a{margin-left:10px}#logo-block{height:40px;max-width:50%;display:flex;justify-content:space-between;align-items:center;gap:8px}#logo{height:100%;width:100%}#drawer-block{display:flex;justify-content:space-between;align-items:right;gap:8px;padding-right:30px}@media(prefers-color-scheme:light){header{color:#000}nav a{color:initial}}`],Te([Bt()],Be.prototype,"name",void 0),Te([Bt({type:String})],Be.prototype,"title",void 0),Te([Bt({type:String})],Be.prototype,"logo",void 0),Te([Bt({type:Boolean})],Be.prototype,"drawer",void 0),customElements.define("hot-header",Be);var Me=v`:host{display:inline-block}.button-group{display:flex;flex-wrap:nowrap}`,Ne=class extends Ut{constructor(){super(...arguments),this.disableRole=!1,this.label=""}handleFocus(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--focus",!0)}handleBlur(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--focus",!1)}handleMouseOver(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--hover",!0)}handleMouseOut(t){const e=Ue(t.target);null==e||e.toggleAttribute("data-sl-button-group__button--hover",!1)}handleSlotChange(){const t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach((e=>{const o=t.indexOf(e),r=Ue(e);r&&(r.toggleAttribute("data-sl-button-group__button",!0),r.toggleAttribute("data-sl-button-group__button--first",0===o),r.toggleAttribute("data-sl-button-group__button--inner",o>0&&o<t.length-1),r.toggleAttribute("data-sl-button-group__button--last",o===t.length-1),r.toggleAttribute("data-sl-button-group__button--radio","sl-radio-button"===r.tagName.toLowerCase()))}))}render(){return tt`<div part="base" class="button-group" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}"><slot @slotchange="${this.handleSlotChange}"></slot></div>`}};function Ue(t){var e;const o="sl-button, sl-radio-button";return null!=(e=t.closest(o))?e:t.querySelector(o)}Ne.styles=[Lt,Me],u([Nt("slot")],Ne.prototype,"defaultSlot",2),u([Mt()],Ne.prototype,"disableRole",2),u([Bt()],Ne.prototype,"label",2),Ne.define("sl-button-group"),ne.define("sl-icon");var De=v`:host{--max-width:20rem;--hide-delay:0ms;--show-delay:150ms;display:contents}.tooltip{--arrow-size:var(--sl-tooltip-arrow-size);--arrow-color:var(--sl-tooltip-background-color)}.tooltip::part(popup){z-index:var(--sl-z-index-tooltip)}.tooltip[placement^=top]::part(popup){transform-origin:bottom}.tooltip[placement^=bottom]::part(popup){transform-origin:top}.tooltip[placement^=left]::part(popup){transform-origin:right}.tooltip[placement^=right]::part(popup){transform-origin:left}.tooltip__body{display:block;width:max-content;max-width:var(--max-width);border-radius:var(--sl-tooltip-border-radius);background-color:var(--sl-tooltip-background-color);font-family:var(--sl-tooltip-font-family);font-size:var(--sl-tooltip-font-size);font-weight:var(--sl-tooltip-font-weight);line-height:var(--sl-tooltip-line-height);text-align:start;white-space:normal;color:var(--sl-tooltip-color);padding:var(--sl-tooltip-padding);pointer-events:none;user-select:none;-webkit-user-select:none}`,Fe=v`:host{--arrow-color:var(--sl-color-neutral-1000);--arrow-size:6px;--arrow-size-diagonal:calc(var(--arrow-size) * 0.7071);--arrow-padding-offset:calc(var(--arrow-size-diagonal) - var(--arrow-size));display:contents}.popup{position:absolute;isolation:isolate;max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}.popup--fixed{position:fixed}.popup:not(.popup--active){display:none}.popup__arrow{position:absolute;width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);rotate:45deg;background:var(--arrow-color);z-index:-1}.popup-hover-bridge:not(.popup-hover-bridge--visible){display:none}.popup-hover-bridge{position:fixed;z-index:calc(var(--sl-z-index-dropdown) - 1);top:0;right:0;bottom:0;left:0;clip-path:polygon(var(--hover-bridge-top-left-x,0) var(--hover-bridge-top-left-y,0),var(--hover-bridge-top-right-x,0) var(--hover-bridge-top-right-y,0),var(--hover-bridge-bottom-right-x,0) var(--hover-bridge-bottom-right-y,0),var(--hover-bridge-bottom-left-x,0) var(--hover-bridge-bottom-left-y,0))}`;const Ve=Math.min,je=Math.max,Ie=Math.round,He=Math.floor,We=t=>({x:t,y:t}),qe={left:"right",right:"left",bottom:"top",top:"bottom"},Ge={start:"end",end:"start"};function Ke(t,e,o){return je(t,Ve(e,o))}function Ze(t,e){return"function"==typeof t?t(e):t}function Xe(t){return t.split("-")[0]}function Ye(t){return t.split("-")[1]}function Je(t){return"x"===t?"y":"x"}function Qe(t){return"y"===t?"height":"width"}function to(t){return["top","bottom"].includes(Xe(t))?"y":"x"}function eo(t){return Je(to(t))}function oo(t){return t.replace(/start|end/g,(t=>Ge[t]))}function ro(t){return t.replace(/left|right|bottom|top/g,(t=>qe[t]))}function io(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function no(t){const{x:e,y:o,width:r,height:i}=t;return{width:r,height:i,top:o,left:e,right:e+r,bottom:o+i,x:e,y:o}}function so(t,e,o){let{reference:r,floating:i}=t;const n=to(e),s=eo(e),a=Qe(s),l=Xe(e),c="y"===n,d=r.x+r.width/2-i.width/2,h=r.y+r.height/2-i.height/2,u=r[a]/2-i[a]/2;let p;switch(l){case"top":p={x:d,y:r.y-i.height};break;case"bottom":p={x:d,y:r.y+r.height};break;case"right":p={x:r.x+r.width,y:h};break;case"left":p={x:r.x-i.width,y:h};break;default:p={x:r.x,y:r.y}}switch(Ye(e)){case"start":p[s]-=u*(o&&c?-1:1);break;case"end":p[s]+=u*(o&&c?-1:1)}return p}async function ao(t,e){var o;void 0===e&&(e={});const{x:r,y:i,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Ze(e,t),b=io(p),f=a[u?"floating"===h?"reference":"floating":h],g=no(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(f)))||o?f:f.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),m="floating"===h?{x:r,y:i,width:s.floating.width,height:s.floating.height}:s.reference,v=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),y=await(null==n.isElement?void 0:n.isElement(v))&&await(null==n.getScale?void 0:n.getScale(v))||{x:1,y:1},w=no(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:m,offsetParent:v,strategy:l}):m);return{top:(g.top-w.top+b.top)/y.y,bottom:(w.bottom-g.bottom+b.bottom)/y.y,left:(g.left-w.left+b.left)/y.x,right:(w.right-g.right+b.right)/y.x}}function lo(t){return uo(t)?(t.nodeName||"").toLowerCase():"#document"}function co(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function ho(t){var e;return null==(e=(uo(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function uo(t){return t instanceof Node||t instanceof co(t).Node}function po(t){return t instanceof Element||t instanceof co(t).Element}function bo(t){return t instanceof HTMLElement||t instanceof co(t).HTMLElement}function fo(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof co(t).ShadowRoot)}function go(t){const{overflow:e,overflowX:o,overflowY:r,display:i}=xo(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+o)&&!["inline","contents"].includes(i)}function mo(t){return["table","td","th"].includes(lo(t))}function vo(t){const e=yo(),o=xo(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function yo(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function wo(t){return["html","body","#document"].includes(lo(t))}function xo(t){return co(t).getComputedStyle(t)}function _o(t){return po(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $o(t){if("html"===lo(t))return t;const e=t.assignedSlot||t.parentNode||fo(t)&&t.host||ho(t);return fo(e)?e.host:e}function ko(t){const e=$o(t);return wo(e)?t.ownerDocument?t.ownerDocument.body:t.body:bo(e)&&go(e)?e:ko(e)}function Ao(t,e,o){var r;void 0===e&&(e=[]),void 0===o&&(o=!0);const i=ko(t),n=i===(null==(r=t.ownerDocument)?void 0:r.body),s=co(i);return n?e.concat(s,s.visualViewport||[],go(i)?i:[],s.frameElement&&o?Ao(s.frameElement):[]):e.concat(i,Ao(i,[],o))}function Co(t){const e=xo(t);let o=parseFloat(e.width)||0,r=parseFloat(e.height)||0;const i=bo(t),n=i?t.offsetWidth:o,s=i?t.offsetHeight:r,a=Ie(o)!==n||Ie(r)!==s;return a&&(o=n,r=s),{width:o,height:r,$:a}}function Eo(t){return po(t)?t:t.contextElement}function So(t){const e=Eo(t);if(!bo(e))return We(1);const o=e.getBoundingClientRect(),{width:r,height:i,$:n}=Co(e);let s=(n?Ie(o.width):o.width)/r,a=(n?Ie(o.height):o.height)/i;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const Po=We(0);function zo(t){const e=co(t);return yo()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Po}function Oo(t,e,o,r){void 0===e&&(e=!1),void 0===o&&(o=!1);const i=t.getBoundingClientRect(),n=Eo(t);let s=We(1);e&&(r?po(r)&&(s=So(r)):s=So(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==co(t))&&e}(n,o,r)?zo(n):We(0);let l=(i.left+a.x)/s.x,c=(i.top+a.y)/s.y,d=i.width/s.x,h=i.height/s.y;if(n){const t=co(n),e=r&&po(r)?co(r):r;let o=t,i=o.frameElement;for(;i&&r&&e!==o;){const t=So(i),e=i.getBoundingClientRect(),r=xo(i),n=e.left+(i.clientLeft+parseFloat(r.paddingLeft))*t.x,s=e.top+(i.clientTop+parseFloat(r.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=n,c+=s,o=co(i),i=o.frameElement}}return no({width:d,height:h,x:l,y:c})}const Lo=[":popover-open",":modal"];function To(t){return Lo.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function Ro(t){return Oo(ho(t)).left+_o(t).scrollLeft}function Bo(t,e,o){let r;if("viewport"===e)r=function(t,e){const o=co(t),r=ho(t),i=o.visualViewport;let n=r.clientWidth,s=r.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;const t=yo();(!t||t&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a,y:l}}(t,o);else if("document"===e)r=function(t){const e=ho(t),o=_o(t),r=t.ownerDocument.body,i=je(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth),n=je(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let s=-o.scrollLeft+Ro(t);const a=-o.scrollTop;return"rtl"===xo(r).direction&&(s+=je(e.clientWidth,r.clientWidth)-i),{width:i,height:n,x:s,y:a}}(ho(t));else if(po(e))r=function(t,e){const o=Oo(t,!0,"fixed"===e),r=o.top+t.clientTop,i=o.left+t.clientLeft,n=bo(t)?So(t):We(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:i*n.x,y:r*n.y}}(e,o);else{const o=zo(t);r={...e,x:e.x-o.x,y:e.y-o.y}}return no(r)}function Mo(t,e){const o=$o(t);return!(o===e||!po(o)||wo(o))&&("fixed"===xo(o).position||Mo(o,e))}function No(t,e,o){const r=bo(e),i=ho(e),n="fixed"===o,s=Oo(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=We(0);if(r||!r&&!n)if(("body"!==lo(e)||go(i))&&(a=_o(e)),r){const t=Oo(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&(l.x=Ro(i));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function Uo(t){return"static"===xo(t).position}function Do(t,e){return bo(t)&&"fixed"!==xo(t).position?e?e(t):t.offsetParent:null}function Fo(t,e){const o=co(t);if(To(t))return o;if(!bo(t)){let e=$o(t);for(;e&&!wo(e);){if(po(e)&&!Uo(e))return e;e=$o(e)}return o}let r=Do(t,e);for(;r&&mo(r)&&Uo(r);)r=Do(r,e);return r&&wo(r)&&Uo(r)&&!vo(r)?o:r||function(t){let e=$o(t);for(;bo(e)&&!wo(e);){if(vo(e))return e;e=$o(e)}return null}(t)||o}const Vo={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:r,strategy:i}=t;const n="fixed"===i,s=ho(r),a=!!e&&To(e.floating);if(r===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=We(1);const d=We(0),h=bo(r);if((h||!h&&!n)&&(("body"!==lo(r)||go(s))&&(l=_o(r)),bo(r))){const t=Oo(r);c=So(r),d.x=t.x+r.clientLeft,d.y=t.y+r.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.y}},getDocumentElement:ho,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:r,strategy:i}=t;const n=[..."clippingAncestors"===o?To(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let r=Ao(t,[],!1).filter((t=>po(t)&&"body"!==lo(t))),i=null;const n="fixed"===xo(t).position;let s=n?$o(t):t;for(;po(s)&&!wo(s);){const e=xo(s),o=vo(s);o||"fixed"!==e.position||(i=null),(n?!o&&!i:!o&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||go(s)&&!o&&Mo(t,s))?r=r.filter((t=>t!==s)):i=e,s=$o(s)}return e.set(t,r),r}(e,this._c):[].concat(o),r],s=n[0],a=n.reduce(((t,o)=>{const r=Bo(e,o,i);return t.top=je(r.top,t.top),t.right=Ve(r.right,t.right),t.bottom=Ve(r.bottom,t.bottom),t.left=je(r.left,t.left),t}),Bo(e,s,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Fo,getElementRects:async function(t){const e=this.getOffsetParent||Fo,o=this.getDimensions,r=await o(t.floating);return{reference:No(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:r.width,height:r.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=Co(t);return{width:e,height:o}},getScale:So,isElement:po,isRTL:function(t){return"rtl"===xo(t).direction}};function jo(t,e,o,r){void 0===r&&(r={});const{ancestorScroll:i=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=r,c=Eo(t),d=i||n?[...c?Ao(c):[],...Ao(e)]:[];d.forEach((t=>{i&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const h=c&&a?function(t,e){let o,r=null;const i=ho(t);function n(){var t;clearTimeout(o),null==(t=r)||t.disconnect(),r=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const p={rootMargin:-He(d)+"px "+-He(i.clientWidth-(c+h))+"px "+-He(i.clientHeight-(d+u))+"px "+-He(c)+"px",threshold:je(0,Ve(1,l))||1};let b=!0;function f(t){const e=t[0].intersectionRatio;if(e!==l){if(!b)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),1e3)}b=!1}try{r=new IntersectionObserver(f,{...p,root:i.ownerDocument})}catch(t){r=new IntersectionObserver(f,p)}r.observe(t)}(!0),n}(c,o):null;let u,p=-1,b=null;s&&(b=new ResizeObserver((t=>{let[r]=t;r&&r.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),o()})),c&&!l&&b.observe(c),b.observe(e));let f=l?Oo(t):null;return l&&function e(){const r=Oo(t);!f||r.x===f.x&&r.y===f.y&&r.width===f.width&&r.height===f.height||o();f=r,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{i&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,l&&cancelAnimationFrame(u)}}const Io=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,r;const{x:i,y:n,placement:s,middlewareData:a}=e,l=await async function(t,e){const{placement:o,platform:r,elements:i}=t,n=await(null==r.isRTL?void 0:r.isRTL(i.floating)),s=Xe(o),a=Ye(o),l="y"===to(o),c=["left","top"].includes(s)?-1:1,d=n&&l?-1:1,h=Ze(e,t);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return a&&"number"==typeof b&&(p="end"===a?-1*b:b),l?{x:p*d,y:u*c}:{x:u*c,y:p*d}}(e,t);return s===(null==(o=a.offset)?void 0:o.placement)&&null!=(r=a.arrow)&&r.alignmentOffset?{}:{x:i+l.x,y:n+l.y,data:{...l,placement:s}}}}},Ho=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:r,placement:i}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=Ze(t,e),c={x:o,y:r},d=await ao(e,l),h=to(Xe(i)),u=Je(h);let p=c[u],b=c[h];if(n){const t="y"===u?"bottom":"right";p=Ke(p+d["y"===u?"top":"left"],p,p-d[t])}if(s){const t="y"===h?"bottom":"right";b=Ke(b+d["y"===h?"top":"left"],b,b-d[t])}const f=a.fn({...e,[u]:p,[h]:b});return{...f,data:{x:f.x-o,y:f.y-r}}}}},Wo=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,r;const{placement:i,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:f=!0,...g}=Ze(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const m=Xe(i),v=Xe(a)===a,y=await(null==l.isRTL?void 0:l.isRTL(c.floating)),w=u||(v||!f?[ro(a)]:function(t){const e=ro(t);return[oo(t),e,oo(e)]}(a));u||"none"===b||w.push(...function(t,e,o,r){const i=Ye(t);let n=function(t,e,o){const r=["left","right"],i=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?i:r:e?r:i;case"left":case"right":return e?n:s;default:return[]}}(Xe(t),"start"===o,r);return i&&(n=n.map((t=>t+"-"+i)),e&&(n=n.concat(n.map(oo)))),n}(a,f,b,y));const x=[a,...w],_=await ao(e,g),$=[];let k=(null==(r=n.flip)?void 0:r.overflows)||[];if(d&&$.push(_[m]),h){const t=function(t,e,o){void 0===o&&(o=!1);const r=Ye(t),i=eo(t),n=Qe(i);let s="x"===i?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=ro(s)),[s,ro(s)]}(i,s,y);$.push(_[t[0]],_[t[1]])}if(k=[...k,{placement:i,overflows:$}],!$.every((t=>t<=0))){var A,C;const t=((null==(A=n.flip)?void 0:A.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(C=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!o)switch(p){case"bestFit":{var E;const t=null==(E=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:E[0];t&&(o=t);break}case"initialPlacement":o=a}if(i!==o)return{reset:{placement:o}}}return{}}}},qo=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:o,rects:r,platform:i,elements:n}=e,{apply:s=(()=>{}),...a}=Ze(t,e),l=await ao(e,a),c=Xe(o),d=Ye(o),h="y"===to(o),{width:u,height:p}=r.floating;let b,f;"top"===c||"bottom"===c?(b=c,f=d===(await(null==i.isRTL?void 0:i.isRTL(n.floating))?"start":"end")?"left":"right"):(f=c,b="end"===d?"top":"bottom");const g=p-l.top-l.bottom,m=u-l.left-l.right,v=Ve(p-l[b],g),y=Ve(u-l[f],m),w=!e.middlewareData.shift;let x=v,_=y;if(h?_=d||w?Ve(y,m):m:x=d||w?Ve(v,g):g,w&&!d){const t=je(l.left,0),e=je(l.right,0),o=je(l.top,0),r=je(l.bottom,0);h?_=u-2*(0!==t||0!==e?t+e:je(l.left,l.right)):x=p-2*(0!==o||0!==r?o+r:je(l.top,l.bottom))}await s({...e,availableWidth:_,availableHeight:x});const $=await i.getDimensions(n.floating);return u!==$.width||p!==$.height?{reset:{rects:!0}}:{}}}},Go=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=Ze(t,e)||{};if(null==c)return{};const h=io(d),u={x:o,y:r},p=eo(i),b=Qe(p),f=await s.getDimensions(c),g="y"===p,m=g?"top":"left",v=g?"bottom":"right",y=g?"clientHeight":"clientWidth",w=n.reference[b]+n.reference[p]-u[p]-n.floating[b],x=u[p]-n.reference[p],_=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let $=_?_[y]:0;$&&await(null==s.isElement?void 0:s.isElement(_))||($=a.floating[y]||n.floating[b]);const k=w/2-x/2,A=$/2-f[b]/2-1,C=Ve(h[m],A),E=Ve(h[v],A),S=C,P=$-f[b]-E,z=$/2-f[b]/2+k,O=Ke(S,z,P),L=!l.arrow&&null!=Ye(i)&&z!==O&&n.reference[b]/2-(z<S?C:E)-f[b]/2<0,T=L?z<S?z-S:z-P:0;return{[p]:u[p]+T,data:{[p]:O,centerOffset:z-O-T,...L&&{alignmentOffset:T}},reset:L}}}),Ko=(t,e,o)=>{const r=new Map,i={platform:Vo,...o},n={...i.platform,_c:r};return(async(t,e,o)=>{const{placement:r="bottom",strategy:i="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:h}=so(c,r,l),u=r,p={},b=0;for(let o=0;o<a.length;o++){const{name:n,fn:f}=a[o],{x:g,y:m,data:v,reset:y}=await f({x:d,y:h,initialPlacement:r,placement:u,strategy:i,middlewareData:p,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=g?g:d,h=null!=m?m:h,p={...p,[n]:{...p[n],...v}},y&&b<=50&&(b++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await s.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:d,y:h}=so(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:i,middlewareData:p}})(t,e,{...i,platform:n})};function Zo(t){return function(t){for(let e=t;e;e=Xo(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Xo(t);e;e=Xo(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function Xo(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}var Yo=class extends Ut{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0,this.hoverBridge=!1,this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect(),e=this.popup.getBoundingClientRect();let o=0,r=0,i=0,n=0,s=0,a=0,l=0,c=0;this.placement.includes("top")||this.placement.includes("bottom")?t.top<e.top?(o=t.left,r=t.bottom,i=t.right,n=t.bottom,s=e.left,a=e.top,l=e.right,c=e.top):(o=e.left,r=e.bottom,i=e.right,n=e.bottom,s=t.left,a=t.top,l=t.right,c=t.top):t.left<e.left?(o=t.right,r=t.top,i=e.left,n=e.top,s=t.right,a=t.bottom,l=e.left,c=e.bottom):(o=e.right,r=e.top,i=t.left,n=t.top,s=e.right,a=e.bottom,l=t.left,c=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${o}px`),this.style.setProperty("--hover-bridge-top-left-y",`${r}px`),this.style.setProperty("--hover-bridge-top-right-x",`${i}px`),this.style.setProperty("--hover-bridge-top-right-y",`${n}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${s}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${c}px`)}}}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||function(t){return null!==t&&"object"==typeof t&&"getBoundingClientRect"in t&&(!("contextElement"in t)||t instanceof Element)}(this.anchor)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.start()}start(){this.anchorEl&&(this.cleanup=jo(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>t()))):t()}))}reposition(){if(!this.active||!this.anchorEl)return;const t=[Io({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(qo({apply:({rects:t})=>{const e="width"===this.sync||"both"===this.sync,o="height"===this.sync||"both"===this.sync;this.popup.style.width=e?`${t.reference.width}px`:"",this.popup.style.height=o?`${t.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(Wo({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(Ho({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(qo({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${e}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${t}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(Go({element:this.arrowEl,padding:this.arrowPadding}));const e="absolute"===this.strategy?t=>Vo.getOffsetParent(t,Zo):Vo.getOffsetParent;Ko(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:h(d({},Vo),{getOffsetParent:e})}).then((({x:t,y:e,middlewareData:o,placement:r})=>{const i="rtl"===getComputedStyle(this).direction,n={top:"bottom",right:"left",bottom:"top",left:"right"}[r.split("-")[0]];if(this.setAttribute("data-current-placement",r),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=o.arrow.x,e=o.arrow.y;let r="",s="",a="",l="";if("start"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";r="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",s=i?o:"",l=i?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";s=i?"":o,l=i?o:"",a="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(l="number"==typeof t?"calc(50% - var(--arrow-size-diagonal))":"",r="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",r="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:r,right:s,bottom:a,left:l,[n]:"calc(var(--arrow-size-diagonal) * -1)"})}})),requestAnimationFrame((()=>this.updateHoverBridge())),this.emit("sl-reposition")}render(){return tt`<slot name="anchor" @slotchange="${this.handleAnchorChange}"></slot><span part="hover-bridge" class="${ce({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})}"></span><div part="popup" class="${ce({popup:!0,"popup--active":this.active,"popup--fixed":"fixed"===this.strategy,"popup--has-arrow":this.arrow})}"><slot></slot>${this.arrow?tt`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}</div>`}};Yo.styles=[Lt,Fe],u([Nt(".popup")],Yo.prototype,"popup",2),u([Nt(".popup__arrow")],Yo.prototype,"arrowEl",2),u([Bt()],Yo.prototype,"anchor",2),u([Bt({type:Boolean,reflect:!0})],Yo.prototype,"active",2),u([Bt({reflect:!0})],Yo.prototype,"placement",2),u([Bt({reflect:!0})],Yo.prototype,"strategy",2),u([Bt({type:Number})],Yo.prototype,"distance",2),u([Bt({type:Number})],Yo.prototype,"skidding",2),u([Bt({type:Boolean})],Yo.prototype,"arrow",2),u([Bt({attribute:"arrow-placement"})],Yo.prototype,"arrowPlacement",2),u([Bt({attribute:"arrow-padding",type:Number})],Yo.prototype,"arrowPadding",2),u([Bt({type:Boolean})],Yo.prototype,"flip",2),u([Bt({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],Yo.prototype,"flipFallbackPlacements",2),u([Bt({attribute:"flip-fallback-strategy"})],Yo.prototype,"flipFallbackStrategy",2),u([Bt({type:Object})],Yo.prototype,"flipBoundary",2),u([Bt({attribute:"flip-padding",type:Number})],Yo.prototype,"flipPadding",2),u([Bt({type:Boolean})],Yo.prototype,"shift",2),u([Bt({type:Object})],Yo.prototype,"shiftBoundary",2),u([Bt({attribute:"shift-padding",type:Number})],Yo.prototype,"shiftPadding",2),u([Bt({attribute:"auto-size"})],Yo.prototype,"autoSize",2),u([Bt()],Yo.prototype,"sync",2),u([Bt({type:Object})],Yo.prototype,"autoSizeBoundary",2),u([Bt({attribute:"auto-size-padding",type:Number})],Yo.prototype,"autoSizePadding",2),u([Bt({attribute:"hover-bridge",type:Boolean})],Yo.prototype,"hoverBridge",2);var Jo=new Map,Qo=new WeakMap;function tr(t,e){return"rtl"===e.toLowerCase()?{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}:t}function er(t,e){Jo.set(t,function(t){return null!=t?t:{keyframes:[],options:{duration:0}}}(e))}function or(t,e,o){const r=Qo.get(t);if(null==r?void 0:r[e])return tr(r[e],o.dir);const i=Jo.get(e);return i?tr(i,o.dir):{keyframes:[],options:{duration:0}}}function rr(t,e){return new Promise((o=>{t.addEventListener(e,(function r(i){i.target===t&&(t.removeEventListener(e,r),o())}))}))}function ir(t,e,o){return new Promise((r=>{if((null==o?void 0:o.duration)===1/0)throw new Error("Promise-based animations must be finite.");const i=t.animate(e,h(d({},o),{duration:sr()?0:o.duration}));i.addEventListener("cancel",r,{once:!0}),i.addEventListener("finish",r,{once:!0})}))}function nr(t){return(t=t.toString().toLowerCase()).indexOf("ms")>-1?parseFloat(t):t.indexOf("s")>-1?1e3*parseFloat(t):parseFloat(t)}function sr(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function ar(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{t.cancel(),requestAnimationFrame(e)})))))}var lr=class extends Ut{constructor(){super(),this.localize=new Ot(this),this.content="",this.placement="top",this.disabled=!1,this.distance=8,this.open=!1,this.skidding=0,this.trigger="hover focus",this.hoist=!1,this.handleBlur=()=>{this.hasTrigger("focus")&&this.hide()},this.handleClick=()=>{this.hasTrigger("click")&&(this.open?this.hide():this.show())},this.handleFocus=()=>{this.hasTrigger("focus")&&this.show()},this.handleDocumentKeyDown=t=>{"Escape"===t.key&&(t.stopPropagation(),this.hide())},this.handleMouseOver=()=>{if(this.hasTrigger("hover")){const t=nr(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.show()),t)}},this.handleMouseOut=()=>{if(this.hasTrigger("hover")){const t=nr(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout((()=>this.hide()),t)}},this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)}disconnectedCallback(){var t;null==(t=this.closeWatcher)||t.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown)}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){var t,e;if(this.open){if(this.disabled)return;this.emit("sl-show"),"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide()}):document.addEventListener("keydown",this.handleDocumentKeyDown),await ar(this.body),this.body.hidden=!1,this.popup.active=!0;const{keyframes:e,options:o}=or(this,"tooltip.show",{dir:this.localize.dir()});await ir(this.popup.popup,e,o),this.popup.reposition(),this.emit("sl-after-show")}else{this.emit("sl-hide"),null==(e=this.closeWatcher)||e.destroy(),document.removeEventListener("keydown",this.handleDocumentKeyDown),await ar(this.body);const{keyframes:t,options:o}=or(this,"tooltip.hide",{dir:this.localize.dir()});await ir(this.popup.popup,t,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sl-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,rr(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,rr(this,"sl-after-hide")}render(){return tt`<sl-popup part="base" exportparts="
|
|
119
119
|
popup:base__popup,
|
|
120
120
|
arrow:base__arrow
|
|
121
|
-
" class="${ce({tooltip:!0,"tooltip--open":this.open})}" placement="${this.placement}" distance="${this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow hover-bridge>${""}<slot slot="anchor" aria-describedby="tooltip"></slot>${""}<div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live="${this.open?"polite":"off"}"><slot name="content">${this.content}</slot></div></sl-popup>`}};lr.styles=[yt,De],lr.dependencies={"sl-popup":Yo},zt([Bt("slot:not([name])")],lr.prototype,"defaultSlot",2),zt([Bt(".tooltip__body")],lr.prototype,"body",2),zt([Bt("sl-popup")],lr.prototype,"popup",2),zt([Tt()],lr.prototype,"content",2),zt([Tt()],lr.prototype,"placement",2),zt([Tt({type:Boolean,reflect:!0})],lr.prototype,"disabled",2),zt([Tt({type:Number})],lr.prototype,"distance",2),zt([Tt({type:Boolean,reflect:!0})],lr.prototype,"open",2),zt([Tt({type:Number})],lr.prototype,"skidding",2),zt([Tt()],lr.prototype,"trigger",2),zt([Tt({type:Boolean})],lr.prototype,"hoist",2),zt([te("open",{waitUntilFirstUpdate:!0})],lr.prototype,"handleOpenChange",1),zt([te(["content","distance","hoist","placement","skidding"])],lr.prototype,"handleOptionsChange",1),zt([te("disabled")],lr.prototype,"handleDisabledChange",1),er("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),er("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}}),lr.define("sl-tooltip");var cr=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};class dr extends it{constructor(){super(...arguments),this.name="hot-toolbar",this.tooltipPosition="top",this.undo=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-undo-click"))},this.redo=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-redo-click"))},this.bold=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-bold-click"))},this.italic=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-italic-click"))},this.underline=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-underline-click"))},this.alignLeft=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-leftalign-click"))},this.alignCenter=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-centeralign-click"))},this.alignRight=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-rightalign-click"))}}render(){return V`<div class="button-group-toolbar">${this.renderButtonGroup("History",[{content:"Undo",icon:"arrow-counterclockwise",label:"Undo",action:this.undo},{content:"Redo",icon:"arrow-clockwise",label:"Redo",action:this.redo}])} ${this.renderButtonGroup("Formatting",[{content:"Bold",icon:"type-bold",label:"Bold",action:this.bold},{content:"Italic",icon:"type-italic",label:"Italic",action:this.italic},{content:"Underline",icon:"type-underline",label:"Underline",action:this.underline}])} ${this.renderButtonGroup("Alignment",[{content:"Align Left",icon:"justify-left",label:"Align Left",action:this.alignLeft},{content:"Align Center",icon:"justify",label:"Align Center",action:this.alignCenter},{content:"Align Right",icon:"justify-right",label:"Align Right",action:this.alignRight}])}</div>`}renderButtonGroup(t,e){return V`<sl-button-group label="${t}">${e.map((t=>this.renderButton(t)))}</sl-button-group>`}renderButton({content:t,icon:e,label:o,action:r}){return V`<sl-tooltip content="${t}" placement="${this.tooltipPosition}"><sl-button @click="${r??(()=>{})}"><sl-icon name="${e}" label="${o}"></sl-icon></sl-button></sl-tooltip>`}}dr.styles=[n`@unocss-placeholder;`],cr([Tt()],dr.prototype,"name",void 0),cr([Tt({type:String,attribute:"tooltip-position"})],dr.prototype,"tooltipPosition",void 0),customElements.define("hot-toolbar",dr);var hr=n`:host{display:contents;margin:0}.alert{position:relative;display:flex;align-items:stretch;background-color:var(--sl-panel-background-color);border:solid var(--sl-panel-border-width) var(--sl-panel-border-color);border-top-width:calc(var(--sl-panel-border-width) * 3);border-radius:var(--sl-border-radius-medium);font-family:var(--sl-font-sans);font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-normal);line-height:1.6;color:var(--sl-color-neutral-700);margin:inherit}.alert:not(.alert--closable) .alert__close-button,.alert:not(.alert--has-icon) .alert__icon{display:none}.alert__icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--sl-font-size-large);padding-inline-start:var(--sl-spacing-large)}.alert--primary{border-top-color:var(--sl-color-primary-600)}.alert--primary .alert__icon{color:var(--sl-color-primary-600)}.alert--success{border-top-color:var(--sl-color-success-600)}.alert--success .alert__icon{color:var(--sl-color-success-600)}.alert--neutral{border-top-color:var(--sl-color-neutral-600)}.alert--neutral .alert__icon{color:var(--sl-color-neutral-600)}.alert--warning{border-top-color:var(--sl-color-warning-600)}.alert--warning .alert__icon{color:var(--sl-color-warning-600)}.alert--danger{border-top-color:var(--sl-color-danger-600)}.alert--danger .alert__icon{color:var(--sl-color-danger-600)}.alert__message{flex:1 1 auto;display:block;padding:var(--sl-spacing-large);overflow:hidden}.alert__close-button{flex:0 0 auto;display:flex;align-items:center;font-size:var(--sl-font-size-medium);padding-inline-end:var(--sl-spacing-medium)}`,ur=Object.assign(document.createElement("div"),{className:"sl-toast-stack"}),pr=class extends Mt{constructor(){super(...arguments),this.hasSlotController=new se(this,"icon","suffix"),this.localize=new vt(this),this.open=!1,this.closable=!1,this.variant="primary",this.duration=1/0}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}async handleOpenChange(){if(this.open){this.emit("sl-show"),this.duration<1/0&&this.restartAutoHide(),await ar(this.base),this.base.hidden=!1;const{keyframes:t,options:e}=or(this,"alert.show",{dir:this.localize.dir()});await ir(this.base,t,e),this.emit("sl-after-show")}else{this.emit("sl-hide"),clearTimeout(this.autoHideTimeout),await ar(this.base);const{keyframes:t,options:e}=or(this,"alert.hide",{dir:this.localize.dir()});await ir(this.base,t,e),this.base.hidden=!0,this.emit("sl-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,rr(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,rr(this,"sl-after-hide")}async toast(){return new Promise((t=>{null===ur.parentElement&&document.body.append(ur),ur.appendChild(this),requestAnimationFrame((()=>{this.clientWidth,this.show()})),this.addEventListener("sl-after-hide",(()=>{ur.removeChild(this),t(),null===ur.querySelector("sl-alert")&&ur.remove()}),{once:!0})}))}render(){return V`<div part="base" class="${ce({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-icon":this.hasSlotController.test("icon"),"alert--primary":"primary"===this.variant,"alert--success":"success"===this.variant,"alert--neutral":"neutral"===this.variant,"alert--warning":"warning"===this.variant,"alert--danger":"danger"===this.variant})}" role="alert" aria-hidden="${this.open?"false":"true"}" @mousemove="${this.handleMouseMove}"><div part="icon" class="alert__icon"><slot name="icon"></slot></div><div part="message" class="alert__message" aria-live="polite"><slot></slot></div>${this.closable?V`<sl-icon-button part="close-button" exportparts="base:close-button__base" class="alert__close-button" name="x-lg" library="system" label="${this.localize.term("close")}" @click="${this.handleCloseClick}"></sl-icon-button>`:""}</div>`}};pr.styles=[yt,hr],pr.dependencies={"sl-icon-button":Ce},zt([Bt('[part~="base"]')],pr.prototype,"base",2),zt([Tt({type:Boolean,reflect:!0})],pr.prototype,"open",2),zt([Tt({type:Boolean,reflect:!0})],pr.prototype,"closable",2),zt([Tt({reflect:!0})],pr.prototype,"variant",2),zt([Tt({type:Number})],pr.prototype,"duration",2),zt([te("open",{waitUntilFirstUpdate:!0})],pr.prototype,"handleOpenChange",1),zt([te("duration")],pr.prototype,"handleDurationChange",1),er("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),er("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),pr.define("sl-alert");var br=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};class fr extends it{constructor(){super(...arguments),this.name="hot-tracking",this.siteId="",this.domain="",this.isOpen=!0}render(){return V`<sl-alert variant="danger" ?open="${this.isOpen}"><sl-icon id="hot-red-text" slot="icon" name="info-circle"></sl-icon><p id="tracking-header">About the information we collect</p><p>We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity. You can learn about how we use the data about your visit or information you provide reading our <a id="hot-red-text" href="https://www.hotosm.org/privacy" target="_blank" rel="noopener noreferrer">privacy policy</a>. By clicking "I Agree", you consent to the use of cookies.</p><sl-button @click="${t=>{this._setAgree(t)}}">I Agree</sl-button><sl-button @click="${t=>{this._setDisagree(t)}}">I Do Not Agree</sl-button></sl-alert>`}_closeAlert(){this.isOpen=!1,localStorage.setItem(`${this.siteId}-optout-closed`,"true")}_setAgree(t){const e=window._paq=window._paq||[];0!==e.length&&(e.push(["rememberConsentGiven"]),this._closeAlert(),this.dispatchEvent(new Event("agree",{bubbles:!0,composed:!0})))}_setDisagree(t){const e=window._paq=window._paq||[];0!==e.length&&(e.push(["forgetConsentGiven"]),this._closeAlert(),this.dispatchEvent(new Event("disagree",{bubbles:!0,composed:!0})))}connectedCallback(){if(super.connectedCallback(),"true"===localStorage.getItem(`${this.siteId}-optout-closed`))return void(this.isOpen=!1);if(window.location.hostname!==this.domain)return void(this.isOpen=!1);const t=this.siteId;if(0===t.length||0===this.domain.length)return console.warn("Matomo init failed. No site id or domains provided."),void(this.isOpen=!1);const e=window._paq=window._paq||[];e.push(["requireConsent"]),e.push(["setDomains",[this.domain]]),e.push(["trackPageView"]),e.push(["enableLinkTracking"]),e.push(["trackVisibleContentImpressions"]),function(){const o="//matomo.hotosm.org/";e.push(["setTrackerUrl",o+"matomo.php"]),e.push(["setSiteId",t]);const r=document,i=r.createElement("script"),n=r.getElementsByTagName("script")[0];null!=n?.parentNode?(i.async=!0,i.src=o+"matomo.js",n.parentNode.insertBefore(i,n)):console.warn("Script insertion failed. Parent node is null.")}()}}fr.styles=[n`@unocss-placeholder;`,n`#tracking-header{font-weight:var(--sl-font-weight-bold);font-size:var(--sl-font-size-large);color:#d63f3f}#hot-red-text{color:#d63f3f}sl-alert::part(base){position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;width:80vw}`],br([Tt()],fr.prototype,"name",void 0),br([Tt({type:String,attribute:"site-id"})],fr.prototype,"siteId",void 0),br([Tt({type:String})],fr.prototype,"domain",void 0),br([Rt()],fr.prototype,"isOpen",void 0),customElements.define("hot-tracking",fr);export{ke as Button,Be as Header,dr as Toolbar,fr as Tracking};
|
|
121
|
+
" class="${ce({tooltip:!0,"tooltip--open":this.open})}" placement="${this.placement}" distance="${this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow hover-bridge>${""}<slot slot="anchor" aria-describedby="tooltip"></slot>${""}<div part="body" id="tooltip" class="tooltip__body" role="tooltip" aria-live="${this.open?"polite":"off"}"><slot name="content">${this.content}</slot></div></sl-popup>`}};lr.styles=[Lt,De],lr.dependencies={"sl-popup":Yo},u([Nt("slot:not([name])")],lr.prototype,"defaultSlot",2),u([Nt(".tooltip__body")],lr.prototype,"body",2),u([Nt("sl-popup")],lr.prototype,"popup",2),u([Bt()],lr.prototype,"content",2),u([Bt()],lr.prototype,"placement",2),u([Bt({type:Boolean,reflect:!0})],lr.prototype,"disabled",2),u([Bt({type:Number})],lr.prototype,"distance",2),u([Bt({type:Boolean,reflect:!0})],lr.prototype,"open",2),u([Bt({type:Number})],lr.prototype,"skidding",2),u([Bt()],lr.prototype,"trigger",2),u([Bt({type:Boolean})],lr.prototype,"hoist",2),u([te("open",{waitUntilFirstUpdate:!0})],lr.prototype,"handleOpenChange",1),u([te(["content","distance","hoist","placement","skidding"])],lr.prototype,"handleOptionsChange",1),u([te("disabled")],lr.prototype,"handleDisabledChange",1),er("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}}),er("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}}),lr.define("sl-tooltip");var cr=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};class dr extends mt{constructor(){super(...arguments),this.name="hot-toolbar",this.tooltipPosition="top",this.undo=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-undo-click"))},this.redo=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-redo-click"))},this.bold=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-bold-click"))},this.italic=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-italic-click"))},this.underline=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-underline-click"))},this.alignLeft=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-leftalign-click"))},this.alignCenter=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-centeralign-click"))},this.alignRight=t=>{t.stopPropagation(),this.dispatchEvent(new Event("hot-rightalign-click"))}}render(){return tt`<div class="button-group-toolbar">${this.renderButtonGroup("History",[{content:"Undo",icon:"arrow-counterclockwise",label:"Undo",action:this.undo},{content:"Redo",icon:"arrow-clockwise",label:"Redo",action:this.redo}])} ${this.renderButtonGroup("Formatting",[{content:"Bold",icon:"type-bold",label:"Bold",action:this.bold},{content:"Italic",icon:"type-italic",label:"Italic",action:this.italic},{content:"Underline",icon:"type-underline",label:"Underline",action:this.underline}])} ${this.renderButtonGroup("Alignment",[{content:"Align Left",icon:"justify-left",label:"Align Left",action:this.alignLeft},{content:"Align Center",icon:"justify",label:"Align Center",action:this.alignCenter},{content:"Align Right",icon:"justify-right",label:"Align Right",action:this.alignRight}])}</div>`}renderButtonGroup(t,e){return tt`<sl-button-group label="${t}">${e.map((t=>this.renderButton(t)))}</sl-button-group>`}renderButton({content:t,icon:e,label:o,action:r}){return tt`<sl-tooltip content="${t}" placement="${this.tooltipPosition}"><sl-button @click="${r??(()=>{})}"><sl-icon name="${e}" label="${o}"></sl-icon></sl-button></sl-tooltip>`}}dr.styles=[v`@unocss-placeholder;`],cr([Bt()],dr.prototype,"name",void 0),cr([Bt({type:String,attribute:"tooltip-position"})],dr.prototype,"tooltipPosition",void 0),customElements.define("hot-toolbar",dr);var hr=v`:host{display:contents;margin:0}.alert{position:relative;display:flex;align-items:stretch;background-color:var(--sl-panel-background-color);border:solid var(--sl-panel-border-width) var(--sl-panel-border-color);border-top-width:calc(var(--sl-panel-border-width) * 3);border-radius:var(--sl-border-radius-medium);font-family:var(--sl-font-sans);font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-normal);line-height:1.6;color:var(--sl-color-neutral-700);margin:inherit}.alert:not(.alert--closable) .alert__close-button,.alert:not(.alert--has-icon) .alert__icon{display:none}.alert__icon{flex:0 0 auto;display:flex;align-items:center;font-size:var(--sl-font-size-large);padding-inline-start:var(--sl-spacing-large)}.alert--primary{border-top-color:var(--sl-color-primary-600)}.alert--primary .alert__icon{color:var(--sl-color-primary-600)}.alert--success{border-top-color:var(--sl-color-success-600)}.alert--success .alert__icon{color:var(--sl-color-success-600)}.alert--neutral{border-top-color:var(--sl-color-neutral-600)}.alert--neutral .alert__icon{color:var(--sl-color-neutral-600)}.alert--warning{border-top-color:var(--sl-color-warning-600)}.alert--warning .alert__icon{color:var(--sl-color-warning-600)}.alert--danger{border-top-color:var(--sl-color-danger-600)}.alert--danger .alert__icon{color:var(--sl-color-danger-600)}.alert__message{flex:1 1 auto;display:block;padding:var(--sl-spacing-large);overflow:hidden}.alert__close-button{flex:0 0 auto;display:flex;align-items:center;font-size:var(--sl-font-size-medium);padding-inline-end:var(--sl-spacing-medium)}`,ur=Object.assign(document.createElement("div"),{className:"sl-toast-stack"}),pr=class extends Ut{constructor(){super(...arguments),this.hasSlotController=new se(this,"icon","suffix"),this.localize=new Ot(this),this.open=!1,this.closable=!1,this.variant="primary",this.duration=1/0}firstUpdated(){this.base.hidden=!this.open}restartAutoHide(){clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout((()=>this.hide()),this.duration))}handleCloseClick(){this.hide()}handleMouseMove(){this.restartAutoHide()}async handleOpenChange(){if(this.open){this.emit("sl-show"),this.duration<1/0&&this.restartAutoHide(),await ar(this.base),this.base.hidden=!1;const{keyframes:t,options:e}=or(this,"alert.show",{dir:this.localize.dir()});await ir(this.base,t,e),this.emit("sl-after-show")}else{this.emit("sl-hide"),clearTimeout(this.autoHideTimeout),await ar(this.base);const{keyframes:t,options:e}=or(this,"alert.hide",{dir:this.localize.dir()});await ir(this.base,t,e),this.base.hidden=!0,this.emit("sl-after-hide")}}handleDurationChange(){this.restartAutoHide()}async show(){if(!this.open)return this.open=!0,rr(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,rr(this,"sl-after-hide")}async toast(){return new Promise((t=>{null===ur.parentElement&&document.body.append(ur),ur.appendChild(this),requestAnimationFrame((()=>{this.clientWidth,this.show()})),this.addEventListener("sl-after-hide",(()=>{ur.removeChild(this),t(),null===ur.querySelector("sl-alert")&&ur.remove()}),{once:!0})}))}render(){return tt`<div part="base" class="${ce({alert:!0,"alert--open":this.open,"alert--closable":this.closable,"alert--has-icon":this.hasSlotController.test("icon"),"alert--primary":"primary"===this.variant,"alert--success":"success"===this.variant,"alert--neutral":"neutral"===this.variant,"alert--warning":"warning"===this.variant,"alert--danger":"danger"===this.variant})}" role="alert" aria-hidden="${this.open?"false":"true"}" @mousemove="${this.handleMouseMove}"><div part="icon" class="alert__icon"><slot name="icon"></slot></div><div part="message" class="alert__message" aria-live="polite"><slot></slot></div>${this.closable?tt`<sl-icon-button part="close-button" exportparts="base:close-button__base" class="alert__close-button" name="x-lg" library="system" label="${this.localize.term("close")}" @click="${this.handleCloseClick}"></sl-icon-button>`:""}</div>`}};pr.styles=[Lt,hr],pr.dependencies={"sl-icon-button":Ce},u([Nt('[part~="base"]')],pr.prototype,"base",2),u([Bt({type:Boolean,reflect:!0})],pr.prototype,"open",2),u([Bt({type:Boolean,reflect:!0})],pr.prototype,"closable",2),u([Bt({reflect:!0})],pr.prototype,"variant",2),u([Bt({type:Number})],pr.prototype,"duration",2),u([te("open",{waitUntilFirstUpdate:!0})],pr.prototype,"handleOpenChange",1),u([te("duration")],pr.prototype,"handleDurationChange",1),er("alert.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),er("alert.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),pr.define("sl-alert");var br=function(t,e,o,r){var i,n=arguments.length,s=n<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,o,r);else for(var a=t.length-1;a>=0;a--)(i=t[a])&&(s=(n<3?i(s):n>3?i(e,o,s):i(e,o))||s);return n>3&&s&&Object.defineProperty(e,o,s),s};class fr extends mt{constructor(){super(...arguments),this.name="hot-tracking",this.siteId="",this.domain="",this.isOpen=!0}render(){return tt`<sl-alert variant="danger" ?open="${this.isOpen}"><sl-icon id="hot-red-text" slot="icon" name="info-circle"></sl-icon><p id="tracking-header">About the information we collect</p><p>We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity. You can learn about how we use the data about your visit or information you provide reading our <a id="hot-red-text" href="https://www.hotosm.org/privacy" target="_blank" rel="noopener noreferrer">privacy policy</a>. By clicking "I Agree", you consent to the use of cookies.</p><sl-button @click="${t=>{this._setAgree(t)}}">I Agree</sl-button><sl-button @click="${t=>{this._setDisagree(t)}}">I Do Not Agree</sl-button></sl-alert>`}_closeAlert(){this.isOpen=!1,localStorage.setItem(`${this.siteId}-optout-closed`,"true")}_setAgree(t){const e=window._paq=window._paq||[];0!==e.length&&(e.push(["rememberConsentGiven"]),this._closeAlert(),this.dispatchEvent(new Event("agree",{bubbles:!0,composed:!0})))}_setDisagree(t){const e=window._paq=window._paq||[];0!==e.length&&(e.push(["forgetConsentGiven"]),this._closeAlert(),this.dispatchEvent(new Event("disagree",{bubbles:!0,composed:!0})))}connectedCallback(){if(super.connectedCallback(),"true"===localStorage.getItem(`${this.siteId}-optout-closed`))return void(this.isOpen=!1);if(window.location.hostname!==this.domain)return void(this.isOpen=!1);const t=this.siteId;if(0===t.length||0===this.domain.length)return console.warn("Matomo init failed. No site id or domains provided."),void(this.isOpen=!1);const e=window._paq=window._paq||[];e.push(["requireConsent"]),e.push(["setDomains",[this.domain]]),e.push(["trackPageView"]),e.push(["enableLinkTracking"]),e.push(["trackVisibleContentImpressions"]),function(){const o="//matomo.hotosm.org/";e.push(["setTrackerUrl",o+"matomo.php"]),e.push(["setSiteId",t]);const r=document,i=r.createElement("script"),n=r.getElementsByTagName("script")[0];null!=n?.parentNode?(i.async=!0,i.src=o+"matomo.js",n.parentNode.insertBefore(i,n)):console.warn("Script insertion failed. Parent node is null.")}()}}fr.styles=[v`@unocss-placeholder;`,v`#tracking-header{font-weight:var(--sl-font-weight-bold);font-size:var(--sl-font-size-large);color:#d63f3f}#hot-red-text{color:#d63f3f}sl-alert::part(base){position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000;width:80vw}`],br([Bt()],fr.prototype,"name",void 0),br([Bt({type:String,attribute:"site-id"})],fr.prototype,"siteId",void 0),br([Bt({type:String})],fr.prototype,"domain",void 0),br([Mt()],fr.prototype,"isOpen",void 0),customElements.define("hot-tracking",fr),e("https://cdn.jsdelivr.net/npm/@hotosm/ui@latest/dist");export{ke as Button,Be as Header,dr as Toolbar,fr as Tracking};
|
package/package.json
CHANGED
package/react/index.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
// Index to import all components together
|
|
2
2
|
// import '@hotosm/ui/react';
|
|
3
|
-
// setBasePath makes the icons available via CDN, instead of expecting them to be
|
|
4
|
-
// on the webserver the runs the web-component
|
|
5
|
-
import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path.js';
|
|
6
|
-
setBasePath('https://cdn.jsdelivr.net/npm/@hotosm/ui@latest/dist');
|
|
7
3
|
export { default as Button } from './Button';
|
|
8
4
|
export { default as Header } from './Header';
|
|
9
5
|
export { default as Toolbar } from './Toolbar';
|