@solid-design-system/components 1.20.0 → 1.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/es/accordion-group.js +1 -1
- package/dist/components/es/accordion.js +1 -1
- package/dist/components/es/brandshape.js +1 -1
- package/dist/components/es/button.js +1 -1
- package/dist/components/es/carousel.js +2 -2
- package/dist/components/es/drawer.js +1 -1
- package/dist/components/es/dropdown.js +1 -1
- package/dist/components/es/icon.js +3 -3
- package/dist/components/es/if-defined.js +2 -2
- package/dist/components/es/link.js +1 -1
- package/dist/components/es/lit-element.js +4 -4
- package/dist/components/es/navigation-item.js +2 -2
- package/dist/components/es/popup.js +1 -1
- package/dist/components/es/query-assigned-elements.js +6 -0
- package/dist/components/es/query.js +7 -2
- package/dist/components/es/radio-group.js +1 -1
- package/dist/components/es/radio.js +1 -1
- package/dist/components/es/solid-components2.js +1 -1
- package/dist/components/es/solid-element.js +2 -12
- package/dist/components/es/state.js +1 -1
- package/dist/components/es/static.js +1 -1
- package/dist/components/es/tag.js +1 -1
- package/dist/components/es/teaser.js +1 -1
- package/dist/components/es/video.js +1 -1
- package/dist/components/umd/solid-components.js +18 -18
- package/dist/custom-elements.json +1 -1
- package/dist/package/node_modules/.pnpm/{@shoelace-style_localize@3.1.0 → @shoelace-style_localize@3.1.2}/node_modules/@shoelace-style/localize/dist/index.js +1 -1
- package/dist/package/styles/tailwind.css.js +1 -1
- package/dist/package/translations/en.js +1 -1
- package/dist/package/utilities/localize.js +1 -1
- package/dist/versioned-components/es/accordion-group.js +1 -1
- package/dist/versioned-components/es/accordion.js +1 -1
- package/dist/versioned-components/es/badge.js +1 -1
- package/dist/versioned-components/es/brandshape.js +1 -1
- package/dist/versioned-components/es/button.js +1 -1
- package/dist/versioned-components/es/carousel-item.js +1 -1
- package/dist/versioned-components/es/carousel.js +3 -3
- package/dist/versioned-components/es/divider.js +1 -1
- package/dist/versioned-components/es/drawer.js +1 -1
- package/dist/versioned-components/es/dropdown.js +1 -1
- package/dist/versioned-components/es/form.js +1 -1
- package/dist/versioned-components/es/icon.js +3 -3
- package/dist/versioned-components/es/if-defined.js +2 -2
- package/dist/versioned-components/es/include.js +1 -1
- package/dist/versioned-components/es/link.js +1 -1
- package/dist/versioned-components/es/lit-element.js +4 -4
- package/dist/versioned-components/es/navigation-item.js +2 -2
- package/dist/versioned-components/es/popup.js +1 -1
- package/dist/versioned-components/es/query-assigned-elements.js +6 -0
- package/dist/versioned-components/es/query.js +7 -2
- package/dist/versioned-components/es/radio-group.js +1 -1
- package/dist/versioned-components/es/radio.js +1 -1
- package/dist/versioned-components/es/solid-components2.js +1 -1
- package/dist/versioned-components/es/solid-element.js +2 -12
- package/dist/versioned-components/es/spinner.js +1 -1
- package/dist/versioned-components/es/state.js +1 -1
- package/dist/versioned-components/es/static.js +1 -1
- package/dist/versioned-components/es/tag.js +1 -1
- package/dist/versioned-components/es/teaser.js +1 -1
- package/dist/versioned-components/es/video.js +1 -1
- package/dist/versioned-package/_components/button-group/button-group.d.ts +1 -1
- package/dist/versioned-package/_components/button-group/button-group.js +11 -11
- package/dist/versioned-package/components/accordion/accordion.d.ts +1 -1
- package/dist/versioned-package/components/accordion/accordion.js +2 -2
- package/dist/versioned-package/components/accordion-group/accordion-group.d.ts +1 -1
- package/dist/versioned-package/components/accordion-group/accordion-group.js +3 -3
- package/dist/versioned-package/components/badge/badge.d.ts +1 -1
- package/dist/versioned-package/components/badge/badge.js +1 -1
- package/dist/versioned-package/components/brandshape/brandshape.d.ts +1 -1
- package/dist/versioned-package/components/brandshape/brandshape.js +1 -1
- package/dist/versioned-package/components/button/button.d.ts +1 -1
- package/dist/versioned-package/components/button/button.js +4 -4
- package/dist/versioned-package/components/carousel/carousel.d.ts +1 -1
- package/dist/versioned-package/components/carousel/carousel.js +6 -6
- package/dist/versioned-package/components/carousel-item/carousel-item.d.ts +1 -1
- package/dist/versioned-package/components/carousel-item/carousel-item.js +1 -1
- package/dist/versioned-package/components/divider/divider.d.ts +1 -1
- package/dist/versioned-package/components/divider/divider.js +2 -2
- package/dist/versioned-package/components/drawer/drawer.d.ts +1 -1
- package/dist/versioned-package/components/drawer/drawer.js +2 -2
- package/dist/versioned-package/components/dropdown/dropdown.d.ts +1 -1
- package/dist/versioned-package/components/dropdown/dropdown.js +6 -6
- package/dist/versioned-package/components/icon/icon.d.ts +1 -1
- package/dist/versioned-package/components/icon/icon.js +1 -1
- package/dist/versioned-package/components/include/include.d.ts +1 -1
- package/dist/versioned-package/components/include/include.js +1 -1
- package/dist/versioned-package/components/link/link.d.ts +1 -1
- package/dist/versioned-package/components/link/link.js +2 -2
- package/dist/versioned-package/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist/versioned-package/components/navigation-item/navigation-item.js +3 -3
- package/dist/versioned-package/components/popup/popup.d.ts +1 -1
- package/dist/versioned-package/components/popup/popup.js +1 -1
- package/dist/versioned-package/components/radio/radio.d.ts +1 -1
- package/dist/versioned-package/components/radio/radio.js +2 -2
- package/dist/versioned-package/components/radio-group/radio-group.d.ts +2 -2
- package/dist/versioned-package/components/radio-group/radio-group.js +12 -12
- package/dist/versioned-package/components/spinner/spinner.d.ts +1 -1
- package/dist/versioned-package/components/spinner/spinner.js +1 -1
- package/dist/versioned-package/components/tag/tag.d.ts +1 -1
- package/dist/versioned-package/components/tag/tag.js +2 -2
- package/dist/versioned-package/components/teaser/teaser.js +1 -1
- package/dist/versioned-package/components/video/video.d.ts +1 -1
- package/dist/versioned-package/components/video/video.js +2 -2
- package/dist/versioned-package/internal/form.js +1 -1
- package/dist/versioned-package/node_modules/.pnpm/{@shoelace-style_localize@3.1.0 → @shoelace-style_localize@3.1.2}/node_modules/@shoelace-style/localize/dist/index.js +1 -1
- package/dist/versioned-package/styles/tailwind.css.js +1 -1
- package/dist/versioned-package/translations/en.js +1 -1
- package/dist/versioned-package/utilities/localize.js +1 -1
- package/dist/versioned-styles/solid-styles.css +1 -1
- package/dist/vscode.html-custom-data.json +21 -21
- package/dist/web-types.json +22 -22
- package/package.json +49 -54
|
@@ -1,90 +1,90 @@
|
|
|
1
|
-
var t,e;t=this,e=function(t){const
|
|
1
|
+
var t,e;t=this,e=function(t){var e;const o={"chevron-down":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z"></path>\n </svg>\n ',"chevron-up":'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z"></path>\n </svg>\n ',close:'\n <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z"/></svg>\n </svg>\n',start:'\n <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">\n <path d="m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z"/>\n </svg>',pause:'\n <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\n <path d="M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z"/>\n </svg>\n '},r={name:"system",resolver:t=>t in o?`data:image/svg+xml,${encodeURIComponent(o[t])}`:"",mutator:t=>t.setAttribute("fill","currentColor")},i=Object.freeze(Object.defineProperty({__proto__:null,default:r,icons:o},Symbol.toStringTag,{value:"Module"}));let s=[r],n=[];function a(t){n.push(t)}function l(t){n=n.filter((e=>e!==t))}function d(t){return s.find((e=>e.name===t))}function c(t,e){h(t),s.push({name:t,resolver:e.resolver,mutator:e.mutator}),n.forEach((e=>{e.library===t&&e.setIcon()}))}function h(t){s=s.filter((e=>e.name!==t))}const p=Object.freeze(Object.defineProperty({__proto__:null,getIconLibrary:d,registerIconLibrary:c,unregisterIconLibrary:h,unwatchIcon:l,watchIcon:a},Symbol.toStringTag,{value:"Module"})),u=new Set,g=new MutationObserver(y),v=new Map;let m,b=document.documentElement.dir||"ltr",f=document.documentElement.lang||navigator.language;function y(){b=document.documentElement.dir||"ltr",f=document.documentElement.lang||navigator.language,[...u.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}g.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let w=class{constructor(t){this.host=t,this.host.addController(this)}hostConnected(){u.add(this.host)}hostDisconnected(){u.delete(this.host)}dir(){return`${this.host.dir||b}`.toLowerCase()}lang(){return`${this.host.lang||f}`.toLowerCase()}getTranslationData(t){var e,o;const r=new Intl.Locale(t.replace(/_/g,"-")),i=null==r?void 0:r.language.toLowerCase(),s=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:s,primary:v.get(`${i}-${s}`),secondary:v.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&&m&&m[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(!m||!m[t])return console.error(`No translation found for: ${String(t)}`),String(t);i=m[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)}};!function(...t){t.map((t=>{const e=t.$code.toLowerCase();v.has(e)?v.set(e,Object.assign(Object.assign({},v.get(e)),t)):v.set(e,t),m||(m=t)})),y()}({$code:"en",$name:"English",$dir:"ltr",clearEntry:"Clear entry",close:"Close",copy:"Copy",numOptionsSelected:t=>0===t?"No options selected":1===t?"1 option selected":`${t} options selected`,currentValue:"Current value",hidePassword:"Hide password",loading:"Loading",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",toggleColorFormat:"Toggle color format",carousel:"Carousel",nextSlide:"Next slide",previousSlide:"Previous slide",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,slideNum:t=>`Slide ${t}`});class x extends w{}const k=Object.assign({"./components/accordion-group/accordion-group.ts":()=>Promise.resolve().then((()=>_e)),"./components/accordion/accordion.ts":()=>Promise.resolve().then((()=>we)),"./components/badge/badge.ts":()=>Promise.resolve().then((()=>Oe)),"./components/brandshape/brandshape.ts":()=>Promise.resolve().then((()=>De)),"./components/button/button.ts":()=>Promise.resolve().then((()=>no)),"./components/carousel-item/carousel-item.ts":()=>Promise.resolve().then((()=>lo)),"./components/carousel/autoplay-controller.ts":()=>Promise.resolve().then((()=>ho)),"./components/carousel/carousel.ts":()=>Promise.resolve().then((()=>xo)),"./components/carousel/scroll-controller.ts":()=>Promise.resolve().then((()=>mo)),"./components/divider/divider.ts":()=>Promise.resolve().then((()=>Co)),"./components/drawer/drawer.ts":()=>Promise.resolve().then((()=>Uo)),"./components/dropdown/dropdown.ts":()=>Promise.resolve().then((()=>Xr)),"./components/icon/icon.ts":()=>Promise.resolve().then((()=>ie)),"./components/icon/library.system.ts":()=>Promise.resolve().then((()=>i)),"./components/icon/library.ts":()=>Promise.resolve().then((()=>p)),"./components/icon/request.ts":()=>Promise.resolve().then((()=>Nt)),"./components/include/include.styles.ts":()=>Promise.resolve().then((()=>Gr)),"./components/include/include.ts":()=>Promise.resolve().then((()=>oi)),"./components/include/request.ts":()=>Promise.resolve().then((()=>Ut)),"./components/link/link.ts":()=>Promise.resolve().then((()=>ai)),"./components/navigation-item/navigation-item.ts":()=>Promise.resolve().then((()=>pi)),"./components/popup/popup.ts":()=>Promise.resolve().then((()=>Hr)),"./components/radio-group/radio-group.ts":()=>Promise.resolve().then((()=>$i)),"./components/radio/radio.ts":()=>Promise.resolve().then((()=>Ai)),"./components/spinner/spinner.ts":()=>Promise.resolve().then((()=>Ie)),"./components/tag/tag.ts":()=>Promise.resolve().then((()=>Ti)),"./components/teaser/teaser.ts":()=>Promise.resolve().then((()=>Ri)),"./components/video/video.ts":()=>Promise.resolve().then((()=>Vi))});Object.keys(k).forEach((t=>{k[t]()}));
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright 2019 Google LLC
|
|
5
5
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
6
6
|
*/
|
|
7
|
-
const
|
|
7
|
+
const $=globalThis,S=$.ShadowRoot&&(void 0===$.ShadyCSS||$.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_=Symbol(),C=new WeakMap;let E=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==_)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(S&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=C.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&C.set(e,t))}return t}toString(){return this.cssText}};const A=t=>new E("string"==typeof t?t:t+"",void 0,_),P=(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 E(o,t,_)},O=S?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return A(e)})(t):t
|
|
8
8
|
/**
|
|
9
9
|
* @license
|
|
10
10
|
* Copyright 2017 Google LLC
|
|
11
11
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
12
|
-
|
|
12
|
+
*/,{is:z,defineProperty:L,getOwnPropertyDescriptor:T,getOwnPropertyNames:M,getOwnPropertySymbols:D,getPrototypeOf:B}=Object,j=globalThis,R=j.trustedTypes,U=R?R.emptyScript:"",I=j.reactiveElementPolyfillSupport,F=(t,e)=>t,N={toAttribute(t,e){switch(e){case Boolean:t=t?U: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{o=null}}return o}},V=(t,e)=>!z(t,e),H={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:V};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),j.litPropertyMetadata??(j.litPropertyMetadata=new WeakMap);class q extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=H){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&&L(this.prototype,t,r)}}static getPropertyDescriptor(t,e,o){const{get:r,set:i}=T(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return null==r?void 0:r.call(this)},set(e){const s=null==r?void 0:r.call(this);i.call(this,e),this.requestUpdate(t,s,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??H}static _$Ei(){if(this.hasOwnProperty(F("elementProperties")))return;const t=B(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(F("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(F("properties"))){const t=this.properties,e=[...M(t),...D(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(O(t))}else void 0!==t&&e.push(O(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(){var t;this._$Eg=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),null==(t=this.constructor.l)||t.forEach((t=>t(this)))}addController(t){var e;(this._$ES??(this._$ES=[])).push(t),void 0!==this.renderRoot&&this.isConnected&&(null==(e=t.hostConnected)||e.call(t))}removeController(t){var e;null==(e=this._$ES)||e.splice(this._$ES.indexOf(t)>>>0,1)}_$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(S)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const o of e){const e=document.createElement("style"),r=$.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=o.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),null==(t=this._$ES)||t.forEach((t=>{var e;return null==(e=t.hostConnected)?void 0:e.call(t)}))}enableUpdating(t){}disconnectedCallback(){var t;null==(t=this._$ES)||t.forEach((t=>{var e;return null==(e=t.hostDisconnected)?void 0:e.call(t)}))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EO(t,e){var o;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(void 0!==i&&!0===r.reflect){const s=(void 0!==(null==(o=r.converter)?void 0:o.toAttribute)?r.converter:N).toAttribute(e,r.type);this._$Em=t,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var o;const r=this.constructor,i=r._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=r.getPropertyOptions(i),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==(null==(o=t.converter)?void 0:o.fromAttribute)?t.converter:N;this._$Em=i,this[i]=s.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,o,r=!1,i){if(void 0!==t){if(o??(o=this.constructor.getPropertyOptions(t)),!(o.hasChanged??V)(r?i:this[t],e))return;this.C(t,e,o)}!1===this.isUpdatePending&&(this._$Eg=this._$EP())}C(t,e,o){this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$EP(){this.isUpdatePending=!0;try{await this._$Eg}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(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.C(e,this[e],o)}let e=!1;const o=this._$AL;try{e=this.shouldUpdate(o),e?(this.willUpdate(o),null==(t=this._$ES)||t.forEach((t=>{var e;return null==(e=t.hostUpdate)?void 0:e.call(t)})),this.update(o)):this._$ET()}catch(t){throw e=!1,this._$ET(),t}e&&this._$AE(o)}willUpdate(t){}_$AE(t){var e;null==(e=this._$ES)||e.forEach((t=>{var e;return null==(e=t.hostUpdated)?void 0:e.call(t)})),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$ET(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$Eg}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach((t=>this._$EO(t,this[t])))),this._$ET()}updated(t){}firstUpdated(t){}}q.elementStyles=[],q.shadowRootOptions={mode:"open"},q[F("elementProperties")]=new Map,q[F("finalized")]=new Map,null==I||I({ReactiveElement:q}),(j.reactiveElementVersions??(j.reactiveElementVersions=[])).push("2.0.1");
|
|
13
13
|
/**
|
|
14
14
|
* @license
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
17
|
*/
|
|
18
|
-
|
|
18
|
+
const K=globalThis,W=K.trustedTypes,Z=W?W.createPolicy("lit-html",{createHTML:t=>t}):void 0,X="$lit$",Y=`lit$${(Math.random()+"").slice(9)}$`,G="?"+Y,J=`<${G}>`,Q=document,tt=()=>Q.createComment(""),et=t=>null===t||"object"!=typeof t&&"function"!=typeof t,ot=Array.isArray,rt="[ \t\n\f\r]",it=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,st=/-->/g,nt=/>/g,at=RegExp(`>|${rt}(?:([^\\s"'>=/]+)(${rt}*=${rt}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),lt=/'/g,dt=/"/g,ct=/^(?:script|style|textarea|title)$/i,ht=(1,(t,...e)=>({_$litType$:1,strings:t,values:e})),pt=Symbol.for("lit-noChange"),ut=Symbol.for("lit-nothing"),gt=new WeakMap,vt=Q.createTreeWalker(Q,129);function mt(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==Z?Z.createHTML(e):e}class bt{constructor({strings:t,_$litType$:e},o){let r;this.parts=[];let i=0,s=0;const n=t.length-1,a=this.parts,[l,d]=((t,e)=>{const o=t.length-1,r=[];let i,s=2===e?"<svg>":"",n=it;for(let e=0;e<o;e++){const o=t[e];let a,l,d=-1,c=0;for(;c<o.length&&(n.lastIndex=c,l=n.exec(o),null!==l);)c=n.lastIndex,n===it?"!--"===l[1]?n=st:void 0!==l[1]?n=nt:void 0!==l[2]?(ct.test(l[2])&&(i=RegExp("</"+l[2],"g")),n=at):void 0!==l[3]&&(n=at):n===at?">"===l[0]?(n=i??it,d=-1):void 0===l[1]?d=-2:(d=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?at:'"'===l[3]?dt:lt):n===dt||n===lt?n=at:n===st||n===nt?n=it:(n=at,i=void 0);const h=n===at&&t[e+1].startsWith("/>")?" ":"";s+=n===it?o+J:d>=0?(r.push(a),o.slice(0,d)+X+o.slice(d)+Y+h):o+Y+(-2===d?e:h)}return[mt(t,s+(t[o]||"<?>")+(2===e?"</svg>":"")),r]})(t,e);if(this.el=bt.createElement(l,o),vt.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=vt.nextNode())&&a.length<n;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(X)){const e=d[s++],o=r.getAttribute(t).split(Y),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:i,name:n[2],strings:o,ctor:"."===n[1]?kt:"?"===n[1]?$t:"@"===n[1]?St:xt}),r.removeAttribute(t)}else t.startsWith(Y)&&(a.push({type:6,index:i}),r.removeAttribute(t));if(ct.test(r.tagName)){const t=r.textContent.split(Y),e=t.length-1;if(e>0){r.textContent=W?W.emptyScript:"";for(let o=0;o<e;o++)r.append(t[o],tt()),vt.nextNode(),a.push({type:2,index:++i});r.append(t[e],tt())}}}else if(8===r.nodeType)if(r.data===G)a.push({type:2,index:i});else{let t=-1;for(;-1!==(t=r.data.indexOf(Y,t+1));)a.push({type:7,index:i}),t+=Y.length-1}i++}}static createElement(t,e){const o=Q.createElement("template");return o.innerHTML=t,o}}function ft(t,e,o=t,r){var i,s;if(e===pt)return e;let n=void 0!==r?null==(i=o._$Co)?void 0:i[r]:o._$Cl;const a=et(e)?void 0:e._$litDirective$;return(null==n?void 0:n.constructor)!==a&&(null==(s=null==n?void 0:n._$AO)||s.call(n,!1),void 0===a?n=void 0:(n=new a(t),n._$AT(t,o,r)),void 0!==r?(o._$Co??(o._$Co=[]))[r]=n:o._$Cl=n),void 0!==n&&(e=ft(t,n._$AS(t,e.values),n,r)),e}class yt{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=((null==t?void 0:t.creationScope)??Q).importNode(e,!0);vt.currentNode=r;let i=vt.nextNode(),s=0,n=0,a=o[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new wt(i,i.nextSibling,this,t):1===a.type?e=new a.ctor(i,a.name,a.strings,this,t):6===a.type&&(e=new _t(i,this,t)),this._$AV.push(e),a=o[++n]}s!==(null==a?void 0:a.index)&&(i=vt.nextNode(),s++)}return vt.currentNode=Q,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 wt{get _$AU(){var t;return(null==(t=this._$AM)?void 0:t._$AU)??this._$Cv}constructor(t,e,o,r){this.type=2,this._$AH=ut,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=r,this._$Cv=(null==r?void 0:r.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ft(this,t,e),et(t)?t===ut||null==t||""===t?(this._$AH!==ut&&this._$AR(),this._$AH=ut):t!==this._$AH&&t!==pt&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):(t=>ot(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]))(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==ut&&et(this._$AH)?this._$AA.nextSibling.data=t:this.$(Q.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:r}=t,i="number"==typeof r?this._$AC(t):(void 0===r.el&&(r.el=bt.createElement(mt(r.h,r.h[0]),this.options)),r);if((null==(e=this._$AH)?void 0:e._$AD)===i)this._$AH.p(o);else{const t=new yt(i,this),e=t.u(this.options);t.p(o),this.$(e),this._$AH=t}}_$AC(t){let e=gt.get(t.strings);return void 0===e&>.set(t.strings,e=new bt(t)),e}T(t){ot(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 wt(this.k(tt()),this.k(tt()),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){var o;for(null==(o=this._$AP)||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cv=t,null==(e=this._$AP)||e.call(this,t))}}class xt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,r,i){this.type=1,this._$AH=ut,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=ut}_$AI(t,e=this,o,r){const i=this.strings;let s=!1;if(void 0===i)t=ft(this,t,e,0),s=!et(t)||t!==this._$AH&&t!==pt,s&&(this._$AH=t);else{const r=t;let n,a;for(t=i[0],n=0;n<i.length-1;n++)a=ft(this,r[o+n],e,n),a===pt&&(a=this._$AH[n]),s||(s=!et(a)||a!==this._$AH[n]),a===ut?t=ut:t!==ut&&(t+=(a??"")+i[n+1]),this._$AH[n]=a}s&&!r&&this.O(t)}O(t){t===ut?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class kt extends xt{constructor(){super(...arguments),this.type=3}O(t){this.element[this.name]=t===ut?void 0:t}}class $t extends xt{constructor(){super(...arguments),this.type=4}O(t){this.element.toggleAttribute(this.name,!!t&&t!==ut)}}class St extends xt{constructor(t,e,o,r,i){super(t,e,o,r,i),this.type=5}_$AI(t,e=this){if((t=ft(this,t,e,0)??ut)===pt)return;const o=this._$AH,r=t===ut&&o!==ut||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,i=t!==ut&&(o===ut||r);r&&this.element.removeEventListener(this.name,this,o),i&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;"function"==typeof this._$AH?this._$AH.call((null==(e=this.options)?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class _t{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){ft(this,t)}}const Ct=K.litHtmlPolyfillSupport;null==Ct||Ct(bt,wt),(K.litHtmlVersions??(K.litHtmlVersions=[])).push("3.0.2");
|
|
19
19
|
/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
23
|
*/
|
|
24
|
-
|
|
24
|
+
let Et=class extends q{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t;const e=super.createRenderRoot();return(t=this.renderOptions).renderBefore??(t.renderBefore=e.firstChild),e}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,o)=>{const r=(null==o?void 0:o.renderBefore)??e;let i=r._$litPart$;if(void 0===i){const t=(null==o?void 0:o.renderBefore)??null;r._$litPart$=i=new wt(e.insertBefore(tt(),t),t,void 0,o??{})}return i._$AI(t),i})(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),null==(t=this._$Do)||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),null==(t=this._$Do)||t.setConnected(!1)}render(){return pt}};Et._$litElement$=!0,Et.finalized=!0,null==(e=globalThis.litElementHydrateSupport)||e.call(globalThis,{LitElement:Et});const At=globalThis.litElementPolyfillSupport;null==At||At({LitElement:Et}),(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.0.1");const Pt=t=>e=>"function"==typeof e?((t,e)=>window.customElements.get(t)?(console.warn(`Custom element ${t} already defined. Registration skipped.`),e):(window.customElements.define(t,e),e))(t,e):((t,e)=>{const{kind:o,elements:r}=e;return{kind:o,elements:r,finisher(e){window.customElements.get(t)?console.warn(`Custom element ${t} already defined. Registration skipped.`):window.customElements.define(t,e)}}})(t,e)
|
|
25
25
|
/**
|
|
26
26
|
* @license
|
|
27
27
|
* Copyright 2017 Google LLC
|
|
28
28
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
29
|
-
*/,
|
|
29
|
+
*/,Ot={attribute:!0,type:String,converter:N,reflect:!1,hasChanged:V},zt=(t=Ot,e,o)=>{const{kind:r,metadata:i}=o;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map),s.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.C(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 Lt(t){return(e,o)=>"object"==typeof o?zt(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 Tt(t){return Lt({...t,state:!0,attribute:!1})}
|
|
35
35
|
/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/const
|
|
39
|
+
*/const Mt=(t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o)
|
|
40
40
|
/**
|
|
41
41
|
* @license
|
|
42
42
|
* Copyright 2017 Google LLC
|
|
43
43
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
44
|
-
*/;function
|
|
44
|
+
*/;function Dt(t,e){return(o,r,i)=>{const s=e=>{var o;return(null==(o=e.renderRoot)?void 0:o.querySelector(t))??null};if(e){const{get:t,set:n}="object"==typeof r?o:i??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return Mt(o,r,{get(){if(e){let e=t.call(this);return void 0===e&&(e=s(this),n.call(this,e)),e}return s(this)}})}return Mt(o,r,{get(){return s(this)}})}}
|
|
45
45
|
/**
|
|
46
46
|
* @license
|
|
47
47
|
* Copyright 2021 Google LLC
|
|
48
48
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
49
|
-
*/
|
|
49
|
+
*/function Bt(t){return(e,o)=>{const{slot:r,selector:i}=t??{},s="slot"+(r?`[name=${r}]`:":not([name])");return Mt(e,o,{get(){var e;const o=null==(e=this.renderRoot)?void 0:e.querySelector(s),r=(null==o?void 0:o.assignedElements(t))??[];return void 0===i?r:r.filter((t=>t.matches(i)))}})}}const jt=new Map;function Rt(t,e="cors"){if(jt.has(t))return jt.get(t);const o=fetch(t,{mode:e}).then((async t=>({ok:t.ok,status:t.status,html:await t.text()})));return jt.set(t,o),o}const Ut=Object.freeze(Object.defineProperty({__proto__:null,requestInclude:Rt},Symbol.toStringTag,{value:"Module"})),It=new Map;async function Ft(t){if(It.has(t))return It.get(t);const e=await Rt(t),o={ok:e.ok,status:e.status,svg:null};if(e.ok){const t=document.createElement("div");t.innerHTML=e.html;const r=t.firstElementChild;o.svg="svg"===(null==r?void 0:r.tagName.toLowerCase())?r.outerHTML:""}return It.set(t,o),o}const Nt=Object.freeze(Object.defineProperty({__proto__:null,requestIcon:Ft},Symbol.toStringTag,{value:"Module"}));
|
|
50
50
|
/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2017 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
54
|
-
*/
|
|
54
|
+
*/class Vt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}
|
|
55
55
|
/**
|
|
56
56
|
* @license
|
|
57
57
|
* Copyright 2017 Google LLC
|
|
58
58
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
59
|
-
*/Vt.directiveName="unsafeHTML",
|
|
59
|
+
*/let Ht=class extends Vt{constructor(t){if(super(t),this.et=ut,2!==t.type)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===ut||null==t)return this.vt=void 0,this.et=t;if(t===pt)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.vt;this.et=t;const e=[t];return e.raw=e,this.vt={_$litType$:this.constructor.resultType,strings:e,values:[]}}};Ht.directiveName="unsafeHTML",Ht.resultType=1;
|
|
60
60
|
/**
|
|
61
61
|
* @license
|
|
62
62
|
* Copyright 2017 Google LLC
|
|
63
63
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
64
64
|
*/
|
|
65
|
-
let Ht=class extends Vt{};Ht.directiveName="unsafeSVG",Ht.resultType=2;const qt=(t=>(...e)=>({_$litDirective$:t,values:e}))(Ht);function Kt(t,e){const o={waitUntilFirstUpdate:!1,...e};return(e,r)=>{const{update:i}=e,s=Array.isArray(t)?t:[t];e.update=function(t){s.forEach((e=>{const i=e;if(t.has(i)){const e=t.get(i),s=this[i];e!==s&&(!o.waitUntilFirstUpdate||this.hasUpdated)&&this[r](e,s)}})),i.call(this,t)}}}const Wt=A`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}[hidden]{display:none!important}`;var Zt=Object.defineProperty,Xt=Object.getOwnPropertyDescriptor,Yt=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Xt(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Zt(e,o,s),s};class Gt extends St{emit(t,e){const o=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:{},...e});return this.dispatchEvent(o),o}}Gt.styles=E('/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.\\!right-0{right:var(--sd-spacing-0,0)!important}.-top-\\[1px\\]{top:-1px}.bottom-0{bottom:var(--sd-spacing-0,0)}.bottom-auto{bottom:var(--sd-spacing-auto,auto)}.end-0{inset-inline-end:var(--sd-spacing-0,0)}.end-auto{inset-inline-end:var(--sd-spacing-auto,auto)}.left-0{left:var(--sd-spacing-0,0)}.left-1\\/2{left:50%}.right-0{right:var(--sd-spacing-0,0)}.right-2{right:var(--sd-spacing-2,.5rem)}.start-0{inset-inline-start:var(--sd-spacing-0,0)}.start-auto{inset-inline-start:var(--sd-spacing-auto,auto)}.top-0{top:var(--sd-spacing-0,0)}.top-1{top:var(--sd-spacing-1,.25rem)}.top-1\\/2{top:50%}.top-2{top:var(--sd-spacing-2,.5rem)}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.m-0{margin:var(--sd-spacing-0,0)}.m-4{margin:var(--sd-spacing-4,1rem)}.\\!ml-6{margin-left:var(--sd-spacing-6,1.5rem)!important}.\\!mr-6{margin-right:var(--sd-spacing-6,1.5rem)!important}.mb-2{margin-bottom:var(--sd-spacing-2,.5rem)}.mb-4{margin-bottom:var(--sd-spacing-4,1rem)}.mb-6{margin-bottom:var(--sd-spacing-6,1.5rem)}.ml-1{margin-left:var(--sd-spacing-1,.25rem)}.ml-2{margin-left:var(--sd-spacing-2,.5rem)}.ml-4{margin-left:var(--sd-spacing-4,1rem)}.ml-6{margin-left:var(--sd-spacing-6,1.5rem)}.ml-\\[0\\.25em\\]{margin-left:.25em}.ml-\\[0\\.5em\\]{margin-left:.5em}.mr-1{margin-right:var(--sd-spacing-1,.25rem)}.mr-2{margin-right:var(--sd-spacing-2,.5rem)}.mr-\\[0\\.25em\\]{margin-right:.25em}.mr-\\[0\\.5em\\]{margin-right:.5em}.mt-\\[1px\\]{margin-top:1px}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.\\!hidden{display:none!important}.hidden{display:none}.h-2{height:var(--sd-spacing-2,.5rem)}.h-2\\.5{height:var(--sd-spacing-2-5,.625rem)}.h-2\\/3{height:66.666667%}.h-4{height:var(--sd-spacing-4,1rem)}.h-5{height:var(--sd-spacing-5,1.25rem)}.h-6{height:var(--sd-spacing-6,1.5rem)}.h-8{height:var(--sd-spacing-8,2rem)}.h-\\[1px\\]{height:1px}.h-\\[48px\\]{height:48px}.h-\\[96px\\]{height:96px}.h-\\[calc\\(100\\%-8px\\)\\]{height:calc(100% - 8px)}.h-full{height:100%}.h-varspacing{height:var(--tw-varspacing)}.max-h-full{max-height:100%}.min-h-\\[48px\\]{min-height:48px}.w-2{width:var(--sd-spacing-2,.5rem)}.w-2\\.5{width:var(--sd-spacing-2-5,.625rem)}.w-2\\/5{width:40%}.w-4{width:var(--sd-spacing-4,1rem)}.w-5{width:var(--sd-spacing-5,1.25rem)}.w-6{width:var(--sd-spacing-6,1.5rem)}.w-\\[--width\\]{width:var(--width)}.w-\\[48px\\]{width:48px}.w-\\[96px\\]{width:96px}.w-full{width:100%}.w-varspacing{width:var(--tw-varspacing)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[8px\\]{min-width:8px}.max-w-full{max-width:100%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.rotate-\\[270deg\\]{--tw-rotate:270deg}.rotate-\\[270deg\\],.scale-y-\\[1\\.5\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-\\[1\\.5\\]{--tw-scale-y:1.5}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.grid-flow-col{grid-auto-flow:column}.auto-rows-\\[100\\%\\]{grid-auto-rows:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-0{gap:var(--sd-spacing-0,0)}.gap-0\\.5{gap:var(--sd-spacing-0-5,.125rem)}.gap-1{gap:var(--sd-spacing-1,.25rem)}.gap-2{gap:var(--sd-spacing-2,.5rem)}.gap-4{gap:var(--sd-spacing-4,1rem)}.gap-8{gap:var(--sd-spacing-8,2rem)}.gap-x-\\[1px\\]{-moz-column-gap:1px;column-gap:1px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.overscroll-x-contain{overscroll-behavior-x:contain}.whitespace-nowrap{white-space:nowrap}.\\!rounded-sm{border-radius:var(--sd-border-radius-sm,.125rem)!important}.rounded-full{border-radius:var(--sd-border-radius-full,9999px)}.rounded-md{border-radius:var(--sd-border-radius-md,.375rem)}.border{border-width:1px}.border-0{border-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-accent{--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-border-opacity))}.border-error{--tw-border-opacity:1;border-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-border-opacity))}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-300,218 218 218)/var(--tw-border-opacity))}.border-neutral-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.border-neutral-800{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity))}.border-primary-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity))}.bg-\\[rgba\\(0\\,0\\,0\\,0\\.65\\)\\]{background-color:#000000a6}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity))}.bg-error{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-bg-opacity))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity))}.bg-neutral-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--tw-bg-opacity))}.bg-neutral-800\\/75{background-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--sd-opacity-75,.75))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-success,54 123 40)/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:var(--sd-opacity-75,.75)}.bg-none{background-image:none}.fill-neutral-100{fill:rgb(var(--sd-color-neutral-100,246 246 246)/1)}.fill-primary{fill:rgb(var(--sd-color-primary,0 53 142)/1)}.fill-white{fill:rgb(var(--sd-color-white,255 255 255)/1)}.p-0{padding:var(--sd-spacing-0,0)}.p-4{padding:var(--sd-spacing-4,1rem)}.px-0{padding-left:var(--sd-spacing-0,0);padding-right:var(--sd-spacing-0,0)}.px-10{padding-left:var(--sd-spacing-10,2.5rem);padding-right:var(--sd-spacing-10,2.5rem)}.px-3{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}.px-4{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.px-6{padding-left:var(--sd-spacing-6,1.5rem);padding-right:var(--sd-spacing-6,1.5rem)}.px-8{padding-left:var(--sd-spacing-8,2rem);padding-right:var(--sd-spacing-8,2rem)}.px-\\[4px\\]{padding-left:4px;padding-right:4px}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.py-2{padding-bottom:var(--sd-spacing-2,.5rem);padding-top:var(--sd-spacing-2,.5rem)}.py-3{padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}.py-4{padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem)}.py-6{padding-bottom:var(--sd-spacing-6,1.5rem);padding-top:var(--sd-spacing-6,1.5rem)}.py-8{padding-bottom:var(--sd-spacing-8,2rem);padding-top:var(--sd-spacing-8,2rem)}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.pb-1{padding-bottom:var(--sd-spacing-1,.25rem)}.pb-2{padding-bottom:var(--sd-spacing-2,.5rem)}.pb-3{padding-bottom:var(--sd-spacing-3,.75rem)}.pl-3{padding-left:var(--sd-spacing-3,.75rem)}.pl-4{padding-left:var(--sd-spacing-4,1rem)}.pl-8{padding-left:var(--sd-spacing-8,2rem)}.pr-2{padding-right:var(--sd-spacing-2,.5rem)}.pr-3{padding-right:var(--sd-spacing-3,.75rem)}.pr-4{padding-right:var(--sd-spacing-4,1rem)}.pt-3{padding-top:var(--sd-spacing-3,.75rem)}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\\[10px\\]{font-size:10px}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.text-\\[2rem\\]{font-size:2rem}.text-\\[4rem\\]{font-size:4rem}.text-base{font-size:var(--sd-font-size-base,1rem)}.text-lg{font-size:var(--sd-font-size-lg,1.25rem)}.text-sm{font-size:var(--sd-font-size-sm,.875rem)}.text-xl{font-size:var(--sd-font-size-xl,1.5rem)}.font-bold{font-weight:700}.leading-\\[calc\\(var\\(--tw-varspacing\\)-2px\\)\\]{line-height:calc(var(--tw-varspacing) - 2px)}.leading-none{line-height:var(--sd-line-height-none,100%)}.leading-normal{line-height:var(--sd-line-height-normal,150%)}.text-accent{--tw-text-opacity:1;color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:rgb(var(--sd-color-error,204 25 55)/var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:var(--sd-opacity-0,0)}.opacity-20{opacity:var(--sd-opacity-20,.2)}.shadow{--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-1{outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-neutral-400{outline-color:rgb(var(--sd-color-neutral-400,195 195 195)/1)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.varspacing-10{--tw-varspacing:var(--sd-spacing-10,2.5rem)}.varspacing-12{--tw-varspacing:var(--sd-spacing-12,3rem)}.varspacing-8{--tw-varspacing:var(--sd-spacing-8,2rem)}.focus-within\\:focus-outline:focus-within{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-within\\:focus-outline-inverted:focus-within{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline-inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:border-neutral-500:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.disabled\\:border-neutral-600:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity))}.disabled\\:bg-neutral-500:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.disabled\\:bg-neutral-600:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-bg-opacity))}.disabled\\:text-neutral-500:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.disabled\\:text-neutral-600:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.disabled\\:text-white:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.group:hover .group-hover\\:top-0{top:var(--sd-spacing-0,0)}.group:hover .group-hover\\:h-full{height:100%}.group:hover .group-hover\\:border-accent-550{--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-border-opacity))}.group:hover .group-hover\\:border-error-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-border-opacity))}.group:hover .group-hover\\:bg-accent-550{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity))}.group:hover .group-hover\\:bg-error-400{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-bg-opacity))}.group:hover .group-hover\\:bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity))}.hover\\:cursor-not-allowed:hover:not([disabled]){cursor:not-allowed}.hover\\:border-accent-550:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-border-opacity))}.hover\\:border-error-400:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-border-opacity))}.hover\\:border-primary-100:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-border-opacity))}.hover\\:border-primary-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity))}.hover\\:bg-accent-300:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-300,108 194 84)/var(--tw-bg-opacity))}.hover\\:bg-accent-550:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity))}.hover\\:bg-error-400:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-bg-opacity))}.hover\\:bg-neutral-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity))}.hover\\:bg-neutral-200:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity))}.hover\\:bg-primary-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.hover\\:bg-primary-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.hover\\:text-primary-100:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-text-opacity))}.hover\\:text-primary-200:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.hover\\:text-primary-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.active\\:border-primary-200:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-border-opacity))}.active\\:border-primary-800:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-border-opacity))}.active\\:bg-accent-700:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-700,33 87 37)/var(--tw-bg-opacity))}.active\\:bg-primary-200:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity))}.active\\:bg-primary-800:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity))}.active\\:text-primary-200:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.active\\:text-primary-400:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.active\\:text-primary-800:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}\n'),Yt([Pt()],Gt.prototype,"dir",2),Yt([Pt()],Gt.prototype,"lang",2);var Jt=Object.defineProperty,Qt=Object.getOwnPropertyDescriptor,te=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Qt(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Jt(e,o,s),s};let ee,oe=class extends Gt{constructor(){super(...arguments),this.svg="",this.label="",this.library="default",this.color="currentColor"}connectedCallback(){super.connectedCallback(),n(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),a(this)}getUrl(){const t=l(this.library);return this.name&&t?t.resolver(this.name):this.src}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 e=l(this.library),o=this.getUrl();if(ee||(ee=new DOMParser),o)try{const r=await It(o);if(o===this.getUrl())if(r.ok){const o=ee.parseFromString(r.svg,"text/html").body.querySelector("svg");null!==o?(null==(t=null==e?void 0:e.mutator)||t.call(e,o),this.svg=o.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch{this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return nt`${qt(this.svg)}`}};oe.styles=[Wt,A`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgb(var(--sd-color-primary,0 53 142) / var(--tw-text-opacity,1))}// text-primary :host([color=white]) svg{color:rgb(var(--sd-color-white,255 255 255) / var(--tw-text-opacity,1))}`],te([zt()],oe.prototype,"svg",2),te([Pt({reflect:!0})],oe.prototype,"name",2),te([Pt()],oe.prototype,"src",2),te([Pt()],oe.prototype,"label",2),te([Pt({reflect:!0})],oe.prototype,"library",2),te([Pt({reflect:!0})],oe.prototype,"color",2),te([Kt("label")],oe.prototype,"handleLabelChange",1),te([Kt(["name","src","library"])],oe.prototype,"setIcon",1),oe=te([_t("sd-icon")],oe);const re=Object.freeze(Object.defineProperty({__proto__:null,get default(){return oe}},Symbol.toStringTag,{value:"Module"}));function ie(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,{...o,duration:se()?0:o.duration});i.addEventListener("cancel",r,{once:!0}),i.addEventListener("finish",r,{once:!0})}))}function se(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function ne(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{const o=requestAnimationFrame(e);t.addEventListener("cancel",(()=>o),{once:!0}),t.addEventListener("finish",(()=>o),{once:!0}),t.cancel()})))))}function ae(t,e){return t.map((t=>({...t,height:"auto"===t.height?`${e}px`:t.height})))}const le=new Map,de=new WeakMap;function ce(t,e){return"rtl"===e.toLowerCase()?{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}:t}function he(t,e){le.set(t,function(t){return t??{keyframes:[],options:{duration:0}}}(e))}function pe(t,e,o){const r=de.get(t);if(null!=r&&r[e])return ce(r[e],o.dir);const i=le.get(e);return i?ce(i,o.dir):{keyframes:[],options:{duration:0}}}function ue(t,e){return new Promise((o=>{t.addEventListener(e,(function r(i){i.target===t&&(t.removeEventListener(e,r),o())}))}))}function ve(){let t,e="",o=0;for(;o<arguments.length;)(t=arguments[o++])&&"string"==typeof t&&(e&&(e+=" "),e+=t);return e}var ge=Object.defineProperty,me=Object.getOwnPropertyDescriptor,be=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?me(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ge(e,o,s),s};let fe=class extends Gt{constructor(){super(...arguments),this.localize=new w(this),this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.header.focus(),this.open?this.hide():this.show()}handleSummaryKeyDown(t){("Enter"===t.key||" "===t.key)&&(t.preventDefault(),this.open?this.hide():this.show()),("ArrowUp"===t.key||"ArrowLeft"===t.key)&&(t.preventDefault(),this.hide()),("ArrowDown"===t.key||"ArrowRight"===t.key)&&(t.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("sd-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await ne(this.body),this.body.hidden=!1;const{keyframes:t,options:e}=pe(this,"accordion.show",{dir:this.localize.dir()});await ie(this.body,ae(t,this.body.scrollHeight),e),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await ne(this.body);const{keyframes:t,options:e}=pe(this,"accordion.hide",{dir:this.localize.dir()});await ie(this.body,ae(t,this.body.scrollHeight),e),this.body.hidden=!0,this.body.style.height="auto",this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,ue(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,ue(this,"sd-after-hide")}render(){return nt`<div part="base" class="outline outline-1 outline-neutral-400 -outline-offset-1"><header part="header" id="header" class="${ve("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline",this.open?"bg-white text-accent hover:bg-neutral-200":"text-primary bg-neutral-100 hover:bg-neutral-200")}" role="button" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${ve("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${ve(this.open&&"hidden")}"><sd-icon library="system" name="chevron-down"></sd-icon></slot><slot name="collapse-icon" class="${ve(!this.open&&"hidden")}"><sd-icon library="system" name="chevron-down"></sd-icon></slot></span></header><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></div>`}};fe.styles=[Gt.styles,A`:host{display:block}`],be([Lt('[part="base"]')],fe.prototype,"accordion",2),be([Lt('[part="header"]')],fe.prototype,"header",2),be([Lt('[part="content"]')],fe.prototype,"body",2),be([Pt({type:Boolean,reflect:!0})],fe.prototype,"open",2),be([Pt()],fe.prototype,"summary",2),be([Kt("open",{waitUntilFirstUpdate:!0})],fe.prototype,"handleOpenChange",1),fe=be([_t("sd-accordion")],fe),he("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}}),he("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});const ye=Object.freeze(Object.defineProperty({__proto__:null,get default(){return fe}},Symbol.toStringTag,{value:"Module"}));var we=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,ke=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?xe(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&we(e,o,s),s};let $e=class extends Gt{constructor(){super(...arguments),this.closeOthers=!1,this.handleAccordionShow=t=>{this.closeOthers&&this._accordionsInDefaultSlot.forEach((e=>{e!==t.target&&e.parentNode===t.target.parentNode&&e.removeAttribute("open")}))}}connectedCallback(){super.connectedCallback(),this.addEventListener("sd-show",this.handleAccordionShow)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sd-show",this.handleAccordionShow)}render(){return nt`<div part="base"><slot></slot></div>`}};$e.styles=[Wt,Gt.styles,A`:host{display:block}::slotted(sd-accordion:not(:first-of-type)){margin-top:-1px}`],ke([Dt({selector:"sd-accordion"})],$e.prototype,"_accordionsInDefaultSlot",2),ke([Pt({attribute:"close-others",type:Boolean})],$e.prototype,"closeOthers",2),$e=ke([_t("sd-accordion-group")],$e);const Se=Object.freeze(Object.defineProperty({__proto__:null,get default(){return $e}},Symbol.toStringTag,{value:"Module"}));var Ce=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,Ee=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?_e(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ce(e,o,s),s};let Ae=class extends Gt{constructor(){super(...arguments),this.variant="default",this.size="lg",this.inverted=!1}render(){return nt`<span tabindex="0" role="status" part="base" class="${ve("inline-flex items-center justify-center gap-x-[1px] text-center leading-none whitespace-nowrap border rounded-full select-none cursor-[inherit]",{default:this.inverted?"text-primary bg-white border-primary":"text-white bg-primary-500 border-white",success:this.inverted?"text-white bg-success border-primary":"text-white bg-success border-white",error:this.inverted?"text-white bg-error border-primary":"text-white bg-error border-white"}[this.variant],{sm:"h-2 min-w-[8px] text-[10px]",md:"h-4 px-[4px] min-w-[16px] text-[10px]",lg:"h-5 px-[5px] min-w-[20px] text-[12px]"}[this.size])}"><span part="content" class="${ve("sm"===this.size&&"hidden")}"><slot></slot></span></span>`}};Ae.styles=[Gt.styles,A`:host{display:inline-flex;align-items:center;justify-content:center}`],Ee([Pt({reflect:!0})],Ae.prototype,"variant",2),Ee([Pt({reflect:!0})],Ae.prototype,"size",2),Ee([Pt({type:Boolean,reflect:!0})],Ae.prototype,"inverted",2),Ae=Ee([_t("sd-badge")],Ae);const Pe=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ae}},Symbol.toStringTag,{value:"Module"}));var ze=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Le=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Oe(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ze(e,o,s),s};let Te=class extends Gt{constructor(){super(...arguments),this.variant="primary",this.shapes=["top","middle","bottom"],this.componentBreakpoint=0}getSvg(t,e){return{0:this.smallSvg(e),414:this.mediumSvg(e),640:this.largeSvg(e)}[t]}largeSvg(t){return"top"===t?nt`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M610.777 1.393.001 120.146 0 123h700.001V74.79c0-4.797-.462-9.585-1.381-14.294-7.909-40.537-47.237-66.998-87.843-59.103Z"/></svg>`:nt`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 123"><path d="M89.224 121.607 700 2.854 700.001 0h-700L0 48.21c0 4.797.463 9.584 1.381 14.294 7.909 40.537 47.237 66.998 87.843 59.103Z"/></svg>`}mediumSvg(t){return"top"===t?nt`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 119"><path d="M597.75 1.6 0 118.046V121h700V85.872c0-5.509-.53-11.006-1.583-16.413-9.063-46.543-54.133-76.924-100.667-67.86Z"/></svg>`:nt`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M102.25 119.4 700 2.954V0H0v35.128c0 5.509.53 11.006 1.583 16.413 9.063 46.543 54.134 76.924 100.667 67.859Z"/></svg>`}smallSvg(t){return"top"===t?nt`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 113"><path d="M566.951 2.08 0 112.466v2.934h700v-3.672c0-7.166-.689-14.314-2.059-21.348-11.789-60.557-70.436-100.09-130.99-88.3Z"/></svg>`:nt`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 116"><path d="M133.049 113.32 700 2.934V0H0v3.672c0 7.165.69 14.314 2.059 21.348 11.79 60.557 70.436 100.09 130.99 88.3Z"/></svg>`}setBreakpoint(){switch(!0){case this.containerElem.clientWidth<=414:this.componentBreakpoint=0;break;case this.containerElem.clientWidth<640:this.componentBreakpoint=414;break;default:this.componentBreakpoint=640}}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setBreakpoint())),this.updateComplete.then((()=>{this.setBreakpoint(),this.resizeObserver.observe(this.containerElem)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.containerElem)}renderTopBrandshape(){return nt`<div class="relative" part="shape-top">${1===this.shapes.length?nt`<div class="relative">${this.getSvg(this.componentBreakpoint,"top")}<div part="content" class="absolute bottom-0 right-0 flex items-end w-2/5 h-2/3 px-6 py-4"><slot></slot></div></div>`:this.getSvg(this.componentBreakpoint,"top")} ${this.renderWhitespaceFix("top")}</div>`}renderMiddleBrandshape(){return nt`<div class="${ve({0:"px-6 py-4",414:"px-10 py-8",640:"px-10 py-8"}[this.componentBreakpoint],"w-full block relative")}"><div part="shape-middle" class="${ve({"neutral-100":"bg-neutral-100",primary:"bg-primary",white:"bg-white"}[this.variant],"w-full block absolute h-full top-0 left-0 z-0")}"></div><div class="z-10 relative" part="content"><slot></slot></div></div>`}renderBottomBrandshape(){return nt`<div class="relative" part="shape-bottom">${this.getSvg(this.componentBreakpoint,"bottom")}${this.renderWhitespaceFix("bottom")}</div>`}renderWhitespaceFix(t){return nt`<div class="${ve({"neutral-100":"bg-neutral-100",primary:"bg-primary",white:"bg-white"}[this.variant],{top:"bottom-0",bottom:"top-0"}[t],"block absolute left-0 w-full h-[1px]")}"></div>`}render(){return nt`<div class="${ve({"neutral-100":"fill-neutral-100",primary:"fill-primary",white:"fill-white"}[this.variant])}" part="base">${this.shapes.includes("top")?this.renderTopBrandshape():null} ${this.shapes.includes("middle")?this.renderMiddleBrandshape():null} ${this.shapes.includes("bottom")?this.renderBottomBrandshape():null}</div>`}};Te.styles=[Wt,Gt.styles,A`:host{display:block}`],Le([Lt("[part=base]")],Te.prototype,"containerElem",2),Le([Pt({type:String})],Te.prototype,"variant",2),Le([Pt({type:Array})],Te.prototype,"shapes",2),Le([zt()],Te.prototype,"componentBreakpoint",2),Te=Le([_t("sd-brandshape")],Te);const Me=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Te}},Symbol.toStringTag,{value:"Module"}));var De=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,je=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Be(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&De(e,o,s),s};let Re=class extends Gt{constructor(){super(...arguments),this.color="currentColor",this.localize=new w(this)}render(){return nt`<svg role="progressbar" viewBox="0 0 24 24" class="${ve("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};Re.styles=[Gt.styles,A`:host{display:inline-block;width:1em;height:1em}`],je([Pt({reflect:!0})],Re.prototype,"color",2),Re=je([_t("sd-spinner")],Re);const Ue=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Re}},Symbol.toStringTag,{value:"Module"})),Ie=new WeakMap,Ne=new WeakMap,Fe=new WeakMap,Ve=new WeakMap;class He{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="sd-button"===this.host.tagName.toLowerCase();!e&&!i&&"string"==typeof o&&o.length>0&&typeof r<"u"&&(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=Ie.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),Ve.set(this.host,[])},this.handleInteraction=t=>{const e=Ve.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const e=t.getRootNode(),o=t.getAttribute("form");if(o)return e.getElementById(o)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),setValue:(t,e)=>t.value=e,assumeInteractionOn:["sd-input"],...e}}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),Ve.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),Ve.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){var t;const e=this.options.form(this.host);e||this.detachForm(),e&&this.form!==e&&(this.detachForm(),this.attachForm(e)),this.host.hasUpdated&&this.setValidity(null==(t=this.host)?void 0:t.validity.valid)}attachForm(t){t?(this.form=t,Ie.has(this.form)?Ie.get(this.form).add(this.host):Ie.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),Ne.has(this.form)||(Ne.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&(null==(t=Ie.get(this.form))||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Ne.has(this.form)&&(this.form.reportValidity=Ne.get(this.form),Ne.delete(this.form))),this.form=void 0}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}setUserInteracted(t,e){Fe.set(t,e),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(){return this.form??null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var e;const o=this.host,r=!!Fe.get(o),i=!!o.required;null!=(e=this.form)&&e.noValidate?(o.removeAttribute("data-required"),o.removeAttribute("data-optional"),o.removeAttribute("data-invalid"),o.removeAttribute("data-valid"),o.removeAttribute("data-user-invalid"),o.removeAttribute("data-user-valid")):(o.toggleAttribute("data-required",i),o.toggleAttribute("data-optional",!i),o.toggleAttribute("data-invalid",!t),o.toggleAttribute("data-valid",t),o.toggleAttribute("data-user-invalid",!t&&r),o.toggleAttribute("data-user-valid",t&&r))}updateValidity(){const t=this.host;this.setValidity(null==t?void 0:t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault(),this.host.dispatchEvent(e)||null==t||t.preventDefault()}}const qe=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),Ke=Object.freeze({...qe,valid:!1,valueMissing:!0}),We=Object.freeze({...qe,valid:!1,customError:!0});class Ze{constructor(t,...e){this.slotNames=[],(this.host=t).addController(this),this.slotNames=e,this.handleSlotChange=this.handleSlotChange.bind(this)}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("sd-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)}handleSlotChange(t){const e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()}}
|
|
65
|
+
let qt=class extends Ht{};qt.directiveName="unsafeSVG",qt.resultType=2;const Kt=(t=>(...e)=>({_$litDirective$:t,values:e}))(qt);function Wt(t,e){const o={waitUntilFirstUpdate:!1,...e};return(e,r)=>{const{update:i}=e,s=Array.isArray(t)?t:[t];e.update=function(t){s.forEach((e=>{const i=e;if(t.has(i)){const e=t.get(i),s=this[i];e!==s&&(!o.waitUntilFirstUpdate||this.hasUpdated)&&this[r](e,s)}})),i.call(this,t)}}}const Zt=P`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}[hidden]{display:none!important}`;var Xt=Object.defineProperty,Yt=Object.getOwnPropertyDescriptor,Gt=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Yt(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Xt(e,o,s),s};class Jt extends Et{emit(t,e){const o=new CustomEvent(t,{bubbles:!0,cancelable:!1,composed:!0,detail:{},...e});return this.dispatchEvent(o),o}}Jt.styles=A('/*! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.\\!right-0{right:var(--sd-spacing-0,0)!important}.-top-\\[1px\\]{top:-1px}.bottom-0{bottom:var(--sd-spacing-0,0)}.bottom-auto{bottom:var(--sd-spacing-auto,auto)}.end-0{inset-inline-end:var(--sd-spacing-0,0)}.end-auto{inset-inline-end:var(--sd-spacing-auto,auto)}.left-0{left:var(--sd-spacing-0,0)}.left-1\\/2{left:50%}.right-0{right:var(--sd-spacing-0,0)}.right-2{right:var(--sd-spacing-2,.5rem)}.start-0{inset-inline-start:var(--sd-spacing-0,0)}.start-auto{inset-inline-start:var(--sd-spacing-auto,auto)}.top-0{top:var(--sd-spacing-0,0)}.top-1{top:var(--sd-spacing-1,.25rem)}.top-1\\/2{top:50%}.top-2{top:var(--sd-spacing-2,.5rem)}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.m-0{margin:var(--sd-spacing-0,0)}.m-4{margin:var(--sd-spacing-4,1rem)}.\\!ml-6{margin-left:var(--sd-spacing-6,1.5rem)!important}.\\!mr-6{margin-right:var(--sd-spacing-6,1.5rem)!important}.mb-2{margin-bottom:var(--sd-spacing-2,.5rem)}.mb-4{margin-bottom:var(--sd-spacing-4,1rem)}.mb-6{margin-bottom:var(--sd-spacing-6,1.5rem)}.ml-1{margin-left:var(--sd-spacing-1,.25rem)}.ml-2{margin-left:var(--sd-spacing-2,.5rem)}.ml-4{margin-left:var(--sd-spacing-4,1rem)}.ml-6{margin-left:var(--sd-spacing-6,1.5rem)}.ml-\\[0\\.25em\\]{margin-left:.25em}.ml-\\[0\\.5em\\]{margin-left:.5em}.mr-1{margin-right:var(--sd-spacing-1,.25rem)}.mr-2{margin-right:var(--sd-spacing-2,.5rem)}.mr-\\[0\\.25em\\]{margin-right:.25em}.mr-\\[0\\.5em\\]{margin-right:.5em}.mt-\\[1px\\]{margin-top:1px}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.\\!hidden{display:none!important}.hidden{display:none}.h-2{height:var(--sd-spacing-2,.5rem)}.h-2\\.5{height:var(--sd-spacing-2-5,.625rem)}.h-2\\/3{height:66.666667%}.h-4{height:var(--sd-spacing-4,1rem)}.h-5{height:var(--sd-spacing-5,1.25rem)}.h-6{height:var(--sd-spacing-6,1.5rem)}.h-8{height:var(--sd-spacing-8,2rem)}.h-\\[1px\\]{height:1px}.h-\\[48px\\]{height:48px}.h-\\[96px\\]{height:96px}.h-\\[calc\\(100\\%-8px\\)\\]{height:calc(100% - 8px)}.h-full{height:100%}.h-varspacing{height:var(--tw-varspacing)}.max-h-full{max-height:100%}.min-h-\\[48px\\]{min-height:48px}.w-2{width:var(--sd-spacing-2,.5rem)}.w-2\\.5{width:var(--sd-spacing-2-5,.625rem)}.w-2\\/5{width:40%}.w-4{width:var(--sd-spacing-4,1rem)}.w-5{width:var(--sd-spacing-5,1.25rem)}.w-6{width:var(--sd-spacing-6,1.5rem)}.w-\\[--width\\]{width:var(--width)}.w-\\[48px\\]{width:48px}.w-\\[96px\\]{width:96px}.w-full{width:100%}.w-varspacing{width:var(--tw-varspacing)}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[20px\\]{min-width:20px}.min-w-\\[8px\\]{min-width:8px}.max-w-full{max-width:100%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.rotate-\\[270deg\\]{--tw-rotate:270deg}.rotate-\\[270deg\\],.scale-y-\\[1\\.5\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-\\[1\\.5\\]{--tw-scale-y:1.5}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.grid-flow-col{grid-auto-flow:column}.auto-rows-\\[100\\%\\]{grid-auto-rows:100%}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-0{gap:var(--sd-spacing-0,0)}.gap-0\\.5{gap:var(--sd-spacing-0-5,.125rem)}.gap-1{gap:var(--sd-spacing-1,.25rem)}.gap-2{gap:var(--sd-spacing-2,.5rem)}.gap-4{gap:var(--sd-spacing-4,1rem)}.gap-8{gap:var(--sd-spacing-8,2rem)}.gap-x-\\[1px\\]{-moz-column-gap:1px;column-gap:1px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.overscroll-x-contain{overscroll-behavior-x:contain}.whitespace-nowrap{white-space:nowrap}.\\!rounded-sm{border-radius:var(--sd-border-radius-sm,.125rem)!important}.rounded-full{border-radius:var(--sd-border-radius-full,9999px)}.rounded-md{border-radius:var(--sd-border-radius-md,.375rem)}.border{border-width:1px}.border-0{border-width:0}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-accent{--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-border-opacity))}.border-error{--tw-border-opacity:1;border-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-border-opacity))}.border-neutral-300{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-300,218 218 218)/var(--tw-border-opacity))}.border-neutral-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.border-neutral-800{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity))}.border-primary-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity))}.bg-\\[rgba\\(0\\,0\\,0\\,0\\.65\\)\\]{background-color:#000000a6}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity))}.bg-error{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-bg-opacity))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity))}.bg-neutral-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--tw-bg-opacity))}.bg-neutral-800\\/75{background-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--sd-opacity-75,.75))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.bg-success{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-success,54 123 40)/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity))}.bg-opacity-75{--tw-bg-opacity:var(--sd-opacity-75,.75)}.bg-none{background-image:none}.fill-neutral-100{fill:rgb(var(--sd-color-neutral-100,246 246 246)/1)}.fill-primary{fill:rgb(var(--sd-color-primary,0 53 142)/1)}.fill-white{fill:rgb(var(--sd-color-white,255 255 255)/1)}.p-0{padding:var(--sd-spacing-0,0)}.p-4{padding:var(--sd-spacing-4,1rem)}.px-0{padding-left:var(--sd-spacing-0,0);padding-right:var(--sd-spacing-0,0)}.px-10{padding-left:var(--sd-spacing-10,2.5rem);padding-right:var(--sd-spacing-10,2.5rem)}.px-3{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}.px-4{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.px-6{padding-left:var(--sd-spacing-6,1.5rem);padding-right:var(--sd-spacing-6,1.5rem)}.px-8{padding-left:var(--sd-spacing-8,2rem);padding-right:var(--sd-spacing-8,2rem)}.px-\\[4px\\]{padding-left:4px;padding-right:4px}.px-\\[5px\\]{padding-left:5px;padding-right:5px}.py-2{padding-bottom:var(--sd-spacing-2,.5rem);padding-top:var(--sd-spacing-2,.5rem)}.py-3{padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}.py-4{padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem)}.py-6{padding-bottom:var(--sd-spacing-6,1.5rem);padding-top:var(--sd-spacing-6,1.5rem)}.py-8{padding-bottom:var(--sd-spacing-8,2rem);padding-top:var(--sd-spacing-8,2rem)}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.pb-1{padding-bottom:var(--sd-spacing-1,.25rem)}.pb-2{padding-bottom:var(--sd-spacing-2,.5rem)}.pb-3{padding-bottom:var(--sd-spacing-3,.75rem)}.pl-3{padding-left:var(--sd-spacing-3,.75rem)}.pl-4{padding-left:var(--sd-spacing-4,1rem)}.pl-8{padding-left:var(--sd-spacing-8,2rem)}.pr-2{padding-right:var(--sd-spacing-2,.5rem)}.pr-3{padding-right:var(--sd-spacing-3,.75rem)}.pr-4{padding-right:var(--sd-spacing-4,1rem)}.pt-3{padding-top:var(--sd-spacing-3,.75rem)}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-\\[10px\\]{font-size:10px}.text-\\[12px\\]{font-size:12px}.text-\\[14px\\]{font-size:14px}.text-\\[2rem\\]{font-size:2rem}.text-\\[4rem\\]{font-size:4rem}.text-base{font-size:var(--sd-font-size-base,1rem)}.text-lg{font-size:var(--sd-font-size-lg,1.25rem)}.text-sm{font-size:var(--sd-font-size-sm,.875rem)}.text-xl{font-size:var(--sd-font-size-xl,1.5rem)}.font-bold{font-weight:700}.leading-\\[calc\\(var\\(--tw-varspacing\\)-2px\\)\\]{line-height:calc(var(--tw-varspacing) - 2px)}.leading-none{line-height:var(--sd-line-height-none,100%)}.leading-normal{line-height:var(--sd-line-height-normal,150%)}.text-accent{--tw-text-opacity:1;color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity))}.text-error{--tw-text-opacity:1;color:rgb(var(--sd-color-error,204 25 55)/var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-0{opacity:var(--sd-opacity-0,0)}.opacity-20{opacity:var(--sd-opacity-20,.2)}.shadow{--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-1{outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-neutral-400{outline-color:rgb(var(--sd-color-neutral-400,195 195 195)/1)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-colors{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.varspacing-10{--tw-varspacing:var(--sd-spacing-10,2.5rem)}.varspacing-12{--tw-varspacing:var(--sd-spacing-12,3rem)}.varspacing-8{--tw-varspacing:var(--sd-spacing-8,2rem)}.focus-within\\:focus-outline:focus-within{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-within\\:focus-outline-inverted:focus-within{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline-inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:border-neutral-500:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.disabled\\:border-neutral-600:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity))}.disabled\\:bg-neutral-500:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.disabled\\:bg-neutral-600:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-bg-opacity))}.disabled\\:text-neutral-500:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.disabled\\:text-neutral-600:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.disabled\\:text-white:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.group:hover .group-hover\\:top-0{top:var(--sd-spacing-0,0)}.group:hover .group-hover\\:h-full{height:100%}.group:hover .group-hover\\:border-accent-550{--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-border-opacity))}.group:hover .group-hover\\:border-error-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-border-opacity))}.group:hover .group-hover\\:bg-accent-550{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity))}.group:hover .group-hover\\:bg-error-400{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-bg-opacity))}.group:hover .group-hover\\:bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity))}.hover\\:cursor-not-allowed:hover:not([disabled]){cursor:not-allowed}.hover\\:border-accent-550:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-border-opacity))}.hover\\:border-error-400:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-border-opacity))}.hover\\:border-primary-100:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-border-opacity))}.hover\\:border-primary-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity))}.hover\\:bg-accent-300:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-300,108 194 84)/var(--tw-bg-opacity))}.hover\\:bg-accent-550:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity))}.hover\\:bg-error-400:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-bg-opacity))}.hover\\:bg-neutral-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity))}.hover\\:bg-neutral-200:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity))}.hover\\:bg-primary-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.hover\\:bg-primary-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.hover\\:text-primary-100:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-text-opacity))}.hover\\:text-primary-200:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.hover\\:text-primary-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.active\\:border-primary-200:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-border-opacity))}.active\\:border-primary-800:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-border-opacity))}.active\\:bg-accent-700:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-700,33 87 37)/var(--tw-bg-opacity))}.active\\:bg-primary-200:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity))}.active\\:bg-primary-800:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity))}.active\\:text-primary-200:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.active\\:text-primary-400:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.active\\:text-primary-800:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}\n'),Gt([Lt()],Jt.prototype,"dir",2),Gt([Lt()],Jt.prototype,"lang",2);var Qt=Object.defineProperty,te=Object.getOwnPropertyDescriptor,ee=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?te(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Qt(e,o,s),s};let oe,re=class extends Jt{constructor(){super(...arguments),this.svg="",this.label="",this.library="default",this.color="currentColor"}connectedCallback(){super.connectedCallback(),a(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),l(this)}getUrl(){const t=d(this.library);return this.name&&t?t.resolver(this.name):this.src}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 e=d(this.library),o=this.getUrl();if(oe||(oe=new DOMParser),o)try{const r=await Ft(o);if(o===this.getUrl())if(r.ok){const o=oe.parseFromString(r.svg,"text/html").body.querySelector("svg");null!==o?(null==(t=null==e?void 0:e.mutator)||t.call(e,o),this.svg=o.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch{this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return ht`${Kt(this.svg)}`}};re.styles=[Zt,P`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgb(var(--sd-color-primary,0 53 142) / var(--tw-text-opacity,1))}// text-primary :host([color=white]) svg{color:rgb(var(--sd-color-white,255 255 255) / var(--tw-text-opacity,1))}`],ee([Tt()],re.prototype,"svg",2),ee([Lt({reflect:!0})],re.prototype,"name",2),ee([Lt()],re.prototype,"src",2),ee([Lt()],re.prototype,"label",2),ee([Lt({reflect:!0})],re.prototype,"library",2),ee([Lt({reflect:!0})],re.prototype,"color",2),ee([Wt("label")],re.prototype,"handleLabelChange",1),ee([Wt(["name","src","library"])],re.prototype,"setIcon",1),re=ee([Pt("sd-icon")],re);const ie=Object.freeze(Object.defineProperty({__proto__:null,get default(){return re}},Symbol.toStringTag,{value:"Module"}));function se(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,{...o,duration:ne()?0:o.duration});i.addEventListener("cancel",r,{once:!0}),i.addEventListener("finish",r,{once:!0})}))}function ne(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function ae(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{const o=requestAnimationFrame(e);t.addEventListener("cancel",(()=>o),{once:!0}),t.addEventListener("finish",(()=>o),{once:!0}),t.cancel()})))))}function le(t,e){return t.map((t=>({...t,height:"auto"===t.height?`${e}px`:t.height})))}const de=new Map,ce=new WeakMap;function he(t,e){return"rtl"===e.toLowerCase()?{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}:t}function pe(t,e){de.set(t,function(t){return t??{keyframes:[],options:{duration:0}}}(e))}function ue(t,e,o){const r=ce.get(t);if(null!=r&&r[e])return he(r[e],o.dir);const i=de.get(e);return i?he(i,o.dir):{keyframes:[],options:{duration:0}}}function ge(t,e){return new Promise((o=>{t.addEventListener(e,(function r(i){i.target===t&&(t.removeEventListener(e,r),o())}))}))}function ve(){let t,e="",o=0;for(;o<arguments.length;)(t=arguments[o++])&&"string"==typeof t&&(e&&(e+=" "),e+=t);return e}var me=Object.defineProperty,be=Object.getOwnPropertyDescriptor,fe=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?be(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&me(e,o,s),s};let ye=class extends Jt{constructor(){super(...arguments),this.localize=new x(this),this.open=!1}firstUpdated(){this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}handleSummaryClick(){this.header.focus(),this.open?this.hide():this.show()}handleSummaryKeyDown(t){("Enter"===t.key||" "===t.key)&&(t.preventDefault(),this.open?this.hide():this.show()),("ArrowUp"===t.key||"ArrowLeft"===t.key)&&(t.preventDefault(),this.hide()),("ArrowDown"===t.key||"ArrowRight"===t.key)&&(t.preventDefault(),this.show())}async handleOpenChange(){if(this.open){if(this.emit("sd-show",{cancelable:!0}).defaultPrevented)return void(this.open=!1);await ae(this.body),this.body.hidden=!1;const{keyframes:t,options:e}=ue(this,"accordion.show",{dir:this.localize.dir()});await se(this.body,le(t,this.body.scrollHeight),e),this.body.style.height="auto",this.emit("sd-after-show")}else{if(this.emit("sd-hide",{cancelable:!0}).defaultPrevented)return void(this.open=!0);await ae(this.body);const{keyframes:t,options:e}=ue(this,"accordion.hide",{dir:this.localize.dir()});await se(this.body,le(t,this.body.scrollHeight),e),this.body.hidden=!0,this.body.style.height="auto",this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,ge(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,ge(this,"sd-after-hide")}render(){return ht`<div part="base" class="outline outline-1 outline-neutral-400 -outline-offset-1"><header part="header" id="header" class="${ve("flex text-base gap-4 font-bold items-center cursor-pointer select-none px-4 py-3 focus-visible:focus-outline",this.open?"bg-white text-accent hover:bg-neutral-200":"text-primary bg-neutral-100 hover:bg-neutral-200")}" role="button" aria-expanded="${this.open?"true":"false"}" aria-controls="content" tabindex="0" @click="${this.handleSummaryClick}" @keydown="${this.handleSummaryKeyDown}"><slot name="summary" part="summary" class="flex flex-auto items-center text-left">${this.summary}</slot><span part="summary-icon" class="${ve("flex flex-grow-0 flex-shrink-0 flex-auto items-center transition-all ease-in-out duration-300 text-xl",this.open&&"rotate-180")}"><slot name="expand-icon" class="${ve(this.open&&"hidden")}"><sd-icon library="system" name="chevron-down"></sd-icon></slot><slot name="collapse-icon" class="${ve(!this.open&&"hidden")}"><sd-icon library="system" name="chevron-down"></sd-icon></slot></span></header><div part="content" id="content" class="overflow-hidden"><slot part="content__slot" class="block px-4 py-6" role="region" aria-labelledby="header"></slot></div></div>`}};ye.styles=[Jt.styles,P`:host{display:block}`],fe([Dt('[part="base"]')],ye.prototype,"accordion",2),fe([Dt('[part="header"]')],ye.prototype,"header",2),fe([Dt('[part="content"]')],ye.prototype,"body",2),fe([Lt({type:Boolean,reflect:!0})],ye.prototype,"open",2),fe([Lt()],ye.prototype,"summary",2),fe([Wt("open",{waitUntilFirstUpdate:!0})],ye.prototype,"handleOpenChange",1),ye=fe([Pt("sd-accordion")],ye),pe("accordion.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}}),pe("accordion.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});const we=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ye}},Symbol.toStringTag,{value:"Module"}));var xe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,$e=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?ke(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&xe(e,o,s),s};let Se=class extends Jt{constructor(){super(...arguments),this.closeOthers=!1,this.handleAccordionShow=t=>{this.closeOthers&&this._accordionsInDefaultSlot.forEach((e=>{e!==t.target&&e.parentNode===t.target.parentNode&&e.removeAttribute("open")}))}}connectedCallback(){super.connectedCallback(),this.addEventListener("sd-show",this.handleAccordionShow)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sd-show",this.handleAccordionShow)}render(){return ht`<div part="base"><slot></slot></div>`}};Se.styles=[Zt,Jt.styles,P`:host{display:block}::slotted(sd-accordion:not(:first-of-type)){margin-top:-1px}`],$e([Bt({selector:"sd-accordion"})],Se.prototype,"_accordionsInDefaultSlot",2),$e([Lt({attribute:"close-others",type:Boolean})],Se.prototype,"closeOthers",2),Se=$e([Pt("sd-accordion-group")],Se);const _e=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Se}},Symbol.toStringTag,{value:"Module"}));var Ce=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,Ae=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Ee(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ce(e,o,s),s};let Pe=class extends Jt{constructor(){super(...arguments),this.variant="default",this.size="lg",this.inverted=!1}render(){return ht`<span tabindex="0" role="status" part="base" class="${ve("inline-flex items-center justify-center gap-x-[1px] text-center leading-none whitespace-nowrap border rounded-full select-none cursor-[inherit]",{default:this.inverted?"text-primary bg-white border-primary":"text-white bg-primary-500 border-white",success:this.inverted?"text-white bg-success border-primary":"text-white bg-success border-white",error:this.inverted?"text-white bg-error border-primary":"text-white bg-error border-white"}[this.variant],{sm:"h-2 min-w-[8px] text-[10px]",md:"h-4 px-[4px] min-w-[16px] text-[10px]",lg:"h-5 px-[5px] min-w-[20px] text-[12px]"}[this.size])}"><span part="content" class="${ve("sm"===this.size&&"hidden")}"><slot></slot></span></span>`}};Pe.styles=[Jt.styles,P`:host{display:inline-flex;align-items:center;justify-content:center}`],Ae([Lt({reflect:!0})],Pe.prototype,"variant",2),Ae([Lt({reflect:!0})],Pe.prototype,"size",2),Ae([Lt({type:Boolean,reflect:!0})],Pe.prototype,"inverted",2),Pe=Ae([Pt("sd-badge")],Pe);const Oe=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Pe}},Symbol.toStringTag,{value:"Module"}));var ze=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,Te=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Le(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ze(e,o,s),s};let Me=class extends Jt{constructor(){super(...arguments),this.variant="primary",this.shapes=["top","middle","bottom"],this.componentBreakpoint=0}getSvg(t,e){return{0:this.smallSvg(e),414:this.mediumSvg(e),640:this.largeSvg(e)}[t]}largeSvg(t){return"top"===t?ht`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M610.777 1.393.001 120.146 0 123h700.001V74.79c0-4.797-.462-9.585-1.381-14.294-7.909-40.537-47.237-66.998-87.843-59.103Z"/></svg>`:ht`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 123"><path d="M89.224 121.607 700 2.854 700.001 0h-700L0 48.21c0 4.797.463 9.584 1.381 14.294 7.909 40.537 47.237 66.998 87.843 59.103Z"/></svg>`}mediumSvg(t){return"top"===t?ht`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 119"><path d="M597.75 1.6 0 118.046V121h700V85.872c0-5.509-.53-11.006-1.583-16.413-9.063-46.543-54.133-76.924-100.667-67.86Z"/></svg>`:ht`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 121"><path d="M102.25 119.4 700 2.954V0H0v35.128c0 5.509.53 11.006 1.583 16.413 9.063 46.543 54.134 76.924 100.667 67.859Z"/></svg>`}smallSvg(t){return"top"===t?ht`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 113"><path d="M566.951 2.08 0 112.466v2.934h700v-3.672c0-7.166-.689-14.314-2.059-21.348-11.789-60.557-70.436-100.09-130.99-88.3Z"/></svg>`:ht`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 116"><path d="M133.049 113.32 700 2.934V0H0v3.672c0 7.165.69 14.314 2.059 21.348 11.79 60.557 70.436 100.09 130.99 88.3Z"/></svg>`}setBreakpoint(){switch(!0){case this.containerElem.clientWidth<=414:this.componentBreakpoint=0;break;case this.containerElem.clientWidth<640:this.componentBreakpoint=414;break;default:this.componentBreakpoint=640}}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setBreakpoint())),this.updateComplete.then((()=>{this.setBreakpoint(),this.resizeObserver.observe(this.containerElem)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.containerElem)}renderTopBrandshape(){return ht`<div class="relative" part="shape-top">${1===this.shapes.length?ht`<div class="relative">${this.getSvg(this.componentBreakpoint,"top")}<div part="content" class="absolute bottom-0 right-0 flex items-end w-2/5 h-2/3 px-6 py-4"><slot></slot></div></div>`:this.getSvg(this.componentBreakpoint,"top")} ${this.renderWhitespaceFix("top")}</div>`}renderMiddleBrandshape(){return ht`<div class="${ve({0:"px-6 py-4",414:"px-10 py-8",640:"px-10 py-8"}[this.componentBreakpoint],"w-full block relative")}"><div part="shape-middle" class="${ve({"neutral-100":"bg-neutral-100",primary:"bg-primary",white:"bg-white"}[this.variant],"w-full block absolute h-full top-0 left-0 z-0")}"></div><div class="z-10 relative" part="content"><slot></slot></div></div>`}renderBottomBrandshape(){return ht`<div class="relative" part="shape-bottom">${this.getSvg(this.componentBreakpoint,"bottom")}${this.renderWhitespaceFix("bottom")}</div>`}renderWhitespaceFix(t){return ht`<div class="${ve({"neutral-100":"bg-neutral-100",primary:"bg-primary",white:"bg-white"}[this.variant],{top:"bottom-0",bottom:"top-0"}[t],"block absolute left-0 w-full h-[1px]")}"></div>`}render(){return ht`<div class="${ve({"neutral-100":"fill-neutral-100",primary:"fill-primary",white:"fill-white"}[this.variant])}" part="base">${this.shapes.includes("top")?this.renderTopBrandshape():null} ${this.shapes.includes("middle")?this.renderMiddleBrandshape():null} ${this.shapes.includes("bottom")?this.renderBottomBrandshape():null}</div>`}};Me.styles=[Zt,Jt.styles,P`:host{display:block}`],Te([Dt("[part=base]")],Me.prototype,"containerElem",2),Te([Lt({type:String})],Me.prototype,"variant",2),Te([Lt({type:Array})],Me.prototype,"shapes",2),Te([Tt()],Me.prototype,"componentBreakpoint",2),Me=Te([Pt("sd-brandshape")],Me);const De=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Me}},Symbol.toStringTag,{value:"Module"}));var Be=Object.defineProperty,je=Object.getOwnPropertyDescriptor,Re=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?je(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Be(e,o,s),s};let Ue=class extends Jt{constructor(){super(...arguments),this.color="currentColor",this.localize=new x(this)}render(){return ht`<svg role="progressbar" viewBox="0 0 24 24" class="${ve("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-label="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};Ue.styles=[Jt.styles,P`:host{display:inline-block;width:1em;height:1em}`],Re([Lt({reflect:!0})],Ue.prototype,"color",2),Ue=Re([Pt("sd-spinner")],Ue);const Ie=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ue}},Symbol.toStringTag,{value:"Module"})),Fe=new WeakMap,Ne=new WeakMap,Ve=new WeakMap,He=new WeakMap;class qe{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="sd-button"===this.host.tagName.toLowerCase();!e&&!i&&"string"==typeof o&&o.length>0&&typeof r<"u"&&(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=Fe.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),He.set(this.host,[])},this.handleInteraction=t=>{const e=He.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const e=t.getRootNode(),o=t.getAttribute("form");if(o)return e.getElementById(o)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),setValue:(t,e)=>t.value=e,assumeInteractionOn:["sd-input"],...e}}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),He.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),He.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){var t;const e=this.options.form(this.host);e||this.detachForm(),e&&this.form!==e&&(this.detachForm(),this.attachForm(e)),this.host.hasUpdated&&this.setValidity(null==(t=this.host)?void 0:t.validity.valid)}attachForm(t){t?(this.form=t,Fe.has(this.form)?Fe.get(this.form).add(this.host):Fe.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),Ne.has(this.form)||(Ne.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&(null==(t=Fe.get(this.form))||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Ne.has(this.form)&&(this.form.reportValidity=Ne.get(this.form),Ne.delete(this.form))),this.form=void 0}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}setUserInteracted(t,e){Ve.set(t,e),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(){return this.form??null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var e;const o=this.host,r=!!Ve.get(o),i=!!o.required;null!=(e=this.form)&&e.noValidate?(o.removeAttribute("data-required"),o.removeAttribute("data-optional"),o.removeAttribute("data-invalid"),o.removeAttribute("data-valid"),o.removeAttribute("data-user-invalid"),o.removeAttribute("data-user-valid")):(o.toggleAttribute("data-required",i),o.toggleAttribute("data-optional",!i),o.toggleAttribute("data-invalid",!t),o.toggleAttribute("data-valid",t),o.toggleAttribute("data-user-invalid",!t&&r),o.toggleAttribute("data-user-valid",t&&r))}updateValidity(){const t=this.host;this.setValidity(null==t?void 0:t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sd-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault(),this.host.dispatchEvent(e)||null==t||t.preventDefault()}}const Ke=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),We=Object.freeze({...Ke,valid:!1,valueMissing:!0}),Ze=Object.freeze({...Ke,valid:!1,customError:!0});class Xe{constructor(t,...e){this.slotNames=[],(this.host=t).addController(this),this.slotNames=e,this.handleSlotChange=this.handleSlotChange.bind(this)}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("sd-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)}handleSlotChange(t){const e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()}}
|
|
66
66
|
/**
|
|
67
67
|
* @license
|
|
68
68
|
* Copyright 2020 Google LLC
|
|
69
69
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
70
|
-
*/const
|
|
70
|
+
*/const Ye=Symbol.for(""),Ge=t=>{if((null==t?void 0:t.r)===Ye)return null==t?void 0:t._$litStatic$},Je=(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:Ye}),Qe=new Map,to=(t=>(e,...o)=>{const r=o.length;let i,s;const n=[],a=[];let l,d=0,c=!1;for(;d<r;){for(l=e[d];d<r&&(s=o[d],void 0!==(i=Ge(s)));)l+=i+e[++d],c=!0;d!==r&&a.push(s),n.push(l),d++}if(d===r&&n.push(e[r]),c){const t=n.join("$$lit$$");void 0===(e=Qe.get(t))&&(n.raw=n,Qe.set(t,e=n)),o=a}return t(e,...o)})(ht),eo=t=>t??ut;
|
|
71
71
|
/**
|
|
72
72
|
* @license
|
|
73
73
|
* Copyright 2018 Google LLC
|
|
74
74
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
75
|
-
*/var eo=Object.defineProperty,oo=Object.getOwnPropertyDescriptor,ro=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?oo(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&eo(e,o,s),s};let io=class extends Gt{constructor(){super(...arguments),this.formControlController=new He(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),o=t.getAttribute("form");return e.getElementById(o)}return t.closest("form")}}),this.hasSlotController=new Ze(this,"[default]","icon-left","icon-right"),this.invalid=!1,this.title="",this.variant="primary",this.inverted=!1,this.size="lg",this.disabled=!1,this.loading=!1,this.type="button",this.name="",this.value="",this.href=""}get validity(){return this.isButton()?this.button.validity:qe}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"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?Ge`a`:Ge`button`,o={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0};return Qe`<${e} part="base" class="${ve("font-md leading-[calc(var(--tw-varspacing)-2px)] no-underline\n w-full h-varspacing whitespace-nowrap align-middle inline-flex items-stretch justify-center\n border transition-colors duration-200 ease-in-out rounded-md\n select-none cursor-[inherit]",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",this.disabled&&"cursor-not-allowed",o["icon-only"]&&"px-0 w-varspacing",{sm:"text-sm varspacing-8 px-4",md:"text-base varspacing-10 px-4",lg:"text-base varspacing-12 px-4"}[this.size],{primary:this.inverted?"text-primary bg-white border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:bg-neutral-600 disabled:text-white":"text-white bg-primary border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:bg-neutral-500",secondary:this.inverted?"text-white border-white\n hover:text-primary-100 hover:bg-primary-500 hover:border-primary-100\n active:text-primary-200 active:bg-primary-800 active:border-primary-200\n disabled:text-neutral-600 disabled:border-neutral-600":"text-primary border-primary\n hover:text-primary-500 hover:border-primary-500 hover:bg-primary-100\n active:text-primary-800 active:border-primary-800 active:bg-primary-200\n disabled:text-neutral-500 disabled:border-neutral-500",tertiary:this.inverted?"text-white border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:text-neutral-600":"text-primary border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:text-neutral-500",cta:`text-white bg-accent border-transparent\n hover:bg-accent-550\n active:bg-accent-700\n ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}" ?disabled="${to(t?void 0:this.disabled)}" type="${to(t?void 0:this.type)}" title="${this.title}" name="${to(t?void 0:this.name)}" value="${to(t?void 0:this.value)}" href="${to(t?this.href:void 0)}" target="${to(t?this.target:void 0)}" download="${to(t?this.download:void 0)}" rel="${to(t&&this.target?"noreferrer noopener":void 0)}" role="${to(t?void 0:"button")}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${ve("flex flex-auto items-center pointer-events-none",o["icon-only"]&&"hidden",this.loading&&"invisible",o["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" class="${ve(o["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${ve("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",o["icon-only"]&&"hidden",o["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?Qe`<sd-spinner class="${ve("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>`:""}</${e}>`}};io.styles=[Wt,Gt.styles,A`:host{display:inline-block;position:relative;width:auto;cursor:pointer}sd-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-badge){position:absolute;top:0;right:0;translate:50% -50%;pointer-events:none}::slotted(sd-icon),sd-spinner{font-size:calc(var(--tw-varspacing)/ 2)}`],ro([Lt("a, button")],io.prototype,"button",2),ro([Dt({selector:"sd-icon"})],io.prototype,"_iconsInDefaultSlot",2),ro([zt()],io.prototype,"invalid",2),ro([Pt()],io.prototype,"title",2),ro([Pt({reflect:!0})],io.prototype,"variant",2),ro([Pt({type:Boolean,reflect:!0})],io.prototype,"inverted",2),ro([Pt({reflect:!0})],io.prototype,"size",2),ro([Pt({type:Boolean,reflect:!0})],io.prototype,"disabled",2),ro([Pt({type:Boolean,reflect:!0})],io.prototype,"loading",2),ro([Pt()],io.prototype,"type",2),ro([Pt()],io.prototype,"name",2),ro([Pt()],io.prototype,"value",2),ro([Pt()],io.prototype,"href",2),ro([Pt()],io.prototype,"target",2),ro([Pt()],io.prototype,"download",2),ro([Pt()],io.prototype,"form",2),ro([Pt({attribute:"formaction"})],io.prototype,"formAction",2),ro([Pt({attribute:"formenctype"})],io.prototype,"formEnctype",2),ro([Pt({attribute:"formmethod"})],io.prototype,"formMethod",2),ro([Pt({attribute:"formnovalidate",type:Boolean})],io.prototype,"formNoValidate",2),ro([Pt({attribute:"formtarget"})],io.prototype,"formTarget",2),ro([Kt("disabled",{waitUntilFirstUpdate:!0})],io.prototype,"handleDisabledChange",1),io=ro([_t("sd-button")],io);const so=Object.freeze(Object.defineProperty({__proto__:null,get default(){return io}},Symbol.toStringTag,{value:"Module"}));Object.defineProperty,Object.getOwnPropertyDescriptor;let no=class extends Gt{static isCarouselItem(t){return t instanceof Element&&"slide"===t.getAttribute("aria-roledescription")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return nt`<slot></slot>`}};no.styles=[Gt.styles,A`${Wt}:host{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;aspect-ratio:var(--aspect-ratio);scroll-snap-align:start;scroll-snap-stop:always}::slotted(img){width:100%;height:100%;object-fit:cover}`],no=((t,e,o,r)=>{for(var i,s=e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=i(s)||s);return s})([_t("sd-carousel-item")],no);const ao=Object.freeze(Object.defineProperty({__proto__:null,get default(){return no}},Symbol.toStringTag,{value:"Module"}));class lo{constructor(t,e){this.timerId=0,this.activeInteractions=0,this.paused=!1,this.stopped=!0,this.pause=()=>{this.activeInteractions++||(this.paused=!0,this.host.requestUpdate())},this.resume=()=>{--this.activeInteractions||(this.paused=!1,this.host.requestUpdate())},this.controlledPause=()=>{this.paused=!0,this.host.requestUpdate()},this.controlledResume=()=>{this.paused=!1,this.host.requestUpdate()},t.addController(this),this.host=t,this.tickCallback=e}hostConnected(){this.host.addEventListener("mouseenter",this.pause),this.host.addEventListener("mouseleave",this.resume),this.host.addEventListener("focusin",this.pause),this.host.addEventListener("focusout",this.resume),this.host.addEventListener("touchstart",this.pause,{passive:!0}),this.host.addEventListener("touchend",this.resume)}hostDisconnected(){this.stop(),this.host.removeEventListener("mouseenter",this.pause),this.host.removeEventListener("mouseleave",this.resume),this.host.removeEventListener("focusin",this.pause),this.host.removeEventListener("focusout",this.resume),this.host.removeEventListener("touchstart",this.pause),this.host.removeEventListener("touchend",this.resume)}start(t){this.stop(),this.stopped=!1,this.timerId=window.setInterval((()=>{this.paused||this.tickCallback()}),t)}stop(){clearInterval(this.timerId),this.stopped=!0,this.host.requestUpdate()}}const co=Object.freeze(Object.defineProperty({__proto__:null,AutoplayController:lo},Symbol.toStringTag,{value:"Module"})),ho=Symbol();var po=Object.defineProperty,uo=Object.getOwnPropertyDescriptor;class vo{constructor(t){this.pointers=new Set,this.dragging=!1,this.scrolling=!1,this.mouseDragging=!1,this.handleScroll=()=>{this.scrolling||(this.scrolling=!0,this.host.requestUpdate()),this.handleScrollEnd()},this.handlePointerDown=t=>{"touch"!==t.pointerType&&(this.pointers.add(t.pointerId),this.mouseDragging&&!this.dragging&&0===t.button&&(t.preventDefault(),this.host.scrollContainer.addEventListener("pointermove",this.handlePointerMove)))},this.handlePointerMove=t=>{const e=this.host.scrollContainer,o=!!t.movementX||!!t.movementY;!this.dragging&&o?(e.setPointerCapture(t.pointerId),this.handleDragStart()):e.hasPointerCapture(t.pointerId)&&this.handleDrag(t)},this.handlePointerUp=t=>{this.pointers.delete(t.pointerId),this.host.scrollContainer.releasePointerCapture(t.pointerId),0===this.pointers.size&&this.handleDragEnd()},this.handleTouchEnd=t=>{for(const e of t.changedTouches)this.pointers.delete(e.identifier)},this.handleTouchStart=t=>{for(const e of t.touches)this.pointers.add(e.identifier)},this.host=t,t.addController(this)}async hostConnected(){const t=this.host;await t.updateComplete;const e=t.scrollContainer;e.addEventListener("scroll",this.handleScroll,{passive:!0}),e.addEventListener("pointerdown",this.handlePointerDown),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd)}hostDisconnected(){const t=this.host.scrollContainer;t.removeEventListener("scroll",this.handleScroll),t.removeEventListener("pointerdown",this.handlePointerDown),t.removeEventListener("pointerup",this.handlePointerUp),t.removeEventListener("pointercancel",this.handlePointerUp),t.removeEventListener("touchstart",this.handleTouchStart),t.removeEventListener("touchend",this.handleTouchEnd)}handleScrollEnd(){this.pointers.size?this.handleScrollEnd():(this.scrolling=!1,this.host.scrollContainer.dispatchEvent(new CustomEvent("scrollend",{bubbles:!1,cancelable:!1})),this.host.requestUpdate())}handleDragStart(){const t=this.host;this.dragging=!0,t.scrollContainer.style.setProperty("scroll-snap-type","unset"),t.requestUpdate()}handleDrag(t){this.host.scrollContainer.scrollBy({left:-t.movementX,top:-t.movementY})}async handleDragEnd(){const t=this.host,e=t.scrollContainer;e.removeEventListener("pointermove",this.handlePointerMove),this.dragging=!1;const o=e.scrollLeft,r=e.scrollTop;e.style.removeProperty("scroll-snap-type");const i=e.scrollLeft,s=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:o,top:r,behavior:"auto"}),e.scrollTo({left:i,top:s,behavior:se()?"auto":"smooth"}),this.scrolling&&await ue(e,"scrollend"),e.style.removeProperty("scroll-snap-type"),t.requestUpdate()}}((t,e,o,r)=>{for(var i,s=uo(e,o),n=t.length-1;n>=0;n--)(i=t[n])&&(s=i(e,o,s)||s);s&&po(e,o,s)})([(t,e,o)=>{const r=o.value;o.value=function(...t){clearTimeout(this[ho]),this[ho]=window.setTimeout((()=>{r.apply(this,t)}),100)}}],vo.prototype,"handleScrollEnd");const go=Object.freeze(Object.defineProperty({__proto__:null,ScrollController:vo},Symbol.toStringTag,{value:"Module"}));var mo=Object.defineProperty,bo=Object.getOwnPropertyDescriptor,fo=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?bo(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&mo(e,o,s),s};let yo=class extends Gt{constructor(){super(...arguments),this.variant="number",this.inverted=!1,this.loop=!1,this.autoplay=!1,this.slidesPerPage=1,this.slidesPerMove=1,this.activeSlide=0,this.pausedAutoplay=!1,this.autoplayController=new lo(this,(()=>this.next())),this.scrollController=new vo(this),this.slides=this.getElementsByTagName("sd-carousel-item"),this.intersectionObserverEntries=new Map,this.localize=new w(this),this.handleSlotChange=t=>{t.some((t=>[...t.addedNodes,...t.removedNodes].some((t=>no.isCarouselItem(t)&&!t.hasAttribute("data-clone")))))&&this.initializeSlides(),this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-label",this.localize.term("carousel"));const t=new IntersectionObserver((t=>{t.forEach((t=>{this.intersectionObserverEntries.set(t.target,t);const e=t.target;e.toggleAttribute("inert",!t.isIntersecting),e.classList.toggle("--in-view",t.isIntersecting),e.setAttribute("aria-hidden",t.isIntersecting?"false":"true")}))}),{root:this,threshold:.6});this.intersectionObserver=t,t.takeRecords().forEach((t=>{this.intersectionObserverEntries.set(t.target,t)}))}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(){this.initializeSlides(),this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1})}getPageCount(){return Math.ceil(this.getSlides().length/this.slidesPerPage)}getCurrentPage(){return Math.ceil(this.activeSlide/this.slidesPerPage)}getSlides({excludeClones:t=!0}={}){return[...this.slides].filter((e=>!t||!e.hasAttribute("data-clone")))}handleKeyDown(t){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=t.target,o="rtl"===this.localize.dir(),r=null!==e.closest('[part~="pagination-item"]'),i="ArrowDown"===t.key||!o&&"ArrowRight"===t.key||o&&"ArrowLeft"===t.key,s="ArrowUp"===t.key||!o&&"ArrowLeft"===t.key||o&&"ArrowRight"===t.key;t.preventDefault(),s&&this.previous(),i&&this.next(),"Home"===t.key&&this.goToSlide(0),"End"===t.key&&this.goToSlide(this.getSlides().length-1),r&&this.updateComplete.then((()=>{var t;const e=null==(t=this.shadowRoot)?void 0:t.querySelector('[part~="pagination-item--active"]');e&&e.focus()}))}}handleScrollEnd(){const t=this.getSlides(),e=[...this.intersectionObserverEntries.values()].find((t=>t.isIntersecting));if(this.loop&&null!=e&&e.target.hasAttribute("data-clone")){const t=Number(e.target.getAttribute("data-clone"));this.goToSlide(t,"auto")}else e&&(this.activeSlide=t.indexOf(e.target))}handlePausedAutoplay(){this.pausedAutoplay?this.autoplayController.controlledPause():this.autoplay&&this.autoplayController.controlledResume()}initializeSlides(){const t=this.getSlides(),e=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach(((t,o)=>{e.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",o+1)),t.hasAttribute("data-clone")&&t.remove()})),this.loop){const e=this.slidesPerPage,o=t.slice(-e),r=t.slice(0,e);o.reverse().forEach(((e,o)=>{const r=e.cloneNode(!0);r.setAttribute("data-clone",String(t.length-o-1)),this.prepend(r)})),r.forEach(((t,e)=>{const o=t.cloneNode(!0);o.setAttribute("data-clone",String(e)),this.append(o)}))}this.getSlides({excludeClones:!1}).forEach((t=>{e.observe(t)})),this.goToSlide(this.activeSlide,"auto")}handelSlideChange(){const t=this.getSlides();t.forEach(((t,e)=>{t.classList.toggle("--is-active",e===this.activeSlide)})),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:t[this.activeSlide]}})}handleSlidesPerMoveChange(){const t=this.getSlides({excludeClones:!1}),e=this.slidesPerMove;t.forEach(((t,o)=>{Math.abs(o-e)%e==0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")}))}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(t="smooth"){let e=this.activeSlide||this.activeSlide-this.slidesPerMove,o=!1;for(;!o&&e>0;)e-=1,o=Math.abs(e-this.slidesPerMove)%this.slidesPerMove==0;this.goToSlide(e,t)}next(t="smooth"){this.goToSlide(this.activeSlide+this.slidesPerMove,t)}goToSlide(t,e="smooth"){const{slidesPerPage:o,loop:r,scrollContainer:i}=this,s=this.getSlides(),n=this.getSlides({excludeClones:!1}),a=(t+s.length)%s.length;this.activeSlide=a;const l=function(t,e,o){return(t=>Object.is(t,-0)?0:t)(t<0?0:t>o?o:t)}
|
|
75
|
+
*/var oo=Object.defineProperty,ro=Object.getOwnPropertyDescriptor,io=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?ro(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&oo(e,o,s),s};let so=class extends Jt{constructor(){super(...arguments),this.formControlController=new qe(this,{form:t=>{if(t.hasAttribute("form")){const e=t.getRootNode(),o=t.getAttribute("form");return e.getElementById(o)}return t.closest("form")}}),this.hasSlotController=new Xe(this,"[default]","icon-left","icon-right"),this.invalid=!1,this.title="",this.variant="primary",this.inverted=!1,this.size="lg",this.disabled=!1,this.loading=!1,this.type="button",this.name="",this.value="",this.href=""}get validity(){return this.isButton()?this.button.validity:Ke}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"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?Je`a`:Je`button`,o={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0};return to`<${e} part="base" class="${ve("font-md leading-[calc(var(--tw-varspacing)-2px)] no-underline\n w-full h-varspacing whitespace-nowrap align-middle inline-flex items-stretch justify-center\n border transition-colors duration-200 ease-in-out rounded-md\n select-none cursor-[inherit]",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",this.disabled&&"cursor-not-allowed",o["icon-only"]&&"px-0 w-varspacing",{sm:"text-sm varspacing-8 px-4",md:"text-base varspacing-10 px-4",lg:"text-base varspacing-12 px-4"}[this.size],{primary:this.inverted?"text-primary bg-white border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:bg-neutral-600 disabled:text-white":"text-white bg-primary border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:bg-neutral-500",secondary:this.inverted?"text-white border-white\n hover:text-primary-100 hover:bg-primary-500 hover:border-primary-100\n active:text-primary-200 active:bg-primary-800 active:border-primary-200\n disabled:text-neutral-600 disabled:border-neutral-600":"text-primary border-primary\n hover:text-primary-500 hover:border-primary-500 hover:bg-primary-100\n active:text-primary-800 active:border-primary-800 active:bg-primary-200\n disabled:text-neutral-500 disabled:border-neutral-500",tertiary:this.inverted?"text-white border-transparent\n hover:text-primary-100 hover:bg-primary-500\n active:text-primary-200 active:bg-primary-800\n disabled:text-neutral-600":"text-primary border-transparent\n hover:text-primary-500 hover:bg-primary-100\n active:text-primary-800 active:bg-primary-200\n disabled:text-neutral-500",cta:`text-white bg-accent border-transparent\n hover:bg-accent-550\n active:bg-accent-700\n ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}" ?disabled="${eo(t?void 0:this.disabled)}" type="${eo(t?void 0:this.type)}" title="${this.title}" name="${eo(t?void 0:this.name)}" value="${eo(t?void 0:this.value)}" href="${eo(t?this.href:void 0)}" target="${eo(t?this.target:void 0)}" download="${eo(t?this.download:void 0)}" rel="${eo(t&&this.target?"noreferrer noopener":void 0)}" role="${eo(t?void 0:"button")}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${ve("flex flex-auto items-center pointer-events-none",o["icon-only"]&&"hidden",this.loading&&"invisible",o["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" class="${ve(o["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${ve("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",o["icon-only"]&&"hidden",o["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?to`<sd-spinner class="${ve("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-spinner>`:""}</${e}>`}};so.styles=[Zt,Jt.styles,P`:host{display:inline-block;position:relative;width:auto;cursor:pointer}sd-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-badge){position:absolute;top:0;right:0;translate:50% -50%;pointer-events:none}::slotted(sd-icon),sd-spinner{font-size:calc(var(--tw-varspacing)/ 2)}`],io([Dt("a, button")],so.prototype,"button",2),io([Bt({selector:"sd-icon"})],so.prototype,"_iconsInDefaultSlot",2),io([Tt()],so.prototype,"invalid",2),io([Lt()],so.prototype,"title",2),io([Lt({reflect:!0})],so.prototype,"variant",2),io([Lt({type:Boolean,reflect:!0})],so.prototype,"inverted",2),io([Lt({reflect:!0})],so.prototype,"size",2),io([Lt({type:Boolean,reflect:!0})],so.prototype,"disabled",2),io([Lt({type:Boolean,reflect:!0})],so.prototype,"loading",2),io([Lt()],so.prototype,"type",2),io([Lt()],so.prototype,"name",2),io([Lt()],so.prototype,"value",2),io([Lt()],so.prototype,"href",2),io([Lt()],so.prototype,"target",2),io([Lt()],so.prototype,"download",2),io([Lt()],so.prototype,"form",2),io([Lt({attribute:"formaction"})],so.prototype,"formAction",2),io([Lt({attribute:"formenctype"})],so.prototype,"formEnctype",2),io([Lt({attribute:"formmethod"})],so.prototype,"formMethod",2),io([Lt({attribute:"formnovalidate",type:Boolean})],so.prototype,"formNoValidate",2),io([Lt({attribute:"formtarget"})],so.prototype,"formTarget",2),io([Wt("disabled",{waitUntilFirstUpdate:!0})],so.prototype,"handleDisabledChange",1),so=io([Pt("sd-button")],so);const no=Object.freeze(Object.defineProperty({__proto__:null,get default(){return so}},Symbol.toStringTag,{value:"Module"}));Object.defineProperty,Object.getOwnPropertyDescriptor;let ao=class extends Jt{static isCarouselItem(t){return t instanceof Element&&"slide"===t.getAttribute("aria-roledescription")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","group")}render(){return ht`<slot></slot>`}};ao.styles=[Jt.styles,P`${Zt}:host{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;aspect-ratio:var(--aspect-ratio);scroll-snap-align:start;scroll-snap-stop:always}::slotted(img){width:100%;height:100%;object-fit:cover}`],ao=((t,e,o,r)=>{for(var i,s=e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=i(s)||s);return s})([Pt("sd-carousel-item")],ao);const lo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ao}},Symbol.toStringTag,{value:"Module"}));class co{constructor(t,e){this.timerId=0,this.activeInteractions=0,this.paused=!1,this.stopped=!0,this.pause=()=>{this.activeInteractions++||(this.paused=!0,this.host.requestUpdate())},this.resume=()=>{--this.activeInteractions||(this.paused=!1,this.host.requestUpdate())},this.controlledPause=()=>{this.paused=!0,this.host.requestUpdate()},this.controlledResume=()=>{this.paused=!1,this.host.requestUpdate()},t.addController(this),this.host=t,this.tickCallback=e}hostConnected(){this.host.addEventListener("mouseenter",this.pause),this.host.addEventListener("mouseleave",this.resume),this.host.addEventListener("focusin",this.pause),this.host.addEventListener("focusout",this.resume),this.host.addEventListener("touchstart",this.pause,{passive:!0}),this.host.addEventListener("touchend",this.resume)}hostDisconnected(){this.stop(),this.host.removeEventListener("mouseenter",this.pause),this.host.removeEventListener("mouseleave",this.resume),this.host.removeEventListener("focusin",this.pause),this.host.removeEventListener("focusout",this.resume),this.host.removeEventListener("touchstart",this.pause),this.host.removeEventListener("touchend",this.resume)}start(t){this.stop(),this.stopped=!1,this.timerId=window.setInterval((()=>{this.paused||this.tickCallback()}),t)}stop(){clearInterval(this.timerId),this.stopped=!0,this.host.requestUpdate()}}const ho=Object.freeze(Object.defineProperty({__proto__:null,AutoplayController:co},Symbol.toStringTag,{value:"Module"})),po=Symbol();var uo=Object.defineProperty,go=Object.getOwnPropertyDescriptor;class vo{constructor(t){this.pointers=new Set,this.dragging=!1,this.scrolling=!1,this.mouseDragging=!1,this.handleScroll=()=>{this.scrolling||(this.scrolling=!0,this.host.requestUpdate()),this.handleScrollEnd()},this.handlePointerDown=t=>{"touch"!==t.pointerType&&(this.pointers.add(t.pointerId),this.mouseDragging&&!this.dragging&&0===t.button&&(t.preventDefault(),this.host.scrollContainer.addEventListener("pointermove",this.handlePointerMove)))},this.handlePointerMove=t=>{const e=this.host.scrollContainer,o=!!t.movementX||!!t.movementY;!this.dragging&&o?(e.setPointerCapture(t.pointerId),this.handleDragStart()):e.hasPointerCapture(t.pointerId)&&this.handleDrag(t)},this.handlePointerUp=t=>{this.pointers.delete(t.pointerId),this.host.scrollContainer.releasePointerCapture(t.pointerId),0===this.pointers.size&&this.handleDragEnd()},this.handleTouchEnd=t=>{for(const e of t.changedTouches)this.pointers.delete(e.identifier)},this.handleTouchStart=t=>{for(const e of t.touches)this.pointers.add(e.identifier)},this.host=t,t.addController(this)}async hostConnected(){const t=this.host;await t.updateComplete;const e=t.scrollContainer;e.addEventListener("scroll",this.handleScroll,{passive:!0}),e.addEventListener("pointerdown",this.handlePointerDown),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("touchstart",this.handleTouchStart,{passive:!0}),e.addEventListener("touchend",this.handleTouchEnd)}hostDisconnected(){const t=this.host.scrollContainer;t.removeEventListener("scroll",this.handleScroll),t.removeEventListener("pointerdown",this.handlePointerDown),t.removeEventListener("pointerup",this.handlePointerUp),t.removeEventListener("pointercancel",this.handlePointerUp),t.removeEventListener("touchstart",this.handleTouchStart),t.removeEventListener("touchend",this.handleTouchEnd)}handleScrollEnd(){this.pointers.size?this.handleScrollEnd():(this.scrolling=!1,this.host.scrollContainer.dispatchEvent(new CustomEvent("scrollend",{bubbles:!1,cancelable:!1})),this.host.requestUpdate())}handleDragStart(){const t=this.host;this.dragging=!0,t.scrollContainer.style.setProperty("scroll-snap-type","unset"),t.requestUpdate()}handleDrag(t){this.host.scrollContainer.scrollBy({left:-t.movementX,top:-t.movementY})}async handleDragEnd(){const t=this.host,e=t.scrollContainer;e.removeEventListener("pointermove",this.handlePointerMove),this.dragging=!1;const o=e.scrollLeft,r=e.scrollTop;e.style.removeProperty("scroll-snap-type");const i=e.scrollLeft,s=e.scrollTop;e.style.setProperty("scroll-snap-type","unset"),e.scrollTo({left:o,top:r,behavior:"auto"}),e.scrollTo({left:i,top:s,behavior:ne()?"auto":"smooth"}),this.scrolling&&await ge(e,"scrollend"),e.style.removeProperty("scroll-snap-type"),t.requestUpdate()}}((t,e,o,r)=>{for(var i,s=go(e,o),n=t.length-1;n>=0;n--)(i=t[n])&&(s=i(e,o,s)||s);s&&uo(e,o,s)})([(t,e,o)=>{const r=o.value;o.value=function(...t){clearTimeout(this[po]),this[po]=window.setTimeout((()=>{r.apply(this,t)}),100)}}],vo.prototype,"handleScrollEnd");const mo=Object.freeze(Object.defineProperty({__proto__:null,ScrollController:vo},Symbol.toStringTag,{value:"Module"}));var bo=Object.defineProperty,fo=Object.getOwnPropertyDescriptor,yo=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?fo(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&bo(e,o,s),s};let wo=class extends Jt{constructor(){super(...arguments),this.variant="number",this.inverted=!1,this.loop=!1,this.autoplay=!1,this.slidesPerPage=1,this.slidesPerMove=1,this.activeSlide=0,this.pausedAutoplay=!1,this.autoplayController=new co(this,(()=>this.next())),this.scrollController=new vo(this),this.slides=this.getElementsByTagName("sd-carousel-item"),this.intersectionObserverEntries=new Map,this.localize=new x(this),this.handleSlotChange=t=>{t.some((t=>[...t.addedNodes,...t.removedNodes].some((t=>ao.isCarouselItem(t)&&!t.hasAttribute("data-clone")))))&&this.initializeSlides(),this.requestUpdate()}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","region"),this.setAttribute("aria-label",this.localize.term("carousel"));const t=new IntersectionObserver((t=>{t.forEach((t=>{this.intersectionObserverEntries.set(t.target,t);const e=t.target;e.toggleAttribute("inert",!t.isIntersecting),e.classList.toggle("--in-view",t.isIntersecting),e.setAttribute("aria-hidden",t.isIntersecting?"false":"true")}))}),{root:this,threshold:.6});this.intersectionObserver=t,t.takeRecords().forEach((t=>{this.intersectionObserverEntries.set(t.target,t)}))}disconnectedCallback(){super.disconnectedCallback(),this.intersectionObserver.disconnect(),this.mutationObserver.disconnect()}firstUpdated(){this.initializeSlides(),this.mutationObserver=new MutationObserver(this.handleSlotChange),this.mutationObserver.observe(this,{childList:!0,subtree:!1})}getPageCount(){return Math.ceil(this.getSlides().length/this.slidesPerPage)}getCurrentPage(){return Math.ceil(this.activeSlide/this.slidesPerPage)}getSlides({excludeClones:t=!0}={}){return[...this.slides].filter((e=>!t||!e.hasAttribute("data-clone")))}handleKeyDown(t){if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){const e=t.target,o="rtl"===this.localize.dir(),r=null!==e.closest('[part~="pagination-item"]'),i="ArrowDown"===t.key||!o&&"ArrowRight"===t.key||o&&"ArrowLeft"===t.key,s="ArrowUp"===t.key||!o&&"ArrowLeft"===t.key||o&&"ArrowRight"===t.key;t.preventDefault(),s&&this.previous(),i&&this.next(),"Home"===t.key&&this.goToSlide(0),"End"===t.key&&this.goToSlide(this.getSlides().length-1),r&&this.updateComplete.then((()=>{var t;const e=null==(t=this.shadowRoot)?void 0:t.querySelector('[part~="pagination-item--active"]');e&&e.focus()}))}}handleScrollEnd(){const t=this.getSlides(),e=[...this.intersectionObserverEntries.values()].find((t=>t.isIntersecting));if(this.loop&&null!=e&&e.target.hasAttribute("data-clone")){const t=Number(e.target.getAttribute("data-clone"));this.goToSlide(t,"auto")}else e&&(this.activeSlide=t.indexOf(e.target))}handlePausedAutoplay(){this.pausedAutoplay?this.autoplayController.controlledPause():this.autoplay&&this.autoplayController.controlledResume()}initializeSlides(){const t=this.getSlides(),e=this.intersectionObserver;if(this.intersectionObserverEntries.clear(),this.getSlides({excludeClones:!1}).forEach(((t,o)=>{e.unobserve(t),t.classList.remove("--in-view"),t.classList.remove("--is-active"),t.setAttribute("aria-label",this.localize.term("slideNum",o+1)),t.hasAttribute("data-clone")&&t.remove()})),this.loop){const e=this.slidesPerPage,o=t.slice(-e),r=t.slice(0,e);o.reverse().forEach(((e,o)=>{const r=e.cloneNode(!0);r.setAttribute("data-clone",String(t.length-o-1)),this.prepend(r)})),r.forEach(((t,e)=>{const o=t.cloneNode(!0);o.setAttribute("data-clone",String(e)),this.append(o)}))}this.getSlides({excludeClones:!1}).forEach((t=>{e.observe(t)})),this.goToSlide(this.activeSlide,"auto")}handelSlideChange(){const t=this.getSlides();t.forEach(((t,e)=>{t.classList.toggle("--is-active",e===this.activeSlide)})),this.hasUpdated&&this.emit("sd-slide-change",{detail:{index:this.activeSlide,slide:t[this.activeSlide]}})}handleSlidesPerMoveChange(){const t=this.getSlides({excludeClones:!1}),e=this.slidesPerMove;t.forEach(((t,o)=>{Math.abs(o-e)%e==0?t.style.removeProperty("scroll-snap-align"):t.style.setProperty("scroll-snap-align","none")}))}handleAutoplayChange(){this.autoplayController.stop(),this.autoplay&&!this.pausedAutoplay&&this.autoplayController.start(3e3)}previous(t="smooth"){let e=this.activeSlide||this.activeSlide-this.slidesPerMove,o=!1;for(;!o&&e>0;)e-=1,o=Math.abs(e-this.slidesPerMove)%this.slidesPerMove==0;this.goToSlide(e,t)}next(t="smooth"){this.goToSlide(this.activeSlide+this.slidesPerMove,t)}goToSlide(t,e="smooth"){const{slidesPerPage:o,loop:r,scrollContainer:i}=this,s=this.getSlides(),n=this.getSlides({excludeClones:!1}),a=(t+s.length)%s.length;this.activeSlide=a;const l=function(t,e,o){return(t=>Object.is(t,-0)?0:t)(t<0?0:t>o?o:t)}
|
|
76
76
|
/**
|
|
77
77
|
* @license
|
|
78
78
|
* Copyright 2021 Google LLC
|
|
79
79
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
80
|
-
*/(t+(r?o:0),0,n.length-1),d=n[l],c=i.getBoundingClientRect(),h=d.getBoundingClientRect();i.scrollTo({left:h.left-c.left+i.scrollLeft,top:h.top-c.top+i.scrollTop,behavior:
|
|
80
|
+
*/(t+(r?o:0),0,n.length-1),d=n[l],c=i.getBoundingClientRect(),h=d.getBoundingClientRect();i.scrollTo({left:h.left-c.left+i.scrollLeft,top:h.top-c.top+i.scrollTop,behavior:ne()?"auto":e})}render(){const{scrollController:t,slidesPerPage:e}=this,o=this.getPageCount(),r=this.getCurrentPage(),i=this.loop||r>0,s=this.loop||r<o-1,n="ltr"===this.localize.dir();return ht`<div part="base" class="${ve("carousel h-full w-full")}"><div id="scroll-container" part="scroll-container" class="${ve("carousel__slides mb-6\n grid max-h-full w-full items-center justify-items-center overflow-auto",this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline","overscroll-x-contain grid-flow-col auto-rows-[100%]\n snap-x snap-mandatory overflow-y-hidden")}" style="--slides-per-page:${this.slidesPerPage}" aria-busy="${t.scrolling?"true":"false"}" aria-atomic="true" tabindex="0" @keydown="${this.handleKeyDown}" @scrollend="${this.handleScrollEnd}"><slot></slot></div><div part="controls" class="${ve("w-full flex items-center justify-center relative")}"><div part="navigation" class="${ve("carousel__navigation flex items-center justify-center")}"><button part="navigation-button navigation-button--previous" id="carousel__navigation-button--previous" ?disabled="${!i}" class="${ve("!mr-6 !rounded-sm sd-interactive",!i&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("previousSlide")}" aria-controls="scroll-container" aria-disabled="${i?"false":"true"}" @click="${i?()=>this.previous():null}"><slot name="previous-icon"><sd-icon class="${ve("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-down":"chevron-up"}"></sd-icon></slot></button> ${"dot"===this.variant?ht`<div part="pagination-dot" role="tablist" class="${ve("carousel__pagination dot flex wrap items-center gap-2")}" aria-controls="scroll-container">${function*(t,e){if(void 0!==t){let o=0;for(const r of t)yield e(r,o++)}}
|
|
81
81
|
/**
|
|
82
82
|
* @license
|
|
83
83
|
* Copyright 2021 Google LLC
|
|
84
84
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
85
|
-
*/(function*(t,e,o=1){const r=void 0===e?0:t;null!=e||(e=t);for(let t=r;o>0?t<e:e<t;t+=o)yield t}(o),(t=>{const i=t===r;return nt`<button part="pagination-item ${i?"pagination-item--active":""}" class="${ve("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",i?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${i?"true":"false"}" aria-label="${this.localize.term("goToSlide",t+1,o)}" @click="${()=>this.goToSlide(t*e)}" @keydown="${this.handleKeyDown}"><span class="${ve("h-4 w-4 block border hover:border-primary-500 rounded-full",this.inverted?"border-white hover:border-primary-500":"border-primary",i&&"bg-accent border-none",i?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`}))}</div>`:nt`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${ve("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${r+1}</span> <span part="pagination-divider" class="${ve("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${ve("w-5 text-center",this.inverted?"text-white":"text-black")}">${o}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!s}" class="${ve("!ml-6 !rounded-sm sd-interactive ",!s&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${s?"false":"true"}" @click="${s?()=>{console.log("click-next"),this.next()}:null}"><slot name="next-icon"><sd-icon class="${ve("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-up":"chevron-down"}"></sd-icon></slot></button></div><button class="${ve("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" @click="${()=>this.pausedAutoplay=!this.pausedAutoplay}"><slot name="autoplay-start" class="${ve(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-icon></slot><slot name="autoplay-pause" class="${ve(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-icon></slot></button></div></div>`}};yo.styles=[Gt.styles,E(".sd-interactive--reset{all:unset;outline:revert}.sd-interactive{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity));cursor:pointer;text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sd-interactive:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.sd-interactive:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}.sd-interactive:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-interactive--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.sd-interactive--inverted:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.sd-interactive--inverted:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.sd-interactive--inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-interactive--disabled,.sd-interactive[disabled]{cursor:not-allowed}.sd-interactive--disabled,.sd-interactive--disabled:active:not([disabled]),.sd-interactive--disabled:hover:not([disabled]),.sd-interactive[disabled],.sd-interactive[disabled]:active:not([disabled]),.sd-interactive[disabled]:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}\n"),A`${Wt}:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__slides--dragging,.carousel__slides--dropping{scroll-snap-type:unset}.carousel__slides::-webkit-scrollbar{display:none}.carousel__navigation{grid-area:navigation}sd-button::part(label){display:flex;flex:1 1 auto;align-items:center;pointer-events:none}`],fo([Pt({type:String,reflect:!0})],yo.prototype,"variant",2),fo([Pt({type:Boolean,reflect:!0})],yo.prototype,"inverted",2),fo([Pt({type:Boolean,reflect:!0})],yo.prototype,"loop",2),fo([Pt({type:Boolean,reflect:!0})],yo.prototype,"autoplay",2),fo([Pt({type:Number,attribute:"slides-per-page"})],yo.prototype,"slidesPerPage",2),fo([Pt({type:Number,attribute:"slides-per-move"})],yo.prototype,"slidesPerMove",2),fo([Lt("slot:not([name])")],yo.prototype,"defaultSlot",2),fo([Lt(".carousel__slides")],yo.prototype,"scrollContainer",2),fo([Lt(".carousel__pagination")],yo.prototype,"paginationContainer",2),fo([zt()],yo.prototype,"activeSlide",2),fo([zt()],yo.prototype,"pausedAutoplay",2),fo([Kt("pausedAutoplay")],yo.prototype,"handlePausedAutoplay",1),fo([Kt("loop",{waitUntilFirstUpdate:!0}),Kt("slidesPerPage",{waitUntilFirstUpdate:!0})],yo.prototype,"initializeSlides",1),fo([Kt("activeSlide")],yo.prototype,"handelSlideChange",1),fo([Kt("slidesPerMove")],yo.prototype,"handleSlidesPerMoveChange",1),fo([Kt("autoplay")],yo.prototype,"handleAutoplayChange",1),yo=fo([_t("sd-carousel")],yo);const wo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return yo}},Symbol.toStringTag,{value:"Module"}));var xo=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,$o=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?ko(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&xo(e,o,s),s};let So=class extends Gt{constructor(){super(...arguments),this.orientation="horizontal",this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return nt`<hr part="main" class="${ve(this.inverted?"border-primary-400":"border-neutral-400","horizontal"===this.orientation?"border-t w-full":" border-l h-full")}">`}};So.styles=[Wt,Gt.styles,A`:host{margin:0}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`],$o([Pt({reflect:!0})],So.prototype,"orientation",2),$o([Pt({type:Boolean,reflect:!0})],So.prototype,"inverted",2),So=$o([_t("sd-divider")],So);const Co=Object.freeze(Object.defineProperty({__proto__:null,get default(){return So}},Symbol.toStringTag,{value:"Module"})),_o=new Set;function Eo(t){if(_o.add(t),!document.body.classList.contains("sd-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}();document.body.classList.add("sd-scroll-lock"),document.body.style.setProperty("--sd-scroll-lock-size",`${t}px`)}}function Ao(t){_o.delete(t),0===_o.size&&(document.body.classList.remove("sd-scroll-lock"),document.body.style.removeProperty("--sd-scrollbar-width"))}function Po(t){return t.charAt(0).toUpperCase()+t.slice(1)}function zo(t){const e=t.tagName.toLowerCase();return!("-1"===t.getAttribute("tabindex")||t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")||"input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked")||null===t.offsetParent||"hidden"===window.getComputedStyle(t).visibility)&&(!!(("audio"===e||"video"===e)&&t.hasAttribute("controls")||t.hasAttribute("tabindex")||t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(e))}function Oo(t){const e=[];return function t(o){o instanceof HTMLElement&&(e.push(o),null!==o.shadowRoot&&"open"===o.shadowRoot.mode&&t(o.shadowRoot)),[...o.children].forEach((e=>t(e)))}(t),{start:e.find((t=>zo(t)))??null,end:e.reverse().find((t=>zo(t)))??null}}let Lo=[];class To{constructor(t){this.tabDirection="forward",this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this)}activate(){Lo.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){Lo=Lo.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return Lo[Lo.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(":focus-within")){const{start:t,end:e}=Oo(this.element),o="forward"===this.tabDirection?t:e;"function"==typeof(null==o?void 0:o.focus)&&o.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",requestAnimationFrame((()=>this.checkFocus())))}handleKeyUp(){this.tabDirection="forward"}}var Mo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,Bo=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Do(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Mo(e,o,s),s};let jo=class extends Gt{constructor(){super(...arguments),this.hasSlotController=new Ze(this,"footer"),this.localize=new w(this),this.modal=new To(this),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),Eo(this)))}disconnectedCallback(){super.disconnectedCallback(),Ao(this)}requestClose(t){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=pe(this,"drawer.denyClose",{dir:this.localize.dir()});ie(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),Eo(this));const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([ne(this.drawer),ne(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=pe(this,`drawer.show${Po(this.placement)}`,{dir:this.localize.dir()}),o=pe(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([ie(this.panel,e.keyframes,e.options),ie(this.overlay,o.keyframes,o.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),Ao(this)),await Promise.all([ne(this.drawer),ne(this.overlay)]);const t=pe(this,`drawer.hide${Po(this.placement)}`,{dir:this.localize.dir()}),e=pe(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([ie(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),ie(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const o=this.originalTrigger;"function"==typeof(null==o?void 0:o.focus)&&setTimeout((()=>o.focus())),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),Eo(this)),this.open&&this.contained&&(this.modal.deactivate(),Ao(this))}async show(){if(!this.open)return this.open=!0,ue(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,ue(this,"sd-after-hide")}render(){return nt`<div part="base" class="${ve("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}"><div part="overlay" class="${ve("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${ve("absolute flex flex-col z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${this.label}" aria-labelledby="${to(this.noHeader?void 0:"title")}" tabindex="0">${this.noHeader?"":nt`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-icon name="close" library="system"></sd-icon></sd-button></div></header>`}<div part="body" class="flex-auto block px-4"><slot></slot></div><footer part="footer" class="${ve(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></div>`}};jo.styles=[Gt.styles,A`${Wt}:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{width:0;height:0}`],Bo([Lt("[part=base]")],jo.prototype,"drawer",2),Bo([Lt("[part=panel]")],jo.prototype,"panel",2),Bo([Lt("[part=overlay]")],jo.prototype,"overlay",2),Bo([Pt({type:Boolean,reflect:!0})],jo.prototype,"open",2),Bo([Pt({attribute:"label",reflect:!0})],jo.prototype,"label",2),Bo([Pt({reflect:!0})],jo.prototype,"placement",2),Bo([Pt({type:Boolean,reflect:!0})],jo.prototype,"contained",2),Bo([Pt({attribute:"no-header",type:Boolean})],jo.prototype,"noHeader",2),Bo([Kt("open",{waitUntilFirstUpdate:!0})],jo.prototype,"handleOpenChange",1),Bo([Kt("contained",{waitUntilFirstUpdate:!0})],jo.prototype,"handleNoModalChange",1),jo=Bo([_t("sd-drawer")],jo),he("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),he("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),he("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),he("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),he("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),he("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),he("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});const Ro=Object.freeze(Object.defineProperty({__proto__:null,get default(){return jo}},Symbol.toStringTag,{value:"Module"})),Uo=Math.min,Io=Math.max,No=Math.round,Fo=Math.floor,Vo=t=>({x:t,y:t}),Ho={left:"right",right:"left",bottom:"top",top:"bottom"},qo={start:"end",end:"start"};function Ko(t,e,o){return Io(t,Uo(e,o))}function Wo(t,e){return"function"==typeof t?t(e):t}function Zo(t){return t.split("-")[0]}function Xo(t){return t.split("-")[1]}function Yo(t){return"x"===t?"y":"x"}function Go(t){return"y"===t?"height":"width"}function Jo(t){return["top","bottom"].includes(Zo(t))?"y":"x"}function Qo(t){return Yo(Jo(t))}function tr(t){return t.replace(/start|end/g,(t=>qo[t]))}function er(t){return t.replace(/left|right|bottom|top/g,(t=>Ho[t]))}function or(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 rr(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function ir(t,e,o){let{reference:r,floating:i}=t;const s=Jo(e),n=Qo(e),a=Go(n),l=Zo(e),d="y"===s,c=r.x+r.width/2-i.width/2,h=r.y+r.height/2-i.height/2,p=r[a]/2-i[a]/2;let u;switch(l){case"top":u={x:c,y:r.y-i.height};break;case"bottom":u={x:c,y:r.y+r.height};break;case"right":u={x:r.x+r.width,y:h};break;case"left":u={x:r.x-i.width,y:h};break;default:u={x:r.x,y:r.y}}switch(Xo(e)){case"start":u[n]-=p*(o&&d?-1:1);break;case"end":u[n]+=p*(o&&d?-1:1)}return u}async function sr(t,e){var o;void 0===e&&(e={});const{x:r,y:i,platform:s,rects:n,elements:a,strategy:l}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:u=0}=Wo(e,t),v=or(u),g=a[p?"floating"===h?"reference":"floating":h],m=rr(await s.getClippingRect({element:null==(o=await(null==s.isElement?void 0:s.isElement(g)))||o?g:g.contextElement||await(null==s.getDocumentElement?void 0:s.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),b="floating"===h?{...n.floating,x:r,y:i}:n.reference,f=await(null==s.getOffsetParent?void 0:s.getOffsetParent(a.floating)),y=await(null==s.isElement?void 0:s.isElement(f))&&await(null==s.getScale?void 0:s.getScale(f))||{x:1,y:1},w=rr(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:f,strategy:l}):b);return{top:(m.top-w.top+v.top)/y.y,bottom:(w.bottom-m.bottom+v.bottom)/y.y,left:(m.left-w.left+v.left)/y.x,right:(w.right-m.right+v.right)/y.x}}const nr=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:o,y:r}=e,i=await async function(t,e){const{placement:o,platform:r,elements:i}=t,s=await(null==r.isRTL?void 0:r.isRTL(i.floating)),n=Zo(o),a=Xo(o),l="y"===Jo(o),d=["left","top"].includes(n)?-1:1,c=s&&l?-1:1,h=Wo(e,t);let{mainAxis:p,crossAxis:u,alignmentAxis:v}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return a&&"number"==typeof v&&(u="end"===a?-1*v:v),l?{x:u*c,y:p*d}:{x:p*d,y:u*c}}(e,t);return{x:o+i.x,y:r+i.y,data:i}}}},ar=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:o,rects:r,platform:i,elements:s}=e,{apply:n=(()=>{}),...a}=Wo(t,e),l=await sr(e,a),d=Zo(o),c=Xo(o),h="y"===Jo(o),{width:p,height:u}=r.floating;let v,g;"top"===d||"bottom"===d?(v=d,g=c===(await(null==i.isRTL?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(g=d,v="end"===c?"top":"bottom");const m=u-l[v],b=p-l[g],f=!e.middlewareData.shift;let y=m,w=b;if(h){const t=p-l.left-l.right;w=c||f?Uo(b,t):t}else{const t=u-l.top-l.bottom;y=c||f?Uo(m,t):t}if(f&&!c){const t=Io(l.left,0),e=Io(l.right,0),o=Io(l.top,0),r=Io(l.bottom,0);h?w=p-2*(0!==t||0!==e?t+e:Io(l.left,l.right)):y=u-2*(0!==o||0!==r?o+r:Io(l.top,l.bottom))}await n({...e,availableWidth:w,availableHeight:y});const x=await i.getDimensions(s.floating);return p!==x.width||u!==x.height?{reset:{rects:!0}}:{}}}};function lr(t){return hr(t)?(t.nodeName||"").toLowerCase():"#document"}function dr(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function cr(t){var e;return null==(e=(hr(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function hr(t){return t instanceof Node||t instanceof dr(t).Node}function pr(t){return t instanceof Element||t instanceof dr(t).Element}function ur(t){return t instanceof HTMLElement||t instanceof dr(t).HTMLElement}function vr(t){return!(typeof ShadowRoot>"u")&&(t instanceof ShadowRoot||t instanceof dr(t).ShadowRoot)}function gr(t){const{overflow:e,overflowX:o,overflowY:r,display:i}=wr(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+o)&&!["inline","contents"].includes(i)}function mr(t){return["table","td","th"].includes(lr(t))}function br(t){const e=fr(),o=wr(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 fr(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function yr(t){return["html","body","#document"].includes(lr(t))}function wr(t){return dr(t).getComputedStyle(t)}function xr(t){return pr(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function kr(t){if("html"===lr(t))return t;const e=t.assignedSlot||t.parentNode||vr(t)&&t.host||cr(t);return vr(e)?e.host:e}function $r(t){const e=kr(t);return yr(e)?t.ownerDocument?t.ownerDocument.body:t.body:ur(e)&&gr(e)?e:$r(e)}function Sr(t,e){var o;void 0===e&&(e=[]);const r=$r(t),i=r===(null==(o=t.ownerDocument)?void 0:o.body),s=dr(r);return i?e.concat(s,s.visualViewport||[],gr(r)?r:[]):e.concat(r,Sr(r))}function Cr(t){const e=wr(t);let o=parseFloat(e.width)||0,r=parseFloat(e.height)||0;const i=ur(t),s=i?t.offsetWidth:o,n=i?t.offsetHeight:r,a=No(o)!==s||No(r)!==n;return a&&(o=s,r=n),{width:o,height:r,$:a}}function _r(t){return pr(t)?t:t.contextElement}function Er(t){const e=_r(t);if(!ur(e))return Vo(1);const o=e.getBoundingClientRect(),{width:r,height:i,$:s}=Cr(e);let n=(s?No(o.width):o.width)/r,a=(s?No(o.height):o.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!a||!Number.isFinite(a))&&(a=1),{x:n,y:a}}const Ar=Vo(0);function Pr(t){const e=dr(t);return fr()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Ar}function zr(t,e,o,r){void 0===e&&(e=!1),void 0===o&&(o=!1);const i=t.getBoundingClientRect(),s=_r(t);let n=Vo(1);e&&(r?pr(r)&&(n=Er(r)):n=Er(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==dr(t))&&e}(s,o,r)?Pr(s):Vo(0);let l=(i.left+a.x)/n.x,d=(i.top+a.y)/n.y,c=i.width/n.x,h=i.height/n.y;if(s){const t=dr(s),e=r&&pr(r)?dr(r):r;let o=t.frameElement;for(;o&&r&&e!==t;){const t=Er(o),e=o.getBoundingClientRect(),r=wr(o),i=e.left+(o.clientLeft+parseFloat(r.paddingLeft))*t.x,s=e.top+(o.clientTop+parseFloat(r.paddingTop))*t.y;l*=t.x,d*=t.y,c*=t.x,h*=t.y,l+=i,d+=s,o=dr(o).frameElement}}return rr({width:c,height:h,x:l,y:d})}function Or(t){return zr(cr(t)).left+xr(t).scrollLeft}function Lr(t,e,o){let r;if("viewport"===e)r=function(t,e){const o=dr(t),r=cr(t),i=o.visualViewport;let s=r.clientWidth,n=r.clientHeight,a=0,l=0;if(i){s=i.width,n=i.height;const t=fr();(!t||t&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:s,height:n,x:a,y:l}}(t,o);else if("document"===e)r=function(t){const e=cr(t),o=xr(t),r=t.ownerDocument.body,i=Io(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth),s=Io(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let n=-o.scrollLeft+Or(t);const a=-o.scrollTop;return"rtl"===wr(r).direction&&(n+=Io(e.clientWidth,r.clientWidth)-i),{width:i,height:s,x:n,y:a}}(cr(t));else if(pr(e))r=function(t,e){const o=zr(t,!0,"fixed"===e),r=o.top+t.clientTop,i=o.left+t.clientLeft,s=ur(t)?Er(t):Vo(1);return{width:t.clientWidth*s.x,height:t.clientHeight*s.y,x:i*s.x,y:r*s.y}}(e,o);else{const o=Pr(t);r={...e,x:e.x-o.x,y:e.y-o.y}}return rr(r)}function Tr(t,e){const o=kr(t);return!(o===e||!pr(o)||yr(o))&&("fixed"===wr(o).position||Tr(o,e))}function Mr(t,e){const o=e.get(t);if(o)return o;let r=Sr(t).filter((t=>pr(t)&&"body"!==lr(t))),i=null;const s="fixed"===wr(t).position;let n=s?kr(t):t;for(;pr(n)&&!yr(n);){const e=wr(n),o=br(n);!o&&"fixed"===e.position&&(i=null),(s?!o&&!i:!o&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||gr(n)&&!o&&Tr(t,n))?r=r.filter((t=>t!==n)):i=e,n=kr(n)}return e.set(t,r),r}function Dr(t,e,o){const r=ur(e),i=cr(e),s="fixed"===o,n=zr(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const l=Vo(0);if(r||!r&&!s)if(("body"!==lr(e)||gr(i))&&(a=xr(e)),r){const t=zr(e,!0,s,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&(l.x=Or(i));return{x:n.left+a.scrollLeft-l.x,y:n.top+a.scrollTop-l.y,width:n.width,height:n.height}}function Br(t,e){return ur(t)&&"fixed"!==wr(t).position?e?e(t):t.offsetParent:null}function jr(t,e){const o=dr(t);if(!ur(t))return o;let r=Br(t,e);for(;r&&mr(r)&&"static"===wr(r).position;)r=Br(r,e);return r&&("html"===lr(r)||"body"===lr(r)&&"static"===wr(r).position&&!br(r))?o:r||function(t){let e=kr(t);for(;ur(e)&&!yr(e);){if(br(e))return e;e=kr(e)}return null}(t)||o}const Rr={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:r}=t;const i=ur(o),s=cr(o);if(o===s)return e;let n={scrollLeft:0,scrollTop:0},a=Vo(1);const l=Vo(0);if((i||!i&&"fixed"!==r)&&(("body"!==lr(o)||gr(s))&&(n=xr(o)),ur(o))){const t=zr(o);a=Er(o),l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-n.scrollLeft*a.x+l.x,y:e.y*a.y-n.scrollTop*a.y+l.y}},getDocumentElement:cr,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:r,strategy:i}=t;const s=[..."clippingAncestors"===o?Mr(e,this._c):[].concat(o),r],n=s[0],a=s.reduce(((t,o)=>{const r=Lr(e,o,i);return t.top=Io(r.top,t.top),t.right=Uo(r.right,t.right),t.bottom=Uo(r.bottom,t.bottom),t.left=Io(r.left,t.left),t}),Lr(e,n,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:jr,getElementRects:async function(t){let{reference:e,floating:o,strategy:r}=t;const i=this.getOffsetParent||jr,s=this.getDimensions;return{reference:Dr(e,await i(o),r),floating:{x:0,y:0,...await s(o)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return Cr(t)},getScale:Er,isElement:pr,isRTL:function(t){return"rtl"===wr(t).direction}};var Ur=Object.defineProperty,Ir=Object.getOwnPropertyDescriptor,Nr=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Ir(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ur(e,o,s),s};let Fr=class extends Gt{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}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}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 HTMLElement?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=function(t,e,o,r){void 0===r&&(r={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=r,d=_r(t),c=i||s?[...d?Sr(d):[],...Sr(e)]:[];c.forEach((t=>{i&&t.addEventListener("scroll",o,{passive:!0}),s&&t.addEventListener("resize",o)}));const h=d&&a?function(t,e){let o,r=null;const i=cr(t);function s(){clearTimeout(o),r&&r.disconnect(),r=null}return function n(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),s();const{left:d,top:c,width:h,height:p}=t.getBoundingClientRect();if(a||e(),!h||!p)return;const u={rootMargin:-Fo(c)+"px "+-Fo(i.clientWidth-(d+h))+"px "+-Fo(i.clientHeight-(c+p))+"px "+-Fo(d)+"px",threshold:Io(0,Uo(1,l))||1};let v=!0;function g(t){const e=t[0].intersectionRatio;if(e!==l){if(!v)return n();e?n(!1,e):o=setTimeout((()=>{n(!1,1e-7)}),100)}v=!1}try{r=new IntersectionObserver(g,{...u,root:i.ownerDocument})}catch{r=new IntersectionObserver(g,u)}r.observe(t)}(!0),s}(d,o):null;let p=-1,u=null;n&&(u=new ResizeObserver((t=>{let[r]=t;r&&r.target===d&&u&&(u.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{u&&u.observe(e)}))),o()})),d&&!l&&u.observe(d),u.observe(e));let v,g=l?zr(t):null;return l&&function e(){const r=zr(t);g&&(r.x!==g.x||r.y!==g.y||r.width!==g.width||r.height!==g.height)&&o(),g=r,v=requestAnimationFrame(e)}(),o(),()=>{c.forEach((t=>{i&&t.removeEventListener("scroll",o),s&&t.removeEventListener("resize",o)})),h&&h(),u&&u.disconnect(),u=null,l&&cancelAnimationFrame(v)}}(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=[nr({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(ar({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(function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o;const{placement:r,middlewareData:i,rects:s,initialPlacement:n,platform:a,elements:l}=e,{mainAxis:d=!0,crossAxis:c=!0,fallbackPlacements:h,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:u="none",flipAlignment:v=!0,...g}=Wo(t,e),m=Zo(r),b=Zo(n)===n,f=await(null==a.isRTL?void 0:a.isRTL(l.floating)),y=h||(b||!v?[er(n)]:function(t){const e=er(t);return[tr(t),e,tr(e)]}(n));!h&&"none"!==u&&y.push(...function(t,e,o,r){const i=Xo(t);let s=function(t,e,o){const r=["left","right"],i=["right","left"],s=["top","bottom"],n=["bottom","top"];switch(t){case"top":case"bottom":return o?e?i:r:e?r:i;case"left":case"right":return e?s:n;default:return[]}}(Zo(t),"start"===o,r);return i&&(s=s.map((t=>t+"-"+i)),e&&(s=s.concat(s.map(tr)))),s}(n,v,u,f));const w=[n,...y],x=await sr(e,g),k=[];let $=(null==(o=i.flip)?void 0:o.overflows)||[];if(d&&k.push(x[m]),c){const t=function(t,e,o){void 0===o&&(o=!1);const r=Xo(t),i=Qo(t),s=Go(i);let n="x"===i?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return e.reference[s]>e.floating[s]&&(n=er(n)),[n,er(n)]}(r,s,f);k.push(x[t[0]],x[t[1]])}if($=[...$,{placement:r,overflows:k}],!k.every((t=>t<=0))){var S,C;const t=((null==(S=i.flip)?void 0:S.index)||0)+1,e=w[t];if(e)return{data:{index:t,overflows:$},reset:{placement:e}};let o=null==(C=$.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 _;const t=null==(_=$.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:_[0];t&&(o=t);break}case"initialPlacement":o=n}if(r!==o)return{reset:{placement:o}}}return{}}}}({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:r,placement:i}=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=Wo(t,e),d={x:o,y:r},c=await sr(e,l),h=Jo(Zo(i)),p=Yo(h);let u=d[p],v=d[h];if(s){const t="y"===p?"bottom":"right";u=Ko(u+c["y"===p?"top":"left"],u,u-c[t])}if(n){const t="y"===h?"bottom":"right";v=Ko(v+c["y"===h?"top":"left"],v,v-c[t])}const g=a.fn({...e,[p]:u,[h]:v});return{...g,data:{x:g.x-o,y:g.y-r}}}}}({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(ar({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((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:s,platform:n,elements:a}=e,{element:l,padding:d=0}=Wo(t,e)||{};if(null==l)return{};const c=or(d),h={x:o,y:r},p=Qo(i),u=Go(p),v=await n.getDimensions(l),g="y"===p,m=g?"top":"left",b=g?"bottom":"right",f=g?"clientHeight":"clientWidth",y=s.reference[u]+s.reference[p]-h[p]-s.floating[u],w=h[p]-s.reference[p],x=await(null==n.getOffsetParent?void 0:n.getOffsetParent(l));let k=x?x[f]:0;(!k||!await(null==n.isElement?void 0:n.isElement(x)))&&(k=a.floating[f]||s.floating[u]);const $=y/2-w/2,S=k/2-v[u]/2-1,C=Uo(c[m],S),_=Uo(c[b],S),E=C,A=k-v[u]-_,P=k/2-v[u]/2+$,z=Ko(E,P,A),O=null!=Xo(i)&&P!=z&&s.reference[u]/2-(P<E?C:_)-v[u]/2<0?P<E?E-P:A-P:0;return{[p]:h[p]-O,data:{[p]:z,centerOffset:P-z+O}}}}))({element:this.arrowEl,padding:this.arrowPadding})),((t,e,o)=>{const r=new Map,i={platform:Rr,...o},s={...i.platform,_c:r};return(async(t,e,o)=>{const{placement:r="bottom",strategy:i="absolute",middleware:s=[],platform:n}=o,a=s.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(e));let d=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:c,y:h}=ir(d,r,l),p=r,u={},v=0;for(let o=0;o<a.length;o++){const{name:s,fn:g}=a[o],{x:m,y:b,data:f,reset:y}=await g({x:c,y:h,initialPlacement:r,placement:p,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:t,floating:e}});c=m??c,h=b??h,u={...u,[s]:{...u[s],...f}},y&&v<=50&&(v++,"object"==typeof y&&(y.placement&&(p=y.placement),y.rects&&(d=!0===y.rects?await n.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:c,y:h}=ir(d,p,l))),o=-1)}return{x:c,y:h,placement:p,strategy:i,middlewareData:u}})(t,e,{...i,platform:s})})(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy}).then((({x:t,y:e,middlewareData:o,placement:r})=>{const i="rtl"===getComputedStyle(this).direction,s={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="",n="",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))`:"",n=i?o:"",l=i?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";n=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:n,bottom:a,left:l,[s]:"calc(var(--arrow-size-diagonal) * -1)"})}})),this.emit("sd-reposition")}render(){return nt`<slot name="anchor" @slotchange="${this.handleAnchorChange}"></slot><div part="popup" class="${ve("isolate","fixed"!==this.strategy?"absolute":"fixed",!this.active&&"hidden")}"><slot></slot>${this.arrow?nt`<div part="arrow" class="absolute rotate-45 -z-10" role="presentation"></div>`:""}</div>`}};Fr.styles=[Gt.styles,Wt,A`:host{--arrow-color:var(--sd-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}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`],Nr([Lt('[part="popup"]')],Fr.prototype,"popup",2),Nr([Lt('[part="arrow"]')],Fr.prototype,"arrowEl",2),Nr([Pt()],Fr.prototype,"anchor",2),Nr([Pt({type:Boolean,reflect:!0})],Fr.prototype,"active",2),Nr([Pt({reflect:!0})],Fr.prototype,"placement",2),Nr([Pt({reflect:!0})],Fr.prototype,"strategy",2),Nr([Pt({type:Number})],Fr.prototype,"distance",2),Nr([Pt({type:Number})],Fr.prototype,"skidding",2),Nr([Pt({type:Boolean})],Fr.prototype,"arrow",2),Nr([Pt({attribute:"arrow-placement"})],Fr.prototype,"arrowPlacement",2),Nr([Pt({attribute:"arrow-padding",type:Number})],Fr.prototype,"arrowPadding",2),Nr([Pt({type:Boolean})],Fr.prototype,"flip",2),Nr([Pt({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],Fr.prototype,"flipFallbackPlacements",2),Nr([Pt({attribute:"flip-fallback-strategy"})],Fr.prototype,"flipFallbackStrategy",2),Nr([Pt({type:Object})],Fr.prototype,"flipBoundary",2),Nr([Pt({attribute:"flip-padding",type:Number})],Fr.prototype,"flipPadding",2),Nr([Pt({type:Boolean})],Fr.prototype,"shift",2),Nr([Pt({type:Object})],Fr.prototype,"shiftBoundary",2),Nr([Pt({attribute:"shift-padding",type:Number})],Fr.prototype,"shiftPadding",2),Nr([Pt({attribute:"auto-size"})],Fr.prototype,"autoSize",2),Nr([Pt()],Fr.prototype,"sync",2),Nr([Pt({type:Object})],Fr.prototype,"autoSizeBoundary",2),Nr([Pt({attribute:"auto-size-padding",type:Number})],Fr.prototype,"autoSizePadding",2),Fr=Nr([_t("sd-popup")],Fr);const Vr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Fr}},Symbol.toStringTag,{value:"Module"}));var Hr=Object.defineProperty,qr=Object.getOwnPropertyDescriptor,Kr=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?qr(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Hr(e,o,s),s};let Wr=class extends Gt{constructor(){super(...arguments),this.localize=new w(this),this.open=!1,this.rounded=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.noAutoSize=!1,this.noFlip=!1,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(null==t?void 0:t.focus)&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"sd-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){var e;if("Tab"===t.key){if(this.open&&"sd-menu-item"===(null==(e=document.activeElement)?void 0:e.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var t,e,o;const r=(null==(t=this.containingElement)?void 0:t.getRootNode())instanceof ShadowRoot?null==(o=null==(e=document.activeElement)?void 0:e.shadowRoot)?void 0:o.activeElement:document.activeElement;(!this.containingElement||(null==r?void 0:r.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()}))}}handleDocumentMouseDown(t){const e=t.composedPath();this.containingElement&&!e.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(t){!function(t,e,o="vertical",r="smooth"){const i=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),s=i.top+e.scrollTop,n=i.left+e.scrollLeft,a=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,d=e.scrollTop,c=e.scrollTop+e.offsetHeight;("horizontal"===o||"both"===o)&&(n<a?e.scrollTo({left:n,behavior:r}):n+t.clientWidth>l&&e.scrollTo({left:n-e.offsetWidth+t.clientWidth,behavior:r})),("vertical"===o||"both"===o)&&(s<d?e.scrollTo({top:s,behavior:r}):s+t.clientHeight>c&&e.scrollTo({top:s-e.offsetHeight+t.clientHeight,behavior:r}))}(t.target,this.panel)}handlePanelSelect(t){const e=t.target;!this.stayOpenOnSelect&&"sd-menu"===e.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(t.key))return t.preventDefault(),void this.handleTriggerClick();const e=this.getMenu();if(e){const o=e.defaultSlot.assignedElements({flatten:!0}),r=o[0],i=o[o.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),o.length>0&&requestAnimationFrame((()=>{("ArrowDown"===t.key||"Home"===t.key)&&(e.setCurrentItem(r),r.focus()),("ArrowUp"===t.key||"End"===t.key)&&(e.setCurrentItem(i),i.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>Oo(t).start));let e;if(t){switch(t.tagName.toLowerCase()){case"sd-button":case"sd-icon-button":e=t.button;break;default:e=t}e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,ue(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,ue(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await ne(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:e}=pe(this,"dropdown.show",{dir:this.localize.dir()});await ie(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await ne(this);const{keyframes:t,options:e}=pe(this,"dropdown.hide",{dir:this.localize.dir()});await ie(this.popup.popup,t,e),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return nt`<sd-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10" ?active="${this.open}"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${ve("shadow bg-white",this.open?"block pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-popup>`}};Wr.styles=[Gt.styles,Wt,A`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],Kr([Lt("#dropdown")],Wr.prototype,"popup",2),Kr([Lt("[part=trigger]")],Wr.prototype,"trigger",2),Kr([Lt("[part=panel]")],Wr.prototype,"panel",2),Kr([Pt({type:Boolean,reflect:!0})],Wr.prototype,"open",2),Kr([Pt({type:Boolean,reflect:!0})],Wr.prototype,"rounded",2),Kr([Pt({reflect:!0})],Wr.prototype,"placement",2),Kr([Pt({type:Boolean,reflect:!0})],Wr.prototype,"disabled",2),Kr([Pt({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],Wr.prototype,"stayOpenOnSelect",2),Kr([Pt({attribute:!1})],Wr.prototype,"containingElement",2),Kr([Pt({type:Number})],Wr.prototype,"distance",2),Kr([Pt({type:Number})],Wr.prototype,"skidding",2),Kr([Pt({type:Boolean,reflect:!0,attribute:"no-auto-size"})],Wr.prototype,"noAutoSize",2),Kr([Pt({type:Boolean,reflect:!0,attribute:"no-flip"})],Wr.prototype,"noFlip",2),Kr([Pt({type:Boolean})],Wr.prototype,"hoist",2),Kr([Kt("open",{waitUntilFirstUpdate:!0})],Wr.prototype,"handleOpenChange",1),Wr=Kr([_t("sd-dropdown")],Wr),he("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),he("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const Zr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Wr}},Symbol.toStringTag,{value:"Module"})),Xr=A`${Wt}:host{display:block}`,Yr=Object.freeze(Object.defineProperty({__proto__:null,default:Xr},Symbol.toStringTag,{value:"Module"}));var Gr=Object.defineProperty,Jr=Object.getOwnPropertyDescriptor,Qr=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Jr(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Gr(e,o,s),s};let ti=class extends Gt{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await jt(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return nt`<slot></slot>`}};ti.styles=Xr,Qr([Pt()],ti.prototype,"src",2),Qr([Pt()],ti.prototype,"mode",2),Qr([Pt({attribute:"allow-scripts",type:Boolean})],ti.prototype,"allowScripts",2),Qr([Kt("src")],ti.prototype,"handleSrcChange",1),ti=Qr([_t("sd-include")],ti);const ei=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ti}},Symbol.toStringTag,{value:"Module"}));var oi=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,ii=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?ri(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&oi(e,o,s),s};let si=class extends Gt{constructor(){super(...arguments),this.hasSlotController=new Ze(this,"[default]","icon-left","icon-right"),this.size="inherit",this.inverted=!1,this.standalone=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return nt`<a part="base" class="${ve("inline",this.href?"cursor-pointer":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline"}[this.href?"enabled":"disabled"],this.standalone&&"flex items-start")}" href="${to(this.href||void 0)}" target="${to(this.target||void 0)}" download="${to(this.download||void 0)}" rel="${to(this.target?"noreferrer noopener":void 0)}" aria-disabled="${this.href?"false":"true"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"><slot name="icon-left" part="icon-left" class="${ve("inline",t["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${ve("inline",t["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};si.styles=[Gt.styles,A`::slotted(sd-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-icon){font-size:1.5rem}`],ii([Lt("a")],si.prototype,"button",2),ii([Pt({reflect:!0})],si.prototype,"size",2),ii([Pt({type:Boolean,reflect:!0})],si.prototype,"inverted",2),ii([Pt({type:Boolean,reflect:!0})],si.prototype,"standalone",2),ii([Pt()],si.prototype,"href",2),ii([Pt()],si.prototype,"target",2),ii([Pt()],si.prototype,"download",2),si=ii([_t("sd-link")],si);const ni=Object.freeze(Object.defineProperty({__proto__:null,get default(){return si}},Symbol.toStringTag,{value:"Module"}));var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,di=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?li(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ai(e,o,s),s};let ci=class extends Gt{constructor(){super(...arguments),this.hasSlotController=new Ze(this,"[default]","description","children"),this.href="",this.current=!1,this.disabled=!1,this.size="base",this.vertical=!1,this.chevron=!1,this.indented=!1,this.relaxed=!1,this.divider=!1,this.open=!1}isButton(){return!this.href&&!this.hasSlotController.test("children")}isLink(){return!!this.href}isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}render(){const t=this.isLink(),e=this.isButton(),o=this.isAccordion(),r=(this.hasSlotController.test("[default]"),this.hasSlotController.test("main"),this.hasSlotController.test("description")),i=this.hasSlotController.test("children"),s=t?Ge`a`:o?Ge`summary`:Ge`button`,n=this.vertical?"pb-3":"pb-2",a=Qe`<${s} part="base" class="${ve("hover:bg-neutral-200 group transition-all min-h-[48px] cursor-pointer relative focus-visible:focus-outline",{base:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",o?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-[1px]",this.vertical?"px-8":"px-4")}" aria-controls="${to(o?"navigation-item-details":void 0)}" aria-current="${to(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${to(e?this.disabled:void 0)}" href="${to(this.href||void 0)}" target="${to(t?this.target:void 0)}" download="${to(t?this.download:void 0)}" rel="${to(t&&this.target?"noreferrer noopener":void 0)}" role="${t?"link":"button"}" tabindex="${this.disabled?"-1":"0"}" @click="${o?this.handleClickSummary:e?this.handleClickButton:void 0}"><div class="${ve("absolute w-full left-0 top-0 pointer-events-none transition-all duration-150",this.vertical?"border-l-4 h-[calc(100%-8px)] top-1 group-hover:h-full group-hover:top-0":"border-b-4 h-full",this.current?"border-accent":"border-transparent",this.disabled&&"border-neutral-500")}"></div><span class="${ve("relative pt-3 inline-flex justify-between items-center",o?"grow":"w-full",r?"pb-1":n,this.calculatePaddingX())}">${this.divider&&this.vertical?Qe`<sd-divider part="divider" class="${ve("w-full transition-all absolute -top-[1px] left-0",this.calculatePaddingX())}"></sd-divider>`:""} <span class="inline-flex items-center flex-auto"><slot part="content" class="inline"></slot></span>${(this.chevron||i)&&this.vertical?Qe`<sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${ve("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${r&&this.vertical?Qe`<slot name="description" part="description" class="${ve("inline-block text-sm text-left text-black",o?"grow":"w-full",n,this.calculatePaddingX())}"></slot>`:""}</${s}>`;return o?Qe`<details id="navigation-item-details" ?open="${this.open}" class="relative flex">${a}<slot name="children"></slot></details>`:Qe`${a}`}};ci.styles=[Wt,Gt.styles,A`:host{box-sizing:border-box;position:relative;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}`],di([Pt({reflect:!0})],ci.prototype,"href",2),di([Pt()],ci.prototype,"target",2),di([Pt()],ci.prototype,"download",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"current",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"disabled",2),di([Pt({reflect:!0})],ci.prototype,"size",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"vertical",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"chevron",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"indented",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"relaxed",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"divider",2),di([Pt({type:Boolean,reflect:!0})],ci.prototype,"open",2),ci=di([(t=>e=>{return"function"==typeof e?(o=t,r=e,customElements.define(o,r),r):((t,e)=>{const{kind:o,elements:r}=e;return{kind:o,elements:r,finisher(e){customElements.define(t,e)}}})(t,e);
|
|
85
|
+
*/(function*(t,e,o=1){const r=void 0===e?0:t;e??(e=t);for(let t=r;o>0?t<e:e<t;t+=o)yield t}(o),(t=>{const i=t===r;return ht`<button part="pagination-item ${i?"pagination-item--active":""}" class="${ve("carousel__pagination-item","block cursor-pointer bg-none border-0 rounded-full",i?"bg-accent":"",this.inverted?"focus-within:focus-outline-inverted":"focus-within:focus-outline")}" role="tab" tabindex="0" aria-selected="${i?"true":"false"}" aria-label="${this.localize.term("goToSlide",t+1,o)}" @click="${()=>this.goToSlide(t*e)}" @keydown="${this.handleKeyDown}"><span class="${ve("h-4 w-4 block border hover:border-primary-500 rounded-full",this.inverted?"border-white hover:border-primary-500":"border-primary",i&&"bg-accent border-none",i?this.inverted?"hover:bg-accent-300":"hover:bg-accent-550":"")}"></span></button>`}))}</div>`:ht`<span part="pagination-number" class="carousel__pagination number flex gap-0.5 cursor-default select-none" aria-controls="scroll-container"><span part="pagination-item" class="${ve("w-5 text-center border-b-2 border-accent",this.inverted?"text-white":"text-black")}">${r+1}</span> <span part="pagination-divider" class="${ve("scale-y-[1.5]","text-center",this.inverted?"text-white":"text-black")}">/</span> <span part="pagination-item" class="${ve("w-5 text-center",this.inverted?"text-white":"text-black")}">${o}</span></span>`} <button part="navigation-button navigation-button--next" id="carousel__navigation-button--next" ?disabled="${!s}" class="${ve("!ml-6 !rounded-sm sd-interactive ",!s&&"sd-interactive--disabled",this.inverted?"sd-interactive--inverted":"sd-interactive--reset")}" aria-label="${this.localize.term("nextSlide")}" aria-controls="scroll-container" aria-disabled="${s?"false":"true"}" @click="${s?()=>{console.log("click-next"),this.next()}:null}"><slot name="next-icon"><sd-icon class="${ve("h-6 w-6 rotate-90 grid place-items-center")}" library="system" name="${n?"chevron-up":"chevron-down"}"></sd-icon></slot></button></div><button class="${ve("ml-6 !rounded-sm","!absolute !right-0 sd-interactive",this.inverted?"sd-interactive--inverted":"sd-interactive--reset",!this.autoplay&&"!hidden")}" part="autoplay-controls" @click="${()=>this.pausedAutoplay=!this.pausedAutoplay}"><slot name="autoplay-start" class="${ve(this.pausedAutoplay?"":"hidden")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="start"></sd-icon></slot><slot name="autoplay-pause" class="${ve(this.pausedAutoplay?"hidden":"")}"><sd-icon class="h-6 w-6 grid place-items-center" library="system" name="pause"></sd-icon></slot></button></div></div>`}};wo.styles=[Jt.styles,A(".sd-interactive--reset{all:unset;outline:revert}.sd-interactive{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity));cursor:pointer;text-decoration-line:none;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sd-interactive:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.sd-interactive:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}.sd-interactive:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-interactive--inverted{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.sd-interactive--inverted:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.sd-interactive--inverted:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.sd-interactive--inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-interactive--disabled,.sd-interactive[disabled]{cursor:not-allowed}.sd-interactive--disabled,.sd-interactive--disabled:active:not([disabled]),.sd-interactive--disabled:hover:not([disabled]),.sd-interactive[disabled],.sd-interactive[disabled]:active:not([disabled]),.sd-interactive[disabled]:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}\n"),P`${Zt}:host{--slide-gap:var(--sl-spacing-medium, 1rem);--scroll-hint:0px;display:flex}.carousel{grid-template-areas:'. slides .' '. pagination .'}.carousel__pagination{grid-area:pagination}.carousel__slides{grid-area:slides;scrollbar-width:none;--slide-size:calc((100% - (var(--slides-per-page) - 1) * var(--slide-gap)) / var(--slides-per-page));grid-auto-columns:var(--slide-size);column-gap:var(--slide-gap);scroll-padding-inline:var(--scroll-hint);padding-inline:var(--scroll-hint)}@media (prefers-reduced-motion){:where(.carousel__slides){scroll-behavior:auto}}.carousel__slides--dragging,.carousel__slides--dropping{scroll-snap-type:unset}.carousel__slides::-webkit-scrollbar{display:none}.carousel__navigation{grid-area:navigation}sd-button::part(label){display:flex;flex:1 1 auto;align-items:center;pointer-events:none}`],yo([Lt({type:String,reflect:!0})],wo.prototype,"variant",2),yo([Lt({type:Boolean,reflect:!0})],wo.prototype,"inverted",2),yo([Lt({type:Boolean,reflect:!0})],wo.prototype,"loop",2),yo([Lt({type:Boolean,reflect:!0})],wo.prototype,"autoplay",2),yo([Lt({type:Number,attribute:"slides-per-page"})],wo.prototype,"slidesPerPage",2),yo([Lt({type:Number,attribute:"slides-per-move"})],wo.prototype,"slidesPerMove",2),yo([Dt("slot:not([name])")],wo.prototype,"defaultSlot",2),yo([Dt(".carousel__slides")],wo.prototype,"scrollContainer",2),yo([Dt(".carousel__pagination")],wo.prototype,"paginationContainer",2),yo([Tt()],wo.prototype,"activeSlide",2),yo([Tt()],wo.prototype,"pausedAutoplay",2),yo([Wt("pausedAutoplay")],wo.prototype,"handlePausedAutoplay",1),yo([Wt("loop",{waitUntilFirstUpdate:!0}),Wt("slidesPerPage",{waitUntilFirstUpdate:!0})],wo.prototype,"initializeSlides",1),yo([Wt("activeSlide")],wo.prototype,"handelSlideChange",1),yo([Wt("slidesPerMove")],wo.prototype,"handleSlidesPerMoveChange",1),yo([Wt("autoplay")],wo.prototype,"handleAutoplayChange",1),wo=yo([Pt("sd-carousel")],wo);const xo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return wo}},Symbol.toStringTag,{value:"Module"}));var ko=Object.defineProperty,$o=Object.getOwnPropertyDescriptor,So=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?$o(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ko(e,o,s),s};let _o=class extends Jt{constructor(){super(...arguments),this.orientation="horizontal",this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return ht`<hr part="main" class="${ve(this.inverted?"border-primary-400":"border-neutral-400","horizontal"===this.orientation?"border-t w-full":" border-l h-full")}">`}};_o.styles=[Zt,Jt.styles,P`:host{margin:0}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`],So([Lt({reflect:!0})],_o.prototype,"orientation",2),So([Lt({type:Boolean,reflect:!0})],_o.prototype,"inverted",2),_o=So([Pt("sd-divider")],_o);const Co=Object.freeze(Object.defineProperty({__proto__:null,get default(){return _o}},Symbol.toStringTag,{value:"Module"})),Eo=new Set;function Ao(t){if(Eo.add(t),!document.body.classList.contains("sd-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}();document.body.classList.add("sd-scroll-lock"),document.body.style.setProperty("--sd-scroll-lock-size",`${t}px`)}}function Po(t){Eo.delete(t),0===Eo.size&&(document.body.classList.remove("sd-scroll-lock"),document.body.style.removeProperty("--sd-scrollbar-width"))}function Oo(t){return t.charAt(0).toUpperCase()+t.slice(1)}function zo(t){const e=t.tagName.toLowerCase();return!("-1"===t.getAttribute("tabindex")||t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")||"input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked")||null===t.offsetParent||"hidden"===window.getComputedStyle(t).visibility)&&(!!(("audio"===e||"video"===e)&&t.hasAttribute("controls")||t.hasAttribute("tabindex")||t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(e))}function Lo(t){const e=[];return function t(o){o instanceof HTMLElement&&(e.push(o),null!==o.shadowRoot&&"open"===o.shadowRoot.mode&&t(o.shadowRoot)),[...o.children].forEach((e=>t(e)))}(t),{start:e.find((t=>zo(t)))??null,end:e.reverse().find((t=>zo(t)))??null}}let To=[];class Mo{constructor(t){this.tabDirection="forward",this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this)}activate(){To.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){To=To.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return To[To.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(":focus-within")){const{start:t,end:e}=Lo(this.element),o="forward"===this.tabDirection?t:e;"function"==typeof(null==o?void 0:o.focus)&&o.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",requestAnimationFrame((()=>this.checkFocus())))}handleKeyUp(){this.tabDirection="forward"}}var Do=Object.defineProperty,Bo=Object.getOwnPropertyDescriptor,jo=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Bo(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Do(e,o,s),s};let Ro=class extends Jt{constructor(){super(...arguments),this.hasSlotController=new Xe(this,"footer"),this.localize=new x(this),this.modal=new Mo(this),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),Ao(this)))}disconnectedCallback(){super.disconnectedCallback(),Po(this)}requestClose(t){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=ue(this,"drawer.denyClose",{dir:this.localize.dir()});se(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),Ao(this));const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([ae(this.drawer),ae(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=ue(this,`drawer.show${Oo(this.placement)}`,{dir:this.localize.dir()}),o=ue(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([se(this.panel,e.keyframes,e.options),se(this.overlay,o.keyframes,o.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),Po(this)),await Promise.all([ae(this.drawer),ae(this.overlay)]);const t=ue(this,`drawer.hide${Oo(this.placement)}`,{dir:this.localize.dir()}),e=ue(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([se(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),se(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const o=this.originalTrigger;"function"==typeof(null==o?void 0:o.focus)&&setTimeout((()=>o.focus())),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),Ao(this)),this.open&&this.contained&&(this.modal.deactivate(),Po(this))}async show(){if(!this.open)return this.open=!0,ge(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,ge(this,"sd-after-hide")}render(){return ht`<div part="base" class="${ve("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}"><div part="overlay" class="${ve("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${ve("absolute flex flex-col z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${this.label}" aria-labelledby="${eo(this.noHeader?void 0:"title")}" tabindex="0">${this.noHeader?"":ht`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-icon name="close" library="system"></sd-icon></sd-button></div></header>`}<div part="body" class="flex-auto block px-4"><slot></slot></div><footer part="footer" class="${ve(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></div>`}};Ro.styles=[Jt.styles,P`${Zt}:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{width:0;height:0}`],jo([Dt("[part=base]")],Ro.prototype,"drawer",2),jo([Dt("[part=panel]")],Ro.prototype,"panel",2),jo([Dt("[part=overlay]")],Ro.prototype,"overlay",2),jo([Lt({type:Boolean,reflect:!0})],Ro.prototype,"open",2),jo([Lt({attribute:"label",reflect:!0})],Ro.prototype,"label",2),jo([Lt({reflect:!0})],Ro.prototype,"placement",2),jo([Lt({type:Boolean,reflect:!0})],Ro.prototype,"contained",2),jo([Lt({attribute:"no-header",type:Boolean})],Ro.prototype,"noHeader",2),jo([Wt("open",{waitUntilFirstUpdate:!0})],Ro.prototype,"handleOpenChange",1),jo([Wt("contained",{waitUntilFirstUpdate:!0})],Ro.prototype,"handleNoModalChange",1),Ro=jo([Pt("sd-drawer")],Ro),pe("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),pe("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),pe("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),pe("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),pe("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),pe("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),pe("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});const Uo=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ro}},Symbol.toStringTag,{value:"Module"})),Io=Math.min,Fo=Math.max,No=Math.round,Vo=Math.floor,Ho=t=>({x:t,y:t}),qo={left:"right",right:"left",bottom:"top",top:"bottom"},Ko={start:"end",end:"start"};function Wo(t,e,o){return Fo(t,Io(e,o))}function Zo(t,e){return"function"==typeof t?t(e):t}function Xo(t){return t.split("-")[0]}function Yo(t){return t.split("-")[1]}function Go(t){return"x"===t?"y":"x"}function Jo(t){return"y"===t?"height":"width"}function Qo(t){return["top","bottom"].includes(Xo(t))?"y":"x"}function tr(t){return Go(Qo(t))}function er(t){return t.replace(/start|end/g,(t=>Ko[t]))}function or(t){return t.replace(/left|right|bottom|top/g,(t=>qo[t]))}function rr(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 ir(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function sr(t,e,o){let{reference:r,floating:i}=t;const s=Qo(e),n=tr(e),a=Jo(n),l=Xo(e),d="y"===s,c=r.x+r.width/2-i.width/2,h=r.y+r.height/2-i.height/2,p=r[a]/2-i[a]/2;let u;switch(l){case"top":u={x:c,y:r.y-i.height};break;case"bottom":u={x:c,y:r.y+r.height};break;case"right":u={x:r.x+r.width,y:h};break;case"left":u={x:r.x-i.width,y:h};break;default:u={x:r.x,y:r.y}}switch(Yo(e)){case"start":u[n]-=p*(o&&d?-1:1);break;case"end":u[n]+=p*(o&&d?-1:1)}return u}async function nr(t,e){var o;void 0===e&&(e={});const{x:r,y:i,platform:s,rects:n,elements:a,strategy:l}=t,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:h="floating",altBoundary:p=!1,padding:u=0}=Zo(e,t),g=rr(u),v=a[p?"floating"===h?"reference":"floating":h],m=ir(await s.getClippingRect({element:null==(o=await(null==s.isElement?void 0:s.isElement(v)))||o?v:v.contextElement||await(null==s.getDocumentElement?void 0:s.getDocumentElement(a.floating)),boundary:d,rootBoundary:c,strategy:l})),b="floating"===h?{...n.floating,x:r,y:i}:n.reference,f=await(null==s.getOffsetParent?void 0:s.getOffsetParent(a.floating)),y=await(null==s.isElement?void 0:s.isElement(f))&&await(null==s.getScale?void 0:s.getScale(f))||{x:1,y:1},w=ir(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:b,offsetParent:f,strategy:l}):b);return{top:(m.top-w.top+g.top)/y.y,bottom:(w.bottom-m.bottom+g.bottom)/y.y,left:(m.left-w.left+g.left)/y.x,right:(w.right-m.right+g.right)/y.x}}const ar=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:o,y:r}=e,i=await async function(t,e){const{placement:o,platform:r,elements:i}=t,s=await(null==r.isRTL?void 0:r.isRTL(i.floating)),n=Xo(o),a=Yo(o),l="y"===Qo(o),d=["left","top"].includes(n)?-1:1,c=s&&l?-1:1,h=Zo(e,t);let{mainAxis:p,crossAxis:u,alignmentAxis:g}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...h};return a&&"number"==typeof g&&(u="end"===a?-1*g:g),l?{x:u*c,y:p*d}:{x:p*d,y:u*c}}(e,t);return{x:o+i.x,y:r+i.y,data:i}}}},lr=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:o,rects:r,platform:i,elements:s}=e,{apply:n=(()=>{}),...a}=Zo(t,e),l=await nr(e,a),d=Xo(o),c=Yo(o),h="y"===Qo(o),{width:p,height:u}=r.floating;let g,v;"top"===d||"bottom"===d?(g=d,v=c===(await(null==i.isRTL?void 0:i.isRTL(s.floating))?"start":"end")?"left":"right"):(v=d,g="end"===c?"top":"bottom");const m=u-l[g],b=p-l[v],f=!e.middlewareData.shift;let y=m,w=b;if(h){const t=p-l.left-l.right;w=c||f?Io(b,t):t}else{const t=u-l.top-l.bottom;y=c||f?Io(m,t):t}if(f&&!c){const t=Fo(l.left,0),e=Fo(l.right,0),o=Fo(l.top,0),r=Fo(l.bottom,0);h?w=p-2*(0!==t||0!==e?t+e:Fo(l.left,l.right)):y=u-2*(0!==o||0!==r?o+r:Fo(l.top,l.bottom))}await n({...e,availableWidth:w,availableHeight:y});const x=await i.getDimensions(s.floating);return p!==x.width||u!==x.height?{reset:{rects:!0}}:{}}}};function dr(t){return pr(t)?(t.nodeName||"").toLowerCase():"#document"}function cr(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function hr(t){var e;return null==(e=(pr(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function pr(t){return t instanceof Node||t instanceof cr(t).Node}function ur(t){return t instanceof Element||t instanceof cr(t).Element}function gr(t){return t instanceof HTMLElement||t instanceof cr(t).HTMLElement}function vr(t){return!(typeof ShadowRoot>"u")&&(t instanceof ShadowRoot||t instanceof cr(t).ShadowRoot)}function mr(t){const{overflow:e,overflowX:o,overflowY:r,display:i}=xr(t);return/auto|scroll|overlay|hidden|clip/.test(e+r+o)&&!["inline","contents"].includes(i)}function br(t){return["table","td","th"].includes(dr(t))}function fr(t){const e=yr(),o=xr(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 yr(){return!(typeof CSS>"u"||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function wr(t){return["html","body","#document"].includes(dr(t))}function xr(t){return cr(t).getComputedStyle(t)}function kr(t){return ur(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function $r(t){if("html"===dr(t))return t;const e=t.assignedSlot||t.parentNode||vr(t)&&t.host||hr(t);return vr(e)?e.host:e}function Sr(t){const e=$r(t);return wr(e)?t.ownerDocument?t.ownerDocument.body:t.body:gr(e)&&mr(e)?e:Sr(e)}function _r(t,e,o){var r;void 0===e&&(e=[]),void 0===o&&(o=!0);const i=Sr(t),s=i===(null==(r=t.ownerDocument)?void 0:r.body),n=cr(i);return s?e.concat(n,n.visualViewport||[],mr(i)?i:[],n.frameElement&&o?_r(n.frameElement):[]):e.concat(i,_r(i,[],o))}function Cr(t){const e=xr(t);let o=parseFloat(e.width)||0,r=parseFloat(e.height)||0;const i=gr(t),s=i?t.offsetWidth:o,n=i?t.offsetHeight:r,a=No(o)!==s||No(r)!==n;return a&&(o=s,r=n),{width:o,height:r,$:a}}function Er(t){return ur(t)?t:t.contextElement}function Ar(t){const e=Er(t);if(!gr(e))return Ho(1);const o=e.getBoundingClientRect(),{width:r,height:i,$:s}=Cr(e);let n=(s?No(o.width):o.width)/r,a=(s?No(o.height):o.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!a||!Number.isFinite(a))&&(a=1),{x:n,y:a}}const Pr=Ho(0);function Or(t){const e=cr(t);return yr()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:Pr}function zr(t,e,o,r){void 0===e&&(e=!1),void 0===o&&(o=!1);const i=t.getBoundingClientRect(),s=Er(t);let n=Ho(1);e&&(r?ur(r)&&(n=Ar(r)):n=Ar(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==cr(t))&&e}(s,o,r)?Or(s):Ho(0);let l=(i.left+a.x)/n.x,d=(i.top+a.y)/n.y,c=i.width/n.x,h=i.height/n.y;if(s){const t=cr(s),e=r&&ur(r)?cr(r):r;let o=t.frameElement;for(;o&&r&&e!==t;){const t=Ar(o),e=o.getBoundingClientRect(),r=xr(o),i=e.left+(o.clientLeft+parseFloat(r.paddingLeft))*t.x,s=e.top+(o.clientTop+parseFloat(r.paddingTop))*t.y;l*=t.x,d*=t.y,c*=t.x,h*=t.y,l+=i,d+=s,o=cr(o).frameElement}}return ir({width:c,height:h,x:l,y:d})}function Lr(t){return zr(hr(t)).left+kr(t).scrollLeft}function Tr(t,e,o){let r;if("viewport"===e)r=function(t,e){const o=cr(t),r=hr(t),i=o.visualViewport;let s=r.clientWidth,n=r.clientHeight,a=0,l=0;if(i){s=i.width,n=i.height;const t=yr();(!t||t&&"fixed"===e)&&(a=i.offsetLeft,l=i.offsetTop)}return{width:s,height:n,x:a,y:l}}(t,o);else if("document"===e)r=function(t){const e=hr(t),o=kr(t),r=t.ownerDocument.body,i=Fo(e.scrollWidth,e.clientWidth,r.scrollWidth,r.clientWidth),s=Fo(e.scrollHeight,e.clientHeight,r.scrollHeight,r.clientHeight);let n=-o.scrollLeft+Lr(t);const a=-o.scrollTop;return"rtl"===xr(r).direction&&(n+=Fo(e.clientWidth,r.clientWidth)-i),{width:i,height:s,x:n,y:a}}(hr(t));else if(ur(e))r=function(t,e){const o=zr(t,!0,"fixed"===e),r=o.top+t.clientTop,i=o.left+t.clientLeft,s=gr(t)?Ar(t):Ho(1);return{width:t.clientWidth*s.x,height:t.clientHeight*s.y,x:i*s.x,y:r*s.y}}(e,o);else{const o=Or(t);r={...e,x:e.x-o.x,y:e.y-o.y}}return ir(r)}function Mr(t,e){const o=$r(t);return!(o===e||!ur(o)||wr(o))&&("fixed"===xr(o).position||Mr(o,e))}function Dr(t,e){const o=e.get(t);if(o)return o;let r=_r(t,[],!1).filter((t=>ur(t)&&"body"!==dr(t))),i=null;const s="fixed"===xr(t).position;let n=s?$r(t):t;for(;ur(n)&&!wr(n);){const e=xr(n),o=fr(n);!o&&"fixed"===e.position&&(i=null),(s?!o&&!i:!o&&"static"===e.position&&i&&["absolute","fixed"].includes(i.position)||mr(n)&&!o&&Mr(t,n))?r=r.filter((t=>t!==n)):i=e,n=$r(n)}return e.set(t,r),r}function Br(t,e,o){const r=gr(e),i=hr(e),s="fixed"===o,n=zr(t,!0,s,e);let a={scrollLeft:0,scrollTop:0};const l=Ho(0);if(r||!r&&!s)if(("body"!==dr(e)||mr(i))&&(a=kr(e)),r){const t=zr(e,!0,s,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else i&&(l.x=Lr(i));return{x:n.left+a.scrollLeft-l.x,y:n.top+a.scrollTop-l.y,width:n.width,height:n.height}}function jr(t,e){return gr(t)&&"fixed"!==xr(t).position?e?e(t):t.offsetParent:null}function Rr(t,e){const o=cr(t);if(!gr(t))return o;let r=jr(t,e);for(;r&&br(r)&&"static"===xr(r).position;)r=jr(r,e);return r&&("html"===dr(r)||"body"===dr(r)&&"static"===xr(r).position&&!fr(r))?o:r||function(t){let e=$r(t);for(;gr(e)&&!wr(e);){if(fr(e))return e;e=$r(e)}return null}(t)||o}const Ur={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:o,strategy:r}=t;const i=gr(o),s=hr(o);if(o===s)return e;let n={scrollLeft:0,scrollTop:0},a=Ho(1);const l=Ho(0);if((i||!i&&"fixed"!==r)&&(("body"!==dr(o)||mr(s))&&(n=kr(o)),gr(o))){const t=zr(o);a=Ar(o),l.x=t.x+o.clientLeft,l.y=t.y+o.clientTop}return{width:e.width*a.x,height:e.height*a.y,x:e.x*a.x-n.scrollLeft*a.x+l.x,y:e.y*a.y-n.scrollTop*a.y+l.y}},getDocumentElement:hr,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:r,strategy:i}=t;const s=[..."clippingAncestors"===o?Dr(e,this._c):[].concat(o),r],n=s[0],a=s.reduce(((t,o)=>{const r=Tr(e,o,i);return t.top=Fo(r.top,t.top),t.right=Io(r.right,t.right),t.bottom=Io(r.bottom,t.bottom),t.left=Fo(r.left,t.left),t}),Tr(e,n,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Rr,getElementRects:async function(t){let{reference:e,floating:o,strategy:r}=t;const i=this.getOffsetParent||Rr,s=this.getDimensions;return{reference:Br(e,await i(o),r),floating:{x:0,y:0,...await s(o)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return Cr(t)},getScale:Ar,isElement:ur,isRTL:function(t){return"rtl"===xr(t).direction}};var Ir=Object.defineProperty,Fr=Object.getOwnPropertyDescriptor,Nr=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Fr(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ir(e,o,s),s};let Vr=class extends Jt{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}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}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 HTMLElement?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=function(t,e,o,r){void 0===r&&(r={});const{ancestorScroll:i=!0,ancestorResize:s=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=r,d=Er(t),c=i||s?[...d?_r(d):[],..._r(e)]:[];c.forEach((t=>{i&&t.addEventListener("scroll",o,{passive:!0}),s&&t.addEventListener("resize",o)}));const h=d&&a?function(t,e){let o,r=null;const i=hr(t);function s(){clearTimeout(o),r&&r.disconnect(),r=null}return function n(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),s();const{left:d,top:c,width:h,height:p}=t.getBoundingClientRect();if(a||e(),!h||!p)return;const u={rootMargin:-Vo(c)+"px "+-Vo(i.clientWidth-(d+h))+"px "+-Vo(i.clientHeight-(c+p))+"px "+-Vo(d)+"px",threshold:Fo(0,Io(1,l))||1};let g=!0;function v(t){const e=t[0].intersectionRatio;if(e!==l){if(!g)return n();e?n(!1,e):o=setTimeout((()=>{n(!1,1e-7)}),100)}g=!1}try{r=new IntersectionObserver(v,{...u,root:i.ownerDocument})}catch{r=new IntersectionObserver(v,u)}r.observe(t)}(!0),s}(d,o):null;let p=-1,u=null;n&&(u=new ResizeObserver((t=>{let[r]=t;r&&r.target===d&&u&&(u.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{u&&u.observe(e)}))),o()})),d&&!l&&u.observe(d),u.observe(e));let g,v=l?zr(t):null;return l&&function e(){const r=zr(t);v&&(r.x!==v.x||r.y!==v.y||r.width!==v.width||r.height!==v.height)&&o(),v=r,g=requestAnimationFrame(e)}(),o(),()=>{c.forEach((t=>{i&&t.removeEventListener("scroll",o),s&&t.removeEventListener("resize",o)})),h&&h(),u&&u.disconnect(),u=null,l&&cancelAnimationFrame(g)}}(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=[ar({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(lr({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(function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,r;const{placement:i,middlewareData:s,rects:n,initialPlacement:a,platform:l,elements:d}=e,{mainAxis:c=!0,crossAxis:h=!0,fallbackPlacements:p,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:v=!0,...m}=Zo(t,e);if(null!=(o=s.arrow)&&o.alignmentOffset)return{};const b=Xo(i),f=Xo(a)===a,y=await(null==l.isRTL?void 0:l.isRTL(d.floating)),w=p||(f||!v?[or(a)]:function(t){const e=or(t);return[er(t),e,er(e)]}(a));!p&&"none"!==g&&w.push(...function(t,e,o,r){const i=Yo(t);let s=function(t,e,o){const r=["left","right"],i=["right","left"],s=["top","bottom"],n=["bottom","top"];switch(t){case"top":case"bottom":return o?e?i:r:e?r:i;case"left":case"right":return e?s:n;default:return[]}}(Xo(t),"start"===o,r);return i&&(s=s.map((t=>t+"-"+i)),e&&(s=s.concat(s.map(er)))),s}(a,v,g,y));const x=[a,...w],k=await nr(e,m),$=[];let S=(null==(r=s.flip)?void 0:r.overflows)||[];if(c&&$.push(k[b]),h){const t=function(t,e,o){void 0===o&&(o=!1);const r=Yo(t),i=tr(t),s=Jo(i);let n="x"===i?r===(o?"end":"start")?"right":"left":"start"===r?"bottom":"top";return e.reference[s]>e.floating[s]&&(n=or(n)),[n,or(n)]}(i,n,y);$.push(k[t[0]],k[t[1]])}if(S=[...S,{placement:i,overflows:$}],!$.every((t=>t<=0))){var _,C;const t=((null==(_=s.flip)?void 0:_.index)||0)+1,e=x[t];if(e)return{data:{index:t,overflows:S},reset:{placement:e}};let o=null==(C=S.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!o)switch(u){case"bestFit":{var E;const t=null==(E=S.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{}}}}({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:r,placement:i}=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=Zo(t,e),d={x:o,y:r},c=await nr(e,l),h=Qo(Xo(i)),p=Go(h);let u=d[p],g=d[h];if(s){const t="y"===p?"bottom":"right";u=Wo(u+c["y"===p?"top":"left"],u,u-c[t])}if(n){const t="y"===h?"bottom":"right";g=Wo(g+c["y"===h?"top":"left"],g,g-c[t])}const v=a.fn({...e,[p]:u,[h]:g});return{...v,data:{x:v.x-o,y:v.y-r}}}}}({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(lr({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((t=>({name:"arrow",options:t,async fn(e){const{x:o,y:r,placement:i,rects:s,platform:n,elements:a,middlewareData:l}=e,{element:d,padding:c=0}=Zo(t,e)||{};if(null==d)return{};const h=rr(c),p={x:o,y:r},u=tr(i),g=Jo(u),v=await n.getDimensions(d),m="y"===u,b=m?"top":"left",f=m?"bottom":"right",y=m?"clientHeight":"clientWidth",w=s.reference[g]+s.reference[u]-p[u]-s.floating[g],x=p[u]-s.reference[u],k=await(null==n.getOffsetParent?void 0:n.getOffsetParent(d));let $=k?k[y]:0;(!$||!await(null==n.isElement?void 0:n.isElement(k)))&&($=a.floating[y]||s.floating[g]);const S=w/2-x/2,_=$/2-v[g]/2-1,C=Io(h[b],_),E=Io(h[f],_),A=C,P=$-v[g]-E,O=$/2-v[g]/2+S,z=Wo(A,O,P),L=!l.arrow&&null!=Yo(i)&&O!=z&&s.reference[g]/2-(O<A?C:E)-v[g]/2<0,T=L?O<A?O-A:O-P:0;return{[u]:p[u]+T,data:{[u]:z,centerOffset:O-z-T,...L&&{alignmentOffset:T}},reset:L}}}))({element:this.arrowEl,padding:this.arrowPadding})),((t,e,o)=>{const r=new Map,i={platform:Ur,...o},s={...i.platform,_c:r};return(async(t,e,o)=>{const{placement:r="bottom",strategy:i="absolute",middleware:s=[],platform:n}=o,a=s.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(e));let d=await n.getElementRects({reference:t,floating:e,strategy:i}),{x:c,y:h}=sr(d,r,l),p=r,u={},g=0;for(let o=0;o<a.length;o++){const{name:s,fn:v}=a[o],{x:m,y:b,data:f,reset:y}=await v({x:c,y:h,initialPlacement:r,placement:p,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:t,floating:e}});c=m??c,h=b??h,u={...u,[s]:{...u[s],...f}},y&&g<=50&&(g++,"object"==typeof y&&(y.placement&&(p=y.placement),y.rects&&(d=!0===y.rects?await n.getElementRects({reference:t,floating:e,strategy:i}):y.rects),({x:c,y:h}=sr(d,p,l))),o=-1)}return{x:c,y:h,placement:p,strategy:i,middlewareData:u}})(t,e,{...i,platform:s})})(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy}).then((({x:t,y:e,middlewareData:o,placement:r})=>{const i="rtl"===getComputedStyle(this).direction,s={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="",n="",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))`:"",n=i?o:"",l=i?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";n=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:n,bottom:a,left:l,[s]:"calc(var(--arrow-size-diagonal) * -1)"})}})),this.emit("sd-reposition")}render(){return ht`<slot name="anchor" @slotchange="${this.handleAnchorChange}"></slot><div part="popup" class="${ve("isolate","fixed"!==this.strategy?"absolute":"fixed",!this.active&&"hidden")}"><slot></slot>${this.arrow?ht`<div part="arrow" class="absolute rotate-45 -z-10" role="presentation"></div>`:""}</div>`}};Vr.styles=[Jt.styles,Zt,P`:host{--arrow-color:var(--sd-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}[part=popup]{max-width:var(--auto-size-available-width,none);max-height:var(--auto-size-available-height,none)}[part=arrow]{width:calc(var(--arrow-size-diagonal) * 2);height:calc(var(--arrow-size-diagonal) * 2);background:var(--arrow-color)}`],Nr([Dt('[part="popup"]')],Vr.prototype,"popup",2),Nr([Dt('[part="arrow"]')],Vr.prototype,"arrowEl",2),Nr([Lt()],Vr.prototype,"anchor",2),Nr([Lt({type:Boolean,reflect:!0})],Vr.prototype,"active",2),Nr([Lt({reflect:!0})],Vr.prototype,"placement",2),Nr([Lt({reflect:!0})],Vr.prototype,"strategy",2),Nr([Lt({type:Number})],Vr.prototype,"distance",2),Nr([Lt({type:Number})],Vr.prototype,"skidding",2),Nr([Lt({type:Boolean})],Vr.prototype,"arrow",2),Nr([Lt({attribute:"arrow-placement"})],Vr.prototype,"arrowPlacement",2),Nr([Lt({attribute:"arrow-padding",type:Number})],Vr.prototype,"arrowPadding",2),Nr([Lt({type:Boolean})],Vr.prototype,"flip",2),Nr([Lt({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],Vr.prototype,"flipFallbackPlacements",2),Nr([Lt({attribute:"flip-fallback-strategy"})],Vr.prototype,"flipFallbackStrategy",2),Nr([Lt({type:Object})],Vr.prototype,"flipBoundary",2),Nr([Lt({attribute:"flip-padding",type:Number})],Vr.prototype,"flipPadding",2),Nr([Lt({type:Boolean})],Vr.prototype,"shift",2),Nr([Lt({type:Object})],Vr.prototype,"shiftBoundary",2),Nr([Lt({attribute:"shift-padding",type:Number})],Vr.prototype,"shiftPadding",2),Nr([Lt({attribute:"auto-size"})],Vr.prototype,"autoSize",2),Nr([Lt()],Vr.prototype,"sync",2),Nr([Lt({type:Object})],Vr.prototype,"autoSizeBoundary",2),Nr([Lt({attribute:"auto-size-padding",type:Number})],Vr.prototype,"autoSizePadding",2),Vr=Nr([Pt("sd-popup")],Vr);const Hr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Vr}},Symbol.toStringTag,{value:"Module"}));var qr=Object.defineProperty,Kr=Object.getOwnPropertyDescriptor,Wr=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Kr(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&qr(e,o,s),s};let Zr=class extends Jt{constructor(){super(...arguments),this.localize=new x(this),this.open=!1,this.rounded=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.noAutoSize=!1,this.noFlip=!1,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(null==t?void 0:t.focus)&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"sd-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){var e;if("Tab"===t.key){if(this.open&&"sd-menu-item"===(null==(e=document.activeElement)?void 0:e.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var t,e,o;const r=(null==(t=this.containingElement)?void 0:t.getRootNode())instanceof ShadowRoot?null==(o=null==(e=document.activeElement)?void 0:e.shadowRoot)?void 0:o.activeElement:document.activeElement;(!this.containingElement||(null==r?void 0:r.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()}))}}handleDocumentMouseDown(t){const e=t.composedPath();this.containingElement&&!e.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(t){!function(t,e,o="vertical",r="smooth"){const i=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),s=i.top+e.scrollTop,n=i.left+e.scrollLeft,a=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,d=e.scrollTop,c=e.scrollTop+e.offsetHeight;("horizontal"===o||"both"===o)&&(n<a?e.scrollTo({left:n,behavior:r}):n+t.clientWidth>l&&e.scrollTo({left:n-e.offsetWidth+t.clientWidth,behavior:r})),("vertical"===o||"both"===o)&&(s<d?e.scrollTo({top:s,behavior:r}):s+t.clientHeight>c&&e.scrollTo({top:s-e.offsetHeight+t.clientHeight,behavior:r}))}(t.target,this.panel)}handlePanelSelect(t){const e=t.target;!this.stayOpenOnSelect&&"sd-menu"===e.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(t.key))return t.preventDefault(),void this.handleTriggerClick();const e=this.getMenu();if(e){const o=e.defaultSlot.assignedElements({flatten:!0}),r=o[0],i=o[o.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),o.length>0&&requestAnimationFrame((()=>{("ArrowDown"===t.key||"Home"===t.key)&&(e.setCurrentItem(r),r.focus()),("ArrowUp"===t.key||"End"===t.key)&&(e.setCurrentItem(i),i.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>Lo(t).start));let e;if(t){switch(t.tagName.toLowerCase()){case"sd-button":case"sd-icon-button":e=t.button;break;default:e=t}e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,ge(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,ge(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await ae(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:e}=ue(this,"dropdown.show",{dir:this.localize.dir()});await se(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await ae(this);const{keyframes:t,options:e}=ue(this,"dropdown.hide",{dir:this.localize.dir()});await se(this.popup.popup,t,e),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return ht`<sd-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10" ?active="${this.open}"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${ve("shadow bg-white",this.open?"block pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-popup>`}};Zr.styles=[Jt.styles,Zt,P`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],Wr([Dt("#dropdown")],Zr.prototype,"popup",2),Wr([Dt("[part=trigger]")],Zr.prototype,"trigger",2),Wr([Dt("[part=panel]")],Zr.prototype,"panel",2),Wr([Lt({type:Boolean,reflect:!0})],Zr.prototype,"open",2),Wr([Lt({type:Boolean,reflect:!0})],Zr.prototype,"rounded",2),Wr([Lt({reflect:!0})],Zr.prototype,"placement",2),Wr([Lt({type:Boolean,reflect:!0})],Zr.prototype,"disabled",2),Wr([Lt({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],Zr.prototype,"stayOpenOnSelect",2),Wr([Lt({attribute:!1})],Zr.prototype,"containingElement",2),Wr([Lt({type:Number})],Zr.prototype,"distance",2),Wr([Lt({type:Number})],Zr.prototype,"skidding",2),Wr([Lt({type:Boolean,reflect:!0,attribute:"no-auto-size"})],Zr.prototype,"noAutoSize",2),Wr([Lt({type:Boolean,reflect:!0,attribute:"no-flip"})],Zr.prototype,"noFlip",2),Wr([Lt({type:Boolean})],Zr.prototype,"hoist",2),Wr([Wt("open",{waitUntilFirstUpdate:!0})],Zr.prototype,"handleOpenChange",1),Zr=Wr([Pt("sd-dropdown")],Zr),pe("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),pe("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const Xr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Zr}},Symbol.toStringTag,{value:"Module"})),Yr=P`${Zt}:host{display:block}`,Gr=Object.freeze(Object.defineProperty({__proto__:null,default:Yr},Symbol.toStringTag,{value:"Module"}));var Jr=Object.defineProperty,Qr=Object.getOwnPropertyDescriptor,ti=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Qr(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Jr(e,o,s),s};let ei=class extends Jt{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await Rt(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return ht`<slot></slot>`}};ei.styles=Yr,ti([Lt()],ei.prototype,"src",2),ti([Lt()],ei.prototype,"mode",2),ti([Lt({attribute:"allow-scripts",type:Boolean})],ei.prototype,"allowScripts",2),ti([Wt("src")],ei.prototype,"handleSrcChange",1),ei=ti([Pt("sd-include")],ei);const oi=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ei}},Symbol.toStringTag,{value:"Module"}));var ri=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,si=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?ii(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ri(e,o,s),s};let ni=class extends Jt{constructor(){super(...arguments),this.hasSlotController=new Xe(this,"[default]","icon-left","icon-right"),this.size="inherit",this.inverted=!1,this.standalone=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return ht`<a part="base" class="${ve("inline",this.href?"cursor-pointer":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline"}[this.href?"enabled":"disabled"],this.standalone&&"flex items-start")}" href="${eo(this.href||void 0)}" target="${eo(this.target||void 0)}" download="${eo(this.download||void 0)}" rel="${eo(this.target?"noreferrer noopener":void 0)}" aria-disabled="${this.href?"false":"true"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"><slot name="icon-left" part="icon-left" class="${ve("inline",t["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${ve("inline",t["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};ni.styles=[Jt.styles,P`::slotted(sd-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-icon){font-size:1.5rem}`],si([Dt("a")],ni.prototype,"button",2),si([Lt({reflect:!0})],ni.prototype,"size",2),si([Lt({type:Boolean,reflect:!0})],ni.prototype,"inverted",2),si([Lt({type:Boolean,reflect:!0})],ni.prototype,"standalone",2),si([Lt()],ni.prototype,"href",2),si([Lt()],ni.prototype,"target",2),si([Lt()],ni.prototype,"download",2),ni=si([Pt("sd-link")],ni);const ai=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ni}},Symbol.toStringTag,{value:"Module"}));var li=Object.defineProperty,di=Object.getOwnPropertyDescriptor,ci=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?di(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&li(e,o,s),s};let hi=class extends Jt{constructor(){super(...arguments),this.hasSlotController=new Xe(this,"[default]","description","children"),this.href="",this.current=!1,this.disabled=!1,this.size="base",this.vertical=!1,this.chevron=!1,this.indented=!1,this.relaxed=!1,this.divider=!1,this.open=!1}isButton(){return!this.href&&!this.hasSlotController.test("children")}isLink(){return!!this.href}isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}render(){const t=this.isLink(),e=this.isButton(),o=this.isAccordion(),r=(this.hasSlotController.test("[default]"),this.hasSlotController.test("main"),this.hasSlotController.test("description")),i=this.hasSlotController.test("children"),s=t?Je`a`:o?Je`summary`:Je`button`,n=this.vertical?"pb-3":"pb-2",a=to`<${s} part="base" class="${ve("hover:bg-neutral-200 group transition-all min-h-[48px] cursor-pointer relative focus-visible:focus-outline",{base:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",o?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-[1px]",this.vertical?"px-8":"px-4")}" aria-controls="${eo(o?"navigation-item-details":void 0)}" aria-current="${eo(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${eo(e?this.disabled:void 0)}" href="${eo(this.href||void 0)}" target="${eo(t?this.target:void 0)}" download="${eo(t?this.download:void 0)}" rel="${eo(t&&this.target?"noreferrer noopener":void 0)}" role="${t?"link":"button"}" tabindex="${this.disabled?"-1":"0"}" @click="${o?this.handleClickSummary:e?this.handleClickButton:void 0}"><div class="${ve("absolute w-full left-0 top-0 pointer-events-none transition-all duration-150",this.vertical?"border-l-4 h-[calc(100%-8px)] top-1 group-hover:h-full group-hover:top-0":"border-b-4 h-full",this.current?"border-accent":"border-transparent",this.disabled&&"border-neutral-500")}"></div><span class="${ve("relative pt-3 inline-flex justify-between items-center",o?"grow":"w-full",r?"pb-1":n,this.calculatePaddingX())}">${this.divider&&this.vertical?to`<sd-divider part="divider" class="${ve("w-full transition-all absolute -top-[1px] left-0",this.calculatePaddingX())}"></sd-divider>`:""} <span class="inline-flex items-center flex-auto"><slot part="content" class="inline"></slot></span>${(this.chevron||i)&&this.vertical?to`<sd-icon name="chevron-down" part="chevron" library="system" color="currentColor" class="${ve("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${r&&this.vertical?to`<slot name="description" part="description" class="${ve("inline-block text-sm text-left text-black",o?"grow":"w-full",n,this.calculatePaddingX())}"></slot>`:""}</${s}>`;return o?to`<details id="navigation-item-details" ?open="${this.open}" class="relative flex">${a}<slot name="children"></slot></details>`:to`${a}`}};hi.styles=[Zt,Jt.styles,P`:host{box-sizing:border-box;position:relative;display:inline-block}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}`],ci([Lt({reflect:!0})],hi.prototype,"href",2),ci([Lt()],hi.prototype,"target",2),ci([Lt()],hi.prototype,"download",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"current",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"disabled",2),ci([Lt({reflect:!0})],hi.prototype,"size",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"vertical",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"chevron",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"indented",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"relaxed",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"divider",2),ci([Lt({type:Boolean,reflect:!0})],hi.prototype,"open",2),hi=ci([(t=>(e,o)=>{void 0!==o?o.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)})
|
|
86
86
|
/**
|
|
87
87
|
* @license
|
|
88
88
|
* Copyright 2017 Google LLC
|
|
89
89
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
90
|
-
*/var o,r})("sd-navigation-item")],ci);const hi=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ci}},Symbol.toStringTag,{value:"Module"})),pi=A`${Wt}:host{display:inline-block}.button-group{display:flex;flex-wrap:nowrap}`;var ui=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,gi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?vi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&ui(e,o,s),s};let mi=class extends Gt{constructor(){super(...arguments),this.disableRole=!1,this.label=""}handleFocus(t){const e=bi(t.target);null==e||e.classList.add("sd-button-group__button--focus")}handleBlur(t){const e=bi(t.target);null==e||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){const e=bi(t.target);null==e||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){const e=bi(t.target);null==e||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){const t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach((e=>{const o=t.indexOf(e),r=bi(e);null!==r&&(r.classList.add("sd-button-group__button"),r.classList.toggle("sd-button-group__button--first",0===o),r.classList.toggle("sd-button-group__button--inner",o>0&&o<t.length-1),r.classList.toggle("sd-button-group__button--last",o===t.length-1),r.classList.toggle("sd-button-group__button--radio","sd-radio-button"===r.tagName.toLowerCase()))}))}render(){return nt`<slot 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}" @slotchange="${this.handleSlotChange}"></slot>`}};function bi(t){const e="sd-button, sd-radio-button";return t.closest(e)??t.querySelector(e)}mi.styles=pi,gi([Lt("slot")],mi.prototype,"defaultSlot",2),gi([zt()],mi.prototype,"disableRole",2),gi([Pt()],mi.prototype,"label",2),mi=gi([_t("sd-button-group")],mi);var fi=Object.defineProperty,yi=Object.getOwnPropertyDescriptor,wi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?yi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&fi(e,o,s),s};let xi=class extends Gt{constructor(){super(...arguments),this.formControlController=new He(this),this.hasSlotController=new Ze(this,"label","error-text"),this.customValidityMessage="",this.hasButtonGroup=!1,this.defaultValue="",this.invalid=!1,this.errorText="",this.label="",this.name="option",this.value="",this.size="lg",this.form="",this.required=!1,this.orientation="vertical"}get validity(){const t=this.required&&!this.value;return""!==this.customValidityMessage?(this.invalid=!0,We):t?(this.invalid=!0,Ke):(this.invalid=!1,qe)}get validationMessage(){const t=this.required&&!this.value;return""!==this.customValidityMessage?(console.log("this.customValidityMessage",this.customValidityMessage),this.customValidityMessage):t?(console.log("this.validationInput.validationMessage",this.validationInput),this.validationInput.validationMessage):""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){const e=t.target.closest("sd-radio, sd-radio-button"),o=this.getAllRadios(),r=this.value;e.disabled||(this.value=e.value,o.forEach((t=>t.checked=t===e)),this.value!==r&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;const e=this.getAllRadios().filter((t=>!t.disabled)),o=e.find((t=>t.checked))??e[0],r=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,i=this.value;let s=e.indexOf(o)+r;s<0&&(s=e.length-1),s>e.length-1&&(s=0),this.getAllRadios().forEach((t=>{t.checked=!1,this.hasButtonGroup||(t.tabIndex=-1)})),this.value=e[s].value,e[s].checked=!0,this.hasButtonGroup?e[s].shadowRoot.querySelector("button").focus():(e[s].tabIndex=0,e[s].focus()),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}handleLabelClick(){const t=this.getAllRadios(),e=t.find((t=>t.checked))||t[0];e&&e.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}async syncRadioElements(){var t,e;const o=this.getAllRadios();if(await Promise.all(o.map((async t=>{await t.updateComplete,t.checked=t.value===this.value,t.size=this.size,t.invalid=this.invalid}))),this.hasButtonGroup=o.some((t=>"sd-radio-button"===t.tagName.toLowerCase())),!o.some((t=>t.checked)))if(this.hasButtonGroup){const e=null==(t=o[0].shadowRoot)?void 0:t.querySelector("button");e&&(e.tabIndex=0)}else o[0].tabIndex=0;if(this.hasButtonGroup){const t=null==(e=this.shadowRoot)?void 0:e.querySelector("sd-button-group");t&&(t.disableRole=!0)}}syncRadios(){customElements.get("sd-radio")&&customElements.get("sd-radio-button")?this.syncRadioElements():(customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then((()=>this.syncRadios())),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then((()=>this.syncRadios())))}updateCheckedRadio(){this.getAllRadios().forEach((t=>t.checked=t.value===this.value)),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){const t=this.required&&!this.value,e=""!==this.customValidityMessage;return!t&&!e||(this.formControlController.emitInvalidEvent(),!1)}getForm(){return this.formControlController.getForm()}reportValidity(){const t=this.validity.valid;return this.errorText=this.customValidityMessage||t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout((()=>this.validationInput.hidden=!0),1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.errorText=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("label"),e=this.hasSlotController.test("error-text"),o=!!this.label||!!t,r=!!this.errorText||!!e,i=nt`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return nt`<fieldset part="form-control" class="${ve("form-control form-control--radio-group border-0 p-0 m-0",o&&"form-control--has-label",r&&"text-error",{sm:"text-sm",lg:"text-base"}[this.size])}" role="radiogroup" aria-labelledby="label" aria-errormessage="error-text"><label part="form-control-label" id="label" class="form-control__label mb-2 hidden p-0 font-bold leading-normal text-black" aria-hidden="${!o}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="${ve("form-control-input flex",this.invalid&&"form-control-input--invalid text-error",{vertical:"form-control-input--vertical flex-col",horizontal:"form-control-input--horizontal flex-row"}[this.orientation])}"><div class="sr-only"><div id="error-message" aria-live="assertive">${this.errorText}</div><label class="radio-group__validation"><input type="text" class="radio-group__validation-input" ?required="${this.required}" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${i}</div></fieldset>`}};xi.dependencies={"sd-button-group":mi},xi.styles=[Wt,Gt.styles,A`:host{display:block}.form-control-input--vertical ::slotted(sd-radio){margin-bottom:8px;display:flex}.form-control-input--vertical ::slotted(sd-radio:last-of-type){margin-bottom:0}.form-control-input--horizontal ::slotted(sd-radio){margin-right:24px}.form-control-input--horizontal ::slotted(sd-radio:last-of-type){margin-right:0}.form-control--has-label .form-control__label{display:flex}:host([required]) .form-control--has-label .form-control__label::after{content:'*';margin-left:2px}`],wi([Lt("slot:not([name])")],xi.prototype,"defaultSlot",2),wi([Lt(".radio-group__validation-input")],xi.prototype,"validationInput",2),wi([zt()],xi.prototype,"hasButtonGroup",2),wi([zt()],xi.prototype,"defaultValue",2),wi([zt()],xi.prototype,"invalid",2),wi([zt()],xi.prototype,"errorText",2),wi([Pt()],xi.prototype,"label",2),wi([Pt()],xi.prototype,"name",2),wi([Pt({reflect:!0})],xi.prototype,"value",2),wi([Pt({reflect:!0})],xi.prototype,"size",2),wi([Pt({reflect:!0})],xi.prototype,"form",2),wi([Pt({type:Boolean,reflect:!0})],xi.prototype,"required",2),wi([Pt({reflect:!0})],xi.prototype,"orientation",2),wi([Kt("size",{waitUntilFirstUpdate:!0})],xi.prototype,"handleSizeChange",1),wi([Kt("invalid",{waitUntilFirstUpdate:!0})],xi.prototype,"handleInvalidChange",1),wi([Kt("value")],xi.prototype,"handleValueChange",1),xi=wi([_t("sd-radio-group")],xi);const ki=Object.freeze(Object.defineProperty({__proto__:null,get default(){return xi}},Symbol.toStringTag,{value:"Module"}));var $i=Object.defineProperty,Si=Object.getOwnPropertyDescriptor,Ci=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Si(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&$i(e,o,s),s};let _i=class extends Gt{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.size="lg",this.invalid=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return nt`<span part="base" class="${ve("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",this.checked&&"radio--checked",this.disabled&&"hover:cursor-not-allowed",this.hasFocus&&"radio--focused",{sm:"small-size text-sm",lg:"text-base"}[this.size])}"><span part="${this.checked?"control--checked":"control--unchecked"}" class="${ve("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",(this.disabled?"border-neutral-500":this.invalid&&"border-error hover:border-error-400 group-hover:border-error-400")||this.checked&&"border-accent hover:border-accent-550 group-hover:border-accent-550"||"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?nt`<span part="checked" class="${ve("rounded-full inline-flex text-white border bg-accent h-2.5 w-2.5",(this.disabled?"bg-neutral-500":this.invalid&&"bg-error hover:bg-error-400 group-hover:bg-error-400")||this.checked&&"bg-accent hover:bg-accent-550 group-hover:bg-accent-550"||"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${ve("label ml-2 select-none inline-block",(this.disabled?"text-neutral-500":this.invalid&&"text-error")||"text-black")}"></slot></span>`}};_i.styles=[Gt.styles,A`:host{display:block}:host(:focus-visible){outline:0}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline:2px solid #00358e;outline-offset:2px}`],Ci([zt()],_i.prototype,"checked",2),Ci([zt()],_i.prototype,"hasFocus",2),Ci([Pt({reflect:!0})],_i.prototype,"size",2),Ci([Pt({type:Boolean,reflect:!0})],_i.prototype,"invalid",2),Ci([Pt({type:Boolean,reflect:!0})],_i.prototype,"disabled",2),Ci([Pt()],_i.prototype,"value",2),Ci([Kt("checked")],_i.prototype,"handleCheckedChange",1),Ci([Kt("disabled",{waitUntilFirstUpdate:!0})],_i.prototype,"handleDisabledChange",1),_i=Ci([_t("sd-radio")],_i);const Ei=Object.freeze(Object.defineProperty({__proto__:null,get default(){return _i}},Symbol.toStringTag,{value:"Module"}));var Ai=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,zi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Pi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ai(e,o,s),s};let Oi=class extends Gt{constructor(){super(...arguments),this.size="lg",this.selected=!1,this.removable=!1,this.disabled=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}render(){const t=this.isLink(),e=t?Ge`a`:Ge`button`;return Qe`<${e} part="base" type="${to(t?void 0:"button")}" href="${to(t?this.href:void 0)}" rel="${to(t&&this.target?"noreferrer noopener":void 0)}" target="${to(t?this.target:void 0)}" download="${to(t?this.download:void 0)}" ?disabled="${to(t?void 0:this.disabled)}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${ve("inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap focus-visible:focus-outline",{lg:"h-8 text-base gap-2",sm:"h-6 text-sm gap-1"}[this.size],{lg:this.removable?"pl-4 pr-3 py-2":"px-4 py-2",sm:this.removable?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.selected?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500":"border-primary text-primary hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500 disabled:border-neutral-500 disabled:text-neutral-500",this.disabled&&!t&&"cursor-not-allowed")}"><slot part="content"></slot><slot part="removable-indicator" name="removable-indicator" class="${ve(!this.removable&&"hidden",{lg:"text-base",sm:"text-[12px]"}[this.size])}"><sd-icon library="system" name="close" label="remove"></sd-icon></slot></${e}>`}};Oi.styles=[Gt.styles,A`:host{display:inline-block}`],zi([Lt("a, button")],Oi.prototype,"tag",2),zi([Pt({reflect:!0})],Oi.prototype,"size",2),zi([Pt({type:Boolean,reflect:!0})],Oi.prototype,"selected",2),zi([Pt({type:Boolean,reflect:!0})],Oi.prototype,"removable",2),zi([Pt({type:Boolean,reflect:!0})],Oi.prototype,"disabled",2),zi([Pt()],Oi.prototype,"href",2),zi([Pt()],Oi.prototype,"target",2),zi([Pt()],Oi.prototype,"download",2),Oi=zi([_t("sd-tag")],Oi);const Li=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Oi}},Symbol.toStringTag,{value:"Module"}));var Ti=Object.defineProperty,Mi=Object.getOwnPropertyDescriptor,Di=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Mi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ti(e,o,s),s};let Bi=class extends Gt{constructor(){super(...arguments),this.variant="white",this.breakpoint=448,this.inset=!1,this.hasSlotController=new Ze(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),0===this.breakpoint?this._orientation="horizontal":9999===this.breakpoint?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateOrientation())),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(t){super.updated(t),t.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){const t="white border-neutral-300"===this.variant||this.inset,e=this.hasSlotController.test("[default]"),o=this.hasSlotController.test("media"),r=this.hasSlotController.test("meta");return this.hasSlotController.test("headline"),nt`<div class="${ve("flex",{white:"bg-white","white border-neutral-300":"bg-white border border-neutral-300","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],"vertical"===this._orientation&&"flex-col","horizontal"===this._orientation&&"flex-row gap-8","horizontal"===this._orientation&&t&&"py-8 px-10")}" part="base"><div style="${"horizontal"===this._orientation?"width: var(--distribution-media, 100%);":""}" class="${ve(!t&&"vertical"===this._orientation&&"mb-4",!o&&"hidden")}" part="media"><slot name="media"></slot></div><div style="${"horizontal"===this._orientation?"width: var(--distribution-content, 100%); "+(t?"width: var(--distribution-content, calc(100% - 2rem));":""):""}" class="${ve("flex flex-col text-left","horizontal"===this._orientation&&"flex flex-col","vertical"===this._orientation&&t&&"m-4")}" part="content"><div part="meta" class="${ve("gap-2 mb-4",!r&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="${ve("text-lg font-bold m-0","primary"===this.variant?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. <h2>)</slot></div><div part="main" class="${ve(!e&&"hidden")}"><slot></slot></div></div></div>`}};Bi.styles=[Gt.styles,A`:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:0!important}`],Di([Pt({reflect:!0})],Bi.prototype,"variant",2),Di([Pt({reflect:!0,type:Number})],Bi.prototype,"breakpoint",2),Di([Pt({type:Boolean,reflect:!0})],Bi.prototype,"inset",2),Di([Lt('[part="base"]')],Bi.prototype,"teaser",2),Di([zt()],Bi.prototype,"_orientation",2),Bi=Di([_t("sd-teaser")],Bi);const ji=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Bi}},Symbol.toStringTag,{value:"Module"}));var Ri=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,Ii=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Ui(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ri(e,o,s),s};let Ni=class extends Gt{constructor(){super(...arguments),this.playing=!1,this.overlay=!1,this.isBelowBreakpoint=!1,this.hasSlotController=new Ze(this,"[default]","play-icon","poster")}get poster(){const t=this.shadowRoot.querySelector("slot[name=poster]");return(null==t?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}play(){this.emit("sd-play"),this.playing=!0,this.fadeoutPoster()}handleKeydown(t){t instanceof KeyboardEvent&&("Enter"===t.key||" "===t.key)&&(this.play(),setTimeout((()=>{var t;null==(t=this.querySelector("video"))||t.focus()})))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.handleButtonResize())),this.updateComplete.then((()=>{this.resizeObserver.observe(this.hostEl)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return nt`<div part="base" aria-label="Video Player" class="cursor-pointer"><button part="play-button" aria-label="Play video" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${ve(this.playing&&"pointer-events-none","w-full h-full absolute top-0 left-0 z-30 text-primary hover:text-primary-500 sd-interactive sd-interactive--reset focus-visible:focus-outline")}"><div part="play-button-bg" class="${ve(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition")}"><slot name="play-icon" part="play-icon" class="${ve(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-icon id="default-play-icon" library="system" name="start"></sd-icon></slot></div></button> ${this.hasSlotController.test("poster")?nt`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>`:null}<div part="overlay" id="overlay" role="presentation" class="${ve(this.overlay&&!this.playing?"opacity-100":"opacity-0","bg-[rgba(0,0,0,0.65)] w-full h-full absolute top-0 left-0 pointer-events-none z-20 play-pause-transition")}"></div><slot></slot></div>`}};Ni.styles=[Gt.styles,A`:host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){transition:opacity .3s}::slotted([slot=poster]){position:absolute;left:0;top:0;width:100%;z-index:10}#default-play-icon,::slotted([slot=play-icon]){position:absolute;left:50%;top:50%;translate:-50% -50%}`],Ii([Lt("[part=base]")],Ni.prototype,"hostEl",2),Ii([Pt({type:Boolean,reflect:!0})],Ni.prototype,"playing",2),Ii([Pt({type:Boolean,reflect:!0})],Ni.prototype,"overlay",2),Ii([Pt({type:Boolean})],Ni.prototype,"isBelowBreakpoint",2),Ni=Ii([_t("sd-video")],Ni);const Fi=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ni}},Symbol.toStringTag,{value:"Module"}));t.LocalizeController=w,t.registerIconLibrary=d,t.unregisterIconLibrary=c,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})},"object"==typeof exports&&typeof module<"u"?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=typeof globalThis<"u"?globalThis:t||self)["Solid Components"]={});
|
|
90
|
+
*/("sd-navigation-item")],hi);const pi=Object.freeze(Object.defineProperty({__proto__:null,get default(){return hi}},Symbol.toStringTag,{value:"Module"})),ui=P`${Zt}:host{display:inline-block}.button-group{display:flex;flex-wrap:nowrap}`;var gi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,mi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?vi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&gi(e,o,s),s};let bi=class extends Jt{constructor(){super(...arguments),this.disableRole=!1,this.label=""}handleFocus(t){const e=fi(t.target);null==e||e.classList.add("sd-button-group__button--focus")}handleBlur(t){const e=fi(t.target);null==e||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){const e=fi(t.target);null==e||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){const e=fi(t.target);null==e||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){const t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach((e=>{const o=t.indexOf(e),r=fi(e);null!==r&&(r.classList.add("sd-button-group__button"),r.classList.toggle("sd-button-group__button--first",0===o),r.classList.toggle("sd-button-group__button--inner",o>0&&o<t.length-1),r.classList.toggle("sd-button-group__button--last",o===t.length-1),r.classList.toggle("sd-button-group__button--radio","sd-radio-button"===r.tagName.toLowerCase()))}))}render(){return ht`<slot 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}" @slotchange="${this.handleSlotChange}"></slot>`}};function fi(t){const e="sd-button, sd-radio-button";return t.closest(e)??t.querySelector(e)}bi.styles=ui,mi([Dt("slot")],bi.prototype,"defaultSlot",2),mi([Tt()],bi.prototype,"disableRole",2),mi([Lt()],bi.prototype,"label",2),bi=mi([Pt("sd-button-group")],bi);var yi=Object.defineProperty,wi=Object.getOwnPropertyDescriptor,xi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?wi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&yi(e,o,s),s};let ki=class extends Jt{constructor(){super(...arguments),this.formControlController=new qe(this),this.hasSlotController=new Xe(this,"label","error-text"),this.customValidityMessage="",this.hasButtonGroup=!1,this.defaultValue="",this.invalid=!1,this.errorText="",this.label="",this.name="option",this.value="",this.size="lg",this.form="",this.required=!1,this.orientation="vertical"}get validity(){const t=this.required&&!this.value;return""!==this.customValidityMessage?(this.invalid=!0,Ze):t?(this.invalid=!0,We):(this.invalid=!1,Ke)}get validationMessage(){const t=this.required&&!this.value;return""!==this.customValidityMessage?(console.log("this.customValidityMessage",this.customValidityMessage),this.customValidityMessage):t?(console.log("this.validationInput.validationMessage",this.validationInput),this.validationInput.validationMessage):""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){const e=t.target.closest("sd-radio, sd-radio-button"),o=this.getAllRadios(),r=this.value;e.disabled||(this.value=e.value,o.forEach((t=>t.checked=t===e)),this.value!==r&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;const e=this.getAllRadios().filter((t=>!t.disabled)),o=e.find((t=>t.checked))??e[0],r=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,i=this.value;let s=e.indexOf(o)+r;s<0&&(s=e.length-1),s>e.length-1&&(s=0),this.getAllRadios().forEach((t=>{t.checked=!1,this.hasButtonGroup||(t.tabIndex=-1)})),this.value=e[s].value,e[s].checked=!0,this.hasButtonGroup?e[s].shadowRoot.querySelector("button").focus():(e[s].tabIndex=0,e[s].focus()),this.value!==i&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}handleLabelClick(){const t=this.getAllRadios(),e=t.find((t=>t.checked))||t[0];e&&e.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}async syncRadioElements(){var t,e;const o=this.getAllRadios();if(await Promise.all(o.map((async t=>{await t.updateComplete,t.checked=t.value===this.value,t.size=this.size,t.invalid=this.invalid}))),this.hasButtonGroup=o.some((t=>"sd-radio-button"===t.tagName.toLowerCase())),!o.some((t=>t.checked)))if(this.hasButtonGroup){const e=null==(t=o[0].shadowRoot)?void 0:t.querySelector("button");e&&(e.tabIndex=0)}else o[0].tabIndex=0;if(this.hasButtonGroup){const t=null==(e=this.shadowRoot)?void 0:e.querySelector("sd-button-group");t&&(t.disableRole=!0)}}syncRadios(){customElements.get("sd-radio")&&customElements.get("sd-radio-button")?this.syncRadioElements():(customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then((()=>this.syncRadios())),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then((()=>this.syncRadios())))}updateCheckedRadio(){this.getAllRadios().forEach((t=>t.checked=t.value===this.value)),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){const t=this.required&&!this.value,e=""!==this.customValidityMessage;return!t&&!e||(this.formControlController.emitInvalidEvent(),!1)}getForm(){return this.formControlController.getForm()}reportValidity(){const t=this.validity.valid;return this.errorText=this.customValidityMessage||t?"":this.validationInput.validationMessage,this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout((()=>this.validationInput.hidden=!0),1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.errorText=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.hasSlotController.test("label"),e=this.hasSlotController.test("error-text"),o=!!this.label||!!t,r=!!this.errorText||!!e,i=ht`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return ht`<fieldset part="form-control" class="${ve("form-control form-control--radio-group border-0 p-0 m-0",o&&"form-control--has-label",r&&"text-error",{sm:"text-sm",lg:"text-base"}[this.size])}" role="radiogroup" aria-labelledby="label" aria-errormessage="error-text"><label part="form-control-label" id="label" class="form-control__label mb-2 hidden p-0 font-bold leading-normal text-black" aria-hidden="${!o}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="${ve("form-control-input flex",this.invalid&&"form-control-input--invalid text-error",{vertical:"form-control-input--vertical flex-col",horizontal:"form-control-input--horizontal flex-row"}[this.orientation])}"><div class="sr-only"><div id="error-message" aria-live="assertive">${this.errorText}</div><label class="radio-group__validation"><input type="text" class="radio-group__validation-input" ?required="${this.required}" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${i}</div></fieldset>`}};ki.dependencies={"sd-button-group":bi},ki.styles=[Zt,Jt.styles,P`:host{display:block}.form-control-input--vertical ::slotted(sd-radio){margin-bottom:8px;display:flex}.form-control-input--vertical ::slotted(sd-radio:last-of-type){margin-bottom:0}.form-control-input--horizontal ::slotted(sd-radio){margin-right:24px}.form-control-input--horizontal ::slotted(sd-radio:last-of-type){margin-right:0}.form-control--has-label .form-control__label{display:flex}:host([required]) .form-control--has-label .form-control__label::after{content:'*';margin-left:2px}`],xi([Dt("slot:not([name])")],ki.prototype,"defaultSlot",2),xi([Dt(".radio-group__validation-input")],ki.prototype,"validationInput",2),xi([Tt()],ki.prototype,"hasButtonGroup",2),xi([Tt()],ki.prototype,"defaultValue",2),xi([Tt()],ki.prototype,"invalid",2),xi([Tt()],ki.prototype,"errorText",2),xi([Lt()],ki.prototype,"label",2),xi([Lt()],ki.prototype,"name",2),xi([Lt({reflect:!0})],ki.prototype,"value",2),xi([Lt({reflect:!0})],ki.prototype,"size",2),xi([Lt({reflect:!0})],ki.prototype,"form",2),xi([Lt({type:Boolean,reflect:!0})],ki.prototype,"required",2),xi([Lt({reflect:!0})],ki.prototype,"orientation",2),xi([Wt("size",{waitUntilFirstUpdate:!0})],ki.prototype,"handleSizeChange",1),xi([Wt("invalid",{waitUntilFirstUpdate:!0})],ki.prototype,"handleInvalidChange",1),xi([Wt("value")],ki.prototype,"handleValueChange",1),ki=xi([Pt("sd-radio-group")],ki);const $i=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ki}},Symbol.toStringTag,{value:"Module"}));var Si=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,Ci=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?_i(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Si(e,o,s),s};let Ei=class extends Jt{constructor(){super(...arguments),this.checked=!1,this.hasFocus=!1,this.size="lg",this.invalid=!1,this.disabled=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return ht`<span part="base" class="${ve("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",this.checked&&"radio--checked",this.disabled&&"hover:cursor-not-allowed",this.hasFocus&&"radio--focused",{sm:"small-size text-sm",lg:"text-base"}[this.size])}"><span part="${this.checked?"control--checked":"control--unchecked"}" class="${ve("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",(this.disabled?"border-neutral-500":this.invalid&&"border-error hover:border-error-400 group-hover:border-error-400")||this.checked&&"border-accent hover:border-accent-550 group-hover:border-accent-550"||"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?ht`<span part="checked" class="${ve("rounded-full inline-flex text-white border bg-accent h-2.5 w-2.5",(this.disabled?"bg-neutral-500":this.invalid&&"bg-error hover:bg-error-400 group-hover:bg-error-400")||this.checked&&"bg-accent hover:bg-accent-550 group-hover:bg-accent-550"||"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${ve("label ml-2 select-none inline-block",(this.disabled?"text-neutral-500":this.invalid&&"text-error")||"text-black")}"></slot></span>`}};Ei.styles=[Jt.styles,P`:host{display:block}:host(:focus-visible){outline:0}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline:2px solid #00358e;outline-offset:2px}`],Ci([Tt()],Ei.prototype,"checked",2),Ci([Tt()],Ei.prototype,"hasFocus",2),Ci([Lt({reflect:!0})],Ei.prototype,"size",2),Ci([Lt({type:Boolean,reflect:!0})],Ei.prototype,"invalid",2),Ci([Lt({type:Boolean,reflect:!0})],Ei.prototype,"disabled",2),Ci([Lt()],Ei.prototype,"value",2),Ci([Wt("checked")],Ei.prototype,"handleCheckedChange",1),Ci([Wt("disabled",{waitUntilFirstUpdate:!0})],Ei.prototype,"handleDisabledChange",1),Ei=Ci([Pt("sd-radio")],Ei);const Ai=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ei}},Symbol.toStringTag,{value:"Module"}));var Pi=Object.defineProperty,Oi=Object.getOwnPropertyDescriptor,zi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Oi(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Pi(e,o,s),s};let Li=class extends Jt{constructor(){super(...arguments),this.size="lg",this.selected=!1,this.removable=!1,this.disabled=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}click(){this.tag.click()}focus(t){this.tag.focus(t)}blur(){this.tag.blur()}render(){const t=this.isLink(),e=t?Je`a`:Je`button`;return to`<${e} part="base" type="${eo(t?void 0:"button")}" href="${eo(t?this.href:void 0)}" rel="${eo(t&&this.target?"noreferrer noopener":void 0)}" target="${eo(t?this.target:void 0)}" download="${eo(t?this.download:void 0)}" ?disabled="${eo(t?void 0:this.disabled)}" aria-disabled="${this.disabled?"true":"false"}" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" class="${ve("inline-flex border box-border rounded-full items-center leading-none whitespace-nowrap focus-visible:focus-outline",{lg:"h-8 text-base gap-2",sm:"h-6 text-sm gap-1"}[this.size],{lg:this.removable?"pl-4 pr-3 py-2":"px-4 py-2",sm:this.removable?"pl-3 pr-2 py-2":"px-3 py-[5px]"}[this.size],this.selected?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500 disabled:bg-neutral-500 disabled:border-neutral-500":"border-primary text-primary hover:border-primary-500 hover:bg-neutral-100 hover:text-primary-500 disabled:border-neutral-500 disabled:text-neutral-500",this.disabled&&!t&&"cursor-not-allowed")}"><slot part="content"></slot><slot part="removable-indicator" name="removable-indicator" class="${ve(!this.removable&&"hidden",{lg:"text-base",sm:"text-[12px]"}[this.size])}"><sd-icon library="system" name="close" label="remove"></sd-icon></slot></${e}>`}};Li.styles=[Jt.styles,P`:host{display:inline-block}`],zi([Dt("a, button")],Li.prototype,"tag",2),zi([Lt({reflect:!0})],Li.prototype,"size",2),zi([Lt({type:Boolean,reflect:!0})],Li.prototype,"selected",2),zi([Lt({type:Boolean,reflect:!0})],Li.prototype,"removable",2),zi([Lt({type:Boolean,reflect:!0})],Li.prototype,"disabled",2),zi([Lt()],Li.prototype,"href",2),zi([Lt()],Li.prototype,"target",2),zi([Lt()],Li.prototype,"download",2),Li=zi([Pt("sd-tag")],Li);const Ti=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Li}},Symbol.toStringTag,{value:"Module"}));var Mi=Object.defineProperty,Di=Object.getOwnPropertyDescriptor,Bi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Di(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Mi(e,o,s),s};let ji=class extends Jt{constructor(){super(...arguments),this.variant="white",this.breakpoint=448,this.inset=!1,this.hasSlotController=new Xe(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),0===this.breakpoint?this._orientation="horizontal":9999===this.breakpoint?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.updateOrientation())),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(t){super.updated(t),t.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){const t="white border-neutral-300"===this.variant||this.inset,e=this.hasSlotController.test("[default]"),o=this.hasSlotController.test("media"),r=this.hasSlotController.test("meta");return this.hasSlotController.test("headline"),ht`<div class="${ve("flex",{white:"bg-white","white border-neutral-300":"bg-white border border-neutral-300","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],"vertical"===this._orientation&&"flex-col","horizontal"===this._orientation&&"flex-row gap-8","horizontal"===this._orientation&&t&&"py-8 px-10")}" part="base"><div style="${"horizontal"===this._orientation?"width: var(--distribution-media, 100%);":""}" class="${ve(!t&&"vertical"===this._orientation&&"mb-4",!o&&"hidden")}" part="media"><slot name="media"></slot></div><div style="${"horizontal"===this._orientation?"width: var(--distribution-content, 100%); "+(t?"width: var(--distribution-content, calc(100% - 2rem));":""):""}" class="${ve("flex flex-col text-left","horizontal"===this._orientation&&"flex flex-col","vertical"===this._orientation&&t&&"m-4")}" part="content"><div part="meta" class="${ve("gap-2 mb-4",!r&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="${ve("text-lg font-bold m-0","primary"===this.variant?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. <h2>)</slot></div><div part="main" class="${ve(!e&&"hidden")}"><slot></slot></div></div></div>`}};ji.styles=[Jt.styles,P`:host{display:block}::slotted(*){margin:0}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:0!important}`],Bi([Lt({reflect:!0})],ji.prototype,"variant",2),Bi([Lt({reflect:!0,type:Number})],ji.prototype,"breakpoint",2),Bi([Lt({type:Boolean,reflect:!0})],ji.prototype,"inset",2),Bi([Dt('[part="base"]')],ji.prototype,"teaser",2),Bi([Tt()],ji.prototype,"_orientation",2),ji=Bi([Pt("sd-teaser")],ji);const Ri=Object.freeze(Object.defineProperty({__proto__:null,get default(){return ji}},Symbol.toStringTag,{value:"Module"}));var Ui=Object.defineProperty,Ii=Object.getOwnPropertyDescriptor,Fi=(t,e,o,r)=>{for(var i,s=r>1?void 0:r?Ii(e,o):e,n=t.length-1;n>=0;n--)(i=t[n])&&(s=(r?i(e,o,s):i(s))||s);return r&&s&&Ui(e,o,s),s};let Ni=class extends Jt{constructor(){super(...arguments),this.playing=!1,this.overlay=!1,this.isBelowBreakpoint=!1,this.hasSlotController=new Xe(this,"[default]","play-icon","poster")}get poster(){const t=this.shadowRoot.querySelector("slot[name=poster]");return(null==t?void 0:t.assignedElements().length)>0?t.assignedElements()[0]:null}fadeoutPoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.opacity="0")}hidePoster(){this.poster instanceof HTMLImageElement&&(this.poster.style.display="none")}play(){this.emit("sd-play"),this.playing=!0,this.fadeoutPoster()}handleKeydown(t){t instanceof KeyboardEvent&&("Enter"===t.key||" "===t.key)&&(this.play(),setTimeout((()=>{var t;null==(t=this.querySelector("video"))||t.focus()})))}handleButtonResize(){this.hostEl.clientWidth<=414&&!this.isBelowBreakpoint&&(this.isBelowBreakpoint=!0),this.hostEl.clientWidth>414&&this.isBelowBreakpoint&&(this.isBelowBreakpoint=!1)}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.handleButtonResize())),this.updateComplete.then((()=>{this.resizeObserver.observe(this.hostEl)}))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.hostEl)}render(){return ht`<div part="base" aria-label="Video Player" class="cursor-pointer"><button part="play-button" aria-label="Play video" tabindex="0" @click="${this.play}" @keydown="${this.handleKeydown}" class="${ve(this.playing&&"pointer-events-none","w-full h-full absolute top-0 left-0 z-30 text-primary hover:text-primary-500 sd-interactive sd-interactive--reset focus-visible:focus-outline")}"><div part="play-button-bg" class="${ve(this.playing?"opacity-0":"opacity-100",this.isBelowBreakpoint?"w-[48px] h-[48px]":"w-[96px] h-[96px]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 p-4 bg-white bg-opacity-75 rounded-full play-pause-transition")}"><slot name="play-icon" part="play-icon" class="${ve(this.isBelowBreakpoint?"text-[2rem]":"text-[4rem]")}"><sd-icon id="default-play-icon" library="system" name="start"></sd-icon></slot></div></button> ${this.hasSlotController.test("poster")?ht`<slot name="poster" role="presentation" @transitionend="${this.hidePoster}"></slot>`:null}<div part="overlay" id="overlay" role="presentation" class="${ve(this.overlay&&!this.playing?"opacity-100":"opacity-0","bg-[rgba(0,0,0,0.65)] w-full h-full absolute top-0 left-0 pointer-events-none z-20 play-pause-transition")}"></div><slot></slot></div>`}};Ni.styles=[Jt.styles,P`:host{position:relative;display:inline-block;overflow:hidden}.play-pause-transition,::slotted([slot=poster]){transition:opacity .3s}::slotted([slot=poster]){position:absolute;left:0;top:0;width:100%;z-index:10}#default-play-icon,::slotted([slot=play-icon]){position:absolute;left:50%;top:50%;translate:-50% -50%}`],Fi([Dt("[part=base]")],Ni.prototype,"hostEl",2),Fi([Lt({type:Boolean,reflect:!0})],Ni.prototype,"playing",2),Fi([Lt({type:Boolean,reflect:!0})],Ni.prototype,"overlay",2),Fi([Lt({type:Boolean})],Ni.prototype,"isBelowBreakpoint",2),Ni=Fi([Pt("sd-video")],Ni);const Vi=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ni}},Symbol.toStringTag,{value:"Module"}));t.LocalizeController=x,t.registerIconLibrary=c,t.unregisterIconLibrary=h,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})},"object"==typeof exports&&typeof module<"u"?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t=typeof globalThis<"u"?globalThis:t||self)["Solid Components"]={});
|