From d67627e2b5270afa32970542a3881078b0b856f9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?ilyas=20St=C3=A9phane=20T=C3=BCrkben?= Date: Thu, 21 Dec 2023 15:46:18 +0100 Subject: [PATCH] MWPW-139915: catalog load swc from Milo (#149) --- creativecloud/blocks/catalog/catalog.css | 20 +- creativecloud/blocks/catalog/catalog.js | 23 +- creativecloud/blocks/sidenav/sidenav.js | 36 ++- creativecloud/deps/merch-sidenav.js | 30 +-- creativecloud/scripts/utils.js | 11 +- libs/deps/README | 1 + libs/deps/lit-all.min.js | 281 +++++++++++++++++++++++ 7 files changed, 367 insertions(+), 35 deletions(-) create mode 100644 libs/deps/README create mode 100644 libs/deps/lit-all.min.js diff --git a/creativecloud/blocks/catalog/catalog.css b/creativecloud/blocks/catalog/catalog.css index c204bdc61..035066f23 100644 --- a/creativecloud/blocks/catalog/catalog.css +++ b/creativecloud/blocks/catalog/catalog.css @@ -1,17 +1,31 @@ +.catalog.app { + display: flex; + min-height: 400px; + justify-content: center; +} + + @media screen and (min-width: 1200px) { .catalog.app { - display: flex; + display: grid; gap: 36px; - justify-content: center; + grid-template-columns: 240px auto; + min-height: 400px; + } + + merch-sidenav { + min-width: 240px; } } .catalog > merch-sidenav { + grid-column: 1 / span 1; order: 0; } .catalog > merch-cards { - order: 1; align-self: baseline; + grid-column: 2 / span 1; + order: 1; padding: 0; } diff --git a/creativecloud/blocks/catalog/catalog.js b/creativecloud/blocks/catalog/catalog.js index f5cf984e7..872ea3cad 100644 --- a/creativecloud/blocks/catalog/catalog.js +++ b/creativecloud/blocks/catalog/catalog.js @@ -1,5 +1,26 @@ +/* eslint-disable chai-friendly/no-unused-expressions */ +import { getLibs } from '../../scripts/utils.js'; + export default async function init(el) { - el.classList.add('app'); + const miloLibs = getLibs(); + import(`${miloLibs}/deps/lit-all.min.js`); + import(`${miloLibs}/blocks/merch-cards/merch-cards.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/theme.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/button.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/icons/checkmark.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/icons/chevron.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/help-text.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/icon.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/icons-ui.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/icons-workflow.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/menu.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/overlay.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/popover.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/reactive-controllers.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/search.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/shared.js`); + import(`${miloLibs}/features/spectrum-web-components/dist/textfield.js`); + el.classList.add('merch', 'app'); el.innerHTML = ''; return el; } diff --git a/creativecloud/blocks/sidenav/sidenav.js b/creativecloud/blocks/sidenav/sidenav.js index 5bd2cfc4f..e77df8c0d 100644 --- a/creativecloud/blocks/sidenav/sidenav.js +++ b/creativecloud/blocks/sidenav/sidenav.js @@ -1,7 +1,5 @@ -import { createTag } from '../../scripts/utils.js'; +import { createTag, localizeLink, getLibs } from '../../scripts/utils.js'; -import '../../deps/lit-all.min.js'; -import '../../deps/merch-spectrum.min.js'; import '../../deps/merch-sidenav.js'; const CATEGORY_ID_PREFIX = 'categories/'; @@ -63,9 +61,8 @@ const getTypes = (arrayTypes) => { }; const appendFilters = async (root, link, explicitCategoriesElt) => { - const payload = link.textContent.trim(); try { - const resp = await fetch(payload); + const resp = await fetch(link); if (resp.ok) { const json = await resp.json(); const mapCategories = {}; @@ -130,18 +127,33 @@ function appendResources(rootNav, resourceLink) { } export default async function init(el) { + const libs = getLibs(); + await Promise.all([ + import(`${libs}/deps/lit-all.min.js`), + import(`${libs}/features/spectrum-web-components/dist/theme.js`), + import(`${libs}/features/spectrum-web-components/dist/sidenav.js`), + import(`${libs}/features/spectrum-web-components/dist/search.js`), + import(`${libs}/features/spectrum-web-components/dist/checkbox.js`), + import(`${libs}/features/spectrum-web-components/dist/dialog.js`), + ]); + const title = el.querySelector('h2')?.textContent.trim(); const rootNav = createTag('merch-sidenav', { title }); const searchText = el.querySelector('p > strong')?.textContent.trim(); appendSearch(rootNav, searchText); - const links = el.querySelectorAll('a'); - const explicitCategories = el.querySelector('ul'); - await appendFilters(rootNav, links[0], explicitCategories); - if (links.length > 1) { - appendResources(rootNav, links[1]); + // eslint-disable-next-line prefer-const + let [endpoint, resourcesLink] = el.querySelectorAll('a'); + if (endpoint) { + endpoint = localizeLink(endpoint.textContent.trim(), null, true); + const explicitCategories = el.querySelector('ul'); + await appendFilters(rootNav, endpoint, explicitCategories); + } + if (resourcesLink) { + appendResources(rootNav, resourcesLink); } - const appContainer = el.closest('main > div.section')?.firstElementChild; - if (appContainer?.classList.contains('app')) { + + const appContainer = document.querySelector('.merch.app'); + if (appContainer) { appContainer.appendChild(rootNav); rootNav.updateComplete.then(() => { el.remove(); diff --git a/creativecloud/deps/merch-sidenav.js b/creativecloud/deps/merch-sidenav.js index 83f01f6d6..6f42b09bd 100644 --- a/creativecloud/deps/merch-sidenav.js +++ b/creativecloud/deps/merch-sidenav.js @@ -1,7 +1,7 @@ -// Fri, 01 Dec 2023 13:43:45 GMT +// Wed, 20 Dec 2023 12:32:36 GMT // src/sidenav/merch-sidenav.js -import { html as html4, css as css5, LitElement as LitElement4 } from "./lit-all.min.js"; +import { html as html4, css as css5, LitElement as LitElement4 } from "/libs/deps/lit-all.min.js"; // ../../node_modules/@spectrum-web-components/reactive-controllers/src/MatchMedia.js var MatchMediaController = class { @@ -24,7 +24,7 @@ var MatchMediaController = class { }; // src/sidenav/merch-sidenav-heading.css.js -import { css } from "./lit-all.min.js"; +import { css } from "/libs/deps/lit-all.min.js"; var headingStyles = css` h2 { font-size: 11px; @@ -39,7 +39,7 @@ var headingStyles = css` `; // src/merch-search.js -import { html, LitElement, css as css2 } from "./lit-all.min.js"; +import { html, LitElement, css as css2 } from "/libs/deps/lit-all.min.js"; // src/deeplink.js function parseState(hash = window.location.hash) { @@ -101,23 +101,23 @@ var MerchSearch = class extends LitElement { } constructor() { super(); - this.handleInput = (e) => pushStateFromComponent(this, e.target.value); + this.handleInput = () => pushStateFromComponent(this, this.search.value); this.handleInputDebounced = debounce(this.handleInput.bind(this)); } connectedCallback() { super.connectedCallback(); - this.addEventListener("input", this.handleInputDebounced); - this.addEventListener("change", this.handleInputDebounced); + if (!this.search) + return; + this.search.addEventListener("input", this.handleInputDebounced); + this.search.addEventListener("change", this.handleInputDebounced); this.updateComplete.then(() => { - if (!this.search) - return; this.setStateFromURL(); }); } disconnectedCallback() { super.disconnectedCallback(); - this.removeEventListener("input", this.handleInputDebounced); - this.removeEventListener("change", this.handleInputDebounced); + this.search.removeEventListener("input", this.handleInputDebounced); + this.search.removeEventListener("change", this.handleInputDebounced); } /* * set the state of the search based on the URL @@ -136,7 +136,7 @@ var MerchSearch = class extends LitElement { customElements.define("merch-search", MerchSearch); // src/sidenav/merch-sidenav-list.js -import { html as html2, LitElement as LitElement2, css as css3 } from "./lit-all.min.js"; +import { html as html2, LitElement as LitElement2, css as css3 } from "/libs/deps/lit-all.min.js"; var MerchSidenavList = class extends LitElement2 { static properties = { title: { type: String }, @@ -192,7 +192,7 @@ var MerchSidenavList = class extends LitElement2 { */ setStateFromURL() { const state = parseState(); - const value = state[this.deeplink]; + const value = state[this.deeplink] ?? "all"; if (value) { const element = this.querySelector(`sp-sidenav-item[value="${value}"]`) ?? this.querySelector(`sp-sidenav-item`); if (!element) @@ -256,7 +256,7 @@ var MerchSidenavList = class extends LitElement2 { customElements.define("merch-sidenav-list", MerchSidenavList); // src/sidenav/merch-sidenav-checkbox-group.js -import { html as html3, LitElement as LitElement3, css as css4 } from "./lit-all.min.js"; +import { html as html3, LitElement as LitElement3, css as css4 } from "/libs/deps/lit-all.min.js"; var MerchSidenavCheckboxGroup = class extends LitElement3 { static properties = { title: { type: String }, @@ -348,6 +348,7 @@ var SPECTRUM_MOBILE_LANDSCAPE = "(max-width: 700px)"; var TABLET_DOWN = "(max-width: 1200px)"; // src/sidenav/merch-sidenav.js +var EVENT_OPEN_MODAL = "merch-sidenav:open-modal"; var MerchSideNav = class extends LitElement4 { static properties = { title: { type: String }, @@ -406,6 +407,7 @@ var MerchSideNav = class extends LitElement4 { >`; } async showModal({ target }) { + this.dispatchEvent(new Event(EVENT_OPEN_MODAL)); const content = this.shadowRoot.querySelector("sp-dialog-wrapper"); const options = { trigger: target, diff --git a/creativecloud/scripts/utils.js b/creativecloud/scripts/utils.js index 0d7bafeb2..5085f10ce 100644 --- a/creativecloud/scripts/utils.js +++ b/creativecloud/scripts/utils.js @@ -31,14 +31,15 @@ export const [setLibs, getLibs] = (() => { return libs; } const branch = new URLSearchParams(window.location.search).get('milolibs') || 'main'; - if (branch === 'local') return 'http://localhost:6456/libs'; - if (branch.indexOf('--') > -1) return `https://${branch}.hlx.page/libs`; - return `https://${branch}--milo--adobecom.hlx.live/libs`; + if (branch === 'local') { libs = 'http://localhost:6456/libs'; return libs; } + if (branch.indexOf('--') > -1) { libs = `https://${branch}.hlx.live/libs`; return libs; } + libs = `https://${branch}--milo--adobecom.hlx.live/libs`; + return libs; }, () => libs, ]; })(); const miloLibs = setLibs('/libs'); -const { createTag } = await import(`${miloLibs}/utils/utils.js`); -export { createTag }; +const { createTag, localizeLink } = await import(`${miloLibs}/utils/utils.js`); +export { createTag, localizeLink }; diff --git a/libs/deps/README b/libs/deps/README new file mode 100644 index 000000000..f75d7a7a7 --- /dev/null +++ b/libs/deps/README @@ -0,0 +1 @@ +this is only for loading lit only once on hlx.page and hlx.live diff --git a/libs/deps/lit-all.min.js b/libs/deps/lit-all.min.js new file mode 100644 index 000000000..8f0a8b35d --- /dev/null +++ b/libs/deps/lit-all.min.js @@ -0,0 +1,281 @@ +/* eslint-disable */ +/* Generated by Milo */ + +var Z=window,J=Z.ShadowRoot&&(Z.ShadyCSS===void 0||Z.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,ut=Symbol(),Tt=new WeakMap,I=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==ut)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(J&&t===void 0){let i=e!==void 0&&e.length===1;i&&(t=Tt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&Tt.set(e,t))}return t}toString(){return this.cssText}},Rt=s=>new I(typeof s=="string"?s:s+"",void 0,ut),le=(s,...t)=>{let e=s.length===1?s[0]:t.reduce((i,r,o)=>i+(n=>{if(n._$cssResult$===!0)return n.cssText;if(typeof n=="number")return n;throw Error("Value passed to 'css' function must be a 'css' function result: "+n+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+s[o+1],s[0]);return new I(e,s,ut)},pt=(s,t)=>{J?s.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet):t.forEach(e=>{let i=document.createElement("style"),r=Z.litNonce;r!==void 0&&i.setAttribute("nonce",r),i.textContent=e.cssText,s.appendChild(i)})},Q=J?s=>s:s=>s instanceof CSSStyleSheet?(t=>{let e="";for(let i of t.cssRules)e+=i.cssText;return Rt(e)})(s):s;var ft,X=window,Ut=X.trustedTypes,ae=Ut?Ut.emptyScript:"",kt=X.reactiveElementPolyfillSupport,vt={toAttribute(s,t){switch(t){case Boolean:s=s?ae:null;break;case Object:case Array:s=s==null?s:JSON.stringify(s)}return s},fromAttribute(s,t){let e=s;switch(t){case Boolean:e=s!==null;break;case Number:e=s===null?null:Number(s);break;case Object:case Array:try{e=JSON.parse(s)}catch{e=null}}return e}},Nt=(s,t)=>t!==s&&(t==t||s==s),mt={attribute:!0,type:String,converter:vt,reflect:!1,hasChanged:Nt},$t="finalized",C=class extends HTMLElement{constructor(){super(),this._$Ei=new Map,this.isUpdatePending=!1,this.hasUpdated=!1,this._$El=null,this._$Eu()}static addInitializer(t){var e;this.finalize(),((e=this.h)!==null&&e!==void 0?e:this.h=[]).push(t)}static get observedAttributes(){this.finalize();let t=[];return this.elementProperties.forEach((e,i)=>{let r=this._$Ep(i,e);r!==void 0&&(this._$Ev.set(r,i),t.push(r))}),t}static createProperty(t,e=mt){if(e.state&&(e.attribute=!1),this.finalize(),this.elementProperties.set(t,e),!e.noAccessor&&!this.prototype.hasOwnProperty(t)){let i=typeof t=="symbol"?Symbol():"__"+t,r=this.getPropertyDescriptor(t,i,e);r!==void 0&&Object.defineProperty(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){return{get(){return this[e]},set(r){let o=this[t];this[e]=r,this.requestUpdate(t,o,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)||mt}static finalize(){if(this.hasOwnProperty($t))return!1;this[$t]=!0;let t=Object.getPrototypeOf(this);if(t.finalize(),t.h!==void 0&&(this.h=[...t.h]),this.elementProperties=new Map(t.elementProperties),this._$Ev=new Map,this.hasOwnProperty("properties")){let e=this.properties,i=[...Object.getOwnPropertyNames(e),...Object.getOwnPropertySymbols(e)];for(let r of i)this.createProperty(r,e[r])}return this.elementStyles=this.finalizeStyles(this.styles),!0}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let i=new Set(t.flat(1/0).reverse());for(let r of i)e.unshift(Q(r))}else t!==void 0&&e.push(Q(t));return e}static _$Ep(t,e){let i=e.attribute;return i===!1?void 0:typeof i=="string"?i:typeof t=="string"?t.toLowerCase():void 0}_$Eu(){var t;this._$E_=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$Eg(),this.requestUpdate(),(t=this.constructor.h)===null||t===void 0||t.forEach(e=>e(this))}addController(t){var e,i;((e=this._$ES)!==null&&e!==void 0?e:this._$ES=[]).push(t),this.renderRoot!==void 0&&this.isConnected&&((i=t.hostConnected)===null||i===void 0||i.call(t))}removeController(t){var e;(e=this._$ES)===null||e===void 0||e.splice(this._$ES.indexOf(t)>>>0,1)}_$Eg(){this.constructor.elementProperties.forEach((t,e)=>{this.hasOwnProperty(e)&&(this._$Ei.set(e,this[e]),delete this[e])})}createRenderRoot(){var t;let e=(t=this.shadowRoot)!==null&&t!==void 0?t:this.attachShadow(this.constructor.shadowRootOptions);return pt(e,this.constructor.elementStyles),e}connectedCallback(){var t;this.renderRoot===void 0&&(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostConnected)===null||i===void 0?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$ES)===null||t===void 0||t.forEach(e=>{var i;return(i=e.hostDisconnected)===null||i===void 0?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EO(t,e,i=mt){var r;let o=this.constructor._$Ep(t,i);if(o!==void 0&&i.reflect===!0){let n=(((r=i.converter)===null||r===void 0?void 0:r.toAttribute)!==void 0?i.converter:vt).toAttribute(e,i.type);this._$El=t,n==null?this.removeAttribute(o):this.setAttribute(o,n),this._$El=null}}_$AK(t,e){var i;let r=this.constructor,o=r._$Ev.get(t);if(o!==void 0&&this._$El!==o){let n=r.getPropertyOptions(o),a=typeof n.converter=="function"?{fromAttribute:n.converter}:((i=n.converter)===null||i===void 0?void 0:i.fromAttribute)!==void 0?n.converter:vt;this._$El=o,this[o]=a.fromAttribute(e,n.type),this._$El=null}}requestUpdate(t,e,i){let r=!0;t!==void 0&&(((i=i||this.constructor.getPropertyOptions(t)).hasChanged||Nt)(this[t],e)?(this._$AL.has(t)||this._$AL.set(t,e),i.reflect===!0&&this._$El!==t&&(this._$EC===void 0&&(this._$EC=new Map),this._$EC.set(t,i))):r=!1),!this.isUpdatePending&&r&&(this._$E_=this._$Ej())}async _$Ej(){this.isUpdatePending=!0;try{await this._$E_}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var t;if(!this.isUpdatePending)return;this.hasUpdated,this._$Ei&&(this._$Ei.forEach((r,o)=>this[o]=r),this._$Ei=void 0);let e=!1,i=this._$AL;try{e=this.shouldUpdate(i),e?(this.willUpdate(i),(t=this._$ES)===null||t===void 0||t.forEach(r=>{var o;return(o=r.hostUpdate)===null||o===void 0?void 0:o.call(r)}),this.update(i)):this._$Ek()}catch(r){throw e=!1,this._$Ek(),r}e&&this._$AE(i)}willUpdate(t){}_$AE(t){var e;(e=this._$ES)===null||e===void 0||e.forEach(i=>{var r;return(r=i.hostUpdated)===null||r===void 0?void 0:r.call(i)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$Ek(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$E_}shouldUpdate(t){return!0}update(t){this._$EC!==void 0&&(this._$EC.forEach((e,i)=>this._$EO(i,this[i],e)),this._$EC=void 0),this._$Ek()}updated(t){}firstUpdated(t){}};C[$t]=!0,C.elementProperties=new Map,C.elementStyles=[],C.shadowRootOptions={mode:"open"},kt?.({ReactiveElement:C}),((ft=X.reactiveElementVersions)!==null&&ft!==void 0?ft:X.reactiveElementVersions=[]).push("1.6.3");var _t,F=window,O=F.trustedTypes,Ht=O?O.createPolicy("lit-html",{createHTML:s=>s}):void 0,tt="$lit$",b=`lit$${(Math.random()+"").slice(9)}$`,At="?"+b,ce=`<${At}>`,U=document,j=()=>U.createComment(""),q=s=>s===null||typeof s!="object"&&typeof s!="function",Bt=Array.isArray,jt=s=>Bt(s)||typeof s?.[Symbol.iterator]=="function",yt=`[ +\f\r]`,B=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Ot=/-->/g,Mt=/>/g,T=RegExp(`>|${yt}(?:([^\\s"'>=/]+)(${yt}*=${yt}*(?:[^ +\f\r"'\`<>=]|("|')|))|$)`,"g"),Dt=/'/g,Lt=/"/g,qt=/^(?:script|style|textarea|title)$/i,Gt=s=>(t,...e)=>({_$litType$:s,strings:t,values:e}),Se=Gt(1),be=Gt(2),p=Symbol.for("lit-noChange"),u=Symbol.for("lit-nothing"),Vt=new WeakMap,R=U.createTreeWalker(U,129,null,!1);function zt(s,t){if(!Array.isArray(s)||!s.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ht!==void 0?Ht.createHTML(t):t}var Kt=(s,t)=>{let e=s.length-1,i=[],r,o=t===2?"":"",n=B;for(let a=0;a"?(n=r??B,m=-1):d[1]===void 0?m=-2:(m=n.lastIndex-d[2].length,c=d[1],n=d[3]===void 0?T:d[3]==='"'?Lt:Dt):n===Lt||n===Dt?n=T:n===Ot||n===Mt?n=B:(n=T,r=void 0);let v=n===T&&s[a+1].startsWith("/>")?" ":"";o+=n===B?l+ce:m>=0?(i.push(c),l.slice(0,m)+tt+l.slice(m)+b+v):l+b+(m===-2?(i.push(void 0),a):v)}return[zt(s,o+(s[e]||"")+(t===2?"":"")),i]},G=class s{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let o=0,n=0,a=t.length-1,l=this.parts,[c,d]=Kt(t,e);if(this.el=s.createElement(c,i),R.currentNode=this.el.content,e===2){let m=this.el.content,h=m.firstChild;h.remove(),m.append(...h.childNodes)}for(;(r=R.nextNode())!==null&&l.length0){r.textContent=O?O.emptyScript:"";for(let v=0;v2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=u}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,i,r){let o=this.strings,n=!1;if(o===void 0)t=k(this,t,e,0),n=!q(t)||t!==this._$AH&&t!==p,n&&(this._$AH=t);else{let a=t,l,c;for(t=o[0],l=0;l{var i,r;let o=(i=e?.renderBefore)!==null&&i!==void 0?i:t,n=o._$litPart$;if(n===void 0){let a=(r=e?.renderBefore)!==null&&r!==void 0?r:null;o._$litPart$=n=new M(t.insertBefore(j(),a),a,void 0,e??{})}return n._$AI(s),n};var gt,xt,Re=C,D=class extends C{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var t,e;let i=super.createRenderRoot();return(t=(e=this.renderOptions).renderBefore)!==null&&t!==void 0||(e.renderBefore=i.firstChild),i}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=nt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)===null||t===void 0||t.setConnected(!1)}render(){return p}};D.finalized=!0,D._$litElement$=!0,(gt=globalThis.litElementHydrateSupport)===null||gt===void 0||gt.call(globalThis,{LitElement:D});var Yt=globalThis.litElementPolyfillSupport;Yt?.({LitElement:D});var Ue={_$AK:(s,t,e)=>{s._$AK(t,e)},_$AL:s=>s._$AL};((xt=globalThis.litElementVersions)!==null&&xt!==void 0?xt:globalThis.litElementVersions=[]).push("3.3.3");var Oe=!1;var{I:de}=Wt,Jt=s=>s===null||typeof s!="object"&&typeof s!="function",qe={HTML:1,SVG:2},Ct=(s,t)=>t===void 0?s?._$litType$!==void 0:s?._$litType$===t,Qt=s=>{var t;return((t=s?._$litType$)===null||t===void 0?void 0:t.h)!=null},Ge=s=>s?._$litDirective$!==void 0,ze=s=>s?._$litDirective$,lt=s=>s.strings===void 0,Zt=()=>document.createComment(""),x=(s,t,e)=>{var i;let r=s._$AA.parentNode,o=t===void 0?s._$AB:t._$AA;if(e===void 0){let n=r.insertBefore(Zt(),o),a=r.insertBefore(Zt(),o);e=new de(n,a,s,s.options)}else{let n=e._$AB.nextSibling,a=e._$AM,l=a!==s;if(l){let c;(i=e._$AQ)===null||i===void 0||i.call(e,s),e._$AM=s,e._$AP!==void 0&&(c=s._$AU)!==a._$AU&&e._$AP(c)}if(n!==o||l){let c=e._$AA;for(;c!==n;){let d=c.nextSibling;r.insertBefore(c,o),c=d}}}return e},E=(s,t,e=s)=>(s._$AI(t,e),s),ue={},w=(s,t=ue)=>s._$AH=t,z=s=>s._$AH,at=s=>{var t;(t=s._$AP)===null||t===void 0||t.call(s,!1,!0);let e=s._$AA,i=s._$AB.nextSibling;for(;e!==i;){let r=e.nextSibling;e.remove(),e=r}},ct=s=>{s._$AR()};var _={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},f=s=>(...t)=>({_$litDirective$:s,values:t}),$=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var K=(s,t)=>{var e,i;let r=s._$AN;if(r===void 0)return!1;for(let o of r)(i=(e=o)._$AO)===null||i===void 0||i.call(e,t,!1),K(o,t);return!0},ht=s=>{let t,e;do{if((t=s._$AM)===void 0)break;e=t._$AN,e.delete(s),s=t}while(e?.size===0)},Xt=s=>{for(let t;t=s._$AM;s=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(s))break;e.add(s),me(t)}};function pe(s){this._$AN!==void 0?(ht(this),this._$AM=s,Xt(this)):this._$AM=s}function fe(s,t=!1,e=0){let i=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(t)if(Array.isArray(i))for(let o=e;o{var t,e,i,r;s.type==_.CHILD&&((t=(i=s)._$AP)!==null&&t!==void 0||(i._$AP=fe),(e=(r=s)._$AQ)!==null&&e!==void 0||(r._$AQ=pe))},P=class extends ${constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,i){super._$AT(t,e,i),Xt(this),this.isConnected=t._$AU}_$AO(t,e=!0){var i,r;t!==this.isConnected&&(this.isConnected=t,t?(i=this.reconnected)===null||i===void 0||i.call(this):(r=this.disconnected)===null||r===void 0||r.call(this)),e&&(K(this,t),ht(this))}setValue(t){if(lt(this._$Ct))this._$Ct._$AI(t,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var Ft=async(s,t)=>{for await(let e of s)if(await t(e)===!1)return},L=class{constructor(t){this.G=t}disconnect(){this.G=void 0}reconnect(t){this.G=t}deref(){return this.G}},V=class{constructor(){this.Y=void 0,this.Z=void 0}get(){return this.Y}pause(){var t;(t=this.Y)!==null&&t!==void 0||(this.Y=new Promise(e=>this.Z=e))}resume(){var t;(t=this.Z)===null||t===void 0||t.call(this),this.Y=this.Z=void 0}};var W=class extends P{constructor(){super(...arguments),this._$Cq=new L(this),this._$CK=new V}render(t,e){return p}update(t,[e,i]){if(this.isConnected||this.disconnected(),e===this._$CX)return;this._$CX=e;let r=0,{_$Cq:o,_$CK:n}=this;return Ft(e,async a=>{for(;n.get();)await n.get();let l=o.deref();if(l!==void 0){if(l._$CX!==e)return!1;i!==void 0&&(a=i(a,r)),l.commitValue(a,r),r++}return!0}),p}commitValue(t,e){this.setValue(t)}disconnected(){this._$Cq.disconnect(),this._$CK.pause()}reconnected(){this._$Cq.reconnect(this),this._$CK.resume()}},cs=f(W);var fs=f(class extends W{constructor(s){if(super(s),s.type!==_.CHILD)throw Error("asyncAppend can only be used in child expressions")}update(s,t){return this._$CJ=s,super.update(s,t)}commitValue(s,t){t===0&&ct(this._$CJ);let e=x(this._$CJ);E(e,s)}});var te=s=>Qt(s)?s._$litType$.h:s.strings,Es=f(class extends ${constructor(s){super(s),this.tt=new WeakMap}render(s){return[s]}update(s,[t]){let e=Ct(this.et)?te(this.et):null,i=Ct(t)?te(t):null;if(e!==null&&(i===null||e!==i)){let r=z(s).pop(),o=this.tt.get(e);if(o===void 0){let n=document.createDocumentFragment();o=nt(u,n),o.setConnected(!1),this.tt.set(e,o)}w(o,[r]),x(o,void 0,r)}if(i!==null){if(e===null||e!==i){let r=this.tt.get(i);if(r!==void 0){let o=z(r).pop();ct(s),x(s,void 0,o),w(s,[o])}}this.et=t}else this.et=void 0;return this.render(t)}});var Ts=(s,t,e)=>{for(let i of t)if(i[0]===s)return(0,i[1])();return e?.()};var Os=f(class extends ${constructor(s){var t;if(super(s),s.type!==_.ATTRIBUTE||s.name!=="class"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var e,i;if(this.it===void 0){this.it=new Set,s.strings!==void 0&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in t)t[o]&&!(!((e=this.nt)===null||e===void 0)&&e.has(o))&&this.it.add(o);return this.render(t)}let r=s.element.classList;this.it.forEach(o=>{o in t||(r.remove(o),this.it.delete(o))});for(let o in t){let n=!!t[o];n===this.it.has(o)||!((i=this.nt)===null||i===void 0)&&i.has(o)||(n?(r.add(o),this.it.add(o)):(r.remove(o),this.it.delete(o)))}return p}});var ve={},js=f(class extends ${constructor(){super(...arguments),this.st=ve}render(s,t){return t()}update(s,[t,e]){if(Array.isArray(t)){if(Array.isArray(this.st)&&this.st.length===t.length&&t.every((i,r)=>i===this.st[r]))return p}else if(this.st===t)return p;return this.st=Array.isArray(t)?Array.from(t):t,this.render(t,e)}});var Ys=s=>s??u;function*Xs(s,t){let e=typeof t=="function";if(s!==void 0){let i=-1;for(let r of s)i>-1&&(yield e?t(i):t),i++,yield r}}var oi=f(class extends ${constructor(){super(...arguments),this.key=u}render(s,t){return this.key=s,t}update(s,[t,e]){return t!==this.key&&(w(s),this.key=t),e}});var pi=f(class extends ${constructor(s){if(super(s),s.type!==_.PROPERTY&&s.type!==_.ATTRIBUTE&&s.type!==_.BOOLEAN_ATTRIBUTE)throw Error("The `live` directive is not allowed on child or event bindings");if(!lt(s))throw Error("`live` bindings can only contain a single expression")}render(s){return s}update(s,[t]){if(t===p||t===u)return t;let e=s.element,i=s.name;if(s.type===_.PROPERTY){if(t===e[i])return p}else if(s.type===_.BOOLEAN_ATTRIBUTE){if(!!t===e.hasAttribute(i))return p}else if(s.type===_.ATTRIBUTE&&e.getAttribute(i)===t+"")return p;return w(s),t}});function*_i(s,t){if(s!==void 0){let e=0;for(let i of s)yield t(i,e++)}}function*xi(s,t,e=1){let i=t===void 0?0:s;t!=null||(t=s);for(let r=i;e>0?rnew St,St=class{},Et=new WeakMap,Ri=f(class extends P{render(s){return u}update(s,[t]){var e;let i=t!==this.G;return i&&this.G!==void 0&&this.ot(void 0),(i||this.rt!==this.lt)&&(this.G=t,this.dt=(e=s.options)===null||e===void 0?void 0:e.host,this.ot(this.lt=s.element)),u}ot(s){var t;if(typeof this.G=="function"){let e=(t=this.dt)!==null&&t!==void 0?t:globalThis,i=Et.get(e);i===void 0&&(i=new WeakMap,Et.set(e,i)),i.get(this.G)!==void 0&&this.G.call(this.dt,void 0),i.set(this.G,s),s!==void 0&&this.G.call(this.dt,s)}else this.G.value=s}get rt(){var s,t,e;return typeof this.G=="function"?(t=Et.get((s=this.dt)!==null&&s!==void 0?s:globalThis))===null||t===void 0?void 0:t.get(this.G):(e=this.G)===null||e===void 0?void 0:e.value}disconnected(){this.rt===this.lt&&this.ot(void 0)}reconnected(){this.ot(this.lt)}});var ee=(s,t,e)=>{let i=new Map;for(let r=t;r<=e;r++)i.set(s[r],r);return i},Li=f(class extends ${constructor(s){if(super(s),s.type!==_.CHILD)throw Error("repeat() can only be used in text expressions")}ct(s,t,e){let i;e===void 0?e=t:t!==void 0&&(i=t);let r=[],o=[],n=0;for(let a of s)r[n]=i?i(a,n):n,o[n]=e(a,n),n++;return{values:o,keys:r}}render(s,t,e){return this.ct(s,t,e).values}update(s,[t,e,i]){var r;let o=z(s),{values:n,keys:a}=this.ct(t,e,i);if(!Array.isArray(o))return this.ut=a,n;let l=(r=this.ut)!==null&&r!==void 0?r:this.ut=[],c=[],d,m,h=0,v=o.length-1,y=0,A=n.length-1;for(;h<=v&&y<=A;)if(o[h]===null)h++;else if(o[v]===null)v--;else if(l[h]===a[y])c[y]=E(o[h],n[y]),h++,y++;else if(l[v]===a[A])c[A]=E(o[v],n[A]),v--,A--;else if(l[h]===a[A])c[A]=E(o[h],n[A]),x(s,c[A+1],o[h]),h++,A--;else if(l[v]===a[y])c[y]=E(o[v],n[y]),x(s,o[h],o[v]),v--,y++;else if(d===void 0&&(d=ee(a,y,A),m=ee(l,h,v)),d.has(l[h]))if(d.has(l[v])){let S=m.get(a[y]),dt=S!==void 0?o[S]:null;if(dt===null){let Pt=x(s,o[h]);E(Pt,n[y]),c[y]=Pt}else c[y]=E(dt,n[y]),x(s,o[h],dt),o[S]=null;y++}else at(o[v]),v--;else at(o[h]),h++;for(;y<=A;){let S=x(s,c[A+1]);E(S,n[y]),c[y++]=S}for(;h<=v;){let S=o[h++];S!==null&&at(S)}return this.ut=a,w(s,c),p}});var se="important",$e=" !"+se,zi=f(class extends ${constructor(s){var t;if(super(s),s.type!==_.ATTRIBUTE||s.name!=="style"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(s){return Object.keys(s).reduce((t,e)=>{let i=s[e];return i==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(s,[t]){let{style:e}=s.element;if(this.ht===void 0){this.ht=new Set;for(let i in t)this.ht.add(i);return this.render(t)}this.ht.forEach(i=>{t[i]==null&&(this.ht.delete(i),i.includes("-")?e.removeProperty(i):e[i]="")});for(let i in t){let r=t[i];if(r!=null){this.ht.add(i);let o=typeof r=="string"&&r.endsWith($e);i.includes("-")||o?e.setProperty(i,o?r.slice(0,-11):r,o?se:""):e[i]=r}}return p}});var Xi=f(class extends ${constructor(s){if(super(s),s.type!==_.CHILD)throw Error("templateContent can only be used in child bindings")}render(s){return this.vt===s?p:(this.vt=s,document.importNode(s.content,!0))}});var H=class extends ${constructor(t){if(super(t),this.et=u,t.type!==_.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===u||t==null)return this.ft=void 0,this.et=t;if(t===p)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.et)return this.ft;this.et=t;let e=[t];return e.raw=e,this.ft={_$litType$:this.constructor.resultType,strings:e,values:[]}}};H.directiveName="unsafeHTML",H.resultType=1;var or=f(H);var Y=class extends H{};Y.directiveName="unsafeSVG",Y.resultType=2;var dr=f(Y);var ie=s=>!Jt(s)&&typeof s.then=="function",re=1073741823,bt=class extends P{constructor(){super(...arguments),this._$C_t=re,this._$Cwt=[],this._$Cq=new L(this),this._$CK=new V}render(...t){var e;return(e=t.find(i=>!ie(i)))!==null&&e!==void 0?e:p}update(t,e){let i=this._$Cwt,r=i.length;this._$Cwt=e;let o=this._$Cq,n=this._$CK;this.isConnected||this.disconnected();for(let a=0;athis._$C_t);a++){let l=e[a];if(!ie(l))return this._$C_t=a,l;a{for(;n.get();)await n.get();let d=o.deref();if(d!==void 0){let m=d._$Cwt.indexOf(l);m>-1&&mt=>typeof t=="function"?((e,i)=>(customElements.define(e,i),i))(s,t):((e,i)=>{let{kind:r,elements:o}=i;return{kind:r,elements:o,finisher(n){customElements.define(e,n)}}})(s,t);var _e=(s,t)=>t.kind==="method"&&t.descriptor&&!("value"in t.descriptor)?{...t,finisher(e){e.createProperty(t.key,s)}}:{kind:"field",key:Symbol(),placement:"own",descriptor:{},originalKey:t.key,initializer(){typeof t.initializer=="function"&&(this[t.key]=t.initializer.call(this))},finisher(e){e.createProperty(t.key,s)}},ye=(s,t,e)=>{t.constructor.createProperty(e,s)};function oe(s){return(t,e)=>e!==void 0?ye(s,t,e):_e(s,t)}function kr(s){return oe({...s,state:!0})}var g=({finisher:s,descriptor:t})=>(e,i)=>{var r;if(i===void 0){let o=(r=e.originalKey)!==null&&r!==void 0?r:e.key,n=t!=null?{kind:"method",placement:"prototype",key:o,descriptor:t(e.key)}:{...e,key:o};return s!=null&&(n.finisher=function(a){s(a,o)}),n}{let o=e.constructor;t!==void 0&&Object.defineProperty(e,i,t(i)),s?.(o,i)}};function Mr(s){return g({finisher:(t,e)=>{Object.assign(t.prototype[e],s)}})}function Vr(s,t){return g({descriptor:e=>{let i={get(){var r,o;return(o=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(s))!==null&&o!==void 0?o:null},enumerable:!0,configurable:!0};if(t){let r=typeof e=="symbol"?Symbol():"__"+e;i.get=function(){var o,n;return this[r]===void 0&&(this[r]=(n=(o=this.renderRoot)===null||o===void 0?void 0:o.querySelector(s))!==null&&n!==void 0?n:null),this[r]}}return i}})}function jr(s){return g({descriptor:t=>({get(){var e,i;return(i=(e=this.renderRoot)===null||e===void 0?void 0:e.querySelectorAll(s))!==null&&i!==void 0?i:[]},enumerable:!0,configurable:!0})})}function zr(s){return g({descriptor:t=>({async get(){var e;return await this.updateComplete,(e=this.renderRoot)===null||e===void 0?void 0:e.querySelector(s)},enumerable:!0,configurable:!0})})}var wt,Ae=((wt=window.HTMLSlotElement)===null||wt===void 0?void 0:wt.prototype.assignedElements)!=null?(s,t)=>s.assignedElements(t):(s,t)=>s.assignedNodes(t).filter(e=>e.nodeType===Node.ELEMENT_NODE);function ne(s){let{slot:t,selector:e}=s??{};return g({descriptor:i=>({get(){var r;let o="slot"+(t?`[name=${t}]`:":not([name])"),n=(r=this.renderRoot)===null||r===void 0?void 0:r.querySelector(o),a=n!=null?Ae(n,s):[];return e?a.filter(l=>l.matches(e)):a},enumerable:!0,configurable:!0})})}function Qr(s,t,e){let i,r=s;return typeof s=="object"?(r=s.slot,i=s):i={flatten:t},e?ne({slot:r,flatten:t,selector:e}):g({descriptor:o=>({get(){var n,a;let l="slot"+(r?`[name=${r}]`:":not([name])"),c=(n=this.renderRoot)===null||n===void 0?void 0:n.querySelector(l);return(a=c?.assignedNodes(i))!==null&&a!==void 0?a:[]},enumerable:!0,configurable:!0})})}export{P as AsyncDirective,W as AsyncReplaceDirective,I as CSSResult,$ as Directive,D as LitElement,_ as PartType,C as ReactiveElement,qe as TemplateResultType,H as UnsafeHTMLDirective,bt as UntilDirective,Re as UpdatingElement,Ue as _$LE,Wt as _$LH,pt as adoptStyles,fs as asyncAppend,cs as asyncReplace,Es as cache,Ts as choose,Os as classMap,ct as clearPart,Ti as createRef,le as css,Pr as customElement,vt as defaultConverter,f as directive,Mr as eventOptions,z as getCommittedValue,Q as getCompatibleStyle,ze as getDirectiveClass,js as guard,Se as html,Ys as ifDefined,x as insertPart,Qt as isCompiledTemplateResult,Ge as isDirectiveResult,Jt as isPrimitive,Oe as isServer,lt as isSingleExpression,Ct as isTemplateResult,Xs as join,oi as keyed,pi as live,_i as map,p as noChange,Nt as notEqual,u as nothing,oe as property,Vr as query,jr as queryAll,ne as queryAssignedElements,Qr as queryAssignedNodes,zr as queryAsync,xi as range,Ri as ref,at as removePart,nt as render,Li as repeat,E as setChildPartValue,w as setCommittedValue,kr as state,zi as styleMap,J as supportsAdoptingStyleSheets,be as svg,Xi as templateContent,Rt as unsafeCSS,or as unsafeHTML,dr as unsafeSVG,Ar as until,Er as when}; +/*! Bundled license information: + +@lit/reactive-element/css-tag.js: + (** + * @license + * Copyright 2019 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/reactive-element.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/lit-html.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-element/lit-element.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/is-server.js: + (** + * @license + * Copyright 2022 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directive-helpers.js: + (** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directive.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/async-directive.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/private-async-helpers.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/async-replace.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/async-append.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/cache.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/choose.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/class-map.js: + (** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/guard.js: + (** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/if-defined.js: + (** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/join.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/keyed.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/live.js: + (** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/map.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/range.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/ref.js: + (** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/repeat.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/style-map.js: + (** + * @license + * Copyright 2018 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/template-content.js: + (** + * @license + * Copyright 2020 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/unsafe-html.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/unsafe-svg.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/until.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +lit-html/directives/when.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/custom-element.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/property.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/state.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/base.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/event-options.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/query.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/query-all.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/query-async.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/query-assigned-elements.js: + (** + * @license + * Copyright 2021 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) + +@lit/reactive-element/decorators/query-assigned-nodes.js: + (** + * @license + * Copyright 2017 Google LLC + * SPDX-License-Identifier: BSD-3-Clause + *) +*/