1(()=>{var t={init:()=>{const t=document.querySelectorAll("alloy-tabsections"),e={tabpanelDesktopButtonType:"tabsectiontab",tabpanelMobileButtonType:"tabsectionaccordion",tabpanelSkipLinkType:"text",tabpanelMobileButtonIcon1:"plus",tabpanelMobileButtonIcon2:"minus"};t.forEach((t=>{const o=t.querySelector("[data-tabpanel-tablist]");if(o){const i=t.dataset.tabpanelMq||"31.3125em",s="tabpanelOpen"in t.dataset,r=o.querySelectorAll("a"),n=t.querySelectorAll("[data-tabpanel-section]"),a=t.querySelector("[data-tabpanel-skip]"),l=(t,e)=>{e.focus(),t.removeAttribute("aria-selected"),t.setAttribute("tabindex","-1"),e.removeAttribute("tabindex"),e.setAttribute("aria-selected","true");const o=[...r].indexOf(e),i=[...r].indexOf(t);n[i].hidden=!0,n[o].hidden=!1},c=t=>{const e=[...r].indexOf(t.currentTarget),o=37,i=39,s=35,n=36;let a;switch(!0){case t.which===o:a=e-1;break;case t.which===i:a=e+1;break;case t.which===s:a=r.length-1;break;case t.which===n:a=0;break;default:a=void 0}if(void 0!==a){let o;t.preventDefault(),o=r[a]?a:a===e-1?r.length-1:0,l(t.currentTarget,r[o]),r[o].focus()}},d=t=>{t.preventDefault();const e=o.querySelector("[aria-selected]");t.currentTarget!==e&&l(e,t.currentTarget)};if("matchMedia"in window){const t=`(min-width: ${i})`,l=window.matchMedia(t),h=()=>{l.matches?(n.forEach(((t,e)=>{const o=t.querySelector("[data-tabpanel-heading]"),i=t.querySelector("[data-tabpanel-panel]");o.textContent=r[e].textContent,i.hidden=!1,i.removeAttribute("id")})),o.setAttribute("role","tablist"),o.removeAttribute("aria-labelledby"),a.textContent="",r.forEach(((t,o)=>{t.setAttribute("role","tab"),t.setAttribute("id",`tab${o+1}`),t.setAttribute("aria-controls",t.dataset.tabpanelId),t.setAttribute("tabindex","-1"),t.dataset.type=e.tabpanelDesktopButtonType,t.parentElement?.setAttribute("role","presentation"),t.addEventListener("click",d),t.addEventListener("keydown",c)})),n.forEach(((t,e)=>{t.setAttribute("role","tabpanel"),t.setAttribute("tabindex","-1"),t.hidden=!0})),r[0].removeAttribute("tabindex"),r[0].setAttribute("aria-selected","true"),n[0].hidden=!1):(o.removeAttribute("role"),o.setAttribute("aria-labelledby",a.id),a.textContent=a.dataset.label,r.forEach((t=>{t.removeAttribute("role"),t.removeAttribute("id"),t.removeAttribute("tabindex"),t.removeAttribute("aria-selected"),t.removeAttribute("aria-controls"),t.dataset.type=e.tabpanelSkipLinkType,t.parentElement?.removeAttribute("role"),t.removeEventListener("click",d),t.removeEventListener("keydown",c)})),n.forEach((t=>{t.removeAttribute("role"),t.removeAttribute("tabindex"),t.hidden=!1})),n.forEach(((t,o)=>{const i=t.querySelector("[data-tabpanel-heading]"),s=t.querySelector("[data-tabpanel-panel]");if(i&&s){const t=`\n <button aria-expanded="false" aria-controls="section-${n[o].id}" class="c-button" data-type="${e.tabpanelMobileButtonType}">\n ${i.textContent}\n <svg class="c-icon c-icon--toggle" aria-hidden="true" focusable="false">\n <use xlink:href="/Assets/icons/symbols.svg?v=#icon--${e.tabpanelMobileButtonIcon1}"></use>\n <use xlink:href="/Assets/icons/symbols.svg?v=#icon--${e.tabpanelMobileButtonIcon2}"></use>\n </svg>\n </button>\n `;i.textContent="",i.append(document.createRange().createContextualFragment(t)),s.hidden=!0,s.id=`section-${n[o].id}`,i.querySelector("button")?.addEventListener("click",(t=>{const e=t.currentTarget,o="true"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",`${!o}`),s.hidden=o}))}})),s&&(n[0]?.querySelector("[data-tabpanel-heading] > button")?.setAttribute("aria-expanded","true"),n[0]?.querySelector("[data-tabpanel-panel]")?.removeAttribute("hidden")))};l.addEventListener?l.addEventListener("change",h):l.addListener(h),h()}}}))}};var e={init:()=>{const t=document.getElementById("cookie");let e,o;t&&(e=document.getElementById("acceptAllBtn"),o=document.getElementById("cookiePreferencesUpdate"));const i=(e,o)=>
1{(e.preventDefault(),document.cookie="Web.CookiePopupAccepted=1;path=/;max-age=7890000",t.remove(),o)&&document.getElementById("cookiePreferencesForm").submit()};t&&(e&&e.addEventListener("click",(t=>{i(t,!1)})),o&&o.addEventListener("click",(t=>{i(t,!0)})))}};class o{getMatchMedia(t,e){if(t)return e&&!0===e?{matches:!0}:e&&"matchMedia"in window?window.matchMedia(e):void 0}init(){let t=this.getMatchMedia(this.detail,this.options.forceStateOpen),e=this.getMatchMedia(this.detail,this.options.forceStateClose);t&&t.matches&&e&&e.matches?this.setState(!this.detail.open):(t&&t.matches&&this.setState(!0),e&&e.matches&&this.setState(!1)),this.addListener(t,"for-open"),this.addListener(e,"for-close")}addListener(t,e){t&&"addListener"in t&&t.addListener((t=>{t.matches?(this._previousStates[e]=this.detail.open,this.detail.open!==("for-open"===e)&&this.setState("for-open"===e)):this.options.forceStateRestore&&void 0!==this._previousStates[e]&&this.detail.open!==this._previousStates[e]&&this.setState(this._previousStates[e])}))}toggle(){let t=new MouseEvent("click",{view:window,bubbles:!0,cancelable:!0});this.summary.dispatchEvent(t)}triggerClickToClose(){this.summary&&this.options.closeClickOutside&&this.toggle()}setState(t){t?this.detail.setAttribute("open","open"):this.detail.removeAttribute("open")}constructor(t,e={}){this.options=Object.assign({closeClickOutside:!1,forceStateClose:!1,forceStateOpen:!1,closeEsc:!1,forceStateRestore:!0},e),this.detail=t,this.summary=t.querySelector(":scope > summary"),this._previousStates={}}}class i{parseAnimationFrames(t,...e){let o=[];for(let i of e){let e={};e[t]=i,o.push(e)}return o}getKeyframes(t){let e=this.parseAnimationFrames("maxHeight","0px",`${this.getContentHeight()}px`);return t?e:e.filter((()=>!0)).reverse()}getContentHeight(){return this.contentHeight?this.contentHeight:this.detail.open?(this.contentHeight=this.content.offsetHeight,this.contentHeight):void 0}animate(t,e){this.isPending=!0;let o=this.getKeyframes(t);this.animation=this.content.animate(o,{duration:e,easing:"ease-out"}),this.detail.classList.add("details-animating"),this.animation.finished.catch((t=>{})).finally((()=>{this.isPending=!1,this.detail.classList.remove("details-animating")})),t||this.animation.finished.catch((t=>{})).finally((()=>{this.detail.removeAttribute("open")}))}open(){this.contentHeight?this.animate(!0,this.duration.open):requestAnimationFrame((()=>this.animate(!0,this.duration.open)))}close(){this.animate(!1,this.duration.close)}useAnimation(){return"matchMedia"in window&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches}onclick(t){!t.target.closest("a[href]")&&this.useAnimation()&&(this.isPending?this.animation&&this.animation.cancel():this.detail.open?(t.preventDefault(),this.close()):this.open())}constructor(t){this.duration={open:200,close:150},this.detail=t,this.summary=this.detail.querySelector(":scope > summary");let e=this.detail.getAttribute("data-du-animate-target");if(e&&(this.content=this.detail.closest(e)),this.content||(this.content=this.summary.nextElementSibling),!this.content)throw new Error("For now <details-utils> requires a child element for animation.");this.summary.addEventListener("click",this.onclick.bind(this))}}class s extends HTMLElement{getAttributeValue(t){let e=this.getAttribute(t);return void 0===e||""===e||(e||!1)}connectedCallback(){this._connect()}_connect(){this.children.length?this._init():(this._observer=new MutationObserver(this._init.bind(this)),this._observer.observe(this,{childList:!0}))}_init(){if(this.initialized)return;this.initialized=!0,this.options.closeClickOutside=this.getAttributeValue(this.attrs.closeClickOutside),this.options.closeEsc=this.getAttributeValue(this.attrs.closeEsc),this.options.forceStateClose=this.getAttributeValue(this.attrs.forceStateClose),this.options.forceStateOpen=this.getAttributeValue(this.attrs.forceStateOpen),this.options.forceStateRestore=this.getAttributeValue(this.attrs.forceStateRestore);let t=Array.from(this.querySelectorAll(":scope details"));for(let e of t){new o(e,this.options).init(),this.hasAttribute(this.attrs.animate)&&new i(e)}this.bindCloseOnEsc(t),this.bindClickoutToClose(t),this.toggleDocumentClassName=this.getAttribute(this.attrs.toggleDocumentClass),this.toggleDocumentClassName&&this.bindToggleDocumentClass(t)}bindCloseOnEsc(t){this.options.closeEsc&&document.documentElement.addEventListener("keydown",(e=>
1{if(27===e.keyCode)for(let e of t)if(e.open){let t=new o(e,this.options),i=t.getMatchMedia(e,this.options.closeEsc);(!i||i&&i.matches)&&t.toggle()}}),!1)}isChildOfParent(t,e){for(;t&&t.parentNode;){if(t.parentNode===e)return!0;t=t.parentNode}return!1}onClickoutToClose(t,e){let i=new o(t,this.options),s=i.getMatchMedia(t,this.options.closeClickOutside);s&&!s.matches||!e.target.hasAttribute(this.attrs.closeClickOutsideButton)&&this.isChildOfParent(e.target,t)||!t.open||i.triggerClickToClose(t)}bindClickoutToClose(t){document.documentElement.addEventListener("mousedown",(e=>{for(let o of t)this.onClickoutToClose(o,e)}),!1),this.addEventListener("keypress",(e=>{if(13===e.which||32===e.which)for(let o of t)this.onClickoutToClose(o,e)}),!1)}bindToggleDocumentClass(t){for(let e of t)e.addEventListener("toggle",(t=>{document.documentElement.classList.toggle(this.toggleDocumentClassName,t.target.open)}))}constructor(){super(),this.attrs={animate:"animate",closeEsc:"close-esc",closeClickOutside:"close-click-outside",forceStateClose:"force-close",forceStateOpen:"force-open",forceStateRestore:"force-restore",toggleDocumentClass:"toggle-document-class",closeClickOutsideButton:"data-du-close-click"},this.options={},this._connect()}}"undefined"!=typeof window&&"customElements"in window&&window.customElements.define("details-utils",s);const r=document.getElementsByClassName("c-form");let n=[],a=[];const l=function(t,e){for(let o of r){const i=o.getElementsByClassName(t);for(let t of i)e.push(t)}},c=function(t){for(let e of t)e.getElementsByClassName("input-validation-error").length>0&&(e.dataset.state="error")};function d(t,e){const o=t.getAttribute(`data-filter-${e}`);if(!o)return[];try{return JSON.parse(o)}catch(t){return[]}}function h(t,e){const o=d(t,e)[0]||"",i=o.replace(/,/g,"").match(/-?[\d.]+\s*([km])?/i);let s=null;if(i){s=parseFloat(i[0]);const t=(i[1]||"").toLowerCase();"k"===t?s*=1e3:"m"===t&&(s*=1e6)}return{text:o,number:s}}l("c-form__row",n),l("c-form__fieldset",a),c(n),c(a),document.querySelectorAll("[data-product-listing-filters]").forEach((function(t){const e=t.closest(".c-product-listing__data");if(!e)return;const o=Array.from(e.querySelectorAll(".c-product-listing__table-body tr")),i=Array.from(t.querySelectorAll(".c-product-listing__filter")),s=t.querySelector("[data-filter-count]"),r=t.querySelector("[data-filter-reset]"),n=i.map((t=>({slug:t.dataset.filterGroup,details:t.querySelector(".c-product-listing__filter-dropdown"),trigger:t.querySelector("[data-filter-trigger-text]"),checkboxes:Array.from(t.querySelectorAll("[data-filter-checkbox]"))}))),a=n.flatMap((t=>t.checkboxes));function l(t){if(!t.trigger)return;const e=t.checkboxes.filter((t=>t.checked)).map((t=>t.value));t.trigger.textContent=e.length?e.join(", "):t.trigger.dataset.filterPlaceholder}function c(){let t=0;o.forEach((e=>{const o=n.every((t=>{const o=t.checkboxes.filter((t=>t.checked)).map((t=>t.value));if(!o.length)return!0;const i=d(e,t.slug).map((t=>t.toLowerCase()));return o.some((t=>i.includes(t.toLowerCase())))}));e.classList.toggle("c-product-listing__item--filtered-out",!o),o&&(t+=1)})),s&&(s.textContent=t)}n.forEach((t=>{t.checkboxes.forEach((e=>{e.addEventListener("change",(()=>{l(t),c()}))}))})),i.forEach((t=>{const e=t.querySelector(".c-product-listing__filter-dropdown");e?.addEventListener("toggle",(()=>{e.open&&i.forEach((t=>{const o=t.querySelector(".c-product-listing__filter-dropdown");o&&o!==e&&(o.open=!1)}))}))})),document.addEventListener("click",(t=>{i.forEach((e=>{if(!e.contains(t.target)){const t=e.querySelector(".c-product-listing__filter-dropdown");t&&(t.open=!1)}}))})),r?.addEventListener("click",(()=>{a.forEach((t=>{t.checked=!1})),n.forEach(l),c()}))})),document.querySelectorAll(".c-product-listing__table").forEach((function(t){const e=t.querySelector(".c-product-listing__table-body"),o=Array.from(t.querySelectorAll("th[data-sortable]"));if(!e||!o.length)return;const i=Array.from(e.querySelectorAll("tr"));o.forEach((t=>{const s=t.querySelector("[data-sort-trigger]");s?.addEventListener("click",(()=>{const s=t.dataset.sortDirection,r="asc"===s?"desc":"desc"===s?"none":"asc";
1if(o.forEach((e=>{e.dataset.sortDirection=e===t?r:"none"})),"none"===r)return void i.forEach((t=>e.appendChild(t)));const n=t.dataset.sortSlug,a=Array.from(e.querySelectorAll("tr"));function l(t,e){const o=h(t,n),i=h(e,n);let s;return s=null!==o.number&&null!==i.number?o.number-i.number:o.text.localeCompare(i.text),"asc"===r?s:-s}const c=[],d=new Map;a.forEach((t=>{const e=function(t){return Array.from(t.classList).find((t=>0===t.indexOf("c-product-listing__item--")&&"c-product-listing__item--featured"!==t))||""}(t);d.has(e)||(d.set(e,[]),c.push(e)),d.get(e).push(t)})),c.forEach((t=>{d.get(t).sort(l).forEach((t=>e.appendChild(t)))}))}))}))})); 2/** 3 * @license 4 * Copyright 2019 Google LLC 5 * SPDX-License-Identifier: BSD-3-Clause 6 */ 7const u=globalThis,p=u.ShadowRoot&&(void 0===u.ShadyCSS||u.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,b=Symbol(),m=new WeakMap;class f{get styleSheet(){let t=this.o;const e=this.t;if(p&&void 0===t){const o=void 0!==e&&1===e.length;o&&(t=m.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&m.set(e,t))}return t}toString(){return this.cssText}constructor(t,e,o){if(this._$cssResult$=!0,o!==b)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}}const g=(t,...e)=>{const o=1===t.length?t[0]:e.reduce(((e,o,i)=>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[i+1]),t[0]);return new f(o,t,b)},v=(t,e)=>{if(p)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const o of e){const e=document.createElement("style"),i=u.litNonce;void 0!==i&&e.setAttribute("nonce",i),e.textContent=o.cssText,t.appendChild(e)}},y=p?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return(t=>new f("string"==typeof t?t:t+"",void 0,b))(e)})(t):t 8/** 9 * @license 10 * Copyright 2017 Google LLC 11 * SPDX-License-Identifier: BSD-3-Clause 12 */,{is:w,defineProperty:_,getOwnPropertyDescriptor:x,getOwnPropertyNames:k,getOwnPropertySymbols:A,getPrototypeOf:C}=Object,E=globalThis,$=E.trustedTypes,S=$?$.emptyScript:"",L=E.reactiveElementPolyfillSupport,T=(t,e)=>t,z={toAttribute(t,e){switch(e){case Boolean:t=t?S:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let o=t;switch(e){case Boolean:o=null!==t;break;case Number:o=null===t?null:Number(t);break;case Object:case Array:try{o=JSON.parse(t)}catch(t){o=null}}return o}},P=(t,e)=>!w(t,e),O={attribute:!0,type:String,converter:z,reflect:!1,hasChanged:P};Symbol.metadata??=Symbol("metadata"),E.litPropertyMetadata??=new WeakMap;class D extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=O){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const o=Symbol(),i=this.getPropertyDescriptor(t,o,e);void 0!==i&&_(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:s}=x(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return i?.call(this)},set(e){const r=i?.call(this);s.call(this,e),this.requestUpdate(t,r,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??O}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const t=C(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(T("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(T("properties"))){const t=this.properties,e=[...k(t),...A(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=[];
vendor: 4,119 bytes, lines 12-18
12if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const t of o)e.unshift(y(t))}else void 0!==t&&e.push(y(t));return e}static _$Eu(t,e){const o=e.attribute;return!1===o?void 0:"string"==typeof o?o:"string"==typeof t?t.toLowerCase():void 0}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return v(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$EC(t,e){const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(void 0!==i&&!0===o.reflect){const s=(void 0!==o.converter?.toAttribute?o.converter:z).toAttribute(e,o.type);this._$Em=t,null==s?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){const o=this.constructor,i=o._$Eh.get(t);if(void 0!==i&&this._$Em!==i){const t=o.getPropertyOptions(i),s="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:z;this._$Em=i,this[i]=s.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,o){if(void 0!==t){if(o??=this.constructor.getPropertyOptions(t),!(o.hasChanged??P)(this[t],e))return;this.P(t,e,o)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,o){this._$AL.has(t)||this._$AL.set(t,e),!0===o.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,o]of t)!0!==o.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}}D.elementStyles=[],D.shadowRootOptions={mode:"open"},D[T("elementProperties")]=new Map,D[T("finalized")]=new Map,L?.({ReactiveElement:D}),(E.reactiveElementVersions??=[]).push("2.0.4"); 13/** 14 * @license 15 * Copyright 2017 Google LLC 16 * SPDX-License-Identifier: BSD-3-Clause 17 */ 18const M=globalThis,B=M.trustedTypes,R=B?B.createPolicy("lit-html",{createHTML:t=>t}):void 0,N="$lit$",F=`lit$${Math.random().toFixed(9).slice(2)}$`,I="?"+F,H=`<${I}>`,U=document,q=()=>U.createComment(""),V=t=>null===t||"object"!=typeof t&&"function"!=typeof t,W=Array.isArray,j=t=>W(t)||"function"==typeof t?.[Symbol.iterator],K="[ \t\n\f\r]",Y=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,X=/-->/g,Z=/>/g,G=RegExp(`>|${K}(?:([^\\s"'>=/]+)(${K}*=${K}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),J=/'/g,Q=/"/g,tt=/^(?:script|style|textarea|title)$/i,et=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}
vendor: 5,005 bytes, line 18
18),ot=et(1),it=et(2),st=et(3),rt=Symbol.for("lit-noChange"),nt=Symbol.for("lit-nothing"),at=new WeakMap,lt=U.createTreeWalker(U,129);function ct(t,e){if(!W(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==R?R.createHTML(e):e}const dt=(t,e)=>{const o=t.length-1,i=[];let s,r=2===e?"<svg>":3===e?"<math>":"",n=Y;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(n.lastIndex=d,l=n.exec(o),null!==l);)d=n.lastIndex,n===Y?"!--"===l[1]?n=X:void 0!==l[1]?n=Z:void 0!==l[2]?(tt.test(l[2])&&(s=RegExp("</"+l[2],"g")),n=G):void 0!==l[3]&&(n=G):n===G?">"===l[0]?(n=s??Y,c=-1):void 0===l[1]?c=-2:(c=n.lastIndex-l[2].length,a=l[1],n=void 0===l[3]?G:'"'===l[3]?Q:J):n===Q||n===J?n=G:n===X||n===Z?n=Y:(n=G,s=void 0);const h=n===G&&t[e+1].startsWith("/>")?" ":"";r+=n===Y?o+H:c>=0?(i.push(a),o.slice(0,c)+N+o.slice(c)+F+h):o+F+(-2===c?e:h)}return[ct(t,r+(t[o]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),i]};class ht{static createElement(t,e){const o=U.createElement("template");return o.innerHTML=t,o}constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let s=0,r=0;const n=t.length-1,a=this.parts,[l,c]=dt(t,e);if(this.el=ht.createElement(l,o),lt.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(i=lt.nextNode())&&a.length<n;){if(1===i.nodeType){if(i.hasAttributes())for(const t of i.getAttributeNames())if(t.endsWith(N)){const e=c[r++],o=i.getAttribute(t).split(F),n=/([.?@])?(.*)/.exec(e);a.push({type:1,index:s,name:n[2],strings:o,ctor:"."===n[1]?ft:"?"===n[1]?gt:"@"===n[1]?vt:mt}),i.removeAttribute(t)}else t.startsWith(F)&&(a.push({type:6,index:s}),i.removeAttribute(t));if(tt.test(i.tagName)){const t=i.textContent.split(F),e=t.length-1;if(e>0){i.textContent=B?B.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],q()),lt.nextNode(),a.push({type:2,index:++s});i.append(t[e],q())}}}else if(8===i.nodeType)if(i.data===I)a.push({type:2,index:s});else{let t=-1;for(;-1!==(t=i.data.indexOf(F,t+1));)a.push({type:7,index:s}),t+=F.length-1}s++}}}function ut(t,e,o=t,i){if(e===rt)return e;let s=void 0!==i?o._$Co?.[i]:o._$Cl;const r=V(e)?void 0:e._$litDirective$;return s?.constructor!==r&&(s?._$AO?.(!1),void 0===r?s=void 0:(s=new r(t),s._$AT(t,o,i)),void 0!==i?(o._$Co??=[])[i]=s:o._$Cl=s),void 0!==s&&(e=ut(t,s._$AS(t,e.values),s,i)),e}class pt{get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,i=(t?.creationScope??U).importNode(e,!0);lt.currentNode=i;let s=lt.nextNode(),r=0,n=0,a=o[0];for(;void 0!==a;){if(r===a.index){let e;2===a.type?e=new bt(s,s.nextSibling,this,t):1===a.type?e=new a.ctor(s,a.name,a.strings,this,t):6===a.type&&(e=new yt(s,this,t)),this._$AV.push(e),a=o[++n]}r!==a?.index&&(s=lt.nextNode(),r++)}return lt.currentNode=U,i}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++}constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}}class bt{get _$AU(){return this._$AM?._$AU??this._$Cv}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ut(this,t,e),V(t)?t===nt||null==t||""===t?(this._$AH!==nt&&this._$AR(),this._$AH=nt):t!==this._$AH&&t!==rt&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):j(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==nt&&V(this._$AH)?this._$AA.nextSibling.data=t:this.T(U.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:o}=t,i="number"==typeof o?this._$AC(t):(void 0===o.el&&(o.el=ht.createElement(ct(o.h,o.h[0]),this.options)),o);if(this._$AH?._$AD===i)this._$AH.p(e);else{const t=new pt(i,this),o=t.u(this.options);t.p(e),this.T(o),this._$AH=t}}_$AC(t){let e=at.get(t.strings);return void 0===e&&at.set(t.strings,e=new ht(t)),e}k(t){W(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const s of t)i===e.length?e.push(o=new bt(this.O(q()),this.O(q()),this,this.options)):o=e[i],o._$AI(s),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}constructor(t,e,o,i){this.type=2,this._$AH=nt,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=i?.isConnected??!0}}class mt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const s=this.strings;let r=!1;if(void 0===s)t=ut(this,t,e,0),r=!V(t)||t!==this._$AH&&t!==rt,r&&(this._$AH=t);else{const i=t;let n,a;for(t=s[0],n=0;n<s.length-1;n++)a=ut(this,i[o+n],e,n),a===rt&&(a=this._$AH[n]),r||=!V(a)||a!==this._$AH[n],a===nt?t=nt:t!==nt&&(t+=(a??"")+s[n+1]
18),this._$AH[n]=a}r&&!i&&this.j(t)}j(t){t===nt?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}constructor(t,e,o,i,s){this.type=1,this._$AH=nt,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=s,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=nt}}class ft extends mt{j(t){this.element[this.name]=t===nt?void 0:t}constructor(){super(...arguments),this.type=3}}class gt extends mt{j(t){this.element.toggleAttribute(this.name,!!t&&t!==nt)}constructor(){super(...arguments),this.type=4}}class vt extends mt{_$AI(t,e=this){if((t=ut(this,t,e,0)??nt)===rt)return;const o=this._$AH,i=t===nt&&o!==nt||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,s=t!==nt&&(o===nt||i);i&&this.element.removeEventListener(this.name,this,o),s&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}constructor(t,e,o,i,s){super(t,e,o,i,s),this.type=5}}class yt{get _$AU(){return this._$AM._$AU}_$AI(t){ut(this,t)}constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}}const wt={M:N,P:F,A:I,C:1,L:dt,R:pt,D:j,V:ut,I:bt,H:mt,N:gt,U:vt,B:ft,F:yt},_t=M.litHtmlPolyfillSupport;_t?.(ht,bt),(M.litHtmlVersions??=[]).push("3.2.1");const xt=(t,e,o)=>{const i=o?.renderBefore??e;let s=i._$litPart$;if(void 0===s){const t=o?.renderBefore??null;i._$litPart$=s=new bt(e.insertBefore(q(),t),t,void 0,o??{})}return s._$AI(t),s}; 19/** 20 * @license 21 * Copyright 2017 Google LLC 22 * SPDX-License-Identifier: BSD-3-Clause 23 */class kt extends D{createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=xt(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return rt}constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}}kt._$litElement$=!0,kt.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:kt});const At=globalThis.litElementPolyfillSupport;At?.({LitElement:kt});(globalThis.litElementVersions??=[]).push("4.1.1");var Ct=g` 24 :host { 25 --track-width: 2px; 26 --track-color: rgb(128 128 128 / 25%); 27 --indicator-color: var(--sl-color-primary-600); 28 --speed: 2s; 29 30 display: inline-flex; 31 width: 1em; 32 height: 1em; 33 flex: none; 34 } 35 36 .spinner { 37 flex: 1 1 auto; 38 height: 100%; 39 width: 100%; 40 } 41 42 .spinner__track, 43 .spinner__indicator { 44 fill: none; 45 stroke-width: var(--track-width); 46 r: calc(0.5em - var(--track-width) / 2); 47 cx: 0.5em; 48 cy: 0.5em; 49 transform-origin: 50% 50%; 50 } 51 52 .spinner__track { 53 stroke: var(--track-color); 54 transform-origin: 0% 0%; 55 } 56 57 .spinner__indicator { 58 stroke: var(--indicator-color); 59 stroke-linecap: round; 60 stroke-dasharray: 150% 75%; 61 animation: spin var(--speed) linear infinite; 62 } 63 64 @keyframes spin { 65 0% { 66 transform: rotate(0deg); 67 stroke-dasharray: 0.05em, 3em; 68 } 69 70 50% { 71 transform: rotate(450deg); 72 stroke-dasharray: 1.375em, 1.375em; 73 } 74 75 100% { 76 transform: rotate(1080deg); 77 stroke-dasharray: 0.05em, 3em; 78 } 79 } 80`;const Et=new Set,$t=new Map;let St,Lt="ltr",Tt="en";const zt="undefined"!=typeof MutationObserver&&"undefined"!=typeof document&&void 0!==document.documentElement;if(zt){const t=new MutationObserver(Ot);Lt=document.documentElement.dir||"ltr",Tt=document.documentElement.lang||navigator.language,t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function Pt(...t){t.map((t=>{const e=t.$code.toLowerCase();$t.has(e)?$t.set(e,Object.assign(Object.assign({},$t.get(e)),t)):$t.set(e,t),St||(St=t)})),Ot()}function Ot(){zt&&(Lt=document.documentElement.dir||"ltr",Tt=document.documentElement.lang||navigator.language),[...Et.keys()].map((t=>{"function"==typeof t.requestUpdate&&t.requestUpdate()}))}class Dt{hostConnected(){Et.add(this.host)}hostDisconnected(){Et.delete(this.host)}dir(){return`${this.host.dir||Lt}`.toLowerCase()}lang(){return`${this.host.lang||Tt}`.toLowerCase()}getTranslationData(t){var e,o;const i=new Intl.Locale(t.replace(/_/g,"-")),s=null==i?void 0:i.language.toLowerCase(),r=null!==(o=null===(e=null==i?void 0:i.region)||void 0===e?void 0:e.toLowerCase())&&void 0!==o?o:"";return{locale:i,language:s,region:r,primary:$t.get(`${s}-${r}`),secondary:$t.get(s)}}exists(t,e){var o;const{primary:i,secondary:s}=this.getTranslationData(null!==(o=e.lang)&&void 0!==o?o:this.lang());return e=Object.assign({includeFallback:!1},e),!!(i&&i[t]||s&&s[t]||e.includeFallback&&St&&St[t])}term(t,...e){const{primary:o,secondary:i}=this.getTranslationData(this.lang());let s;if(o&&o[t])s=o[t];else if(i&&i[t])s=i[t];else{if(!St||!St[t])return console.error(`No translation found for: ${String(t)}`),String(t);s=St[t]}return"function"==typeof s?s(...e):s}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)}constructor(t){this.host=t,this.host.addController(this)}}
80var Mt={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:t=>0===t?"No options selected":1===t?"1 option selected":`${t} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:t=>`Slide ${t}`,toggleColorFormat:"Toggle color format"};Pt(Mt);var Bt=Mt,Rt=class extends Dt{};Pt(Bt);var Nt=g` 81 :host { 82 box-sizing: border-box; 83 } 84 85 :host *, 86 :host *::before, 87 :host *::after { 88 box-sizing: inherit; 89 } 90 91 [hidden] { 92 display: none !important; 93 } 94`,Ft=Object.defineProperty,It=Object.defineProperties,Ht=Object.getOwnPropertyDescriptor,Ut=Object.getOwnPropertyDescriptors,qt=Object.getOwnPropertySymbols,Vt=Object.prototype.hasOwnProperty,Wt=Object.prototype.propertyIsEnumerable,jt=(t,e)=>(e=Symbol[t])?e:Symbol.for("Symbol."+t),Kt=(t,e,o)=>e in t?Ft(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,Yt=(t,e)=>{for(var o in e||(e={}))Vt.call(e,o)&&Kt(t,o,e[o]);if(qt)for(var o of qt(e))Wt.call(e,o)&&Kt(t,o,e[o]);return t},Xt=(t,e)=>It(t,Ut(e)),Zt=(t,e,o,i)=>{for(var s,r=i>1?void 0:i?Ht(e,o):e,n=t.length-1;n>=0;n--)(s=t[n])&&(r=(i?s(e,o,r):s(r))||r);return i&&r&&Ft(e,o,r),r},Gt=(t,e,o)=>{if(!e.has(t))throw TypeError("Cannot "+o)},Jt=(t,e,o)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,o)},Qt=(t,e,o,i)=>(Gt(t,e,"write to private field"),i?i.call(t,o):e.set(t,o),o),te=function(t,e){this[0]=t,this[1]=e},ee=t=>{var e,o=t[jt("asyncIterator")],i=!1,s={};return null==o?(o=t[jt("iterator")](),e=t=>s[t]=e=>o[t](e)):(o=o.call(t),e=t=>s[t]=e=>{if(i){if(i=!1,"throw"===t)throw e;return e}return i=!0,{done:!1,value:new te(new Promise((i=>{var s=o[t](e);if(!(s instanceof Object))throw TypeError("Object expected");i(s)})),1)}}),s[jt("iterator")]=()=>s,e("next"),"throw"in o?e("throw"):s.throw=t=>{throw t},"return"in o&&e("return"),s}; 95/** 96 * @license 97 * Copyright 2017 Google LLC 98 * SPDX-License-Identifier: BSD-3-Clause 99 */ 100const oe={attribute:!0,type:String,converter:z,reflect:!1,hasChanged:P},ie=(t=oe,e,o)=>{const{kind:i,metadata:s}=o;let r=globalThis.litPropertyMetadata.get(s);if(void 0===r&&globalThis.litPropertyMetadata.set(s,r=new Map),r.set(o.name,t),"accessor"===i){const{name:i}=o;return{set(o){const s=e.get.call(this);e.set.call(this,o),this.requestUpdate(i,s,t)},init(e){return void 0!==e&&this.P(i,void 0,t),e}}}if("setter"===i){const{name:i}=o;return function(o){const s=this[i];e.call(this,o),this.requestUpdate(i,s,t)}}throw Error("Unsupported decorator location: "+i)}; 101/** 102 * @license 103 * Copyright 2017 Google LLC 104 * SPDX-License-Identifier: BSD-3-Clause 105 */function se(t){return(e,o)=>"object"==typeof o?ie(t,e,o):((t,e,o)=>{const i=e.hasOwnProperty(o);return e.constructor.createProperty(o,i?{...t,wrapped:!0}:t),i?Object.getOwnPropertyDescriptor(e,o):void 0})(t,e,o)} 106/** 107 * @license 108 * Copyright 2017 Google LLC 109 * SPDX-License-Identifier: BSD-3-Clause 110 */function re(t){return se({...t,state:!0,attribute:!1})} 111/** 112 * @license 113 * Copyright 2017 Google LLC 114 * SPDX-License-Identifier: BSD-3-Clause 115 */ 116/** 117 * @license 118 * Copyright 2017 Google LLC 119 * SPDX-License-Identifier: BSD-3-Clause 120 */ 121const ne=(t,e,o)=>(o.configurable=!0,o.enumerable=!0,Reflect.decorate&&"object"!=typeof e&&Object.defineProperty(t,e,o),o) 122/** 123 * @license 124 * Copyright 2017 Google LLC 125 * SPDX-License-Identifier: BSD-3-Clause 126 */;function ae(t,e){return(o,i,s)=>{const r=e=>e.renderRoot?.querySelector(t)??null;if(e){const{get:t,set:e}="object"==typeof i?o:s??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return ne(o,i,{get(){let o=t.call(this);return void 0===o&&(o=r(this),(null!==o||this.hasUpdated)&&e.call(this,o)),o}})}return ne(o,i,{get(){return r(this)}})}} 127/** 128 * @license 129 * Copyright 2017 Google LLC 130 * SPDX-License-Identifier: BSD-3-Clause 131 */var le,ce=class extends kt{emit(t,e){const o=new CustomEvent(t,Yt({bubbles:!0,cancelable:!1,
131composed:!0,detail:{}},e));return this.dispatchEvent(o),o}static define(t,e=this,o={}){const i=customElements.get(t);if(!i){try{customElements.define(t,e,o)}catch(i){customElements.define(t,class extends e{},o)}return}let s=" (unknown version)",r=s;"version"in e&&e.version&&(s=" v"+e.version),"version"in i&&i.version&&(r=" v"+i.version),s&&r&&s===r||console.warn(`Attempted to register <${t}>${s}, but <${t}>${r} has already been registered.`)}attributeChangedCallback(t,e,o){var i,s,r;Gt(i=this,s=le,"read from private field"),(r?r.call(i):s.get(i))||(this.constructor.elementProperties.forEach(((t,e)=>{t.reflect&&null!=this[e]&&this.initialReflectedProperties.set(e,this[e])})),Qt(this,le,!0)),super.attributeChangedCallback(t,e,o)}willUpdate(t){super.willUpdate(t),this.initialReflectedProperties.forEach(((e,o)=>{t.has(o)&&null==this[o]&&(this[o]=e)}))}constructor(){super(),Jt(this,le,!1),this.initialReflectedProperties=new Map,Object.entries(this.constructor.dependencies).forEach((([t,e])=>{this.constructor.define(t,e)}))}};le=new WeakMap,ce.version="2.18.0",ce.dependencies={},Zt([se()],ce.prototype,"dir",2),Zt([se()],ce.prototype,"lang",2);var de=class extends ce{render(){return ot` 132 <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}> 133 <circle class="spinner__track"></circle> 134 <circle class="spinner__indicator"></circle> 135 </svg> 136 `}constructor(){super(...arguments),this.localize=new Rt(this)}};de.styles=[Nt,Ct];var he=new WeakMap,ue=new WeakMap,pe=new WeakMap,be=new WeakSet,me=new WeakMap,fe=class{hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),me.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),me.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(t){t?(this.form=t,he.has(this.form)?he.get(this.form).add(this.host):he.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),ue.has(this.form)||(ue.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity()),pe.has(this.form)||(pe.set(this.form,this.form.checkValidity),this.form.checkValidity=()=>this.checkFormValidity())):this.form=void 0}detachForm(){if(!this.form)return;const t=he.get(this.form);t&&(t.delete(this.host),t.size<=0&&(this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),ue.has(this.form)&&(this.form.reportValidity=ue.get(this.form),ue.delete(this.form)),pe.has(this.form)&&(this.form.checkValidity=pe.get(this.form),pe.delete(this.form)),this.form=void 0))}setUserInteracted(t,e){e?be.add(t):be.delete(t),t.requestUpdate()}doAction(t,e){if(this.form){const o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&o.setAttribute(t,e.getAttribute(t))}))),this.form.append(o),o.click(),o.remove()}}getForm(){var t;return null!=(t=this.form)?t:null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const e=this.host,o=Boolean(be.has(e)),i=Boolean(e.required);e.toggleAttribute("data-required",i),e.toggleAttribute("data-optional",!i),e.toggleAttribute("data-invalid",!t),e.toggleAttribute("data-valid",t),e.toggleAttribute("data-user-invalid",!t&&o),e.toggleAttribute("data-user-valid",t&&o)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const e=new CustomEvent("sl-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||e.preventDefault(),this.host.dispatchEvent(e)||null==t||t.preventDefault()}constructor(t,e){this.handleFormData=t=>{const e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),s="sl-button"===this.host.tagName.toLowerCase();this.host.isConnected&&!e&&!s&&"string"==typeof o&&o.length>
vendor: 15,934 bytes, lines 136-675
1360&&void 0!==i&&(Array.isArray(i)?i.forEach((e=>{t.formData.append(o,e.toString())})):t.formData.append(o,i.toString()))},this.handleFormSubmit=t=>{var e;const o=this.options.disabled(this.host),i=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=he.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),!this.form||this.form.noValidate||o||i(this.host)||(t.preventDefault(),t.stopImmediatePropagation())},this.handleFormReset=()=>{this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),me.set(this.host,[])},this.handleInteraction=t=>{const e=me.get(this.host);e.includes(t.type)||e.push(t.type),e.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)},this.checkFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.checkValidity&&!e.checkValidity())return!1}return!0},this.reportFormValidity=()=>{if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0},(this.host=t).addController(this),this.options=Yt({form:t=>{const e=t.form;if(e){const o=t.getRootNode().querySelector(`#${e}`);if(o)return o}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>{var e;return null!=(e=t.disabled)&&e},reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),checkValidity:t=>"function"!=typeof t.checkValidity||t.checkValidity(),setValue:(t,e)=>t.value=e,assumeInteractionOn:["sl-input"]},e)}},ge=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}),ve=(Object.freeze(Xt(Yt({},ge),{valid:!1,valueMissing:!0})),Object.freeze(Xt(Yt({},ge),{valid:!1,customError:!0})),g` 137 :host { 138 display: inline-block; 139 position: relative; 140 width: auto; 141 cursor: pointer; 142 } 143 144 .button { 145 display: inline-flex; 146 align-items: stretch; 147 justify-content: center; 148 width: 100%; 149 border-style: solid; 150 border-width: var(--sl-input-border-width); 151 font-family: var(--sl-input-font-family); 152 font-weight: var(--sl-font-weight-semibold); 153 text-decoration: none; 154 user-select: none; 155 -webkit-user-select: none; 156 white-space: nowrap; 157 vertical-align: middle; 158 padding: 0; 159 transition: 160 var(--sl-transition-x-fast) background-color, 161 var(--sl-transition-x-fast) color, 162 var(--sl-transition-x-fast) border, 163 var(--sl-transition-x-fast) box-shadow; 164 cursor: inherit; 165 } 166 167 .button::-moz-focus-inner { 168 border: 0; 169 } 170 171 .button:focus { 172 outline: none; 173 } 174 175 .button:focus-visible { 176 outline: var(--sl-focus-ring); 177 outline-offset: var(--sl-focus-ring-offset); 178 } 179 180 .button--disabled { 181 opacity: 0.5; 182 cursor: not-allowed; 183 } 184 185 /* When disabled, prevent mouse events from bubbling up from children */ 186 .button--disabled * { 187 pointer-events: none; 188 } 189 190 .button__prefix, 191 .button__suffix { 192 flex: 0 0 auto; 193 display: flex; 194 align-items: center; 195 pointer-events: none; 196 } 197 198 .button__label { 199 display: inline-block; 200 } 201 202 .button__label::slotted(sl-icon) { 203 vertical-align: -2px; 204 } 205 206 /* 207 * Standard buttons 208 */ 209 210 /* Default */ 211 .button--standard.button--default { 212 background-color: var(--sl-color-neutral-0); 213 border-color: var(--sl-input-border-color); 214 color: var(--sl-color-neutral-700); 215 } 216 217 .button--standard.button--default:hover:not(.button--disabled) { 218 background-color: var(--sl-color-primary-50); 219 border-color: var(--sl-color-primary-300); 220 color: var(--sl-color-primary-700); 221 } 222 223 .button--standard.button--default:active:not(.button--disabled) { 224 background-color: var(--sl-color-primary-100); 225 border-color: var(--sl-color-primary-400); 226 color: var(--sl-color-primary-700); 227 } 228 229 /* Primary */ 230 .button--standard.button--primary { 231 background-color: var(--sl-color-primary-600); 232 border-color: var(--sl-color-primary-600); 233 color: var(--sl-color-neutral-0); 234 } 235 236 .button--standard.button--primary:hover:not(.button--disabled) { 237 background-color: var(--sl-color-primary-500); 238 border-color: var(--sl-color-primary-500); 239 color: var(--sl-color-neutral-0); 240 } 241 242 .button--standard.button--primary:active:not(.button--disabled) { 243 background-color: var(--sl-color-primary-600); 244 border-color: var(--sl-color-primary-600); 245 color: var(--sl-color-neutral-0); 246 } 247 248 /* Success */ 249 .button--standard.button--success { 250 background-color: var(--sl-color-success-600); 251 border-color: var(--sl-color-success-600); 252 color: var(--sl-color-neutral-0); 253 } 254 255 .button--standard.button--success:hover:not(.button--disabled) { 256 background-color: var(--sl-color-success-500); 257 border-color: var(--sl-color-success-500); 258 color: var(--sl-color-neutral-0); 259 } 260 261 .button--standard.button--success:active:not(.button--disabled) { 262 background-color: var(--sl-color-success-600); 263 border-color: var(--sl-color-success-600); 264 color: var(--sl-color-neutral-0); 265 } 266 267 /* Neutral */ 268 .button--standard.button--neutral { 269 background-color: var(--sl-color-neutral-600); 270 border-color: var(--sl-color-neutral-600); 271 color: var(--sl-color-neutral-0); 272 } 273 274 .button--standard.button--neutral:hover:not(.button--disabled) { 275 background-color: var(--sl-color-neutral-500); 276 border-color: var(--sl-color-neutral-500); 277 color: var(--sl-color-neutral-0); 278 } 279 280 .button--standard.button--neutral:active:not(.button--disabled) { 281 background-color: var(--sl-color-neutral-600); 282 border-color: var(--sl-color-neutral-600); 283 color: var(--sl-color-neutral-0); 284 } 285 286 /* Warning */ 287 .button--standard.button--warning { 288 background-color: var(--sl-color-warning-600); 289 border-color: var(--sl-color-warning-600); 290 color: var(--sl-color-neutral-0); 291 } 292 .button--standard.button--warning:hover:not(.button--disabled) { 293 background-color: var(--sl-color-warning-500); 294 border-color: var(--sl-color-warning-500); 295 color: var(--sl-color-neutral-0); 296 } 297 298 .button--standard.button--warning:active:not(.button--disabled) { 299 background-color: var(--sl-color-warning-600); 300 border-color: var(--sl-color-warning-600); 301 color: var(--sl-color-neutral-0); 302 } 303 304 /* Danger */ 305 .button--standard.button--danger { 306 background-color: var(--sl-color-danger-600); 307 border-color: var(--sl-color-danger-600); 308 color: var(--sl-color-neutral-0); 309 } 310 311 .button--standard.button--danger:hover:not(.button--disabled) { 312 background-color: var(--sl-color-danger-500); 313 border-color: var(--sl-color-danger-500); 314 color: var(--sl-color-neutral-0); 315 } 316 317 .button--standard.button--danger:active:not(.button--disabled) { 318 background-color: var(--sl-color-danger-600); 319 border-color: var(--sl-color-danger-600); 320 color: var(--sl-color-neutral-0); 321 } 322 323 /* 324 * Outline buttons 325 */ 326 327 .button--outline { 328 background: none; 329 border: solid 1px; 330 } 331 332 /* Default */ 333 .button--outline.button--default { 334 border-color: var(--sl-input-border-color); 335 color: var(--sl-color-neutral-700); 336 } 337 338 .button--outline.button--default:hover:not(.button--disabled), 339 .button--outline.button--default.button--checked:not(.button--disabled) { 340 border-color: var(--sl-color-primary-600); 341 background-color: var(--sl-color-primary-600); 342 color: var(--sl-color-neutral-0); 343 } 344 345 .button--outline.button--default:active:not(.button--disabled) { 346 border-color: var(--sl-color-primary-700); 347 background-color: var(--sl-color-primary-700); 348 color: var(--sl-color-neutral-0); 349 } 350 351 /* Primary */ 352 .button--outline.button--primary { 353 border-color: var(--sl-color-primary-600); 354 color: var(--sl-color-primary-600); 355 } 356 357 .button--outline.button--primary:hover:not(.button--disabled), 358 .button--outline.button--primary.button--checked:not(.button--disabled) { 359 background-color: var(--sl-color-primary-600); 360 color: var(--sl-color-neutral-0); 361 } 362 363 .button--outline.button--primary:active:not(.button--disabled) { 364 border-color: var(--sl-color-primary-700); 365 background-color: var(--sl-color-primary-700); 366 color: var(--sl-color-neutral-0); 367 } 368 369 /* Success */ 370 .button--outline.button--success { 371 border-color: var(--sl-color-success-600); 372 color: var(--sl-color-success-600); 373 } 374 375 .button--outline.button--success:hover:not(.button--disabled), 376 .button--outline.button--success.button--checked:not(.button--disabled) { 377 background-color: var(--sl-color-success-600); 378 color: var(--sl-color-neutral-0); 379 } 380 381 .button--outline.button--success:active:not(.button--disabled) { 382 border-color: var(--sl-color-success-700); 383 background-color: var(--sl-color-success-700); 384 color: var(--sl-color-neutral-0); 385 } 386 387 /* Neutral */ 388 .button--outline.button--neutral { 389 border-color: var(--sl-color-neutral-600); 390 color: var(--sl-color-neutral-600); 391 } 392 393 .button--outline.button--neutral:hover:not(.button--disabled), 394 .button--outline.button--neutral.button--checked:not(.button--disabled) { 395 background-color: var(--sl-color-neutral-600); 396 color: var(--sl-color-neutral-0); 397 } 398 399 .button--outline.button--neutral:active:not(.button--disabled) { 400 border-color: var(--sl-color-neutral-700); 401 background-color: var(--sl-color-neutral-700); 402 color: var(--sl-color-neutral-0); 403 } 404 405 /* Warning */ 406 .button--outline.button--warning { 407 border-color: var(--sl-color-warning-600); 408 color: var(--sl-color-warning-600); 409 } 410 411 .button--outline.button--warning:hover:not(.button--disabled), 412 .button--outline.button--warning.button--checked:not(.button--disabled) { 413 background-color: var(--sl-color-warning-600); 414 color: var(--sl-color-neutral-0); 415 } 416 417 .button--outline.button--warning:active:not(.button--disabled) { 418 border-color: var(--sl-color-warning-700); 419 background-color: var(--sl-color-warning-700); 420 color: var(--sl-color-neutral-0); 421 } 422 423 /* Danger */ 424 .button--outline.button--danger { 425 border-color: var(--sl-color-danger-600); 426 color: var(--sl-color-danger-600); 427 } 428 429 .button--outline.button--danger:hover:not(.button--disabled), 430 .button--outline.button--danger.button--checked:not(.button--disabled) { 431 background-color: var(--sl-color-danger-600); 432 color: var(--sl-color-neutral-0); 433 } 434 435 .button--outline.button--danger:active:not(.button--disabled) { 436 border-color: var(--sl-color-danger-700); 437 background-color: var(--sl-color-danger-700); 438 color: var(--sl-color-neutral-0); 439 } 440 441 @media (forced-colors: active) { 442 .button.button--outline.button--checked:not(.button--disabled) { 443 outline: solid 2px transparent; 444 } 445 } 446 447 /* 448 * Text buttons 449 */ 450 451 .button--text { 452 background-color: transparent; 453 border-color: transparent; 454 color: var(--sl-color-primary-600); 455 } 456 457 .button--text:hover:not(.button--disabled) { 458 background-color: transparent; 459 border-color: transparent; 460 color: var(--sl-color-primary-500); 461 } 462 463 .button--text:focus-visible:not(.button--disabled) { 464 background-color: transparent; 465 border-color: transparent; 466 color: var(--sl-color-primary-500); 467 } 468 469 .button--text:active:not(.button--disabled) { 470 background-color: transparent; 471 border-color: transparent; 472 color: var(--sl-color-primary-700); 473 } 474 475 /* 476 * Size modifiers 477 */ 478 479 .button--small { 480 height: auto; 481 min-height: var(--sl-input-height-small); 482 font-size: var(--sl-button-font-size-small); 483 line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2); 484 border-radius: var(--sl-input-border-radius-small); 485 } 486 487 .button--medium { 488 height: auto; 489 min-height: var(--sl-input-height-medium); 490 font-size: var(--sl-button-font-size-medium); 491 line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2); 492 border-radius: var(--sl-input-border-radius-medium); 493 } 494 495 .button--large { 496 height: auto; 497 min-height: var(--sl-input-height-large); 498 font-size: var(--sl-button-font-size-large); 499 line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2); 500 border-radius: var(--sl-input-border-radius-large); 501 } 502 503 /* 504 * Pill modifier 505 */ 506 507 .button--pill.button--small { 508 border-radius: var(--sl-input-height-small); 509 } 510 511 .button--pill.button--medium { 512 border-radius: var(--sl-input-height-medium); 513 } 514 515 .button--pill.button--large { 516 border-radius: var(--sl-input-height-large); 517 } 518 519 /* 520 * Circle modifier 521 */ 522 523 .button--circle { 524 padding-left: 0; 525 padding-right: 0; 526 } 527 528 .button--circle.button--small { 529 width: var(--sl-input-height-small); 530 border-radius: 50%; 531 } 532 533 .button--circle.button--medium { 534 width: var(--sl-input-height-medium); 535 border-radius: 50%; 536 } 537 538 .button--circle.button--large { 539 width: var(--sl-input-height-large); 540 border-radius: 50%; 541 } 542 543 .button--circle .button__prefix, 544 .button--circle .button__suffix, 545 .button--circle .button__caret { 546 display: none; 547 } 548 549 /* 550 * Caret modifier 551 */ 552 553 .button--caret .button__suffix { 554 display: none; 555 } 556 557 .button--caret .button__caret { 558 height: auto; 559 } 560 561 /* 562 * Loading modifier 563 */ 564 565 .button--loading { 566 position: relative; 567 cursor: wait; 568 } 569 570 .button--loading .button__prefix, 571 .button--loading .button__label, 572 .button--loading .button__suffix, 573 .button--loading .button__caret { 574 visibility: hidden; 575 } 576 577 .button--loading sl-spinner { 578 --indicator-color: currentColor; 579 position: absolute; 580 font-size: 1em; 581 height: 1em; 582 width: 1em; 583 top: calc(50% - 0.5em); 584 left: calc(50% - 0.5em); 585 } 586 587 /* 588 * Badges 589 */ 590 591 .button ::slotted(sl-badge) { 592 position: absolute; 593 top: 0; 594 right: 0; 595 translate: 50% -50%; 596 pointer-events: none; 597 } 598 599 .button--rtl ::slotted(sl-badge) { 600 right: auto; 601 left: 0; 602 translate: -50% -50%; 603 } 604 605 /* 606 * Button spacing 607 */ 608 609 .button--has-label.button--small .button__label { 610 padding: 0 var(--sl-spacing-small); 611 } 612 613 .button--has-label.button--medium .button__label { 614 padding: 0 var(--sl-spacing-medium); 615 } 616 617 .button--has-label.button--large .button__label { 618 padding: 0 var(--sl-spacing-large); 619 } 620 621 .button--has-prefix.button--small { 622 padding-inline-start: var(--sl-spacing-x-small); 623 } 624 625 .button--has-prefix.button--small .button__label { 626 padding-inline-start: var(--sl-spacing-x-small); 627 } 628 629 .button--has-prefix.button--medium { 630 padding-inline-start: var(--sl-spacing-small); 631 } 632 633 .button--has-prefix.button--medium .button__label { 634 padding-inline-start: var(--sl-spacing-small); 635 } 636 637 .button--has-prefix.button--large { 638 padding-inline-start: var(--sl-spacing-small); 639 } 640 641 .button--has-prefix.button--large .button__label { 642 padding-inline-start: var(--sl-spacing-small); 643 } 644 645 .button--has-suffix.button--small, 646 .button--caret.button--small { 647 padding-inline-end: var(--sl-spacing-x-small); 648 } 649 650 .button--has-suffix.button--small .button__label, 651 .button--caret.button--small .button__label { 652 padding-inline-end: var(--sl-spacing-x-small); 653 } 654 655 .button--has-suffix.button--medium, 656 .button--caret.button--medium { 657 padding-inline-end: var(--sl-spacing-small); 658 } 659 660 .button--has-suffix.button--medium .button__label, 661 .button--caret.button--medium .button__label { 662 padding-inline-end: var(--sl-spacing-small); 663 } 664 665 .button--has-suffix.button--large, 666 .button--caret.button--large { 667 padding-inline-end: var(--sl-spacing-small); 668 } 669 670 .button--has-suffix.button--large .button__label, 671 .button--caret.button--large .button__label { 672 padding-inline-end: var(--sl-spacing-small); 673 } 674 675 /*
676 * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.). 677 * This means buttons aren't always direct descendants of the button group, thus we can't target them with the 678 * ::slotted selector. To work around this, the button group component does some magic to add these special classes to 679 * buttons and we style them here instead. 680 */ 681 682 :host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button { 683 border-start-end-radius: 0; 684 border-end-end-radius: 0; 685 } 686 687 :host([data-sl-button-group__button--inner]) .button { 688 border-radius: 0; 689 } 690 691 :host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button { 692 border-start-start-radius: 0; 693 border-end-start-radius: 0; 694 } 695 696 /* All except the first */ 697 :host([data-sl-button-group__button]:not([data-sl-button-group__button--first])) { 698 margin-inline-start: calc(-1 * var(--sl-input-border-width)); 699 } 700 701 /* Add a visual separator between solid buttons */ 702 :host( 703 [data-sl-button-group__button]:not( 704 [data-sl-button-group__button--first], 705 [data-sl-button-group__button--radio], 706 [variant='default'] 707 ):not(:hover) 708 ) 709 .button:after { 710 content: ''; 711 position: absolute; 712 top: 0; 713 inset-inline-start: 0; 714 bottom: 0; 715 border-left: solid 1px rgb(128 128 128 / 33%); 716 mix-blend-mode: multiply; 717 } 718 719 /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */ 720 :host([data-sl-button-group__button--hover]) { 721 z-index: 1; 722 } 723 724 /* Focus and checked are always on top */ 725 :host([data-sl-button-group__button--focus]), 726 :host([data-sl-button-group__button][checked]) { 727 z-index: 2; 728 } 729`),ye=class{hasDefaultSlot(){return[...this.host.childNodes].some((t=>{if(t.nodeType===t.TEXT_NODE&&""!==t.textContent.trim())return!0;
729if(t.nodeType===t.ELEMENT_NODE){const e=t;if("sl-visually-hidden"===e.tagName.toLowerCase())return!1;if(!e.hasAttribute("slot"))return!0}return!1}))}hasNamedSlot(t){return null!==this.host.querySelector(`:scope > [slot="${t}"]`)}test(t){return"[default]"===t?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}constructor(t,...e){this.slotNames=[],this.handleSlotChange=t=>{const e=t.target;(this.slotNames.includes("[default]")&&!e.name||e.name&&this.slotNames.includes(e.name))&&this.host.requestUpdate()},(this.host=t).addController(this),this.slotNames=e}};function we(t){if(!t)return"";const e=t.assignedNodes({flatten:!0});let o="";return[...e].forEach((t=>{t.nodeType===Node.TEXT_NODE&&(o+=t.textContent)})),o}var _e="";function xe(t){_e=t}function ke(t=""){if(!_e){const t=[...document.getElementsByTagName("script")],e=t.find((t=>t.hasAttribute("data-shoelace")));if(e)xe(e.getAttribute("data-shoelace"));else{const e=t.find((t=>/shoelace(\.min)?\.js($|\?)/.test(t.src)||/shoelace-autoloader(\.min)?\.js($|\?)/.test(t.src)));let o="";e&&(o=e.getAttribute("src")),xe(o.split("/").slice(0,-1).join("/"))}}return _e.replace(/\/$/,"")+(t?`/${t.replace(/^\//,"")}`:"")}var Ae={caret:'\n <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">\n <polyline points="6 9 12 15 18 9"></polyline>\n </svg>\n ',check:'\n <svg part="checked-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor">\n <g transform="translate(3.428571, 3.428571)">\n <path d="M0,5.71428571 L3.42857143,9.14285714"></path>\n <path d="M9.14285714,0 L3.42857143,9.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"chevron-down":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',"chevron-left":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-left" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>\n </svg>\n ',"chevron-right":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>\n </svg>\n ',copy:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16">\n <path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V2Zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H6ZM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1H2Z"/>\n </svg>\n ',eye:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye" viewBox="0 0 16 16">\n <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z"/>\n <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z"/>\n </svg>\n ',"eye-slash":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-slash" viewBox="0 0 16 16">\n <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z"/>\n <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z"/>\n <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm
72910.296 8.884-12-12 .708-.708 12 12-.708.708z"/>\n </svg>\n ',eyedropper:'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eyedropper" viewBox="0 0 16 16">\n <path d="M13.354.646a1.207 1.207 0 0 0-1.708 0L8.5 3.793l-.646-.647a.5.5 0 1 0-.708.708L8.293 5l-7.147 7.146A.5.5 0 0 0 1 12.5v1.793l-.854.853a.5.5 0 1 0 .708.707L1.707 15H3.5a.5.5 0 0 0 .354-.146L11 7.707l1.146 1.147a.5.5 0 0 0 .708-.708l-.647-.646 3.147-3.146a1.207 1.207 0 0 0 0-1.708l-2-2zM2 12.707l7-7L10.293 7l-7 7H2v-1.293z"></path>\n </svg>\n ',"grip-vertical":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-grip-vertical" viewBox="0 0 16 16">\n <path d="M7 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zM7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-3 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"></path>\n </svg>\n ',indeterminate:'\n <svg part="indeterminate-icon" class="checkbox__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">\n <g stroke="currentColor" stroke-width="2">\n <g transform="translate(2.285714, 6.857143)">\n <path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path>\n </g>\n </g>\n </g>\n </svg>\n ',"person-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">\n <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>\n </svg>\n ',"play-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">\n <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"></path>\n </svg>\n ',"pause-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">\n <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"></path>\n </svg>\n ',radio:'\n <svg part="checked-icon" class="radio__icon" viewBox="0 0 16 16">\n <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\n <g fill="currentColor">\n <circle cx="8" cy="8" r="3.42857143"></circle>\n </g>\n </g>\n </svg>\n ',"star-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16">\n <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>\n </svg>\n ',"x-lg":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16">\n <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/>\n </svg>\n ',"x-circle-fill":'\n <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">\n <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path>\n </svg>\n '},Ce=[{name:"default",resolver:t=>ke(`assets/icons/${t}.svg`)},{name:"system",resolver:t=>t in Ae?`data:image/svg+xml,${encodeURIComponent(Ae[t])}`:""}],Ee=[];function $e(t){return Ce.find((e=>e.name===t))}var Se=g` 730 :host { 731 display: inline-block; 732 width: 1em; 733 height: 1em; 734 box-sizing: content-box !important; 735 } 736 737 svg { 738 display: block; 739 height: 100%; 740 width: 100%; 741 } 742`;function Le(t,e){const o=Yt({waitUntilFirstUpdate:!1},e);return(e,i)=>{const{update:s}=e,r=Array.isArray(t)?t:[t];e.update=function(t){r.forEach((e=>{const s=e;if(t.has(s)){const e=t.get(s),r=this[s];e!==r&&(o.waitUntilFirstUpdate&&!this.hasUpdated||this[i](e,r))}})),s.call(this,t)}}} 743/** 744 * @license 745 * Copyright 2020 Google LLC 746 * SPDX-License-Identifier: BSD-3-Clause 747 */const{I:Te}=wt;var ze,Pe=Symbol(),Oe=Symbol(),De=new Map,Me=class extends ce{async resolveIcon(t,e){var o;let i;if(null==e?void 0:e.spriteSheet)return this.svg=ot`<svg part="svg"> 748 <use part="use" href="${t}"></use> 749 </svg>`,this.svg;try{if(i=await fetch(t,{mode:"cors"}),!i.ok)return 410===i.status?Pe:Oe}catch(t){return Oe}try{const t=document.createElement("div");t.innerHTML=await i.text();const e=t.firstElementChild;if("svg"!==(null==(o=null==e?void 0:e.tagName)?void 0:o.toLowerCase()))return Pe;ze||(ze=new DOMParser);const s=ze.parseFromString(e.outerHTML,"text/html").body.querySelector("svg");return s?(s.part.add("svg"),document.adoptNode(s)):Pe}catch(t){return Pe}}connectedCallback(){var t;super.connectedCallback(),t=this,Ee.push(t)}firstUpdated(){this.initialRender=!0,this.setIcon()}disconnectedCallback(){var t;super.disconnectedCallback(),t=this,Ee=Ee.filter((e=>e!==t))}getIconSource(){const t=$e(this.library);return this.name&&t?{url:t.resolver(this.name),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const{url:e,fromLibrary:o}=this.getIconSource(),i=o?$e(this.library):void 0;if(!e)return void(this.svg=null);let s=De.get(e);if(s||(s=this.resolveIcon(e,i),De.set(e,s)),!this.initialRender)return;const r=await s;var n,a;if(r===Oe&&De.delete(e),e===this.getIconSource().url)if(n=r,void 0===a?void 0===n?._$litType$:n?._$litType$!==a)switch(r){case Oe:case Pe:this.svg=null,this.emit
749("sl-error");break;default:this.svg=r.cloneNode(!0),null==(t=null==i?void 0:i.mutator)||t.call(i,this.svg),this.emit("sl-load")}else if(this.svg=r,i){await this.updateComplete;const t=this.shadowRoot.querySelector("[part='svg']");"function"==typeof i.mutator&&t&&i.mutator(t)}}render(){return this.svg}constructor(){super(...arguments),this.initialRender=!1,this.svg=null,this.label="",this.library="default"}};Me.styles=[Nt,Se],Zt([re()],Me.prototype,"svg",2),Zt([se({reflect:!0})],Me.prototype,"name",2),Zt([se()],Me.prototype,"src",2),Zt([se()],Me.prototype,"label",2),Zt([se({reflect:!0})],Me.prototype,"library",2),Zt([Le("label")],Me.prototype,"handleLabelChange",1),Zt([Le(["name","src","library"])],Me.prototype,"setIcon",1); 750/** 751 * @license 752 * Copyright 2017 Google LLC 753 * SPDX-License-Identifier: BSD-3-Clause 754 */ 755const Be={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Re=t=>(...e)=>({_$litDirective$:t,values:e});class Ne{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)}constructor(t){}} 756/** 757 * @license 758 * Copyright 2018 Google LLC 759 * SPDX-License-Identifier: BSD-3-Clause 760 */const Fe=Re(class extends Ne{render(t){return" "+Object.keys(t).filter((e=>t[e])).join(" ")+" "}update(t,[e]){if(void 0===this.st){this.st=new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in e)e[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(e)}const o=t.element.classList;for(const t of this.st)t in e||(o.remove(t),this.st.delete(t));for(const t in e){const i=!!e[t];i===this.st.has(t)||this.nt?.has(t)||(i?(o.add(t),this.st.add(t)):(o.remove(t),this.st.delete(t)))}return rt}constructor(t){if(super(t),t.type!==Be.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}}),Ie=Symbol.for(""),He=t=>{if(t?.r===Ie)return t?._$litStatic$},Ue=(t,...e)=>({_$litStatic$:e.reduce(((e,o,i)=>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[i+1]),t[0]),r:Ie}),qe=new Map,Ve=t=>(e,...o)=>{const i=o.length;let s,r;const n=[],a=[];let l,c=0,d=!1;for(;c<i;){for(l=e[c];c<i&&void 0!==(r=o[c],s=He(r));)l+=s+e[++c],d=!0;c!==i&&a.push(r),n.push(l),c++}if(c===i&&n.push(e[i]),d){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)},We=Ve(ot),je=(Ve(it),Ve(st),t=>t??nt); 761/** 762 * @license 763 * Copyright 2020 Google LLC 764 * SPDX-License-Identifier: BSD-3-Clause 765 */var Ke=class extends ce{get validity(){return this.isButton()?this.button.validity:ge}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(t){this.isButton()&&(this.button.setCustomValidity(t),this.formControlController.updateValidity())}render(){const t=this.isLink(),e=t?Ue`a`:Ue`button`;return We` 766 <${e} 767 part="base" 768 class=${Fe({button:!0,"button--default":"default"===this.variant,"button--primary":"primary"===this.variant,"button--success":"success"===this.variant,"button--neutral":"neutral"===this.variant,"button--warning":"warning"===this.variant,"button--danger":"danger"===this.variant,"button--text":"text"===this.variant,"button--small":"small"===this.size,"button--medium":"medium"===this.size,"button--large":"large"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--rtl":"rtl"===this.localize.dir(),"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})} 769 ?disabled=${je(t?void 0:this.disabled)} 770 type=${je(t?void 0:this.type)} 771 title=${this.title} 772 name=${je(t?void 0:this.name)} 773 value=${je(t?void 0:this.value)} 774 href=${je(t&&!this.disabled?this.href:void 0)} 775 target=${je(t?this.target:void 0)} 776 download=${je(t?this.download:void 0)} 777 rel=${je(t?this.rel:void 0)} 778 role=${je(t?void 0:"button")} 779 aria-disabled=${this.disabled?"true":"false"} 780 tabindex=${this.disabled?"-1":"0"} 781 @blur=${this.handleBlur} 782 @focus=${this.handleFocus} 783 @invalid=${this.isButton()?this.handleInvalid:null} 784 @click=${this.handleClick} 785 > 786 <slot name="prefix" part="prefix" class="button__prefix"></slot> 787 <slot part="label" class="button__label"></slot> 788 <slot name="suffix" part="suffix" class="button__suffix"></slot> 789 ${this.caret?We` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> `:""} 790 ${this.loading?We`<sl-spinner part="spinner"></sl-spinner>`:""} 791 </${e}> 792 `}constructor(){super(...arguments),this.formControlController=new fe(this,{assumeInteractionOn:["click"]}),this.hasSlotController=new ye(this,"[default]","prefix","suffix"),this.localize=new Rt(this),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="default",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener"}};
vendor: 5,057 bytes, lines 792-945
792Ke.styles=[Nt,ve],Ke.dependencies={"sl-icon":Me,"sl-spinner":de},Zt([ae(".button")],Ke.prototype,"button",2),Zt([re()],Ke.prototype,"hasFocus",2),Zt([re()],Ke.prototype,"invalid",2),Zt([se()],Ke.prototype,"title",2),Zt([se({reflect:!0})],Ke.prototype,"variant",2),Zt([se({reflect:!0})],Ke.prototype,"size",2),Zt([se({type:Boolean,reflect:!0})],Ke.prototype,"caret",2),Zt([se({type:Boolean,reflect:!0})],Ke.prototype,"disabled",2),Zt([se({type:Boolean,reflect:!0})],Ke.prototype,"loading",2),Zt([se({type:Boolean,reflect:!0})],Ke.prototype,"outline",2),Zt([se({type:Boolean,reflect:!0})],Ke.prototype,"pill",2),Zt([se({type:Boolean,reflect:!0})],Ke.prototype,"circle",2),Zt([se()],Ke.prototype,"type",2),Zt([se()],Ke.prototype,"name",2),Zt([se()],Ke.prototype,"value",2),Zt([se()],Ke.prototype,"href",2),Zt([se()],Ke.prototype,"target",2),Zt([se()],Ke.prototype,"rel",2),Zt([se()],Ke.prototype,"download",2),Zt([se()],Ke.prototype,"form",2),Zt([se({attribute:"formaction"})],Ke.prototype,"formAction",2),Zt([se({attribute:"formenctype"})],Ke.prototype,"formEnctype",2),Zt([se({attribute:"formmethod"})],Ke.prototype,"formMethod",2),Zt([se({attribute:"formnovalidate",type:Boolean})],Ke.prototype,"formNoValidate",2),Zt([se({attribute:"formtarget"})],Ke.prototype,"formTarget",2),Zt([Le("disabled",{waitUntilFirstUpdate:!0})],Ke.prototype,"handleDisabledChange",1);Ke.define("sl-button");Me.define("sl-icon");var Ye=g` 793 :host { 794 --size: 25rem; 795 --header-spacing: var(--sl-spacing-large); 796 --body-spacing: var(--sl-spacing-large); 797 --footer-spacing: var(--sl-spacing-large); 798 799 display: contents; 800 } 801 802 .drawer { 803 top: 0; 804 inset-inline-start: 0; 805 width: 100%; 806 height: 100%; 807 pointer-events: none; 808 overflow: hidden; 809 } 810 811 .drawer--contained { 812 position: absolute; 813 z-index: initial; 814 } 815 816 .drawer--fixed { 817 position: fixed; 818 z-index: var(--sl-z-index-drawer); 819 } 820 821 .drawer__panel { 822 position: absolute; 823 display: flex; 824 flex-direction: column; 825 z-index: 2; 826 max-width: 100%; 827 max-height: 100%; 828 background-color: var(--sl-panel-background-color); 829 box-shadow: var(--sl-shadow-x-large); 830 overflow: auto; 831 pointer-events: all; 832 } 833 834 .drawer__panel:focus { 835 outline: none; 836 } 837 838 .drawer--top .drawer__panel { 839 top: 0; 840 inset-inline-end: auto; 841 bottom: auto; 842 inset-inline-start: 0; 843 width: 100%; 844 height: var(--size); 845 } 846 847 .drawer--end .drawer__panel { 848 top: 0; 849 inset-inline-end: 0; 850 bottom: auto; 851 inset-inline-start: auto; 852 width: var(--size); 853 height: 100%; 854 } 855 856 .drawer--bottom .drawer__panel { 857 top: auto; 858 inset-inline-end: auto; 859 bottom: 0; 860 inset-inline-start: 0; 861 width: 100%; 862 height: var(--size); 863 } 864 865 .drawer--start .drawer__panel { 866 top: 0; 867 inset-inline-end: auto; 868 bottom: auto; 869 inset-inline-start: 0; 870 width: var(--size); 871 height: 100%; 872 } 873 874 .drawer__header { 875 display: flex; 876 } 877 878 .drawer__title { 879 flex: 1 1 auto; 880 font: inherit; 881 font-size: var(--sl-font-size-large); 882 line-height: var(--sl-line-height-dense); 883 padding: var(--header-spacing); 884 margin: 0; 885 } 886 887 .drawer__header-actions { 888 flex-shrink: 0; 889 display: flex; 890 flex-wrap: wrap; 891 justify-content: end; 892 gap: var(--sl-spacing-2x-small); 893 padding: 0 var(--header-spacing); 894 } 895 896 .drawer__header-actions sl-icon-button, 897 .drawer__header-actions ::slotted(sl-icon-button) { 898 flex: 0 0 auto; 899 display: flex; 900 align-items: center; 901 font-size: var(--sl-font-size-medium); 902 } 903 904 .drawer__body { 905 flex: 1 1 auto; 906 display: block; 907 padding: var(--body-spacing); 908 overflow: auto; 909 -webkit-overflow-scrolling: touch; 910 } 911 912 .drawer__footer { 913 text-align: right; 914 padding: var(--footer-spacing); 915 } 916 917 .drawer__footer ::slotted(sl-button:not(:last-of-type)) { 918 margin-inline-end: var(--sl-spacing-x-small); 919 } 920 921 .drawer:not(.drawer--has-footer) .drawer__footer { 922 display: none; 923 } 924 925 .drawer__overlay { 926 display: block; 927 position: fixed; 928 top: 0; 929 right: 0; 930 bottom: 0; 931 left: 0; 932 background-color: var(--sl-overlay-background-color); 933 pointer-events: all; 934 } 935 936 .drawer--contained .drawer__overlay { 937 display: none; 938 } 939 940 @media (forced-colors: active) { 941 .drawer__panel { 942 border: solid 1px var(--sl-color-neutral-0); 943 } 944 } 945`,Xe=new WeakMap;function Ze(t){let e=Xe.get(t);return e||(e=window.getComputedStyle(t,null),Xe.set(t,e)),e}function Ge(t){const e=t.tagName.toLowerCase(),o=Number(t.getAttribute("tabindex"));if(t.hasAttribute("tabindex")&&(isNaN(o)||o<=-1))return!1;if(t.hasAttribute("disabled"))return!1;if(t.closest("[inert]"))return!1;if("input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked"))return!1;if(!function(t){if("function"==typeof t.checkVisibility)return t.checkVisibility({checkOpacity:!1,checkVisibilityCSS:!0});const e=Ze(t);return"hidden"!==e.visibility&&"none"!==e.display}(t))return!1;if(("audio"===e||"video"===e)&&t.hasAttribute("controls"))return!0;
945if(t.hasAttribute("tabindex"))return!0;if(t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))return!0;return!!["button","input","select","textarea","a","audio","video","summary","iframe"].includes(e)||function(t){const e=Ze(t),{overflowY:o,overflowX:i}=e;return"scroll"===o||"scroll"===i||"auto"===o&&"auto"===i&&(t.scrollHeight>t.clientHeight&&"auto"===o||!(!(t.scrollWidth>t.clientWidth)||"auto"!==i))}(t)}function Je(t){var e,o;const i=Qe(t);return{start:null!=(e=i[0])?e:null,end:null!=(o=i[i.length-1])?o:null}}function Qe(t){const e=new WeakMap,o=[];return function i(s){if(s instanceof Element){if(s.hasAttribute("inert")||s.closest("[inert]"))return;if(e.has(s))return;e.set(s,!0),!o.includes(s)&&Ge(s)&&o.push(s),s instanceof HTMLSlotElement&&function(t,e){var o;return(null==(o=t.getRootNode({composed:!0}))?void 0:o.host)!==e}(s,t)&&s.assignedElements({flatten:!0}).forEach((t=>{i(t)})),null!==s.shadowRoot&&"open"===s.shadowRoot.mode&&i(s.shadowRoot)}for(const t of s.children)i(t)}(t),o.sort(((t,e)=>{const o=Number(t.getAttribute("tabindex"))||0;return(Number(e.getAttribute("tabindex"))||0)-o}))}function*to(t=document.activeElement){null!=t&&(yield t,"shadowRoot"in t&&t.shadowRoot&&"closed"!==t.shadowRoot.mode&&(yield*ee(to(t.shadowRoot.activeElement))))}var eo=[],oo=class{activate(){eo.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){eo=eo.filter((t=>t!==this.element)),this.currentFocus=null,document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return eo[eo.length-1]===this.element}activateExternal(){this.isExternalActivated=!0}deactivateExternal(){this.isExternalActivated=!1}checkFocus(){if(this.isActive()&&!this.isExternalActivated){const t=Qe(this.element);if(!this.element.matches(":focus-within")){const e=t[0],o=t[t.length-1],i="forward"===this.tabDirection?e:o;"function"==typeof(null==i?void 0:i.focus)&&(this.currentFocus=i,i.focus({preventScroll:!1}))}}}possiblyHasTabbableChildren(t){return this.elementsWithTabbableControls.includes(t.tagName.toLowerCase())||t.hasAttribute("controls")}constructor(t){this.tabDirection="forward",this.handleFocusIn=()=>{this.isActive()&&this.checkFocus()},this.handleKeyDown=t=>{var e;if("Tab"!==t.key||this.isExternalActivated)return;if(!this.isActive())return;const o=[...to()].pop();if(this.previousFocus=o,this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;t.shiftKey?this.tabDirection="backward":this.tabDirection="forward";const i=Qe(this.element);let s=i.findIndex((t=>t===o));this.previousFocus=this.currentFocus;const r="forward"===this.tabDirection?1:-1;for(;;){s+r>=i.length?s=0:s+r<0?s=i.length-1:s+=r,this.previousFocus=this.currentFocus;const o=i[s];if("backward"===this.tabDirection&&this.previousFocus&&this.possiblyHasTabbableChildren(this.previousFocus))return;if(o&&this.possiblyHasTabbableChildren(o))return;t.preventDefault(),this.currentFocus=o,null==(e=this.currentFocus)||e.focus({preventScroll:!1});const n=[...to()];if(n.includes(this.currentFocus)||!n.includes(this.previousFocus))break}setTimeout((()=>this.checkFocus()))},this.handleKeyUp=()=>{this.tabDirection="forward"},this.element=t,this.elementsWithTabbableControls=["iframe"]}};var io=new Set;function so(t){if(io.add(t),!document.documentElement.classList.contains("sl-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}()+function(){const t=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(t)||!t?0:t}();let e=getComputedStyle(document.documentElement).scrollbarGutter;e&&"auto"!==e||(e="stable"),t<2&&(e=""),document.documentElement.style.setProperty("--sl-scroll-lock-gutter",e),document.documentElement.classList.add("sl-scroll-lock"),document.documentElement.style.setProperty("--sl-scroll-lock-size",`${t}px`)}}function ro(t){io.delete(t),0===io.size&&(document.documentElement.classList.remove("sl-scroll-lock"),document.documentElement.style.removeProperty("--sl-scroll-lock-size"))}function no(t,e,o="vertical",i="smooth"){const s=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left
945:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),r=s.top+e.scrollTop,n=s.left+e.scrollLeft,a=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,c=e.scrollTop,d=e.scrollTop+e.offsetHeight;"horizontal"!==o&&"both"!==o||(n<a?e.scrollTo({left:n,behavior:i}):n+t.clientWidth>l&&e.scrollTo({left:n-e.offsetWidth+t.clientWidth,behavior:i})),"vertical"!==o&&"both"!==o||(r<c?e.scrollTo({top:r,behavior:i}):r+t.clientHeight>d&&e.scrollTo({top:r-e.offsetHeight+t.clientHeight,behavior:i}))}var ao=g` 946 :host { 947 display: inline-block; 948 color: var(--sl-color-neutral-600); 949 } 950 951 .icon-button { 952 flex: 0 0 auto; 953 display: flex; 954 align-items: center; 955 background: none; 956 border: none; 957 border-radius: var(--sl-border-radius-medium); 958 font-size: inherit; 959 color: inherit; 960 padding: var(--sl-spacing-x-small); 961 cursor: pointer; 962 transition: var(--sl-transition-x-fast) color; 963 -webkit-appearance: none; 964 } 965 966 .icon-button:hover:not(.icon-button--disabled), 967 .icon-button:focus-visible:not(.icon-button--disabled) { 968 color: var(--sl-color-primary-600); 969 } 970 971 .icon-button:active:not(.icon-button--disabled) { 972 color: var(--sl-color-primary-700); 973 } 974 975 .icon-button:focus { 976 outline: none; 977 } 978 979 .icon-button--disabled { 980 opacity: 0.5; 981 cursor: not-allowed; 982 } 983 984 .icon-button:focus-visible { 985 outline: var(--sl-focus-ring); 986 outline-offset: var(--sl-focus-ring-offset); 987 } 988 989 .icon-button__icon { 990 pointer-events: none; 991 } 992`,lo=class extends ce{handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const t=!!this.href,e=t?Ue`a`:Ue`button`;return We` 993 <${e} 994 part="base" 995 class=${Fe({"icon-button":!0,"icon-button--disabled":!t&&this.disabled,"icon-button--focused":this.hasFocus})} 996 ?disabled=${je(t?void 0:this.disabled)} 997 type=${je(t?void 0:"button")} 998 href=${je(t?this.href:void 0)} 999 target=${je(t?this.target:void 0)} 1000 download=${je(t?this.download:void 0)} 1001 rel=${je(t&&this.target?"noreferrer noopener":void 0)} 1002 role=${je(t?void 0:"button")} 1003 aria-disabled=${this.disabled?"true":"false"} 1004 aria-label="${this.label}" 1005 tabindex=${this.disabled?"-1":"0"} 1006 @blur=${this.handleBlur} 1007 @focus=${this.handleFocus} 1008 @click=${this.handleClick} 1009 > 1010 <sl-icon 1011 class="icon-button__icon" 1012 name=${je(this.name)} 1013 library=${je(this.library)} 1014 src=${je(this.src)} 1015 aria-hidden="true" 1016 ></sl-icon> 1017 </${e}> 1018 `}constructor(){super(...arguments),this.hasFocus=!1,this.label="",this.disabled=!1}};lo.styles=[Nt,ao],lo.dependencies={"sl-icon":Me},Zt([ae(".icon-button")],lo.prototype,"button",2),Zt([re()],lo.prototype,"hasFocus",2),Zt([se()],lo.prototype,"name",2),Zt([se()],lo.prototype,"library",2),Zt([se()],lo.prototype,"src",2),Zt([se()],lo.prototype,"href",2),Zt([se()],lo.prototype,"target",2),Zt([se()],lo.prototype,"download",2),Zt([se()],lo.prototype,"label",2),Zt([se({type:Boolean,reflect:!0})],lo.prototype,"disabled",2);var co=new Map,ho=new WeakMap;function uo(t){return null!=t?t:{keyframes:[],options:{duration:0}}}function po(t,e){return"rtl"===e.toLowerCase()?{keyframes:t.rtlKeyframes||t.keyframes,options:t.options}:t}function bo(t,e){co.set(t,uo(e))}function mo(t,e,o){const i=ho.get(t);if(null==i?void 0:i[e])return po(i[e],o.dir);const s=co.get(e);return s?po(s,o.dir):{keyframes:[],options:{duration:0}}}function fo(t,e){return new Promise((o=>{t.addEventListener(e,(function i(s){s.target===t&&(t.removeEventListener(e,i),o())}))}))}function go(t,e,o){return new Promise((i=>{if((null==o?void 0:o.duration)===1/0)throw new Error("Promise-based animations must be finite.");const s=t.animate(e,Xt(Yt({},o),{duration:vo()?0:o.duration}));s.addEventListener("cancel",i,{once:!0}),s.addEventListener("finish",i,{once:!0})}))}function vo(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function yo(t){return Promise.all(t.getAnimations().map((t=>new Promise((e=>{t.cancel(),requestAnimationFrame(e)})))))}function wo(t,e){return t.map((t=>Xt(Yt({},t),{height:"auto"===t.height?`${e}px`:t.height})))}function _o(t){return t.charAt(0).toUpperCase()+t.slice(1)}var xo=class extends ce{firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),so(this)))}disconnectedCallback(){var t;super.disconnectedCallback(),ro(this),null==(t=this.closeWatcher)||t.destroy()}
1018requestClose(t){if(this.emit("sl-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=mo(this,"drawer.denyClose",{dir:this.localize.dir()});go(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){var t;"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.contained||(this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>this.requestClose("keyboard"))):document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){var t;document.removeEventListener("keydown",this.handleDocumentKeyDown),null==(t=this.closeWatcher)||t.destroy()}async handleOpenChange(){if(this.open){this.emit("sl-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),so(this));const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([yo(this.drawer),yo(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("sl-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=mo(this,`drawer.show${_o(this.placement)}`,{dir:this.localize.dir()}),o=mo(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([go(this.panel,e.keyframes,e.options),go(this.overlay,o.keyframes,o.options)]),this.emit("sl-after-show")}else{this.emit("sl-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),ro(this)),await Promise.all([yo(this.drawer),yo(this.overlay)]);const t=mo(this,`drawer.hide${_o(this.placement)}`,{dir:this.localize.dir()}),e=mo(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([go(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),go(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("sl-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),so(this)),this.open&&this.contained&&(this.modal.deactivate(),ro(this))}async show(){if(!this.open)return this.open=!0,fo(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,fo(this,"sl-after-hide")}render(){return ot` 1019 <div 1020 part="base" 1021 class=${Fe({drawer:!0,"drawer--open":this.open,"drawer--top":"top"===this.placement,"drawer--end":"end"===this.placement,"drawer--bottom":"bottom"===this.placement,"drawer--start":"start"===this.placement,"drawer--contained":this.contained,"drawer--fixed":!this.contained,"drawer--rtl":"rtl"===this.localize.dir(),"drawer--has-footer":this.hasSlotController.test("footer")})} 1022 > 1023 <div part="overlay" class="drawer__overlay" @click=${()=>this.requestClose("overlay")} tabindex="-1"></div> 1024 1025 <div 1026 part="panel" 1027 class="drawer__panel" 1028 role="dialog" 1029 aria-modal="true" 1030 aria-hidden=${this.open?"false":"true"} 1031 aria-label=${je(this.noHeader?this.label:void 0)} 1032 aria-labelledby=${je(this.noHeader?void 0:"title")} 1033 tabindex="0" 1034 > 1035 ${this.noHeader?"":ot` 1036 <header part="header" class="drawer__header"> 1037 <h2 part="title" class="drawer__title" id="title"> 1038 <!-- If there's no label, use an invisible character to prevent the header from collapsing --> 1039 <slot name="label"> ${this.label.length>0?this.label:String.fromCharCode(65279)} </slot> 1040 </h2> 1041 <div part="header-actions" class="drawer__header-actions"> 1042 <slot name="header-actions"></slot> 1043 <sl-icon-button 1044 part="close-button" 1045 exportparts="base:close-button__base" 1046 class="drawer__close" 1047 name="x-lg" 1048 label=${this.localize.term("close")} 1049 library="system" 1050 @click=${()=>this.requestClose("close-button")} 1051 ></sl-icon-button> 1052 </div> 1053 </header> 1054 `} 1055 1056 <slot part="body" class="drawer__body"></slot> 1057 1058 <footer part="footer" class="drawer__footer"> 1059 <slot name="footer"></slot> 1060 </footer> 1061 </div> 1062 </div> 1063 `}constructor(){super(...arguments),this.hasSlotController=new ye(this,"footer"),this.localize=new Rt(this),this.modal=new oo(this),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1,this.handleDocumentKeyDown=t=>{this.contained||"Escape"===t.key&&this.modal.isActive()&&this.open&&(t.stopImmediatePropagation(),this.requestClose("keyboard"))}}};xo.styles=[Nt,Ye],xo.dependencies={"sl-icon-button":lo},Zt([ae(".drawer")],xo.prototype,"drawer",2),Zt([ae(".drawer__panel")],xo.prototype,"panel",2),Zt([ae(".drawer__overlay")],xo.prototype,"overlay",2),Zt([se({type:Boolean,reflect:!0})],xo.prototype,"open",2),Zt([se({reflect:!0})],xo.prototype,"label",2),Zt([se({reflect:!0})],xo.prototype,"placement",2),Zt([se({type:Boolean,reflect:!0})],xo.prototype,"contained",2),Zt([se({attribute:"no-header",type:Boolean,reflect:!0})],xo.prototype,"noHeader",2),Zt([Le("open",{waitUntilFirstUpdate:!0})],xo.prototype,"handleOpenChange",1),Zt([Le("contained",{waitUntilFirstUpdate:!0})],xo.prototype,"handleNoModalChange",1),bo("drawer.showTop",{keyframes:[{opacity:0,translate:"0 -100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),bo("drawer.hideTop",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 -100%"}],options:{duration:250,easing:"ease"}}),bo("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"}}),bo("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"}}),bo("drawer.showBottom",{keyframes:[{opacity:0,translate:"0 100%"},{opacity:1,translate:"0 0"}],options:{duration:250,easing:"ease"}}),bo("drawer.hideBottom",{keyframes:[{opacity:1,translate:"0 0"},{opacity:0,translate:"0 100%"}],options:{duration:250,easing:"ease"}}),bo("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"}}),bo("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"}}),bo("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),bo("drawer.overlay.show",{keyframes:[{opacity:0}
1063,{opacity:1}],options:{duration:250}}),bo("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});xo.define("sl-drawer");var ko=g` 1064 :host { 1065 display: inline-block; 1066 } 1067 1068 .dropdown::part(popup) { 1069 z-index: var(--sl-z-index-dropdown); 1070 } 1071 1072 .dropdown[data-current-placement^='top']::part(popup) { 1073 transform-origin: bottom; 1074 } 1075 1076 .dropdown[data-current-placement^='bottom']::part(popup) { 1077 transform-origin: top; 1078 } 1079 1080 .dropdown[data-current-placement^='left']::part(popup) { 1081 transform-origin: right; 1082 } 1083 1084 .dropdown[data-current-placement^='right']::part(popup) { 1085 transform-origin: left; 1086 } 1087 1088 .dropdown__trigger { 1089 display: block; 1090 } 1091 1092 .dropdown__panel { 1093 font-family: var(--sl-font-sans); 1094 font-size: var(--sl-font-size-medium); 1095 font-weight: var(--sl-font-weight-normal); 1096 box-shadow: var(--sl-shadow-large); 1097 border-radius: var(--sl-border-radius-medium); 1098 pointer-events: none; 1099 } 1100 1101 .dropdown--open .dropdown__panel { 1102 display: block; 1103 pointer-events: all; 1104 } 1105 1106 /* When users slot a menu, make sure it conforms to the popup's auto-size */ 1107 ::slotted(sl-menu) { 1108 max-width: var(--auto-size-available-width) !important; 1109 max-height: var(--auto-size-available-height) !important; 1110 } 1111`,Ao=g` 1112 :host { 1113 --arrow-color: var(--sl-color-neutral-1000); 1114 --arrow-size: 6px; 1115 1116 /* 1117 * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant 1118 * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating. 1119 */ 1120 --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071); 1121 --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size)); 1122 1123 display: contents; 1124 } 1125 1126 .popup { 1127 position: absolute; 1128 isolation: isolate; 1129 max-width: var(--auto-size-available-width, none); 1130 max-height: var(--auto-size-available-height, none); 1131 } 1132 1133 .popup--fixed { 1134 position: fixed; 1135 } 1136 1137 .popup:not(.popup--active) { 1138 display: none; 1139 } 1140 1141 .popup__arrow { 1142 position: absolute; 1143 width: calc(var(--arrow-size-diagonal) * 2); 1144 height: calc(var(--arrow-size-diagonal) * 2); 1145 rotate: 45deg; 1146 background: var(--arrow-color); 1147 z-index: -1; 1148 } 1149 1150 /* Hover bridge */ 1151 .popup-hover-bridge:not(.popup-hover-bridge--visible) { 1152 display: none; 1153 } 1154 1155 .popup-hover-bridge { 1156 position: fixed; 1157 z-index: calc(var(--sl-z-index-dropdown) - 1); 1158 top: 0; 1159 right: 0; 1160 bottom: 0; 1161 left: 0; 1162 clip-path: polygon( 1163 var(--hover-bridge-top-left-x, 0) var(--hover-bridge-top-left-y, 0), 1164 var(--hover-bridge-top-right-x, 0) var(--hover-bridge-top-right-y, 0), 1165 var(--hover-bridge-bottom-right-x, 0) var(--hover-bridge-bottom-right-y, 0), 1166 var(--hover-bridge-bottom-left-x, 0) var(--hover-bridge-bottom-left-y, 0) 1167 ); 1168 } 1169`;const Co=Math.min,Eo=Math.max,$o=Math.round,So=Math.floor,Lo=t=>({x:t,y:t}),To={left:"right",right:"left",bottom:"top",top:"bottom"},zo={start:"end",end:"start"};function Po(t,e,o){return Eo(t,Co(e,o))}function Oo(t,e){return"function"==typeof t?t(e):t}function Do(t){return t.split("-")[0]}function Mo(t){return t.split("-")[1]}function Bo(t){return"x"===t?"y":"x"}function Ro(t){return"y"===t?"height":"width"}function No(t){return["top","bottom"].includes(Do(t))?"y":"x"}function Fo(t){return Bo(No(t))}function Io(t,e,o){void 0===o&&(o=!1);const i=Mo(t),s=Fo(t),r=Ro(s);let n="x"===s?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(n=Vo(n)),[n,Vo(n)]}function Ho(t){const e=Vo(t);return[Uo(t),e,Uo(e)]}function Uo(t){return t.replace(/start|end/g,(t=>zo[t]))}function qo(t,e,o,i){const s=Mo(t);let r=function(t,e,o){const i=["left","right"],s=["right","left"],r=["top","bottom"],n=["bottom","top"];switch(t){case"top":case"bottom":return o?e?s:i:e?i:s;case"left":case"right":return e?r:n;default:return[]}}(Do(t),"start"===o,i);return s&&(r=r.map((t=>t+"-"+s)),e&&(r=r.concat(r.map(Uo)))),r}function Vo(t){return t.replace(/left|right|bottom|top/g,(t=>To[t]))}function Wo(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 jo(t){const{x:e,y:o,width:i,height:s}=t;return{width:i,height:s,top:o,left:e,right:e+i,bottom:o+s,x:e,y:o}}function Ko(t,e,o){let{reference:i,floating:s}=t;const r=No(e),n=Fo(e),a=Ro(n),l=Do(e),c="y"===r,d=i.x+i.width/2-s.width/2,h=i.y+i.height/2-s.height/2,u=i[a]/2-s[a]/2;let p;switch(l){case"top":p={x:d,y:i.y-s.height};break;case"bottom":p={x:d,y:i.y+i.height};break;case"right":p={x:i.x+i.width,y:h};break;case"left":p={x:i.x-s.width,y:h};break;default:p={x:i.x,y:i.y}}switch(Mo(e)){case"start":p[n]-=u*(o&&c?-1:1);break;case"end":p[n]+=u*(o&&c?-1:1)}return p}const Yo=async(t,e,o)=>{const{placement:i="bottom",strategy:s="absolute",middleware:r=[],platform:n}=o,a=r.filter(Boolean),l=await(null==n.isRTL?void 0:n.isRTL(e));let c=await n.getElementRects({reference:t,floating:e,strategy:s}),{x:d,y:h}=Ko(c,i,l),u=i,p={},b=0;for(let o=0;o<a.length;o++){const{name:r,fn:m}=a[o],{x:f,y:g,data:v,reset:y}=await m({x:d,y:h,initialPlacement:i,placement:u,strategy:s,middlewareData:p,rects:c,platform:n,elements:{reference:t,floating:e}});d=null!=f?f:d,h=null!=g?g:h,p={...p,[r]:{...p[r],...v}},y&&b<=50&&(b++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await n.getElementRects({reference:t,floating:e,strategy:s}):y.rects),({x:d,y:h}=Ko(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:s,middlewareData:p}};async function Xo(t,e){var o;void 0===e&&(e={});
vendor: 4,004 bytes, line 1169
1169const{x:i,y:s,platform:r,rects:n,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=Oo(e,t),b=Wo(p),m=a[u?"floating"===h?"reference":"floating":h],f=jo(await r.getClippingRect({element:null==(o=await(null==r.isElement?void 0:r.isElement(m)))||o?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),g="floating"===h?{x:i,y:s,width:n.floating.width,height:n.floating.height}:n.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(a.floating)),y=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},w=jo(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:g,offsetParent:v,strategy:l}):g);return{top:(f.top-w.top+b.top)/y.y,bottom:(w.bottom-f.bottom+b.bottom)/y.y,left:(f.left-w.left+b.left)/y.x,right:(w.right-f.right+b.right)/y.x}}function Zo(){return"undefined"!=typeof window}function Go(t){return ti(t)?(t.nodeName||"").toLowerCase():"#document"}function Jo(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function Qo(t){var e;return null==(e=(ti(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function ti(t){return!!Zo()&&(t instanceof Node||t instanceof Jo(t).Node)}function ei(t){return!!Zo()&&(t instanceof Element||t instanceof Jo(t).Element)}function oi(t){return!!Zo()&&(t instanceof HTMLElement||t instanceof Jo(t).HTMLElement)}function ii(t){return!(!Zo()||"undefined"==typeof ShadowRoot)&&(t instanceof ShadowRoot||t instanceof Jo(t).ShadowRoot)}function si(t){const{overflow:e,overflowX:o,overflowY:i,display:s}=hi(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(s)}function ri(t){return["table","td","th"].includes(Go(t))}function ni(t){return[":popover-open",":modal"].some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function ai(t){const e=ci(),o=ei(t)?hi(t):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 li(t){let e=pi(t);for(;oi(e)&&!di(e);){if(ai(e))return e;if(ni(e))return null;e=pi(e)}return null}function ci(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function di(t){return["html","body","#document"].includes(Go(t))}function hi(t){return Jo(t).getComputedStyle(t)}function ui(t){return ei(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function pi(t){if("html"===Go(t))return t;const e=t.assignedSlot||t.parentNode||ii(t)&&t.host||Qo(t);return ii(e)?e.host:e}function bi(t){const e=pi(t);return di(e)?t.ownerDocument?t.ownerDocument.body:t.body:oi(e)&&si(e)?e:bi(e)}function mi(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const s=bi(t),r=s===(null==(i=t.ownerDocument)?void 0:i.body),n=Jo(s);if(r){const t=fi(n);return e.concat(n,n.visualViewport||[],si(s)?s:[],t&&o?mi(t):[])}return e.concat(s,mi(s,[],o))}function fi(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function gi(t){const e=hi(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const s=oi(t),r=s?t.offsetWidth:o,n=s?t.offsetHeight:i,a=$o(o)!==r||$o(i)!==n;return a&&(o=r,i=n),{width:o,height:i,$:a}}function vi(t){return ei(t)?t:t.contextElement}function yi(t){const e=vi(t);if(!oi(e))return Lo(1);const o=e.getBoundingClientRect(),{width:i,height:s,$:r}=gi(e);let n=(r?$o(o.width):o.width)/i,a=(r?$o(o.height):o.height)/s;return n&&Number.isFinite(n)||(n=1),a&&Number.isFinite(a)||(a=1),{x:n,y:a}}const wi=Lo(0);function _i(t){const e=Jo(t);
vendor: 6,621 bytes, line 1169
1169return ci()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:wi}function xi(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const s=t.getBoundingClientRect(),r=vi(t);let n=Lo(1);e&&(i?ei(i)&&(n=yi(i)):n=yi(t));const a=function(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==Jo(t))&&e}(r,o,i)?_i(r):Lo(0);let l=(s.left+a.x)/n.x,c=(s.top+a.y)/n.y,d=s.width/n.x,h=s.height/n.y;if(r){const t=Jo(r),e=i&&ei(i)?Jo(i):i;let o=t,s=fi(o);for(;s&&i&&e!==o;){const t=yi(s),e=s.getBoundingClientRect(),i=hi(s),r=e.left+(s.clientLeft+parseFloat(i.paddingLeft))*t.x,n=e.top+(s.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=r,c+=n,o=Jo(s),s=fi(o)}}return jo({width:d,height:h,x:l,y:c})}function ki(t,e){const o=ui(t).scrollLeft;return e?e.left+o:xi(Qo(t)).left+o}function Ai(t,e,o){void 0===o&&(o=!1);const i=t.getBoundingClientRect();return{x:i.left+e.scrollLeft-(o?0:ki(t,i)),y:i.top+e.scrollTop}}function Ci(t,e,o){let i;if("viewport"===e)i=function(t,e){const o=Jo(t),i=Qo(t),s=o.visualViewport;let r=i.clientWidth,n=i.clientHeight,a=0,l=0;if(s){r=s.width,n=s.height;const t=ci();(!t||t&&"fixed"===e)&&(a=s.offsetLeft,l=s.offsetTop)}return{width:r,height:n,x:a,y:l}}(t,o);else if("document"===e)i=function(t){const e=Qo(t),o=ui(t),i=t.ownerDocument.body,s=Eo(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=Eo(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let n=-o.scrollLeft+ki(t);const a=-o.scrollTop;return"rtl"===hi(i).direction&&(n+=Eo(e.clientWidth,i.clientWidth)-s),{width:s,height:r,x:n,y:a}}(Qo(t));else if(ei(e))i=function(t,e){const o=xi(t,!0,"fixed"===e),i=o.top+t.clientTop,s=o.left+t.clientLeft,r=oi(t)?yi(t):Lo(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:s*r.x,y:i*r.y}}(e,o);else{const o=_i(t);i={x:e.x-o.x,y:e.y-o.y,width:e.width,height:e.height}}return jo(i)}function Ei(t,e){const o=pi(t);return!(o===e||!ei(o)||di(o))&&("fixed"===hi(o).position||Ei(o,e))}function $i(t,e,o){const i=oi(e),s=Qo(e),r="fixed"===o,n=xi(t,!0,r,e);let a={scrollLeft:0,scrollTop:0};const l=Lo(0);if(i||!i&&!r)if(("body"!==Go(e)||si(s))&&(a=ui(e)),i){const t=xi(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else s&&(l.x=ki(s));const c=!s||i||r?Lo(0):Ai(s,a);return{x:n.left+a.scrollLeft-l.x-c.x,y:n.top+a.scrollTop-l.y-c.y,width:n.width,height:n.height}}function Si(t){return"static"===hi(t).position}function Li(t,e){if(!oi(t)||"fixed"===hi(t).position)return null;if(e)return e(t);let o=t.offsetParent;return Qo(t)===o&&(o=o.ownerDocument.body),o}function Ti(t,e){const o=Jo(t);if(ni(t))return o;if(!oi(t)){let e=pi(t);for(;e&&!di(e);){if(ei(e)&&!Si(e))return e;e=pi(e)}return o}let i=Li(t,e);for(;i&&ri(i)&&Si(i);)i=Li(i,e);return i&&di(i)&&Si(i)&&!ai(i)?o:i||li(t)||o}const zi={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:o,offsetParent:i,strategy:s}=t;const r="fixed"===s,n=Qo(i),a=!!e&&ni(e.floating);if(i===n||a&&r)return o;let l={scrollLeft:0,scrollTop:0},c=Lo(1);const d=Lo(0),h=oi(i);if((h||!h&&!r)&&(("body"!==Go(i)||si(n))&&(l=ui(i)),oi(i))){const t=xi(i);c=yi(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}const u=!n||h||r?Lo(0):Ai(n,l,!0);return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x+u.x,y:o.y*c.y-l.scrollTop*c.y+d.y+u.y}},getDocumentElement:Qo,getClippingRect:function(t){let{element:e,boundary:o,rootBoundary:i,strategy:s}=t;const r=[..."clippingAncestors"===o?ni(e)?[]:function(t,e){const o=e.get(t);if(o)return o;let i=mi(t,[],!1).filter((t=>ei(t)&&"body"!==Go(t))),s=null;const r="fixed"===hi(t).position;let n=r?pi(t):t;for(;ei(n)&&!di(n);){const e=hi(n),o=ai(n);o||"fixed"!==e.position||(s=null),(r?!o&&!s:!o&&"static"===e.position&&s&&["absolute","fixed"].includes(s.position)||si(n)&&!o&&Ei(t,n))?i=i.filter((t=>t!==n)):s=e,n=pi(n)}return e.set(t,i),i}(e,this._c):[].concat(o),i],n=r[0],a=r.reduce(((t,o)=>{const i=Ci(e,o,s);return t.top=Eo(i.top,t.top),t.right=Co(i.right,t.right),t.bottom=Co(i.bottom,t.bottom),t.left=Eo(i.left,t.left),t}),Ci(e,n,s));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},getOffsetParent:Ti,getElementRects:async function(t){const e=this.getOffsetParent||Ti,o=this.getDimensions,i=await o(t.floating);return{reference:$i(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:o}=gi(t);return{width:e,height:o}},getScale:yi,isElement:ei,isRTL:function(t){return"rtl"===hi(t).direction}};function Pi(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:s=!0,ancestorResize:r=!0,elementResize:n="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=vi(t),d=s||r?[...c?mi(c):[],...mi(e)]:[];d.forEach((t=>{s&&t.addEventListener("scroll",o,{passive:!0}),r&&t.addEventListener("resize",o)}));const h=c&&a?function(t,e){let o,i=null;const s=Qo(t);function r(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function n(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),r();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const p={rootMargin:-So(d)+"px "+-So(s.clientWidth-(c+h))+"px "+-So(s.clientHeight-(d+u))+"px "+-So(c)+"px",threshold:Eo(0,Co(1,l))||1};let b=!0;function m(t){const e=t[0].intersectionRatio;if(e!==l){if(!b)return n();e?n(!1,e):o=setTimeout((()=>{n(!1,1e-7)}),1e3)}b=!1}try{i=new IntersectionObserver(m,{...p,root:s.ownerDocument})}catch(t){i=new IntersectionObserver(m,p)}i.observe(t)}(!0),r}(c,o):null;let u,p=-1,b=null;n&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&b&&(b.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),o()})),c&&!l&&b.observe(c),b.observe(e));let m=l?xi(t):null;return l&&function e(){const i=xi(t);!m||i.x===m.x&&i.y===m.y&&i.width===m.width&&i.height===m.height||o();m=i,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{s&&t.removeEventListener("scroll",o),r&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=b)||t.disconnect(),b=null,l&&cancelAnimationFrame(u)}}const Oi=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var o,i;const{x:s,y:r,placement:n,middlewareData:a}=e,l=await async function(t,e){const{placement:o,platform:i,elements:s}=t,r=await(null==i.isRTL?void 0:i.isRTL(s.floating)),n=Do(o),a=Mo(o),l="y"===No(o),c=["left","top"].includes(n)?-1:1,d=r&&l?-1:1,h=Oo(e,t);let{mainAxis:u,crossAxis:p,alignmentAxis:b}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}
1169:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return a&&"number"==typeof b&&(p="end"===a?-1*b:b),l?{x:p*d,y:u*c}:{x:u*c,y:p*d}}(e,t);return n===(null==(o=a.offset)?void 0:o.placement)&&null!=(i=a.arrow)&&i.alignmentOffset?{}:{x:s+l.x,y:r+l.y,data:{...l,placement:n}}}}},Di=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:s,middlewareData:r,rects:n,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:b="none",flipAlignment:m=!0,...f}=Oo(t,e);if(null!=(o=r.arrow)&&o.alignmentOffset)return{};const g=Do(s),v=No(a),y=Do(a)===a,w=await(null==l.isRTL?void 0:l.isRTL(c.floating)),_=u||(y||!m?[Vo(a)]:Ho(a)),x="none"!==b;!u&&x&&_.push(...qo(a,m,b,w));const k=[a,..._],A=await Xo(e,f),C=[];let E=(null==(i=r.flip)?void 0:i.overflows)||[];if(d&&C.push(A[g]),h){const t=Io(s,n,w);C.push(A[t[0]],A[t[1]])}if(E=[...E,{placement:s,overflows:C}],!C.every((t=>t<=0))){var $,S;const t=((null==($=r.flip)?void 0:$.index)||0)+1,e=k[t];if(e)return{data:{index:t,overflows:E},reset:{placement:e}};let o=null==(S=E.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:S.placement;if(!o)switch(p){case"bestFit":{var L;const t=null==(L=E.filter((t=>{if(x){const e=No(t.placement);return e===v||"y"===e}return!0})).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:L[0];t&&(o=t);break}case"initialPlacement":o=a}if(s!==o)return{reset:{placement:o}}}return{}}}},Mi=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){var o,i;const{placement:s,rects:r,platform:n,elements:a}=e,{apply:l=(()=>{}),...c}=Oo(t,e),d=await Xo(e,c),h=Do(s),u=Mo(s),p="y"===No(s),{width:b,height:m}=r.floating;let f,g;"top"===h||"bottom"===h?(f=h,g=u===(await(null==n.isRTL?void 0:n.isRTL(a.floating))?"start":"end")?"left":"right"):(g=h,f="end"===u?"top":"bottom");const v=m-d.top-d.bottom,y=b-d.left-d.right,w=Co(m-d[f],v),_=Co(b-d[g],y),x=!e.middlewareData.shift;let k=w,A=_;if(null!=(o=e.middlewareData.shift)&&o.enabled.x&&(A=y),null!=(i=e.middlewareData.shift)&&i.enabled.y&&(k=v),x&&!u){const t=Eo(d.left,0),e=Eo(d.right,0),o=Eo(d.top,0),i=Eo(d.bottom,0);p?A=b-2*(0!==t||0!==e?t+e:Eo(d.left,d.right)):k=m-2*(0!==o||0!==i?o+i:Eo(d.top,d.bottom))}await l({...e,availableWidth:A,availableHeight:k});const C=await n.getDimensions(a.floating);return b!==C.width||m!==C.height?{reset:{rects:!0}}:{}}}},Bi=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:s,rects:r,platform:n,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=Oo(t,e)||{};if(null==c)return{};const h=Wo(d),u={x:o,y:i},p=Fo(s),b=Ro(p),m=await n.getDimensions(c),f="y"===p,g=f?"top":"left",v=f?"bottom":"right",y=f?"clientHeight":"clientWidth",w=r.reference[b]+r.reference[p]-u[p]-r.floating[b],_=u[p]-r.reference[p],x=await(null==n.getOffsetParent?void 0:n.getOffsetParent(c));let k=x?x[y]:0;k&&await(null==n.isElement?void 0:n.isElement(x))||(k=a.floating[y]||r.floating[b]);const A=w/2-_/2,C=k/2-m[b]/2-1,E=Co(h[g],C),$=Co(h[v],C),S=E,L=k-m[b]-$,T=k/2-m[b]/2+A,z=Po(S,T,L),P=!l.arrow&&null!=Mo(s)&&T!==z&&r.reference[b]/2-(T<S?E:$)-m[b]/2<0,O=P?T<S?T-S:T-L:0;return{[p]:u[p]+O,data:{[p]:z,centerOffset:T-z-O,...P&&{alignmentOffset:O}},reset:P}}}),Ri=(t,e,o)=>{const i=new Map,s={platform:zi,...o},r={...s.platform,_c:i};return Yo(t,e,{...s,platform:r})};function Ni(t){return Ii(t)}function Fi(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function Ii(t){for(let e=t;e;e=Fi(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=Fi(t);e;e=Fi(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}var Hi=class extends ce{async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){super.disconnectedCallback(),this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element||null!==(t=this.anchor)&&"object"==typeof t&&"getBoundingClientRect"in t&&(!("contextElement"in t)||t instanceof Element)?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');var t;this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),this.anchorEl&&this.active&&this.start()}start(){this.anchorEl&&(this.cleanup=Pi(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=[Oi({mainAxis:this.distance,crossAxis:this.skidding})];var e;this.sync?t.push(Mi({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(Di({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push((void 0===(e={boundary:this.shiftBoundary,padding:this.shiftPadding})&&(e={}),{name:"shift",options:e,async fn(t){const{x:o,y:i,placement:s}
1169=t,{mainAxis:r=!0,crossAxis:n=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=Oo(e,t),c={x:o,y:i},d=await Xo(t,l),h=No(Do(s)),u=Bo(h);let p=c[u],b=c[h];if(r){const t="y"===u?"bottom":"right";p=Po(p+d["y"===u?"top":"left"],p,p-d[t])}if(n){const t="y"===h?"bottom":"right";b=Po(b+d["y"===h?"top":"left"],b,b-d[t])}const m=a.fn({...t,[u]:p,[h]:b});return{...m,data:{x:m.x-o,y:m.y-i,enabled:{[u]:r,[h]:n}}}}})),this.autoSize?t.push(Mi({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(Bi({element:this.arrowEl,padding:this.arrowPadding}));const o="absolute"===this.strategy?t=>zi.getOffsetParent(t,Ni):zi.getOffsetParent;Ri(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:Xt(Yt({},zi),{getOffsetParent:o})}).then((({x:t,y:e,middlewareData:o,placement:i})=>{const s="rtl"===this.localize.dir(),r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=o.arrow.x,e=o.arrow.y;let i="",n="",a="",l="";if("start"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",n=s?o:"",l=s?"":o}else if("end"===this.arrowPlacement){const o="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";n=s?"":o,l=s?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))":"",i="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",i="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:i,right:n,bottom:a,left:l,[r]:"calc(var(--arrow-size-diagonal) * -1)"})}})),requestAnimationFrame((()=>this.updateHoverBridge())),this.emit("sl-reposition")}render(){return ot` 1170 <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot> 1171 1172 <span 1173 part="hover-bridge" 1174 class=${Fe({"popup-hover-bridge":!0,"popup-hover-bridge--visible":this.hoverBridge&&this.active})} 1175 ></span> 1176 1177 <div 1178 part="popup" 1179 class=${Fe({popup:!0,"popup--active":this.active,"popup--fixed":"fixed"===this.strategy,"popup--has-arrow":this.arrow})} 1180 > 1181 <slot></slot> 1182 ${this.arrow?ot`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""} 1183 </div> 1184 `}constructor(){super(...arguments),this.localize=new Rt(this),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0,this.hoverBridge=!1,this.updateHoverBridge=()=>{if(this.hoverBridge&&this.anchorEl){const t=this.anchorEl.getBoundingClientRect(),e=this.popup.getBoundingClientRect();let o=0,i=0,s=0,r=0,n=0,a=0,l=0,c=0;this.placement.includes("top")||this.placement.includes("bottom")?t.top<e.top?(o=t.left,i=t.bottom,s=t.right,r=t.bottom,n=e.left,a=e.top,l=e.right,c=e.top):(o=e.left,i=e.bottom,s=e.right,r=e.bottom,n=t.left,a=t.top,l=t.right,c=t.top):t.left<e.left?(o=t.right,i=t.top,s=e.left,r=e.top,n=t.right,a=t.bottom,l=e.left,c=e.bottom):(o=e.right,i=e.top,s=t.left,r=t.top,n=e.right,a=e.bottom,l=t.left,c=t.bottom),this.style.setProperty("--hover-bridge-top-left-x",`${o}px`),this.style.setProperty("--hover-bridge-top-left-y",`${i}px`),this.style.setProperty("--hover-bridge-top-right-x",`${s}px`),this.style.setProperty("--hover-bridge-top-right-y",`${r}px`),this.style.setProperty("--hover-bridge-bottom-left-x",`${n}px`),this.style.setProperty("--hover-bridge-bottom-left-y",`${a}px`),this.style.setProperty("--hover-bridge-bottom-right-x",`${l}px`),this.style.setProperty("--hover-bridge-bottom-right-y",`${c}px`)}}}};Hi.styles=[Nt,Ao],Zt([ae(".popup")],Hi.prototype,"popup",2),Zt([ae(".popup__arrow")],Hi.prototype,"arrowEl",2),Zt([se()],Hi.prototype,"anchor",2),Zt([se({type:Boolean,reflect:!0})],Hi.prototype,"active",2),Zt([se({reflect:!0})],Hi.prototype,"placement",2),Zt([se({reflect:!0})],Hi.prototype,"strategy",2),Zt([se({type:Number})],Hi.prototype,"distance",2),Zt([se({type:Number})],Hi.prototype,"skidding",2),Zt([se({type:Boolean})],Hi.prototype,"arrow",2),Zt([se({attribute:"arrow-placement"})],Hi.prototype,"arrowPlacement",2),Zt([se({attribute:"arrow-padding",type:Number})],Hi.prototype,"arrowPadding",2),Zt([se({type:Boolean})],Hi.prototype,"flip",2),Zt([se({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>
vendor: 5,356 bytes, lines 1184-1215
1184t.join(" ")}})],Hi.prototype,"flipFallbackPlacements",2),Zt([se({attribute:"flip-fallback-strategy"})],Hi.prototype,"flipFallbackStrategy",2),Zt([se({type:Object})],Hi.prototype,"flipBoundary",2),Zt([se({attribute:"flip-padding",type:Number})],Hi.prototype,"flipPadding",2),Zt([se({type:Boolean})],Hi.prototype,"shift",2),Zt([se({type:Object})],Hi.prototype,"shiftBoundary",2),Zt([se({attribute:"shift-padding",type:Number})],Hi.prototype,"shiftPadding",2),Zt([se({attribute:"auto-size"})],Hi.prototype,"autoSize",2),Zt([se()],Hi.prototype,"sync",2),Zt([se({type:Object})],Hi.prototype,"autoSizeBoundary",2),Zt([se({attribute:"auto-size-padding",type:Number})],Hi.prototype,"autoSizePadding",2),Zt([se({attribute:"hover-bridge",type:Boolean})],Hi.prototype,"hoverBridge",2);var Ui=class extends ce{connectedCallback(){super.connectedCallback(),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=>"sl-menu"===t.tagName.toLowerCase()))}handleTriggerClick(){this.open?this.hide():(this.show(),this.focusOnTrigger())}async handleTriggerKeyDown(t){if([" ","Enter"].includes(t.key))return t.preventDefault(),void this.handleTriggerClick();const e=this.getMenu();if(e){const o=e.getAllItems(),i=o[0],s=o[o.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||(this.show(),await this.updateComplete),o.length>0&&this.updateComplete.then((()=>{"ArrowDown"!==t.key&&"Home"!==t.key||(e.setCurrentItem(i),i.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(e.setCurrentItem(s),s.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>Je(t).start));let e;if(t){switch(t.tagName.toLowerCase()){case"sl-button":case"sl-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,fo(this,"sl-after-show")}async hide(){if(this.open)return this.open=!1,fo(this,"sl-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){var t;this.panel.addEventListener("sl-select",this.handlePanelSelect),"CloseWatcher"in window?(null==(t=this.closeWatcher)||t.destroy(),this.closeWatcher=new CloseWatcher,this.closeWatcher.onclose=()=>{this.hide(),this.focusOnTrigger()}):this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){var t;this.panel&&(this.panel.removeEventListener("sl-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown),null==(t=this.closeWatcher)||t.destroy()}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sl-show"),this.addOpenListeners(),await yo(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:e}=mo(this,"dropdown.show",{dir:this.localize.dir()});await go(this.popup.popup,t,e),this.emit("sl-after-show")}else{this.emit("sl-hide"),this.removeOpenListeners(),await yo(this);const{keyframes:t,options:e}=mo(this,"dropdown.hide",{dir:this.localize.dir()});await go(this.popup.popup,t,e),this.panel.hidden=!0,this.popup.active=!1,this.emit("sl-after-hide")}}render(){return ot` 1185 <sl-popup 1186 part="base" 1187 exportparts="popup:base__popup" 1188 id="dropdown" 1189 placement=${this.placement} 1190 distance=${this.distance} 1191 skidding=${this.skidding} 1192 strategy=${this.hoist?"fixed":"absolute"} 1193 flip 1194 shift 1195 auto-size="vertical" 1196 auto-size-padding="10" 1197 sync=${je(this.sync?this.sync:void 0)} 1198 class=${Fe({dropdown:!0,"dropdown--open":this.open})} 1199 > 1200 <slot 1201 name="trigger" 1202 slot="anchor" 1203 part="trigger" 1204 class="dropdown__trigger" 1205 @click=${this.handleTriggerClick} 1206 @keydown=${this.handleTriggerKeyDown} 1207 @keyup=${this.handleTriggerKeyUp} 1208 @slotchange=${this.handleTriggerSlotChange} 1209 ></slot> 1210 1211 <div aria-hidden=${this.open?"false":"true"} aria-labelledby="dropdown"> 1212 <slot part="panel" class="dropdown__panel"></slot> 1213 </div> 1214 </sl-popup> 1215 `}constructor(){super(...arguments),this.localize=new Rt(this),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.hoist=!1,this.sync=void 0,this.handleKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())},this.handleDocumentKeyDown=t=>{var e;if("Escape"===t.key&&this.open&&!this.closeWatcher)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();
vendor: 2,176 bytes, lines 1215-1223
1215if("Tab"===t.key){if(this.open&&"sl-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 i=(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==i?void 0:i.closest(this.containingElement.tagName.toLowerCase()))===this.containingElement||this.hide()}))}},this.handleDocumentMouseDown=t=>{const e=t.composedPath();this.containingElement&&!e.includes(this.containingElement)&&this.hide()},this.handlePanelSelect=t=>{const e=t.target;this.stayOpenOnSelect||"sl-menu"!==e.tagName.toLowerCase()||(this.hide(),this.focusOnTrigger())}}};Ui.styles=[Nt,ko],Ui.dependencies={"sl-popup":Hi},Zt([ae(".dropdown")],Ui.prototype,"popup",2),Zt([ae(".dropdown__trigger")],Ui.prototype,"trigger",2),Zt([ae(".dropdown__panel")],Ui.prototype,"panel",2),Zt([se({type:Boolean,reflect:!0})],Ui.prototype,"open",2),Zt([se({reflect:!0})],Ui.prototype,"placement",2),Zt([se({type:Boolean,reflect:!0})],Ui.prototype,"disabled",2),Zt([se({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],Ui.prototype,"stayOpenOnSelect",2),Zt([se({attribute:!1})],Ui.prototype,"containingElement",2),Zt([se({type:Number})],Ui.prototype,"distance",2),Zt([se({type:Number})],Ui.prototype,"skidding",2),Zt([se({type:Boolean})],Ui.prototype,"hoist",2),Zt([se({reflect:!0})],Ui.prototype,"sync",2),Zt([Le("open",{waitUntilFirstUpdate:!0})],Ui.prototype,"handleOpenChange",1),bo("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),bo("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});Ui.define("sl-dropdown");var qi=g` 1216 :host { 1217 display: block; 1218 position: relative; 1219 background: var(--sl-panel-background-color); 1220 border: solid var(--sl-panel-border-width) var(--sl-panel-border-color); 1221 border-radius: var(--sl-border-radius-medium); 1222 padding: var(--sl-spacing-x-small) 0; 1223 overflow: auto;
1224 overscroll-behavior: none; 1225 } 1226 1227 ::slotted(sl-divider) { 1228 --spacing: var(--sl-spacing-x-small); 1229 } 1230`,Vi=class extends ce{connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(t){const e=["menuitem","menuitemcheckbox"],o=t.composedPath(),i=o.find((t=>{var o;return e.includes((null==(o=null==t?void 0:t.getAttribute)?void 0:o.call(t,"role"))||"")}));if(!i)return;if(o.find((t=>{var e;return"menu"===(null==(e=null==t?void 0:t.getAttribute)?void 0:e.call(t,"role"))}))!==this)return;const s=i;"checkbox"===s.type&&(s.checked=!s.checked),this.emit("sl-select",{detail:{item:s}})}handleKeyDown(t){if("Enter"===t.key||" "===t.key){const e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),null==e||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){const e=this.getAllItems(),o=this.getCurrentItem();let i=o?e.indexOf(o):0;e.length>0&&(t.preventDefault(),t.stopPropagation(),"ArrowDown"===t.key?i++:"ArrowUp"===t.key?i--:"Home"===t.key?i=0:"End"===t.key&&(i=e.length-1),i<0&&(i=e.length-1),i>e.length-1&&(i=0),this.setCurrentItem(e[i]),e[i].focus())}}handleMouseDown(t){const e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){const t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return"sl-menu-item"===t.tagName.toLowerCase()||["menuitem","menuitemcheckbox","menuitemradio"].includes(null!=(e=t.getAttribute("role"))?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter((t=>!(t.inert||!this.isMenuItem(t))))}getCurrentItem(){return this.getAllItems().find((t=>"0"===t.getAttribute("tabindex")))}
vendor: 11,727 bytes, lines 1230-1413
1230setCurrentItem(t){this.getAllItems().forEach((e=>{e.setAttribute("tabindex",e===t?"0":"-1")}))}render(){return ot` 1231 <slot 1232 @slotchange=${this.handleSlotChange} 1233 @click=${this.handleClick} 1234 @keydown=${this.handleKeyDown} 1235 @mousedown=${this.handleMouseDown} 1236 ></slot> 1237 `}};Vi.styles=[Nt,qi],Zt([ae("slot")],Vi.prototype,"defaultSlot",2);Vi.define("sl-menu");var Wi=g` 1238 :host { 1239 --submenu-offset: -2px; 1240 1241 display: block; 1242 } 1243 1244 :host([inert]) { 1245 display: none; 1246 } 1247 1248 .menu-item { 1249 position: relative; 1250 display: flex; 1251 align-items: stretch; 1252 font-family: var(--sl-font-sans); 1253 font-size: var(--sl-font-size-medium); 1254 font-weight: var(--sl-font-weight-normal); 1255 line-height: var(--sl-line-height-normal); 1256 letter-spacing: var(--sl-letter-spacing-normal); 1257 color: var(--sl-color-neutral-700); 1258 padding: var(--sl-spacing-2x-small) var(--sl-spacing-2x-small); 1259 transition: var(--sl-transition-fast) fill; 1260 user-select: none; 1261 -webkit-user-select: none; 1262 white-space: nowrap; 1263 cursor: pointer; 1264 } 1265 1266 .menu-item.menu-item--disabled { 1267 outline: none; 1268 opacity: 0.5; 1269 cursor: not-allowed; 1270 } 1271 1272 .menu-item.menu-item--loading { 1273 outline: none; 1274 cursor: wait; 1275 } 1276 1277 .menu-item.menu-item--loading *:not(sl-spinner) { 1278 opacity: 0.5; 1279 } 1280 1281 .menu-item--loading sl-spinner { 1282 --indicator-color: currentColor; 1283 --track-width: 1px; 1284 position: absolute; 1285 font-size: 0.75em; 1286 top: calc(50% - 0.5em); 1287 left: 0.65rem; 1288 opacity: 1; 1289 } 1290 1291 .menu-item .menu-item__label { 1292 flex: 1 1 auto; 1293 display: inline-block; 1294 text-overflow: ellipsis; 1295 overflow: hidden; 1296 } 1297 1298 .menu-item .menu-item__prefix { 1299 flex: 0 0 auto; 1300 display: flex; 1301 align-items: center; 1302 } 1303 1304 .menu-item .menu-item__prefix::slotted(*) { 1305 margin-inline-end: var(--sl-spacing-x-small); 1306 } 1307 1308 .menu-item .menu-item__suffix { 1309 flex: 0 0 auto; 1310 display: flex; 1311 align-items: center; 1312 } 1313 1314 .menu-item .menu-item__suffix::slotted(*) { 1315 margin-inline-start: var(--sl-spacing-x-small); 1316 } 1317 1318 /* Safe triangle */ 1319 .menu-item--submenu-expanded::after { 1320 content: ''; 1321 position: fixed; 1322 z-index: calc(var(--sl-z-index-dropdown) - 1); 1323 top: 0; 1324 right: 0; 1325 bottom: 0; 1326 left: 0; 1327 clip-path: polygon( 1328 var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0), 1329 var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0), 1330 var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0) 1331 ); 1332 } 1333 1334 :host(:focus-visible) { 1335 outline: none; 1336 } 1337 1338 :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item, 1339 .menu-item--submenu-expanded { 1340 background-color: var(--sl-color-neutral-100); 1341 color: var(--sl-color-neutral-1000); 1342 } 1343 1344 :host(:focus-visible) .menu-item { 1345 outline: none; 1346 background-color: var(--sl-color-primary-600); 1347 color: var(--sl-color-neutral-0); 1348 opacity: 1; 1349 } 1350 1351 .menu-item .menu-item__check, 1352 .menu-item .menu-item__chevron { 1353 flex: 0 0 auto; 1354 display: flex; 1355 align-items: center; 1356 justify-content: center; 1357 width: 1.5em; 1358 visibility: hidden; 1359 } 1360 1361 .menu-item--checked .menu-item__check, 1362 .menu-item--has-submenu .menu-item__chevron { 1363 visibility: visible; 1364 } 1365 1366 /* Add elevation and z-index to submenus */ 1367 sl-popup::part(popup) { 1368 box-shadow: var(--sl-shadow-large); 1369 z-index: var(--sl-z-index-dropdown); 1370 margin-left: var(--submenu-offset); 1371 } 1372 1373 .menu-item--rtl sl-popup::part(popup) { 1374 margin-left: calc(-1 * var(--submenu-offset)); 1375 } 1376 1377 @media (forced-colors: active) { 1378 :host(:hover:not([aria-disabled='true'])) .menu-item, 1379 :host(:focus-visible) .menu-item { 1380 outline: dashed 1px SelectedItem; 1381 outline-offset: -1px; 1382 } 1383 } 1384 1385 ::slotted(sl-menu) { 1386 max-width: var(--auto-size-available-width) !important; 1387 max-height: var(--auto-size-available-height) !important; 1388 } 1389`; 1390/** 1391 * @license 1392 * Copyright 2017 Google LLC 1393 * SPDX-License-Identifier: BSD-3-Clause 1394 */const ji=(t,e)=>{const o=t._$AN;if(void 0===o)return!1;for(const t of o)t._$AO?.(e,!1),ji(t,e);return!0},Ki=t=>{let e,o;do{if(void 0===(e=t._$AM))break;o=e._$AN,o.delete(t),t=e}while(0===o?.size)},Yi=t=>{for(let e;e=t._$AM;t=e){let o=e._$AN;if(void 0===o)e._$AN=o=new Set;else if(o.has(t))break;o.add(t),Gi(e)}};function Xi(t){void 0!==this._$AN?(Ki(this),this._$AM=t,Yi(this)):this._$AM=t}function Zi(t,e=!1,o=0){const i=this._$AH,s=this._$AN;if(void 0!==s&&0!==s.size)if(e)if(Array.isArray(i))for(let t=o;t<i.length;t++)ji(i[t],!1),Ki(i[t]);else null!=i&&(ji(i,!1),Ki(i));else ji(this,t)}const Gi=t=>{t.type==Be.CHILD&&(t._$AP??=Zi,t._$AQ??=Xi)};class Ji extends Ne{_$AT(t,e,o){super._$AT(t,e,o),Yi(this),this.isConnected=t._$AU}_$AO(t,e=!0){t!==this.isConnected&&(this.isConnected=t,t?this.reconnected?.():this.disconnected?.()),e&&(ji(this,t),Ki(this))}setValue(t){if(void 0===this._$Ct.strings)this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}constructor(){super(...arguments),this._$AN=void 0}} 1395/** 1396 * @license 1397 * Copyright 2020 Google LLC 1398 * SPDX-License-Identifier: BSD-3-Clause 1399 */class Qi{}const ts=new WeakMap,es=Re(class extends Ji{render(t){return nt}update(t,[e]){const o=e!==this.Y;return o&&void 0!==this.Y&&this.rt(void 0),(o||this.lt!==this.ct)&&(this.Y=e,this.ht=t.options?.host,this.rt(this.ct=t.element)),nt}rt(t){if(this.isConnected||(t=void 0),"function"==typeof this.Y){const e=this.ht??globalThis;let o=ts.get(e);void 0===o&&(o=new WeakMap,ts.set(e,o)),void 0!==o.get(this.Y)&&this.Y.call(this.ht,void 0),o.set(this.Y,t),void 0!==t&&this.Y.call(this.ht,t)}else this.Y.value=t}get lt(){return"function"==typeof this.Y?ts.get(this.ht??globalThis)?.get(this.Y):this.Y?.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var os=class{hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sl-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sl-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(t){const e=this.host.renderRoot.querySelector("slot[name='submenu']");if(!e)return void console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);let o=null;for(const t of e.assignedElements())if(o=t.querySelectorAll("sl-menu-item, [role^='menuitem']"),0!==o.length)break;if(o&&0!==o.length){o[0].setAttribute("tabindex","0");for(let t=1;t!==o.length;++t)o[t].setAttribute("tabindex","-1");this.popupRef.value&&(t.preventDefault(),t.stopPropagation(),this.popupRef.value.active?o[0]instanceof HTMLElement&&o[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then((()=>{o[0]instanceof HTMLElement&&o[0].focus()})),this.host.requestUpdate()))}}setSubmenuState(t){this.popupRef.value&&this.popupRef.value.active!==t&&(this.popupRef.value.active=t,this.host.requestUpdate())}enableSubmenu(t=!0){t?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout((()=>{this.setSubmenuState(!0)}),this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var t;if(!(null==(t=this.host.parentElement)?void 0:t.computedStyleMap))return;const e=this.host.parentElement.computedStyleMap(),o=["padding-top","border-top-width","margin-top"].reduce(((t,o)=>{var i;const s=null!=(i=e.get(o))?i:new CSSUnitValue(0,"px");return t-(s instanceof CSSUnitValue?s:new CSSUnitValue(0,"px")).to("px").value}),0);this.skidding=o}isExpanded(){return!!this.popupRef.value&&this.popupRef.value.active}renderSubmenu(){const t="rtl"===getComputedStyle(this.host).direction;return this.isConnected?ot` 1400 <sl-popup 1401 ${es(this.popupRef)} 1402 placement=${t?"left-start":"right-start"} 1403 anchor="anchor" 1404 flip 1405 flip-fallback-strategy="best-fit" 1406 skidding="${this.skidding}" 1407 strategy="fixed" 1408 auto-size="vertical" 1409 auto-size-padding="10" 1410 > 1411 <slot name="submenu"></slot> 1412 </sl-popup> 1413 `:ot` <slot name="submenu" hidden></slot> `}constructor(t,e){this.popupRef=new Qi,this.enableSubmenuTimer=-1,this.isConnected=!1,this.isPopupConnected=!1,this.skidding=0,this.submenuOpenDelay=100,this.handleMouseMove=t=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${t.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${t.clientY}px`)},this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()},this.handleKeyDown=t=>{switch(t.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":t.target!==this.host&&(t.preventDefault(),t.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(t)}},this.handleClick=t=>{var e;t.target===this.host?(t.preventDefault(),t.stopPropagation()):t.target instanceof Element&&("sl-menu-item"===t.target.tagName||(null==(e=t.target.role)?void 0:e.startsWith("menuitem")))&&this.disableSubmenu()},this.handleFocusOut=t=>{t.relatedTarget&&t.relatedTarget instanceof Element&&this.host.contains(t.relatedTarget)||this.disableSubmenu()},this.handlePopupMouseover=t=>{t.stopPropagation()},this.handlePopupReposition=()=>{const t=this.host.renderRoot.querySelector("slot[name='submenu']"),e=null==t?void 0:t.assignedElements({flatten:!0}).filter((t=>"sl-menu"===t.localName))[0],o="rtl"===getComputedStyle(this.host).direction;if(!e)return;const{left:i,top:s,width:r,height:n}=e.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${o?i+r:i}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${s}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${o?i+r:i}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${s+n}px`)},(this.host=t).addController(this),this.hasSlotController=e}},is=class extends ce{connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){const t=this.getTextLabel();void 0!==this.cachedTextLabel?t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit
1413("slotchange",{bubbles:!0,composed:!1,cancelable:!1})):this.cachedTextLabel=t}handleCheckedChange(){if(this.checked&&"checkbox"!==this.type)return this.checked=!1,void console.error('The checked attribute can only be used on menu items with type="checkbox"',this);"checkbox"===this.type?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleTypeChange(){"checkbox"===this.type?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return we(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){const t="rtl"===this.localize.dir(),e=this.submenuController.isExpanded();return ot` 1414 <div 1415 id="anchor" 1416 part="base" 1417 class=${Fe({"menu-item":!0,"menu-item--rtl":t,"menu-item--checked":this.checked,"menu-item--disabled":this.disabled,"menu-item--loading":this.loading,"menu-item--has-submenu":this.isSubmenu(),"menu-item--submenu-expanded":e})} 1418 ?aria-haspopup="${this.isSubmenu()}" 1419 ?aria-expanded="${!!e}" 1420 > 1421 <span part="checked-icon" class="menu-item__check"> 1422 <sl-icon name="check" library="system" aria-hidden="true"></sl-icon> 1423 </span> 1424 1425 <slot name="prefix" part="prefix" class="menu-item__prefix"></slot> 1426 1427 <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot> 1428 1429 <slot name="suffix" part="suffix" class="menu-item__suffix"></slot> 1430 1431 <span part="submenu-icon" class="menu-item__chevron"> 1432 <sl-icon name=${t?"chevron-left":"chevron-right"} library="system" aria-hidden="true"></sl-icon> 1433 </span> 1434 1435 ${this.submenuController.renderSubmenu()} 1436 ${this.loading?ot` <sl-spinner part="spinner" exportparts="base:spinner__base"></sl-spinner> `:""} 1437 </div> 1438 `}constructor(){super(...arguments),this.localize=new Rt(this),this.type="normal",this.checked=!1,this.value="",this.loading=!1,this.disabled=!1,this.hasSlotController=new ye(this,"submenu"),this.submenuController=new os(this,this.hasSlotController),this.handleHostClick=t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())},this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}};is.styles=[Nt,Wi],is.dependencies={"sl-icon":Me,"sl-popup":Hi,"sl-spinner":de},Zt([ae("slot:not([name])")],is.prototype,"defaultSlot",2),Zt([ae(".menu-item")],is.prototype,"menuItem",2),Zt([se()],is.prototype,"type",2),Zt([se({type:Boolean,reflect:!0})],is.prototype,"checked",2),Zt([se()],is.prototype,"value",2),Zt([se({type:Boolean,reflect:!0})],is.prototype,"loading",2),Zt([se({type:Boolean,reflect:!0})],is.prototype,"disabled",2),Zt([Le("checked")],is.prototype,"handleCheckedChange",1),Zt([Le("disabled")],is.prototype,"handleDisabledChange",1),Zt([Le("type")],is.prototype,"handleTypeChange",1);is.define("sl-menu-item");var ss=g` 1439 :host { 1440 display: inline-block; 1441 } 1442 1443 .tab { 1444 display: inline-flex; 1445 align-items: center; 1446 font-family: var(--sl-font-sans); 1447 font-size: var(--sl-font-size-small); 1448 font-weight: var(--sl-font-weight-semibold); 1449 border-radius: var(--sl-border-radius-medium); 1450 color: var(--sl-color-neutral-600); 1451 padding: var(--sl-spacing-medium) var(--sl-spacing-large); 1452 white-space: nowrap; 1453 user-select: none; 1454 -webkit-user-select: none; 1455 cursor: pointer; 1456 transition: 1457 var(--transition-speed) box-shadow, 1458 var(--transition-speed) color; 1459 } 1460 1461 .tab:hover:not(.tab--disabled) { 1462 color: var(--sl-color-primary-600); 1463 } 1464 1465 :host(:focus) { 1466 outline: transparent; 1467 } 1468 1469 :host(:focus-visible):not([disabled]) { 1470 color: var(--sl-color-primary-600); 1471 } 1472 1473 :host(:focus-visible) { 1474 outline: var(--sl-focus-ring); 1475 outline-offset: calc(-1 * var(--sl-focus-ring-width) - var(--sl-focus-ring-offset)); 1476 } 1477 1478 .tab.tab--active:not(.tab--disabled) { 1479 color: var(--sl-color-primary-600); 1480 } 1481 1482 .tab.tab--closable { 1483 padding-inline-end: var(--sl-spacing-small); 1484 } 1485 1486 .tab.tab--disabled { 1487 opacity: 0.5;
1488 cursor: not-allowed; 1489 } 1490 1491 .tab__close-button { 1492 font-size: var(--sl-font-size-small); 1493 margin-inline-start: var(--sl-spacing-small); 1494 } 1495 1496 .tab__close-button::part(base) { 1497 padding: var(--sl-spacing-3x-small); 1498 } 1499 1500 @media (forced-colors: active) { 1501 .tab.tab--active:not(.tab--disabled) { 1502 outline: solid 1px transparent; 1503 outline-offset: -3px; 1504 } 1505 } 1506`,rs=0,ns=class extends ce{connectedCallback(){super.connectedCallback(),this.setAttribute("role","tab")}handleCloseClick(t){t.stopPropagation(),this.emit("sl-close")}handleActiveChange(){this.setAttribute("aria-selected",this.active?"true":"false")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.disabled&&!this.active?this.tabIndex=-1:this.tabIndex=0}render(){return this.id=this.id.length>0?this.id:this.componentId,ot` 1507 <div 1508 part="base" 1509 class=${Fe({tab:!0,"tab--active":this.active,"tab--closable":this.closable,"tab--disabled":this.disabled})} 1510 > 1511 <slot></slot> 1512 ${this.closable?ot` 1513 <sl-icon-button 1514 part="close-button" 1515 exportparts="base:close-button__base" 1516 name="x-lg" 1517 library="system" 1518 label=${this.localize.term("close")} 1519 class="tab__close-button" 1520 @click=${this.handleCloseClick} 1521 tabindex="-1" 1522 ></sl-icon-button> 1523 `:""} 1524 </div> 1525 `}constructor(){super(...arguments),this.localize=new Rt(this),this.attrId=++rs,this.componentId=`sl-tab-${this.attrId}`,this.panel="",this.active=!1,this.closable=!1,this.disabled=!1,this.tabIndex=0}};ns.styles=[Nt,ss],ns.dependencies={"sl-icon-button":lo},Zt([ae(".tab")],ns.prototype,"tab",2),Zt([se({reflect:!0})],ns.prototype,"panel",2),Zt([se({type:Boolean,reflect:!0})],ns.prototype,"active",2),Zt([se({type:Boolean,reflect:!0})],ns.prototype,"closable",2),Zt([se({type:Boolean,reflect:!0})],ns.prototype,"disabled",2),Zt([se({type:Number,reflect:!0})],ns.prototype,"tabIndex",2),Zt([Le("active")],ns.prototype,"handleActiveChange",1),Zt([Le("disabled")],ns.prototype,"handleDisabledChange",1);ns.define("sl-tab");var as=g` 1526 :host { 1527 --indicator-color: var(--sl-color-primary-600); 1528 --track-color: var(--sl-color-neutral-200); 1529 --track-width: 2px; 1530 1531 display: block; 1532 } 1533 1534 .tab-group { 1535 display: flex; 1536 border-radius: 0; 1537 } 1538 1539 .tab-group__tabs { 1540 display: flex; 1541 position: relative; 1542 } 1543 1544 .tab-group__indicator { 1545 position: absolute; 1546 transition: 1547 var(--sl-transition-fast) translate ease, 1548 var(--sl-transition-fast) width ease; 1549 } 1550 1551 .tab-group--has-scroll-controls .tab-group__nav-container { 1552 position: relative; 1553 padding: 0 var(--sl-spacing-x-large); 1554 } 1555 1556 .tab-group--has-scroll-controls .tab-group__scroll-button--start--hidden, 1557 .tab-group--has-scroll-controls .tab-group__scroll-button--end--hidden { 1558 visibility: hidden; 1559 } 1560 1561 .tab-group__body { 1562 display: block; 1563 overflow: auto; 1564 } 1565 1566 .tab-group__scroll-button { 1567 display: flex; 1568 align-items: center; 1569 justify-content: center; 1570 position: absolute; 1571 top: 0; 1572 bottom: 0; 1573 width: var(--sl-spacing-x-large); 1574 } 1575 1576 .tab-group__scroll-button--start { 1577 left: 0; 1578 } 1579 1580 .tab-group__scroll-button--end { 1581 right: 0; 1582 } 1583 1584 .tab-group--rtl .tab-group__scroll-button--start { 1585 left: auto; 1586 right: 0; 1587 } 1588 1589 .tab-group--rtl .tab-group__scroll-button--end { 1590 left: 0; 1591 right: auto; 1592 } 1593 1594 /* 1595 * Top 1596 */ 1597 1598 .tab-group--top { 1599 flex-direction: column; 1600 } 1601 1602 .tab-group--top .tab-group__nav-container { 1603 order: 1; 1604 } 1605 1606 .tab-group--top .tab-group__nav { 1607 display: flex; 1608 overflow-x: auto; 1609 1610 /* Hide scrollbar in Firefox */ 1611 scrollbar-width: none; 1612 } 1613 1614 /* Hide scrollbar in Chrome/Safari */ 1615 .tab-group--top .tab-group__nav::-webkit-scrollbar {
1616 width: 0; 1617 height: 0; 1618 } 1619 1620 .tab-group--top .tab-group__tabs { 1621 flex: 1 1 auto; 1622 position: relative; 1623 flex-direction: row; 1624 border-bottom: solid var(--track-width) var(--track-color); 1625 } 1626 1627 .tab-group--top .tab-group__indicator { 1628 bottom: calc(-1 * var(--track-width)); 1629 border-bottom: solid var(--track-width) var(--indicator-color); 1630 } 1631 1632 .tab-group--top .tab-group__body { 1633 order: 2; 1634 } 1635 1636 .tab-group--top ::slotted(sl-tab-panel) { 1637 --padding: var(--sl-spacing-medium) 0; 1638 } 1639 1640 /* 1641 * Bottom 1642 */ 1643 1644 .tab-group--bottom { 1645 flex-direction: column; 1646 } 1647 1648 .tab-group--bottom .tab-group__nav-container { 1649 order: 2; 1650 } 1651 1652 .tab-group--bottom .tab-group__nav { 1653 display: flex; 1654 overflow-x: auto; 1655 1656 /* Hide scrollbar in Firefox */ 1657 scrollbar-width: none; 1658 } 1659 1660 /* Hide scrollbar in Chrome/Safari */ 1661 .tab-group--bottom .tab-group__nav::-webkit-scrollbar { 1662 width: 0; 1663 height: 0; 1664 } 1665 1666 .tab-group--bottom .tab-group__tabs { 1667 flex: 1 1 auto; 1668 position: relative; 1669 flex-direction: row; 1670 border-top: solid var(--track-width) var(--track-color); 1671 } 1672 1673 .tab-group--bottom .tab-group__indicator { 1674 top: calc(-1 * var(--track-width)); 1675 border-top: solid var(--track-width) var(--indicator-color); 1676 } 1677 1678 .tab-group--bottom .tab-group__body { 1679 order: 1; 1680 } 1681 1682 .tab-group--bottom ::slotted(sl-tab-panel) { 1683 --padding: var(--sl-spacing-medium) 0; 1684 } 1685 1686 /* 1687 * Start 1688 */ 1689 1690 .tab-group--start { 1691 flex-direction: row; 1692 } 1693 1694 .tab-group--start .tab-group__nav-container { 1695 order: 1; 1696 } 1697 1698 .tab-group--start .tab-group__tabs { 1699 flex: 0 0 auto; 1700 flex-direction: column; 1701 border-inline-end: solid var(--track-width) var(--track-color); 1702 } 1703 1704 .tab-group--start .tab-group__indicator { 1705 right: calc(-1 * var(--track-width)); 1706 border-right: solid var(--track-width) var(--indicator-color); 1707 } 1708 1709 .tab-group--start.tab-group--rtl .tab-group__indicator { 1710 right: auto; 1711 left: calc(-1 * var(--track-width)); 1712 } 1713 1714 .tab-group--start .tab-group__body { 1715 flex: 1 1 auto; 1716 order: 2; 1717 } 1718 1719 .tab-group--start ::slotted(sl-tab-panel) { 1720 --padding: 0 var(--sl-spacing-medium); 1721 } 1722 1723 /* 1724 * End 1725 */ 1726 1727 .tab-group--end { 1728 flex-direction: row; 1729 } 1730 1731 .tab-group--end .tab-group__nav-container { 1732 order: 2; 1733 } 1734 1735 .tab-group--end .tab-group__tabs { 1736 flex: 0 0 auto; 1737 flex-direction: column; 1738 border-left: solid var(--track-width) var(--track-color); 1739 } 1740 1741 .tab-group--end .tab-group__indicator { 1742 left: calc(-1 * var(--track-width)); 1743 border-inline-start: solid var(--track-width) var(--indicator-color); 1744 } 1745 1746 .tab-group--end.tab-group--rtl .tab-group__indicator { 1747 right: calc(-1 * var(--track-width)); 1748 left: auto; 1749 } 1750 1751 .tab-group--end .tab-group__body { 1752 flex: 1 1 auto; 1753 order: 1; 1754 } 1755 1756 .tab-group--end ::slotted(sl-tab-panel) { 1757 --padding: 0 var(--sl-spacing-medium); 1758 } 1759`,ls=g` 1760 :host { 1761 display: contents; 1762 } 1763`,cs=class extends ce{connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((t=>{this.emit("sl-resize",{detail:{entries:t}})})),this.disabled||this.startObserver()}disconnectedCallback(){super.disconnectedCallback(),this.stopObserver()}handleSlotChange(){this.disabled||this.startObserver()}startObserver(){const t=this.shadowRoot.querySelector("slot");if(null!==t){const e=t.assignedElements({flatten:!0});this.observedElements.forEach((t=>this.resizeObserver.unobserve(t))),this.observedElements=[],e.forEach((t=>{this.resizeObserver.observe(t),this.observedElements.push(t)}))}}stopObserver(){this.resizeObserver.disconnect()}handleDisabledChange(){this.disabled?this.stopObserver():this.startObserver()}render(){return ot` <slot @slotchange=${this.handleSlotChange}></slot> `}constructor(){super(...arguments),this.observedElements=[],this.disabled=!1}};cs.styles=[Nt,ls],Zt([se({type:Boolean,reflect:!0})],cs.prototype,"disabled",2),Zt([Le("disabled",{waitUntilFirstUpdate:!0})],cs.prototype,"handleDisabledChange",1);var ds,hs=class extends ce{connectedCallback(){const t=Promise.all([customElements.whenDefined("sl-tab"),customElements.whenDefined("sl-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.repositionIndicator(),this.updateScrollControls()})),this.mutationObserver=new MutationObserver((t=>{t.some((t=>!["aria-labelledby","aria-controls"].includes(t.attributeName)))&&setTimeout((()=>this.setAriaLabels())),t.some((t=>"disabled"===t.attributeName))&&this.syncTabsAndPanels()})),this.updateComplete.then((()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then((()=>{new IntersectionObserver(((t,e)=>{var o;t[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab(null!=(o=this.getActiveTab())?o:this.tabs[0],{emitEvents:!1}),e.unobserve(t[0].target))})).observe(this.tabGroup)}))}))}disconnectedCallback(){var t,e;super.disconnectedCallback(),null==(t=this.mutationObserver)||t.disconnect(),this.nav&&(null==(e=this.resizeObserver)||e.unobserve(this.nav))}getAllTabs(){return this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()}getAllPanels(){return[...this.body.assignedElements()].filter((t=>"sl-tab-panel"===t.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((t=>t.active))}handleClick(t){const e=t.target.closest("sl-tab");(null==e?void 0:e.closest("sl-tab-group"))===this&&null!==e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){const e=t.target.closest("sl-tab");if((null==e?void 0:e.closest("sl-tab-group"))===this&&(["Enter"," "].includes(t.key)&&null!==e&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key))){const e=this.tabs.find((t=>t.matches(":focus"))),o="rtl"===this.localize.dir();let i=null;if("sl-tab"===(null==e?void 0:e.tagName.toLowerCase())){if("Home"===t.key)i=this.focusableTabs[0];else if("End"===t.key)i=this.focusableTabs[this.focusableTabs.length-1];else if(["top","bottom"].includes(this.placement)&&t.key===(o?"ArrowRight":"ArrowLeft")||["start","end"].includes(this.placement)&&"ArrowUp"===t.key){const t=this.tabs.findIndex((t=>t===e));i=this.findNextFocusableTab(t,"backward")}else if(["top","bottom"].includes(this.placement)&&t.key===(o?"ArrowLeft":"ArrowRight")||["start","end"].includes(this.placement)&&"ArrowDown"===t.key){const t=this.tabs.findIndex((t=>t===e));i=this.findNextFocusableTab(t,"forward")}if(!i)return;i.tabIndex=0,i.focus({preventScroll:!0}),"auto"===this.activation?this.setActiveTab(i,{scrollBehavior:"smooth"}
1763):this.tabs.forEach((t=>{t.tabIndex=t===i?0:-1})),["top","bottom"].includes(this.placement)&&no(i,this.nav,"horizontal"),t.preventDefault()}}}handleScrollToStart(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:"rtl"===this.localize.dir()?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,e){if(e=Yt({emitEvents:!0,scrollBehavior:"auto"},e),t!==this.activeTab&&!t.disabled){const o=this.activeTab;this.activeTab=t,this.tabs.forEach((t=>{t.active=t===this.activeTab,t.tabIndex=t===this.activeTab?0:-1})),this.panels.forEach((t=>{var e;return t.active=t.name===(null==(e=this.activeTab)?void 0:e.panel)})),this.syncIndicator(),["top","bottom"].includes(this.placement)&&no(this.activeTab,this.nav,"horizontal",e.scrollBehavior),e.emitEvents&&(o&&this.emit("sl-tab-hide",{detail:{name:o.panel}}),this.emit("sl-tab-show",{detail:{name:this.activeTab.panel}}))}}
1763setAriaLabels(){this.tabs.forEach((t=>{const e=this.panels.find((e=>e.name===t.panel));e&&(t.setAttribute("aria-controls",e.getAttribute("id")),e.setAttribute("aria-labelledby",t.getAttribute("id")))}))}repositionIndicator(){const t=this.getActiveTab();if(!t)return;const e=t.clientWidth,o=t.clientHeight,i="rtl"===this.localize.dir(),s=this.getAllTabs(),r=s.slice(0,s.indexOf(t)).reduce(((t,e)=>({left:t.left+e.clientWidth,top:t.top+e.clientHeight})),{left:0,top:0});switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${e}px`,this.indicator.style.height="auto",this.indicator.style.translate=i?-1*r.left+"px":`${r.left}px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${o}px`,this.indicator.style.translate=`0 ${r.top}px`}}syncTabsAndPanels(){this.tabs=this.getAllTabs(),this.focusableTabs=this.tabs.filter((t=>!t.disabled)),this.panels=this.getAllPanels(),this.syncIndicator(),this.updateComplete.then((()=>this.updateScrollControls()))}findNextFocusableTab(t,e){let o=null;const i="forward"===e?1:-1;let s=t+i;for(;t<this.tabs.length;){if(o=this.tabs[s]||null,null===o){o="forward"===e?this.focusableTabs[0]:this.focusableTabs[this.focusableTabs.length-1];break}if(!o.disabled)break;s+=i}return o}updateScrollButtons(){this.hasScrollControls&&!this.fixedScrollControls&&(this.shouldHideScrollStartButton=this.scrollFromStart()<=this.scrollOffset,this.shouldHideScrollEndButton=this.isScrolledToEnd())}isScrolledToEnd(){return this.scrollFromStart()+this.nav.clientWidth>=this.nav.scrollWidth-this.scrollOffset}scrollFromStart(){return"rtl"===this.localize.dir()?-this.nav.scrollLeft:this.nav.scrollLeft}updateScrollControls(){this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth+1,this.updateScrollButtons()}syncIndicator(){this.getActiveTab()?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}show(t){const e=this.tabs.find((e=>e.panel===t));e&&this.setActiveTab(e,{scrollBehavior:"smooth"})}render(){const t="rtl"===this.localize.dir();return ot` 1764 <div 1765 part="base" 1766 class=${Fe({"tab-group":!0,"tab-group--top":"top"===this.placement,"tab-group--bottom":"bottom"===this.placement,"tab-group--start":"start"===this.placement,"tab-group--end":"end"===this.placement,"tab-group--rtl":"rtl"===this.localize.dir(),"tab-group--has-scroll-controls":this.hasScrollControls})} 1767 @click=${this.handleClick} 1768 @keydown=${this.handleKeyDown} 1769 > 1770 <div class="tab-group__nav-container" part="nav"> 1771 ${this.hasScrollControls?ot` 1772 <sl-icon-button 1773 part="scroll-button scroll-button--start" 1774 exportparts="base:scroll-button__base" 1775 class=${Fe({"tab-group__scroll-button":!0,"tab-group__scroll-button--start":!0,"tab-group__scroll-button--start--hidden":this.shouldHideScrollStartButton})} 1776 name=${t?"chevron-right":"chevron-left"} 1777 library="system" 1778 tabindex="-1" 1779 aria-hidden="true" 1780 label=${this.localize.term("scrollToStart")} 1781 @click=${this.handleScrollToStart} 1782 ></sl-icon-button> 1783 `:""} 1784 1785 <div class="tab-group__nav" @scrollend=${this.updateScrollButtons}> 1786 <div part="tabs" class="tab-group__tabs" role="tablist"> 1787 <div part="active-tab-indicator" class="tab-group__indicator"></div> 1788 <sl-resize-observer @sl-resize=${this.syncIndicator}> 1789 <slot name="nav" @slotchange=${this.syncTabsAndPanels}></slot> 1790 </sl-resize-observer> 1791 </div> 1792 </div> 1793 1794 ${this.hasScrollControls?ot` 1795 <sl-icon-button 1796 part="scroll-button scroll-button--end" 1797 exportparts="base:scroll-button__base" 1798 class=${Fe({"tab-group__scroll-button":!0,"tab-group__scroll-button--end":!0,"tab-group__scroll-button--end--hidden":this.shouldHideScrollEndButton})} 1799 name=${t?"chevron-left":"chevron-right"} 1800 library="system" 1801 tabindex="-1" 1802 aria-hidden="true" 1803 label=${this.localize.term("scrollToEnd")} 1804 @click=${this.handleScrollToEnd} 1805 ></sl-icon-button> 1806 `:""} 1807 </div> 1808 1809 <slot part="body" class="tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot> 1810 </div> 1811 `}constructor(){super(...arguments),this.tabs=[],this.focusableTabs=[],this.panels=[],this.localize=new Rt(this),this.hasScrollControls=!1,this.shouldHideScrollStartButton=!1,this.shouldHideScrollEndButton=!1,this.placement="top",this.activation="auto",this.noScrollControls=!1,this.fixedScrollControls=!1,this.scrollOffset=1}};hs.styles=[Nt,as],hs.dependencies={"sl-icon-button":lo,"sl-resize-observer":cs},Zt([ae(".tab-group")],hs.prototype,"tabGroup",2),Zt([ae(".tab-group__body")],hs.prototype,"body",2),Zt([ae(".tab-group__nav")],hs.prototype,"nav",2),Zt([ae(".tab-group__indicator")],hs.prototype,"indicator",2),Zt([re()],hs.prototype,"hasScrollControls",2),Zt([re()],hs.prototype,"shouldHideScrollStartButton",2),Zt([re()],hs.prototype,"shouldHideScrollEndButton",2),Zt([se()],hs.prototype,"placement",2),Zt([se()],hs.prototype,"activation",2),Zt([se({attribute:"no-scroll-control
1811s",type:Boolean})],hs.prototype,"noScrollControls",2),Zt([se({attribute:"fixed-scroll-controls",type:Boolean})],hs.prototype,"fixedScrollControls",2),Zt([(ds={passive:!0},(t,e)=>{const o="function"==typeof t?t:t[e];Object.assign(o,ds)})],hs.prototype,"updateScrollButtons",1),Zt([Le("noScrollControls",{waitUntilFirstUpdate:!0})],hs.prototype,"updateScrollControls",1),Zt([Le("placement",{waitUntilFirstUpdate:!0})],hs.prototype,"syncIndicator",1);hs.define("sl-tab-group");var us=(t,e)=>{let o=0;return function(...i){window.clearTimeout(o),o=window.setTimeout((()=>{t.call(this,...i)}),e)}},ps=(t,e,o)=>{const i=t[e];t[e]=function(...t){i.call(this,...t),o.call(this,i,...t)}};if(!("onscrollend"in window)){const t=new Set,e=new WeakMap,o=e=>{for(const o of e.changedTouches)t.add(o.identifier)},i=e=>{for(const o of e.changedTouches)t.delete(o.identifier)};document.addEventListener("touchstart",o,!0),document.addEventListener("touchend",i,!0),document.addEventListener("touchcancel",i,!0),ps(EventTarget.prototype,"addEventListener",(function(o,i){if("scrollend"!==i)return;const s=us((()=>{t.size?s():this.dispatchEvent(new Event("scrollend"))}),100);o.call(this,"scroll",s,{passive:!0}),e.set(this,s)})),ps(EventTarget.prototype,"removeEventListener",(function(t,o){if("scrollend"!==o)return;const i=e.get(this);i&&t.call(this,"scroll",i,{passive:!0})}))}var bs=g` 1812 :host { 1813 --padding: 0; 1814 1815 display: none; 1816 } 1817 1818 :host([active]) { 1819 display: block; 1820 } 1821 1822 .tab-panel { 1823 display: block; 1824 padding: var(--padding); 1825 } 1826`,ms=0,fs=class extends ce{connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return ot` 1827 <slot 1828 part="base" 1829 class=${Fe({"tab-panel":!0,"tab-panel--active":this.active})} 1830 ></slot> 1831 `}constructor(){super(...arguments),this.attrId=++ms,this.componentId=`sl-tab-panel-${this.attrId}`,this.name="",this.active=!1}};fs.styles=[Nt,bs],Zt([se({reflect:!0})],fs.prototype,"name",2),Zt([se({type:Boolean,reflect:!0})],fs.prototype,"active",2),Zt([Le("active")],fs.prototype,"handleActiveChange",1);fs.define("sl-tab-panel");var gs=g` 1832 :host { 1833 display: block; 1834 } 1835 1836 .details { 1837 border: solid 1px var(--sl-color-neutral-200); 1838 border-radius: var(--sl-border-radius-medium); 1839 background-color: var(--sl-color-neutral-0); 1840 overflow-anchor: none; 1841 } 1842 1843 .details--disabled { 1844 opacity: 0.5; 1845 } 1846 1847 .details__header { 1848 display: flex; 1849 align-items: center; 1850 border-radius: inherit; 1851 padding: var(--sl-spacing-medium); 1852 user-select: none; 1853 -webkit-user-select: none; 1854 cursor: pointer; 1855 } 1856 1857 .details__header::-webkit-details-marker { 1858 display: none; 1859 } 1860 1861 .details__header:focus { 1862 outline: none; 1863 } 1864 1865 .details__header:focus-visible { 1866 outline: var(--sl-focus-ring); 1867 outline-offset: calc(1px + var(--sl-focus-ring-offset)); 1868 } 1869 1870 .details--disabled .details__header { 1871 cursor: not-allowed; 1872 } 1873 1874 .details--disabled .details__header:focus-visible { 1875 outline: none; 1876 box-shadow: none; 1877 } 1878 1879 .details__summary { 1880 flex: 1 1 auto; 1881 display: flex; 1882 align-items: center; 1883 } 1884 1885 .details__summary-icon { 1886 flex: 0 0 auto; 1887 display: flex; 1888 align-items: center; 1889 transition: var(--sl-transition-medium) rotate ease; 1890 } 1891 1892 .details--open .details__summary-icon { 1893 rotate: 90deg; 1894 } 1895 1896 .details--open.details--rtl .details__summary-icon { 1897 rotate: -90deg; 1898 } 1899 1900 .details--open slot[name='expand-icon'], 1901 .details:not(.details--open) slot[name='collapse-icon'] { 1902 display: none; 1903 } 1904 1905 .details__body { 1906 overflow: hidden; 1907 } 1908 1909 .details__content { 1910 display: block; 1911 padding: var(--sl-spacing-medium); 1912 } 1913`,vs=class extends ce{firstUpdated(){this.body.style.height=this.open?"auto":"0",this.open&&(this.details.open=!0),this.detailsObserver=new MutationObserver((t=>{for(const e of t)"attributes"===e.type&&"open"===e.attributeName&&(this.details.open?this.show():this.hide())})),this.detailsObserver.observe(this.details,{attributes:!0})}disconnectedCallback(){var t;super.disconnectedCallback(),null==(t=this.detailsObserver)||t.disconnect()}handleSummaryClick(t){t.preventDefault(),this.disabled||(this.open?this.hide():this.show(),this.header.focu
1913s())}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){this.details.open=!0;if(this.emit("sl-show",{cancelable:!0}).defaultPrevented)return this.open=!1,void(this.details.open=!1);await yo(this.body);const{keyframes:t,options:e}=mo(this,"details.show",{dir:this.localize.dir()});await go(this.body,wo(t,this.body.scrollHeight),e),this.body.style.height="auto",this.emit("sl-after-show")}else{if(this.emit("sl-hide",{cancelable:!0}).defaultPrevented)return this.details.open=!0,void(this.open=!0);await yo(this.body);const{keyframes:t,options:e}=mo(this,"details.hide",{dir:this.localize.dir()});await go(this.body,wo(t,this.body.scrollHeight),e),this.body.style.height="auto",this.details.open=!1,this.emit("sl-after-hide")}}async show(){if(!this.open&&!this.disabled)return this.open=!0,fo(this,"sl-after-show")}async hide(){if(this.open&&!this.disabled)return this.open=!1,fo(this,"sl-after-hide")}render(){const t="rtl"===this.localize.dir();return ot` 1914 <details 1915 part="base" 1916 class=${Fe({details:!0,"details--open":this.open,"details--disabled":this.disabled,"details--rtl":t})} 1917 > 1918 <summary 1919 part="header" 1920 id="header" 1921 class="details__header" 1922 role="button" 1923 aria-expanded=${this.open?"true":"false"} 1924 aria-controls="content" 1925 aria-disabled=${this.disabled?"true":"false"} 1926 tabindex=${this.disabled?"-1":"0"} 1927 @click=${this.handleSummaryClick} 1928 @keydown=${this.handleSummaryKeyDown} 1929 > 1930 <slot name="summary" part="summary" class="details__summary">${this.summary}</slot> 1931 1932 <span part="summary-icon" class="details__summary-icon"> 1933 <slot name="expand-icon"> 1934 <sl-icon library="system" name=${t?"chevron-left":"chevron-right"}></sl-icon> 1935 </slot> 1936 <slot name="collapse-icon"> 1937 <sl-icon library="system" name=${t?"chevron-left":"chevron-right"}></sl-icon> 1938 </slot> 1939 </span> 1940 </summary> 1941 1942 <div class="details__body" role="region" aria-labelledby="header"> 1943 <slot part="content" id="content" class="details__content"></slot> 1944 </div> 1945 </details> 1946 `}constructor(){super(...arguments),this.localize=new Rt(this),this.open=!1,this.disabled=!1}};vs.styles=[Nt,gs],vs.dependencies={"sl-icon":Me},Zt([ae(".details")],vs.prototype,"details",2),Zt([ae(".details__header")],vs.prototype,"header",2),Zt([ae(".details__body")],vs.prototype,"body",2),Zt([ae(".details__expand-icon-slot")],vs.prototype,"expandIconSlot",2),Zt([se({type:Boolean,reflect:!0})],vs.prototype,"open",2),Zt([se()],vs.prototype,"summary",2),Zt([se({type:Boolean,reflect:!0})],vs.prototype,"disabled",2),Zt([Le("open",{waitUntilFirstUpdate:!0})],vs.prototype,"handleOpenChange",1),bo("details.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:250,easing:"linear"}}),bo("details.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:250,easing:"linear"}});vs.define("sl-details");document.querySelectorAll(".c-product-listing__accordion-module-wrapper .c-product-listing__accordion-module").forEach((t=>{var e,o,i;e=t,o="details.hide",i={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:0,easing:"linear"}},ho.set(e,Xt(Yt({},ho.get(e)),{[o]:uo(i)}))}
1946)),e.init(),t.init();const ys=document.querySelector("#navdrawer");ys.querySelector("#navdrawerclose").addEventListener("click",(()=>ys.hide()));document.querySelector(".searchdrawer"),document.querySelector("#opensearch");document.querySelectorAll(".c-articlecard, c-articlecard").forEach((t=>{const e=t.querySelector("h2 a, .h-2 a, h3 a, .h-3 a, h4 a, .h-4 a");e&&(t.dataset.state="",e.addEventListener("focus",(()=>{t.dataset.state="focused"})),e.addEventListener("blur",(()=>{t.dataset.state=""})))}));const ws=document.querySelector("#opensearch-custom"),_s=document.querySelectorAll("#closesearch-custom, #main_content, #main_footer, .c-banner, .mainnav"),xs=document.querySelector("#mainnav");ws.addEventListener("click",(()=>{document.body.classList.contains("search-open")?(document.body.classList.remove("search-open"),xs.classList.remove("click-disabled")):(document.body.classList.add("search-open"),document.querySelector(".c-search__field").focus())})),_s.forEach((t=>{t.addEventListener("click",(()=>{document.body.classList.remove("search-open"),xs.classList.remove("click-disabled")}))}));const ks=document.querySelector("#openmainnav"),As=document.querySelector("#navdrawerclose"),Cs=document.querySelector("#closemainnav");ks?.addEventListener("click",(()=>{document.body.classList.add("mobile-nav-open")})),As?.addEventListener("click",(()=>{document.body.classList.remove("mobile-nav-open")})),Cs?.addEventListener("click",(()=>{As.click()})),window.addEventListener("resize",(()=>{document.body.classList.contains("mobile-nav-open")&&window.innerWidth>1099&&(document.body.classList.remove("mobile-nav-open"),document.body.classList.remove("sl-scroll-lock"),ys.hide())}));const Es=document.querySelectorAll(".js-trigger-submit");document.body.contains(Es[0])&&Es.forEach((t=>{t.addEventListener("change",(()=>{t.closest("form").submit()}))})),document.querySelectorAll(".c-n__list > li").forEach((t=>{document.querySelectorAll(`#${t.id} .c-meganav__section`).length<=1&&t.classList.add("c-n__list-item-single")})),document.querySelectorAll(".js-ajax-submit-container").forEach((t=>{t.addEventListener("keyup",(e=>{13===e.keyCode&&t.getElementsByClassName("js-submit-btn")[0].click()}))})),window.toggleClick=function(t){const e=t.dataset.target,o=document.querySelector(`[data-target-container="${e}"]`);"none"===o.style.display?o.style.display="block":o.style.display="none"},document.querySelectorAll('[data-type="mobile"] .c-n__list .c-meganav__heading').forEach((t=>{t.addEventListener("click",(t=>{t.target.classList.contains("c-meganav__heading")&&(t.target.classList.contains("mobile-active")?t.target.classList.remove("mobile-active"):t.target.classList.add("mobile-active"))}))})),document.querySelectorAll(".js-footernav-toggle").forEach((t=>{t.addEventListener("click",(t=>{t.target.classList.contains("mobile-active")?t.target.classList.remove("mobile-active"):t.target.classList.add("mobile-active")}))})),document.querySelectorAll(".js-socialshare").forEach((t=>{t.addEventListener("click",(t=>{const e=t.target.closest(".c-socialshare");e.classList.contains("c-socialshare--open")?e.classList.remove("c-socialshare--open"):e.classList.add("c-socialshare--open")}))}))})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.