@florid-kit/components 0.3.3 → 0.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,9 +4,13 @@ type Status = "empty" | "filled";
4
4
  export declare class OccitaneWishlistButton extends LitElement {
5
5
  static styles: import('lit').CSSResult;
6
6
  status: Status;
7
+ ariaDescribedBy: string;
8
+ label: string;
7
9
  protected render(): import('lit').TemplateResult<1>;
8
10
  private toggleStatus;
9
11
  setStatus(status: Status): void;
12
+ setAriaDescribedBy(ariaDescribedBy: string): void;
13
+ setLabel(label: string): void;
10
14
  }
11
15
  declare global {
12
16
  interface HTMLElementTagNameMap {
package/index.js CHANGED
@@ -2,33 +2,33 @@
2
2
  * @license
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
- */const I=globalThis,X=I.ShadowRoot&&(I.ShadyCSS===void 0||I.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Y=Symbol(),it=new WeakMap;let $t=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==Y)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(X&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=it.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&it.set(e,t))}return t}toString(){return this.cssText}};const ft=i=>new $t(typeof i=="string"?i:i+"",void 0,Y),R=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new $t(e,i,Y)},St=(i,t)=>{if(X)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=I.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},ot=X?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return ft(e)})(i):i;/**
5
+ */const z=globalThis,tt=z.ShadowRoot&&(z.ShadyCSS===void 0||z.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,et=Symbol(),nt=new WeakMap;let vt=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==et)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(tt&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=nt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&nt.set(e,t))}return t}toString(){return this.cssText}};const yt=i=>new vt(typeof i=="string"?i:i+"",void 0,et),B=(i,...t)=>{const e=i.length===1?i[0]:t.reduce((s,r,n)=>s+(o=>{if(o._$cssResult$===!0)return o.cssText;if(typeof o=="number")return o;throw Error("Value passed to 'css' function must be a 'css' function result: "+o+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(r)+i[n+1],i[0]);return new vt(e,i,et)},Et=(i,t)=>{if(tt)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=z.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},at=tt?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return yt(e)})(i):i;/**
6
6
  * @license
7
7
  * Copyright 2017 Google LLC
8
8
  * SPDX-License-Identifier: BSD-3-Clause
9
- */const{is:xt,defineProperty:Et,getOwnPropertyDescriptor:Pt,getOwnPropertyNames:Ct,getOwnPropertySymbols:Ot,getPrototypeOf:Ut}=Object,y=globalThis,nt=y.trustedTypes,kt=nt?nt.emptyScript:"",W=y.reactiveElementPolyfillSupport,k=(i,t)=>i,L={toAttribute(i,t){switch(t){case Boolean:i=i?kt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},tt=(i,t)=>!xt(i,t),at={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:tt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),y.litPropertyMetadata??(y.litPropertyMetadata=new WeakMap);class C extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=at){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Et(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=Pt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get(){return r==null?void 0:r.call(this)},set(o){const l=r==null?void 0:r.call(this);n.call(this,o),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??at}static _$Ei(){if(this.hasOwnProperty(k("elementProperties")))return;const t=Ut(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(k("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(k("properties"))){const e=this.properties,s=[...Ct(e),...Ot(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(ot(r))}else t!==void 0&&e.push(ot(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return St(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$EC(t,e){var n;const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const o=(((n=s.converter)==null?void 0:n.toAttribute)!==void 0?s.converter:L).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n;const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const o=s.getPropertyOptions(r),l=typeof o.converter=="function"?{fromAttribute:o.converter}:((n=o.converter)==null?void 0:n.fromAttribute)!==void 0?o.converter:L;this._$Em=r,this[r]=l.fromAttribute(e,o.type),this._$Em=null}}requestUpdate(t,e,s){if(t!==void 0){if(s??(s=this.constructor.getPropertyOptions(t)),!(s.hasChanged??tt)(this[t],e))return;this.P(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,s){this._$AL.has(t)||this._$AL.set(t,e),s.reflect===!0&&this._$Em!==t&&(this._$Ej??(this._$Ej=new Set)).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r)o.wrapped!==!0||this._$AL.has(n)||this[n]===void 0||this.P(n,this[n],o)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(e)):this._$EU()}catch(r){throw t=!1,this._$EU(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var r;return(r=s.hostUpdated)==null?void 0:r.call(s)}),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=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}}C.elementStyles=[],C.shadowRootOptions={mode:"open"},C[k("elementProperties")]=new Map,C[k("finalized")]=new Map,W==null||W({ReactiveElement:C}),(y.reactiveElementVersions??(y.reactiveElementVersions=[])).push("2.0.4");/**
9
+ */const{is:xt,defineProperty:Ct,getOwnPropertyDescriptor:Pt,getOwnPropertyNames:Ot,getOwnPropertySymbols:Ut,getPrototypeOf:kt}=Object,y=globalThis,lt=y.trustedTypes,Mt=lt?lt.emptyScript:"",F=y.reactiveElementPolyfillSupport,T=(i,t)=>i,I={toAttribute(i,t){switch(t){case Boolean:i=i?Mt:null;break;case Object:case Array:i=i==null?i:JSON.stringify(i)}return i},fromAttribute(i,t){let e=i;switch(t){case Boolean:e=i!==null;break;case Number:e=i===null?null:Number(i);break;case Object:case Array:try{e=JSON.parse(i)}catch{e=null}}return e}},st=(i,t)=>!xt(i,t),ht={attribute:!0,type:String,converter:I,reflect:!1,useDefault:!1,hasChanged:st};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),y.litPropertyMetadata??(y.litPropertyMetadata=new WeakMap);let O=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=ht){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);r!==void 0&&Ct(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:n}=Pt(this.prototype,t)??{get(){return this[e]},set(o){this[e]=o}};return{get:r,set(o){const l=r==null?void 0:r.call(this);n==null||n.call(this,o),this.requestUpdate(t,l,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??ht}static _$Ei(){if(this.hasOwnProperty(T("elementProperties")))return;const t=kt(this);t.finalize(),t.l!==void 0&&(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 e=this.properties,s=[...Ot(e),...Ut(e)];for(const r of s)this.createProperty(r,e[r])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,r]of e)this.elementProperties.set(s,r)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const r=this._$Eu(e,s);r!==void 0&&this._$Eh.set(r,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const r of s)e.unshift(at(r))}else t!==void 0&&e.push(at(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Et(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var n;const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(r!==void 0&&s.reflect===!0){const o=(((n=s.converter)==null?void 0:n.toAttribute)!==void 0?s.converter:I).toAttribute(e,s.type);this._$Em=t,o==null?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){var n,o;const s=this.constructor,r=s._$Eh.get(t);if(r!==void 0&&this._$Em!==r){const l=s.getPropertyOptions(r),a=typeof l.converter=="function"?{fromAttribute:l.converter}:((n=l.converter)==null?void 0:n.fromAttribute)!==void 0?l.converter:I;this._$Em=r,this[r]=a.fromAttribute(e,l.type)??((o=this._$Ej)==null?void 0:o.get(r))??null,this._$Em=null}}requestUpdate(t,e,s){var r;if(t!==void 0){const n=this.constructor,o=this[t];if(s??(s=n.getPropertyOptions(t)),!((s.hasChanged??st)(o,e)||s.useDefault&&s.reflect&&o===((r=this._$Ej)==null?void 0:r.get(t))&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:n},o){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,o??e??this[t]),n!==!0||o!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),r===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,o]of this._$Ep)this[n]=o;this._$Ep=void 0}const r=this.constructor.elementProperties;if(r.size>0)for(const[n,o]of r){const{wrapped:l}=o,a=this[n];l!==!0||this._$AL.has(n)||a===void 0||this.C(n,void 0,o,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(r=>{var n;return(n=r.hostUpdate)==null?void 0:n.call(r)}),this.update(e)):this._$EM()}catch(r){throw t=!1,this._$EM(),r}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var r;return(r=s.hostUpdated)==null?void 0:r.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};O.elementStyles=[],O.shadowRootOptions={mode:"open"},O[T("elementProperties")]=new Map,O[T("finalized")]=new Map,F==null||F({ReactiveElement:O}),(y.reactiveElementVersions??(y.reactiveElementVersions=[])).push("2.1.0");/**
10
10
  * @license
11
11
  * Copyright 2017 Google LLC
12
12
  * SPDX-License-Identifier: BSD-3-Clause
13
- */const T=globalThis,D=T.trustedTypes,lt=D?D.createPolicy("lit-html",{createHTML:i=>i}):void 0,vt="$lit$",v=`lit$${Math.random().toFixed(9).slice(2)}$`,yt="?"+v,Tt=`<${yt}>`,x=document,H=()=>x.createComment(""),M=i=>i===null||typeof i!="object"&&typeof i!="function",et=Array.isArray,Ht=i=>et(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",q=`[
14
- \f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ht=/-->/g,ct=/>/g,m=RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^
15
- \f\r"'\`<>=]|("|')|))|$)`,"g"),dt=/'/g,ut=/"/g,_t=/^(?:script|style|textarea|title)$/i,Mt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),w=Mt(1),E=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),pt=new WeakMap,A=x.createTreeWalker(x,129);function mt(i,t){if(!et(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return lt!==void 0?lt.createHTML(t):t}const Nt=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=U;for(let l=0;l<e;l++){const a=i[l];let d,u,h=-1,$=0;for(;$<a.length&&(o.lastIndex=$,u=o.exec(a),u!==null);)$=o.lastIndex,o===U?u[1]==="!--"?o=ht:u[1]!==void 0?o=ct:u[2]!==void 0?(_t.test(u[2])&&(r=RegExp("</"+u[2],"g")),o=m):u[3]!==void 0&&(o=m):o===m?u[0]===">"?(o=r??U,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,d=u[1],o=u[3]===void 0?m:u[3]==='"'?ut:dt):o===ut||o===dt?o=m:o===ht||o===ct?o=U:(o=m,r=void 0);const f=o===m&&i[l+1].startsWith("/>")?" ":"";n+=o===U?a+Tt:h>=0?(s.push(d),a.slice(0,h)+vt+a.slice(h)+v+f):a+v+(h===-2?l:f)}return[mt(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class N{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const l=t.length-1,a=this.parts,[d,u]=Nt(t,e);if(this.el=N.createElement(d,s),A.currentNode=this.el.content,e===2||e===3){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=A.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const h of r.getAttributeNames())if(h.endsWith(vt)){const $=u[o++],f=r.getAttribute(h).split(v),j=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:j[2],strings:f,ctor:j[1]==="."?zt:j[1]==="?"?jt:j[1]==="@"?It:V}),r.removeAttribute(h)}else h.startsWith(v)&&(a.push({type:6,index:n}),r.removeAttribute(h));if(_t.test(r.tagName)){const h=r.textContent.split(v),$=h.length-1;if($>0){r.textContent=D?D.emptyScript:"";for(let f=0;f<$;f++)r.append(h[f],H()),A.nextNode(),a.push({type:2,index:++n});r.append(h[$],H())}}}else if(r.nodeType===8)if(r.data===yt)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(v,h+1))!==-1;)a.push({type:7,index:n}),h+=v.length-1}n++}}static createElement(t,e){const s=x.createElement("template");return s.innerHTML=t,s}}function O(i,t,e=i,s){var o,l;if(t===E)return t;let r=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=M(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=r:e._$Cl=r),r!==void 0&&(t=O(i,r._$AS(i,t.values),r,s)),t}class Rt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,r=((t==null?void 0:t.creationScope)??x).importNode(e,!0);A.currentNode=r;let n=A.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new z(n,n.nextSibling,this,t):a.type===1?d=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(d=new Lt(n,this,t)),this._$AV.push(d),a=s[++l]}o!==(a==null?void 0:a.index)&&(n=A.nextNode(),o++)}return A.currentNode=x,r}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=(r==null?void 0:r.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=O(this,t,e),M(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==E&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ht(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!==c&&M(this._$AH)?this._$AA.nextSibling.data=t:this.T(x.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=N.createElement(mt(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{const o=new Rt(r,this),l=o.u(this.options);o.p(e),this.T(l),this._$AH=o}}_$AC(t){let e=pt.get(t.strings);return e===void 0&&pt.set(t.strings,e=new N(t)),e}k(t){et(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const n of t)r===e.length?e.push(s=new z(this.O(H()),this.O(H()),this,this.options)):s=e[r],s._$AI(n),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class V{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,n){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=c}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=O(this,t,e,0),o=!M(t)||t!==this._$AH&&t!==E,o&&(this._$AH=t);else{const l=t;let a,d;for(t=n[0],a=0;a<n.length-1;a++)d=O(this,l[s+a],e,a),d===E&&(d=this._$AH[a]),o||(o=!M(d)||d!==this._$AH[a]),d===c?t=c:t!==c&&(t+=(d??"")+n[a+1]),this._$AH[a]=d}o&&!r&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class zt extends V{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class jt extends V{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class It extends V{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=O(this,t,e,0)??c)===E)return;const s=this._$AH,r=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Lt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){O(this,t)}}const F=T.litHtmlPolyfillSupport;F==null||F(N,z),(T.litHtmlVersions??(T.litHtmlVersions=[])).push("3.2.1");const Dt=(i,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let r=s._$litPart$;if(r===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=r=new z(t.insertBefore(H(),n),n,void 0,e??{})}return r._$AI(i),r};/**
13
+ */const H=globalThis,V=H.trustedTypes,ct=V?V.createPolicy("lit-html",{createHTML:i=>i}):void 0,mt="$lit$",v=`lit$${Math.random().toFixed(9).slice(2)}$`,_t="?"+v,Tt=`<${_t}>`,x=document,N=()=>x.createComment(""),D=i=>i===null||typeof i!="object"&&typeof i!="function",rt=Array.isArray,Ht=i=>rt(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",Z=`[
14
+ \f\r]`,M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,dt=/-->/g,ut=/>/g,_=RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^
15
+ \f\r"'\`<>=]|("|')|))|$)`,"g"),pt=/'/g,bt=/"/g,At=/^(?:script|style|textarea|title)$/i,Nt=i=>(t,...e)=>({_$litType$:i,strings:t,values:e}),w=Nt(1),C=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),gt=new WeakMap,A=x.createTreeWalker(x,129);function wt(i,t){if(!rt(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return ct!==void 0?ct.createHTML(t):t}const Dt=(i,t)=>{const e=i.length-1,s=[];let r,n=t===2?"<svg>":t===3?"<math>":"",o=M;for(let l=0;l<e;l++){const a=i[l];let d,u,h=-1,$=0;for(;$<a.length&&(o.lastIndex=$,u=o.exec(a),u!==null);)$=o.lastIndex,o===M?u[1]==="!--"?o=dt:u[1]!==void 0?o=ut:u[2]!==void 0?(At.test(u[2])&&(r=RegExp("</"+u[2],"g")),o=_):u[3]!==void 0&&(o=_):o===_?u[0]===">"?(o=r??M,h=-1):u[1]===void 0?h=-2:(h=o.lastIndex-u[2].length,d=u[1],o=u[3]===void 0?_:u[3]==='"'?bt:pt):o===bt||o===pt?o=_:o===dt||o===ut?o=M:(o=_,r=void 0);const f=o===_&&i[l+1].startsWith("/>")?" ":"";n+=o===M?a+Tt:h>=0?(s.push(d),a.slice(0,h)+mt+a.slice(h)+v+f):a+v+(h===-2?l:f)}return[wt(i,n+(i[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class R{constructor({strings:t,_$litType$:e},s){let r;this.parts=[];let n=0,o=0;const l=t.length-1,a=this.parts,[d,u]=Dt(t,e);if(this.el=R.createElement(d,s),A.currentNode=this.el.content,e===2||e===3){const h=this.el.content.firstChild;h.replaceWith(...h.childNodes)}for(;(r=A.nextNode())!==null&&a.length<l;){if(r.nodeType===1){if(r.hasAttributes())for(const h of r.getAttributeNames())if(h.endsWith(mt)){const $=u[o++],f=r.getAttribute(h).split(v),L=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:L[2],strings:f,ctor:L[1]==="."?Bt:L[1]==="?"?jt:L[1]==="@"?Lt:q}),r.removeAttribute(h)}else h.startsWith(v)&&(a.push({type:6,index:n}),r.removeAttribute(h));if(At.test(r.tagName)){const h=r.textContent.split(v),$=h.length-1;if($>0){r.textContent=V?V.emptyScript:"";for(let f=0;f<$;f++)r.append(h[f],N()),A.nextNode(),a.push({type:2,index:++n});r.append(h[$],N())}}}else if(r.nodeType===8)if(r.data===_t)a.push({type:2,index:n});else{let h=-1;for(;(h=r.data.indexOf(v,h+1))!==-1;)a.push({type:7,index:n}),h+=v.length-1}n++}}static createElement(t,e){const s=x.createElement("template");return s.innerHTML=t,s}}function U(i,t,e=i,s){var o,l;if(t===C)return t;let r=s!==void 0?(o=e._$Co)==null?void 0:o[s]:e._$Cl;const n=D(t)?void 0:t._$litDirective$;return(r==null?void 0:r.constructor)!==n&&((l=r==null?void 0:r._$AO)==null||l.call(r,!1),n===void 0?r=void 0:(r=new n(i),r._$AT(i,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=r:e._$Cl=r),r!==void 0&&(t=U(i,r._$AS(i,t.values),r,s)),t}class Rt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,r=((t==null?void 0:t.creationScope)??x).importNode(e,!0);A.currentNode=r;let n=A.nextNode(),o=0,l=0,a=s[0];for(;a!==void 0;){if(o===a.index){let d;a.type===2?d=new j(n,n.nextSibling,this,t):a.type===1?d=new a.ctor(n,a.name,a.strings,this,t):a.type===6&&(d=new zt(n,this,t)),this._$AV.push(d),a=s[++l]}o!==(a==null?void 0:a.index)&&(n=A.nextNode(),o++)}return A.currentNode=x,r}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class j{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,r){this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=r,this._$Cv=(r==null?void 0:r.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=U(this,t,e),D(t)?t===c||t==null||t===""?(this._$AH!==c&&this._$AR(),this._$AH=c):t!==this._$AH&&t!==C&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Ht(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!==c&&D(this._$AH)?this._$AA.nextSibling.data=t:this.T(x.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:s}=t,r=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=R.createElement(wt(s.h,s.h[0]),this.options)),s);if(((n=this._$AH)==null?void 0:n._$AD)===r)this._$AH.p(e);else{const o=new Rt(r,this),l=o.u(this.options);o.p(e),this.T(l),this._$AH=o}}_$AC(t){let e=gt.get(t.strings);return e===void 0&&gt.set(t.strings,e=new R(t)),e}k(t){rt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,r=0;for(const n of t)r===e.length?e.push(s=new j(this.O(N()),this.O(N()),this,this.options)):s=e[r],s._$AI(n),r++;r<e.length&&(this._$AR(s&&s._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const r=t.nextSibling;t.remove(),t=r}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class q{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,r,n){this.type=1,this._$AH=c,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=c}_$AI(t,e=this,s,r){const n=this.strings;let o=!1;if(n===void 0)t=U(this,t,e,0),o=!D(t)||t!==this._$AH&&t!==C,o&&(this._$AH=t);else{const l=t;let a,d;for(t=n[0],a=0;a<n.length-1;a++)d=U(this,l[s+a],e,a),d===C&&(d=this._$AH[a]),o||(o=!D(d)||d!==this._$AH[a]),d===c?t=c:t!==c&&(t+=(d??"")+n[a+1]),this._$AH[a]=d}o&&!r&&this.j(t)}j(t){t===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Bt extends q{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class jt extends q{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class Lt extends q{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=U(this,t,e,0)??c)===C)return;const s=this._$AH,r=t===c&&s!==c||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,n=t!==c&&(s===c||r);r&&this.element.removeEventListener(this.name,this,s),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class zt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){U(this,t)}}const J=H.litHtmlPolyfillSupport;J==null||J(R,j),(H.litHtmlVersions??(H.litHtmlVersions=[])).push("3.3.0");const It=(i,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let r=s._$litPart$;if(r===void 0){const n=(e==null?void 0:e.renderBefore)??null;s._$litPart$=r=new j(t.insertBefore(N(),n),n,void 0,e??{})}return r._$AI(i),r};/**
16
16
  * @license
17
17
  * Copyright 2017 Google LLC
18
18
  * SPDX-License-Identifier: BSD-3-Clause
19
- */let S=class extends C{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Dt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return E}};var gt;S._$litElement$=!0,S.finalized=!0,(gt=globalThis.litElementHydrateSupport)==null||gt.call(globalThis,{LitElement:S});const Z=globalThis.litElementPolyfillSupport;Z==null||Z({LitElement:S});(globalThis.litElementVersions??(globalThis.litElementVersions=[])).push("4.1.1");/**
19
+ */const S=globalThis;let E=class extends O{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=It(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return C}};var ft;E._$litElement$=!0,E.finalized=!0,(ft=S.litElementHydrateSupport)==null||ft.call(S,{LitElement:E});const K=S.litElementPolyfillSupport;K==null||K({LitElement:E});(S.litElementVersions??(S.litElementVersions=[])).push("4.2.0");/**
20
20
  * @license
21
21
  * Copyright 2017 Google LLC
22
22
  * SPDX-License-Identifier: BSD-3-Clause
23
- */const st=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};/**
23
+ */const it=i=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(i,t)}):customElements.define(i,t)};/**
24
24
  * @license
25
25
  * Copyright 2017 Google LLC
26
26
  * SPDX-License-Identifier: BSD-3-Clause
27
- */const Bt={attribute:!0,type:String,converter:L,reflect:!1,hasChanged:tt},Vt=(i=Bt,t,e)=>{const{kind:s,metadata:r}=e;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),n.set(e.name,i),s==="accessor"){const{name:o}=e;return{set(l){const a=t.get.call(this);t.set.call(this,l),this.requestUpdate(o,a,i)},init(l){return l!==void 0&&this.P(o,void 0,i),l}}}if(s==="setter"){const{name:o}=e;return function(l){const a=this[o];t.call(this,l),this.requestUpdate(o,a,i)}}throw Error("Unsupported decorator location: "+s)};function p(i){return(t,e)=>typeof e=="object"?Vt(i,t,e):((s,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,o?{...s,wrapped:!0}:s),o?Object.getOwnPropertyDescriptor(r,n):void 0})(i,t,e)}const Wt=R`
27
+ */const Vt={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:st},qt=(i=Vt,t,e)=>{const{kind:s,metadata:r}=e;let n=globalThis.litPropertyMetadata.get(r);if(n===void 0&&globalThis.litPropertyMetadata.set(r,n=new Map),s==="setter"&&((i=Object.create(i)).wrapped=!0),n.set(e.name,i),s==="accessor"){const{name:o}=e;return{set(l){const a=t.get.call(this);t.set.call(this,l),this.requestUpdate(o,a,i)},init(l){return l!==void 0&&this.C(o,void 0,i,l),l}}}if(s==="setter"){const{name:o}=e;return function(l){const a=this[o];t.call(this,l),this.requestUpdate(o,a,i)}}throw Error("Unsupported decorator location: "+s)};function p(i){return(t,e)=>typeof e=="object"?qt(i,t,e):((s,r,n)=>{const o=r.hasOwnProperty(n);return r.constructor.createProperty(n,s),o?Object.getOwnPropertyDescriptor(r,n):void 0})(i,t,e)}const Wt=B`
28
28
  outline: 1px dashed var(--button-border-color);
29
29
  outline-offset: 2px;
30
30
  outline: dashed black;
31
- `;R`
31
+ `;B`
32
32
  :host * {
33
33
  box-sizing: border-box;
34
34
  }
@@ -36,11 +36,11 @@
36
36
  * @license
37
37
  * Copyright 2023 Google LLC
38
38
  * SPDX-License-Identifier: Apache-2.0
39
- */const rt=Symbol("internals"),J=Symbol("privateInternals");function qt(i){var t;class e extends i{get[(t=rt,t)](){return this[J]||(this[J]=this.attachInternals()),this[J]}}return e}/**
39
+ */const ot=Symbol("internals"),G=Symbol("privateInternals");function Ft(i){var t;class e extends i{get[(t=ot,t)](){return this[G]||(this[G]=this.attachInternals()),this[G]}}return e}/**
40
40
  * @license
41
41
  * Copyright 2023 Google LLC
42
42
  * SPDX-License-Identifier: Apache-2.0
43
- */function Ft(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[rt]:n}=e,{form:o}=n;if(!(!o||r==="button")&&(await new Promise(l=>{setTimeout(l)}),!s.defaultPrevented)){if(r==="reset"){o.reset();return}o.addEventListener("submit",l=>{Object.defineProperty(l,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}var Zt=Object.defineProperty,Jt=Object.getOwnPropertyDescriptor,P=(i,t,e,s)=>{for(var r=s>1?void 0:s?Jt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Zt(t,e,r),r};const Kt=qt(S),bt=i=>{const t=`
43
+ */function Zt(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[ot]:n}=e,{form:o}=n;if(!(!o||r==="button")&&(await new Promise(l=>{setTimeout(l)}),!s.defaultPrevented)){if(r==="reset"){o.reset();return}o.addEventListener("submit",l=>{Object.defineProperty(l,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),o.requestSubmit()}})})}var Jt=Object.defineProperty,Kt=Object.getOwnPropertyDescriptor,P=(i,t,e,s)=>{for(var r=s>1?void 0:s?Kt(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&Jt(t,e,r),r};const Gt=Ft(E),$t=i=>{const t=`
44
44
  --button-bg-disabled: var(--color-container-disabled);
45
45
  --button-bg-pressed: var(--color-container-action-${i}-pressed);
46
46
  --button-bg-hover: var(--color-container-action-${i}-hover);
@@ -53,20 +53,20 @@
53
53
  --button-text-disabled: var(--color-content-disabled);
54
54
  --button-text-hover: var(--color-content-action-${i});
55
55
  --button-text: var(--color-content-action-${i});
56
- `;return ft(t)},Gt=["primary","secondary"];let b=class extends Kt{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.disabled=!1,this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[rt].form}willUpdate(){const i=getComputedStyle(this).getPropertyValue("--button-variant");i&&Gt.some(t=>t===i)&&(this.variant=i)}render(){const i=this.href?this.renderLink():this.renderButton();return w`${i}`}renderLink(){return w`<a href=${this.href} target=${this.target||c} class="button" ?disabled=${this.disabled}>
56
+ `;return yt(t)},Qt=["primary","secondary"];let b=class extends Gt{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.disabled=!1,this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(i){this.setAttribute("name",i)}get form(){return this[ot].form}willUpdate(){const i=getComputedStyle(this).getPropertyValue("--button-variant");i&&Qt.some(t=>t===i)&&(this.variant=i)}render(){const i=this.href?this.renderLink():this.renderButton();return w`${i}`}renderLink(){return w`<a href=${this.href} target=${this.target||c} class="button" ?disabled=${this.disabled}>
57
57
  <slot />
58
58
  </a>`}renderButton(){return w`<button class="button" ?disabled=${this.disabled}>
59
59
  <slot />
60
- </button>`}};Ft(b);b.formAssociated=!0;b.styles=R`
60
+ </button>`}};Zt(b);b.formAssociated=!0;b.styles=B`
61
61
  :host {
62
62
  display: inline-flex;
63
63
  cursor: pointer;
64
- ${bt("primary")};
64
+ ${$t("primary")};
65
65
  --button-border: transparent;
66
66
  }
67
67
 
68
68
  :host([variant="secondary"]) {
69
- ${bt("secondary")};
69
+ ${$t("secondary")};
70
70
  }
71
71
 
72
72
  :host([disabled]) {
@@ -129,32 +129,37 @@
129
129
  .button:focus-visible {
130
130
  ${Wt};
131
131
  }
132
- `;P([p()],b.prototype,"type",2);P([p({reflect:!0})],b.prototype,"value",2);P([p({reflect:!0})],b.prototype,"variant",2);P([p({converter:{fromAttribute:i=>i===""||i==="true"}})],b.prototype,"disabled",2);P([p()],b.prototype,"href",2);P([p()],b.prototype,"target",2);b=P([st("o-button")],b);/**
132
+ `;P([p()],b.prototype,"type",2);P([p({reflect:!0})],b.prototype,"value",2);P([p({reflect:!0})],b.prototype,"variant",2);P([p({converter:{fromAttribute:i=>i===""||i==="true"}})],b.prototype,"disabled",2);P([p()],b.prototype,"href",2);P([p()],b.prototype,"target",2);b=P([it("o-button")],b);/**
133
133
  * @license
134
134
  * Copyright 2017 Google LLC
135
135
  * SPDX-License-Identifier: BSD-3-Clause
136
- */const Qt={CHILD:2},Xt=i=>(...t)=>({_$litDirective$:i,values:t});class Yt{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
136
+ */const Xt={CHILD:2},Yt=i=>(...t)=>({_$litDirective$:i,values:t});class te{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
137
137
  * @license
138
138
  * Copyright 2017 Google LLC
139
139
  * SPDX-License-Identifier: BSD-3-Clause
140
- */class K extends Yt{constructor(t){if(super(t),this.it=c,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===c||t==null)return this._t=void 0,this.it=t;if(t===E)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}K.directiveName="unsafeHTML",K.resultType=1;/**
140
+ */class Q extends te{constructor(t){if(super(t),this.it=c,t.type!==Xt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===c||t==null)return this._t=void 0,this.it=t;if(t===C)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Q.directiveName="unsafeHTML",Q.resultType=1;/**
141
141
  * @license
142
142
  * Copyright 2017 Google LLC
143
143
  * SPDX-License-Identifier: BSD-3-Clause
144
- */class G extends K{}G.directiveName="unsafeSVG",G.resultType=2;const Q=Xt(G),te=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
144
+ */class X extends Q{}X.directiveName="unsafeSVG",X.resultType=2;const Y=Yt(X),ee=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
145
145
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
146
146
  </svg>
147
- `,At={wishlist:te};var ee=Object.defineProperty,se=Object.getOwnPropertyDescriptor,wt=(i,t,e,s)=>{for(var r=s>1?void 0:s?se(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&ee(t,e,r),r};let B=class extends S{constructor(){super(...arguments),this.status="empty"}render(){const i=At.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
147
+ `,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
148
+ <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
149
+ </svg>
150
+ `,St={wishlist:ee,playerv:se};var re=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,W=(i,t,e,s)=>{for(var r=s>1?void 0:s?ie(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&re(t,e,r),r};let k=class extends E{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const i=St.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
148
151
  <button
149
152
  type="button"
150
- aria-label="Add to wishlist"
153
+ aria-label="${this.label}"
154
+ aria-describedby="${this.ariaDescribedBy}"
151
155
  aria-pressed="${this.status=="filled"?"true":"false"}"
152
156
  class="wishlist-button"
153
157
  @click="${this.toggleStatus}"
154
158
  >
155
- ${Q(i)}
159
+ <span class="sr-only">${this.label}</span>
160
+ ${Y(i)}
156
161
  </button>
157
- `}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}};B.styles=R`
162
+ `}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}setAriaDescribedBy(i){this.ariaDescribedBy=i,this.requestUpdate()}setLabel(i){this.label=i,this.requestUpdate()}};k.styles=B`
158
163
  :host {
159
164
  display: inline-flex;
160
165
  justify-content: center;
@@ -166,14 +171,29 @@
166
171
  display: flex;
167
172
  justify-content: center;
168
173
  align-items: center;
169
- width: 32px;
170
- height: 32px;
174
+ width: 40px;
175
+ height: 40px;
171
176
  border: transparent;
172
177
  border-radius: var(--radius-full);
173
178
  background-color: var(--color-alpha-light-strong);
174
179
  position: relative;
180
+ cursor: pointer;
175
181
  }
176
182
 
183
+ .sr-only {
184
+ border: 0 !important;
185
+ clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
186
+ -webkit-clip-path: inset(50%) !important;
187
+ clip-path: inset(50%) !important;
188
+ height: 0.1rem !important;
189
+ margin: -0.1rem !important;
190
+ overflow: hidden !important;
191
+ padding: 0 !important;
192
+ position: absolute !important;
193
+ width: 0.1rem !important;
194
+ white-space: nowrap !important;
195
+ }
196
+
177
197
  .wishlist-button:hover {
178
198
  background-color: var(--color-alpha-light-stronger);
179
199
  }
@@ -193,10 +213,10 @@
193
213
  :host([status="filled"]) .wishlist-button:hover svg path {
194
214
  fill: var(--color-alpha-light-strong);
195
215
  }
196
- `;wt([p({type:String,reflect:!0})],B.prototype,"status",2);B=wt([st("o-wishlist-button")],B);var re=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,_=(i,t,e,s)=>{for(var r=s>1?void 0:s?ie(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&re(t,e,r),r};let g=class extends S{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(i){super.updated(i),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const t=(At[this.icon]??"").replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
216
+ `;W([p({type:String,reflect:!0})],k.prototype,"status",2);W([p({type:String,reflect:!0})],k.prototype,"ariaDescribedBy",2);W([p({type:String,reflect:!0})],k.prototype,"label",2);k=W([it("o-wishlist-button")],k);var oe=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,m=(i,t,e,s)=>{for(var r=s>1?void 0:s?ne(t,e):t,n=i.length-1,o;n>=0;n--)(o=i[n])&&(r=(s?o(t,e,r):o(r))||r);return s&&r&&oe(t,e,r),r};let g=class extends E{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(i){super.updated(i),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const t=(St[this.icon]??"").replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
197
217
  ${this.type==="span"?w`
198
218
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status}" ?disabled="${this.disabled}">
199
- ${Q(t)}
219
+ ${Y(t)}
200
220
  </span>
201
221
  `:w`
202
222
  <button
@@ -205,10 +225,10 @@
205
225
  class="icon-button ${this.size} ${this.bgstyle} ${this.status}"
206
226
  ?disabled="${this.disabled}"
207
227
  >
208
- ${Q(t)}
228
+ ${Y(t)}
209
229
  </button>
210
230
  `}
211
- `}};g.styles=R`
231
+ `}};g.styles=B`
212
232
  :host {
213
233
  display: inline-flex;
214
234
  justify-content: center;
@@ -322,6 +342,7 @@
322
342
  svg {
323
343
  path {
324
344
  stroke: var(--color-content-action-primary);
345
+ fill: var(--color-content-action-primary);
325
346
  }
326
347
  }
327
348
 
@@ -354,8 +375,9 @@
354
375
 
355
376
  path {
356
377
  stroke: var(--color-content-disabled);
378
+ fill: var(--color-content-disabled);
357
379
  }
358
380
  }
359
381
 
360
382
  }
361
- `;_([p({type:String,reflect:!0})],g.prototype,"bgstyle",2);_([p({type:String,reflect:!0})],g.prototype,"size",2);_([p({type:String,reflect:!0})],g.prototype,"status",2);_([p({type:String,reflect:!0})],g.prototype,"type",2);_([p({type:String})],g.prototype,"strokewidth",2);_([p({type:String})],g.prototype,"icon",2);_([p({type:Boolean,reflect:!0})],g.prototype,"disabled",2);g=_([st("o-icon-button")],g);
383
+ `;m([p({type:String,reflect:!0})],g.prototype,"bgstyle",2);m([p({type:String,reflect:!0})],g.prototype,"size",2);m([p({type:String,reflect:!0})],g.prototype,"status",2);m([p({type:String,reflect:!0})],g.prototype,"type",2);m([p({type:String})],g.prototype,"strokewidth",2);m([p({type:String})],g.prototype,"icon",2);m([p({type:Boolean,reflect:!0})],g.prototype,"disabled",2);g=m([it("o-icon-button")],g);
package/index.mjs CHANGED
@@ -3,18 +3,18 @@
3
3
  * Copyright 2019 Google LLC
4
4
  * SPDX-License-Identifier: BSD-3-Clause
5
5
  */
6
- const I = globalThis, X = I.ShadowRoot && (I.ShadyCSS === void 0 || I.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Y = Symbol(), it = /* @__PURE__ */ new WeakMap();
7
- let $t = class {
6
+ const z = globalThis, tt = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, et = Symbol(), nt = /* @__PURE__ */ new WeakMap();
7
+ let vt = class {
8
8
  constructor(t, e, s) {
9
- if (this._$cssResult$ = !0, s !== Y) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
9
+ if (this._$cssResult$ = !0, s !== et) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
10
10
  this.cssText = t, this.t = e;
11
11
  }
12
12
  get styleSheet() {
13
13
  let t = this.o;
14
14
  const e = this.t;
15
- if (X && t === void 0) {
15
+ if (tt && t === void 0) {
16
16
  const s = e !== void 0 && e.length === 1;
17
- s && (t = it.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && it.set(e, t));
17
+ s && (t = nt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && nt.set(e, t));
18
18
  }
19
19
  return t;
20
20
  }
@@ -22,33 +22,33 @@ let $t = class {
22
22
  return this.cssText;
23
23
  }
24
24
  };
25
- const ft = (i) => new $t(typeof i == "string" ? i : i + "", void 0, Y), R = (i, ...t) => {
25
+ const yt = (i) => new vt(typeof i == "string" ? i : i + "", void 0, et), B = (i, ...t) => {
26
26
  const e = i.length === 1 ? i[0] : t.reduce((s, r, n) => s + ((o) => {
27
27
  if (o._$cssResult$ === !0) return o.cssText;
28
28
  if (typeof o == "number") return o;
29
29
  throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
30
30
  })(r) + i[n + 1], i[0]);
31
- return new $t(e, i, Y);
32
- }, St = (i, t) => {
33
- if (X) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
31
+ return new vt(e, i, et);
32
+ }, Et = (i, t) => {
33
+ if (tt) i.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
34
34
  else for (const e of t) {
35
- const s = document.createElement("style"), r = I.litNonce;
35
+ const s = document.createElement("style"), r = z.litNonce;
36
36
  r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
37
37
  }
38
- }, ot = X ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
38
+ }, at = tt ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
39
39
  let e = "";
40
40
  for (const s of t.cssRules) e += s.cssText;
41
- return ft(e);
41
+ return yt(e);
42
42
  })(i) : i;
43
43
  /**
44
44
  * @license
45
45
  * Copyright 2017 Google LLC
46
46
  * SPDX-License-Identifier: BSD-3-Clause
47
47
  */
48
- const { is: xt, defineProperty: Et, getOwnPropertyDescriptor: Pt, getOwnPropertyNames: Ct, getOwnPropertySymbols: Ot, getPrototypeOf: Ut } = Object, y = globalThis, nt = y.trustedTypes, kt = nt ? nt.emptyScript : "", W = y.reactiveElementPolyfillSupport, k = (i, t) => i, L = { toAttribute(i, t) {
48
+ const { is: xt, defineProperty: Ct, getOwnPropertyDescriptor: Pt, getOwnPropertyNames: Ot, getOwnPropertySymbols: Ut, getPrototypeOf: kt } = Object, y = globalThis, lt = y.trustedTypes, Mt = lt ? lt.emptyScript : "", F = y.reactiveElementPolyfillSupport, T = (i, t) => i, I = { toAttribute(i, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- i = i ? kt : null;
51
+ i = i ? Mt : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
@@ -73,19 +73,19 @@ const { is: xt, defineProperty: Et, getOwnPropertyDescriptor: Pt, getOwnProperty
73
73
  }
74
74
  }
75
75
  return e;
76
- } }, tt = (i, t) => !xt(i, t), at = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: tt };
76
+ } }, st = (i, t) => !xt(i, t), ht = { attribute: !0, type: String, converter: I, reflect: !1, useDefault: !1, hasChanged: st };
77
77
  Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), y.litPropertyMetadata ?? (y.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
78
- class C extends HTMLElement {
78
+ let O = class extends HTMLElement {
79
79
  static addInitializer(t) {
80
80
  this._$Ei(), (this.l ?? (this.l = [])).push(t);
81
81
  }
82
82
  static get observedAttributes() {
83
83
  return this.finalize(), this._$Eh && [...this._$Eh.keys()];
84
84
  }
85
- static createProperty(t, e = at) {
86
- if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
85
+ static createProperty(t, e = ht) {
86
+ if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
87
87
  const s = Symbol(), r = this.getPropertyDescriptor(t, s, e);
88
- r !== void 0 && Et(this.prototype, t, r);
88
+ r !== void 0 && Ct(this.prototype, t, r);
89
89
  }
90
90
  }
91
91
  static getPropertyDescriptor(t, e, s) {
@@ -94,25 +94,23 @@ class C extends HTMLElement {
94
94
  }, set(o) {
95
95
  this[e] = o;
96
96
  } };
97
- return { get() {
98
- return r == null ? void 0 : r.call(this);
99
- }, set(o) {
97
+ return { get: r, set(o) {
100
98
  const l = r == null ? void 0 : r.call(this);
101
- n.call(this, o), this.requestUpdate(t, l, s);
99
+ n == null || n.call(this, o), this.requestUpdate(t, l, s);
102
100
  }, configurable: !0, enumerable: !0 };
103
101
  }
104
102
  static getPropertyOptions(t) {
105
- return this.elementProperties.get(t) ?? at;
103
+ return this.elementProperties.get(t) ?? ht;
106
104
  }
107
105
  static _$Ei() {
108
- if (this.hasOwnProperty(k("elementProperties"))) return;
109
- const t = Ut(this);
106
+ if (this.hasOwnProperty(T("elementProperties"))) return;
107
+ const t = kt(this);
110
108
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
111
109
  }
112
110
  static finalize() {
113
- if (this.hasOwnProperty(k("finalized"))) return;
114
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(k("properties"))) {
115
- const e = this.properties, s = [...Ct(e), ...Ot(e)];
111
+ if (this.hasOwnProperty(T("finalized"))) return;
112
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
113
+ const e = this.properties, s = [...Ot(e), ...Ut(e)];
116
114
  for (const r of s) this.createProperty(r, e[r]);
117
115
  }
118
116
  const t = this[Symbol.metadata];
@@ -131,8 +129,8 @@ class C extends HTMLElement {
131
129
  const e = [];
132
130
  if (Array.isArray(t)) {
133
131
  const s = new Set(t.flat(1 / 0).reverse());
134
- for (const r of s) e.unshift(ot(r));
135
- } else t !== void 0 && e.push(ot(t));
132
+ for (const r of s) e.unshift(at(r));
133
+ } else t !== void 0 && e.push(at(t));
136
134
  return e;
137
135
  }
138
136
  static _$Eu(t, e) {
@@ -161,7 +159,7 @@ class C extends HTMLElement {
161
159
  }
162
160
  createRenderRoot() {
163
161
  const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
164
- return St(t, this.constructor.elementStyles), t;
162
+ return Et(t, this.constructor.elementStyles), t;
165
163
  }
166
164
  connectedCallback() {
167
165
  var t;
@@ -182,33 +180,35 @@ class C extends HTMLElement {
182
180
  attributeChangedCallback(t, e, s) {
183
181
  this._$AK(t, s);
184
182
  }
185
- _$EC(t, e) {
183
+ _$ET(t, e) {
186
184
  var n;
187
185
  const s = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, s);
188
186
  if (r !== void 0 && s.reflect === !0) {
189
- const o = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : L).toAttribute(e, s.type);
187
+ const o = (((n = s.converter) == null ? void 0 : n.toAttribute) !== void 0 ? s.converter : I).toAttribute(e, s.type);
190
188
  this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
191
189
  }
192
190
  }
193
191
  _$AK(t, e) {
194
- var n;
192
+ var n, o;
195
193
  const s = this.constructor, r = s._$Eh.get(t);
196
194
  if (r !== void 0 && this._$Em !== r) {
197
- const o = s.getPropertyOptions(r), l = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((n = o.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? o.converter : L;
198
- this._$Em = r, this[r] = l.fromAttribute(e, o.type), this._$Em = null;
195
+ const l = s.getPropertyOptions(r), a = typeof l.converter == "function" ? { fromAttribute: l.converter } : ((n = l.converter) == null ? void 0 : n.fromAttribute) !== void 0 ? l.converter : I;
196
+ this._$Em = r, this[r] = a.fromAttribute(e, l.type) ?? ((o = this._$Ej) == null ? void 0 : o.get(r)) ?? null, this._$Em = null;
199
197
  }
200
198
  }
201
199
  requestUpdate(t, e, s) {
200
+ var r;
202
201
  if (t !== void 0) {
203
- if (s ?? (s = this.constructor.getPropertyOptions(t)), !(s.hasChanged ?? tt)(this[t], e)) return;
204
- this.P(t, e, s);
202
+ const n = this.constructor, o = this[t];
203
+ if (s ?? (s = n.getPropertyOptions(t)), !((s.hasChanged ?? st)(o, e) || s.useDefault && s.reflect && o === ((r = this._$Ej) == null ? void 0 : r.get(t)) && !this.hasAttribute(n._$Eu(t, s)))) return;
204
+ this.C(t, e, s);
205
205
  }
206
- this.isUpdatePending === !1 && (this._$ES = this._$ET());
206
+ this.isUpdatePending === !1 && (this._$ES = this._$EP());
207
207
  }
208
- P(t, e, s) {
209
- this._$AL.has(t) || this._$AL.set(t, e), s.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
208
+ C(t, e, { useDefault: s, reflect: r, wrapped: n }, o) {
209
+ s && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || s || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
210
210
  }
211
- async _$ET() {
211
+ async _$EP() {
212
212
  this.isUpdatePending = !0;
213
213
  try {
214
214
  await this._$ES;
@@ -230,7 +230,10 @@ class C extends HTMLElement {
230
230
  this._$Ep = void 0;
231
231
  }
232
232
  const r = this.constructor.elementProperties;
233
- if (r.size > 0) for (const [n, o] of r) o.wrapped !== !0 || this._$AL.has(n) || this[n] === void 0 || this.P(n, this[n], o);
233
+ if (r.size > 0) for (const [n, o] of r) {
234
+ const { wrapped: l } = o, a = this[n];
235
+ l !== !0 || this._$AL.has(n) || a === void 0 || this.C(n, void 0, o, a);
236
+ }
234
237
  }
235
238
  let t = !1;
236
239
  const e = this._$AL;
@@ -238,9 +241,9 @@ class C extends HTMLElement {
238
241
  t = this.shouldUpdate(e), t ? (this.willUpdate(e), (s = this._$EO) == null || s.forEach((r) => {
239
242
  var n;
240
243
  return (n = r.hostUpdate) == null ? void 0 : n.call(r);
241
- }), this.update(e)) : this._$EU();
244
+ }), this.update(e)) : this._$EM();
242
245
  } catch (r) {
243
- throw t = !1, this._$EU(), r;
246
+ throw t = !1, this._$EM(), r;
244
247
  }
245
248
  t && this._$AE(e);
246
249
  }
@@ -253,7 +256,7 @@ class C extends HTMLElement {
253
256
  return (r = s.hostUpdated) == null ? void 0 : r.call(s);
254
257
  }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
255
258
  }
256
- _$EU() {
259
+ _$EM() {
257
260
  this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
258
261
  }
259
262
  get updateComplete() {
@@ -266,63 +269,63 @@ class C extends HTMLElement {
266
269
  return !0;
267
270
  }
268
271
  update(t) {
269
- this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EC(e, this[e]))), this._$EU();
272
+ this._$Eq && (this._$Eq = this._$Eq.forEach((e) => this._$ET(e, this[e]))), this._$EM();
270
273
  }
271
274
  updated(t) {
272
275
  }
273
276
  firstUpdated(t) {
274
277
  }
275
- }
276
- C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[k("elementProperties")] = /* @__PURE__ */ new Map(), C[k("finalized")] = /* @__PURE__ */ new Map(), W == null || W({ ReactiveElement: C }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.0.4");
278
+ };
279
+ O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, O[T("elementProperties")] = /* @__PURE__ */ new Map(), O[T("finalized")] = /* @__PURE__ */ new Map(), F == null || F({ ReactiveElement: O }), (y.reactiveElementVersions ?? (y.reactiveElementVersions = [])).push("2.1.0");
277
280
  /**
278
281
  * @license
279
282
  * Copyright 2017 Google LLC
280
283
  * SPDX-License-Identifier: BSD-3-Clause
281
284
  */
282
- const T = globalThis, D = T.trustedTypes, lt = D ? D.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, vt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, yt = "?" + v, Tt = `<${yt}>`, x = document, H = () => x.createComment(""), M = (i) => i === null || typeof i != "object" && typeof i != "function", et = Array.isArray, Ht = (i) => et(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", q = `[
283
- \f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, ct = />/g, m = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^
284
- \f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, ut = /"/g, _t = /^(?:script|style|textarea|title)$/i, Mt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), w = Mt(1), E = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), A = x.createTreeWalker(x, 129);
285
- function mt(i, t) {
286
- if (!et(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
287
- return lt !== void 0 ? lt.createHTML(t) : t;
285
+ const H = globalThis, V = H.trustedTypes, ct = V ? V.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, mt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, _t = "?" + v, Tt = `<${_t}>`, x = document, N = () => x.createComment(""), D = (i) => i === null || typeof i != "object" && typeof i != "function", rt = Array.isArray, Ht = (i) => rt(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", Z = `[
286
+ \f\r]`, M = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, dt = /-->/g, ut = />/g, _ = RegExp(`>|${Z}(?:([^\\s"'>=/]+)(${Z}*=${Z}*(?:[^
287
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), pt = /'/g, bt = /"/g, At = /^(?:script|style|textarea|title)$/i, Nt = (i) => (t, ...e) => ({ _$litType$: i, strings: t, values: e }), w = Nt(1), C = Symbol.for("lit-noChange"), c = Symbol.for("lit-nothing"), gt = /* @__PURE__ */ new WeakMap(), A = x.createTreeWalker(x, 129);
288
+ function wt(i, t) {
289
+ if (!rt(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
290
+ return ct !== void 0 ? ct.createHTML(t) : t;
288
291
  }
289
- const Nt = (i, t) => {
292
+ const Dt = (i, t) => {
290
293
  const e = i.length - 1, s = [];
291
- let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = U;
294
+ let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = M;
292
295
  for (let l = 0; l < e; l++) {
293
296
  const a = i[l];
294
297
  let d, u, h = -1, $ = 0;
295
- for (; $ < a.length && (o.lastIndex = $, u = o.exec(a), u !== null); ) $ = o.lastIndex, o === U ? u[1] === "!--" ? o = ht : u[1] !== void 0 ? o = ct : u[2] !== void 0 ? (_t.test(u[2]) && (r = RegExp("</" + u[2], "g")), o = m) : u[3] !== void 0 && (o = m) : o === m ? u[0] === ">" ? (o = r ?? U, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, d = u[1], o = u[3] === void 0 ? m : u[3] === '"' ? ut : dt) : o === ut || o === dt ? o = m : o === ht || o === ct ? o = U : (o = m, r = void 0);
296
- const f = o === m && i[l + 1].startsWith("/>") ? " " : "";
297
- n += o === U ? a + Tt : h >= 0 ? (s.push(d), a.slice(0, h) + vt + a.slice(h) + v + f) : a + v + (h === -2 ? l : f);
298
+ for (; $ < a.length && (o.lastIndex = $, u = o.exec(a), u !== null); ) $ = o.lastIndex, o === M ? u[1] === "!--" ? o = dt : u[1] !== void 0 ? o = ut : u[2] !== void 0 ? (At.test(u[2]) && (r = RegExp("</" + u[2], "g")), o = _) : u[3] !== void 0 && (o = _) : o === _ ? u[0] === ">" ? (o = r ?? M, h = -1) : u[1] === void 0 ? h = -2 : (h = o.lastIndex - u[2].length, d = u[1], o = u[3] === void 0 ? _ : u[3] === '"' ? bt : pt) : o === bt || o === pt ? o = _ : o === dt || o === ut ? o = M : (o = _, r = void 0);
299
+ const f = o === _ && i[l + 1].startsWith("/>") ? " " : "";
300
+ n += o === M ? a + Tt : h >= 0 ? (s.push(d), a.slice(0, h) + mt + a.slice(h) + v + f) : a + v + (h === -2 ? l : f);
298
301
  }
299
- return [mt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
302
+ return [wt(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
300
303
  };
301
- class N {
304
+ class R {
302
305
  constructor({ strings: t, _$litType$: e }, s) {
303
306
  let r;
304
307
  this.parts = [];
305
308
  let n = 0, o = 0;
306
- const l = t.length - 1, a = this.parts, [d, u] = Nt(t, e);
307
- if (this.el = N.createElement(d, s), A.currentNode = this.el.content, e === 2 || e === 3) {
309
+ const l = t.length - 1, a = this.parts, [d, u] = Dt(t, e);
310
+ if (this.el = R.createElement(d, s), A.currentNode = this.el.content, e === 2 || e === 3) {
308
311
  const h = this.el.content.firstChild;
309
312
  h.replaceWith(...h.childNodes);
310
313
  }
311
314
  for (; (r = A.nextNode()) !== null && a.length < l; ) {
312
315
  if (r.nodeType === 1) {
313
- if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(vt)) {
314
- const $ = u[o++], f = r.getAttribute(h).split(v), j = /([.?@])?(.*)/.exec($);
315
- a.push({ type: 1, index: n, name: j[2], strings: f, ctor: j[1] === "." ? zt : j[1] === "?" ? jt : j[1] === "@" ? It : V }), r.removeAttribute(h);
316
+ if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(mt)) {
317
+ const $ = u[o++], f = r.getAttribute(h).split(v), L = /([.?@])?(.*)/.exec($);
318
+ a.push({ type: 1, index: n, name: L[2], strings: f, ctor: L[1] === "." ? Bt : L[1] === "?" ? jt : L[1] === "@" ? Lt : q }), r.removeAttribute(h);
316
319
  } else h.startsWith(v) && (a.push({ type: 6, index: n }), r.removeAttribute(h));
317
- if (_t.test(r.tagName)) {
320
+ if (At.test(r.tagName)) {
318
321
  const h = r.textContent.split(v), $ = h.length - 1;
319
322
  if ($ > 0) {
320
- r.textContent = D ? D.emptyScript : "";
321
- for (let f = 0; f < $; f++) r.append(h[f], H()), A.nextNode(), a.push({ type: 2, index: ++n });
322
- r.append(h[$], H());
323
+ r.textContent = V ? V.emptyScript : "";
324
+ for (let f = 0; f < $; f++) r.append(h[f], N()), A.nextNode(), a.push({ type: 2, index: ++n });
325
+ r.append(h[$], N());
323
326
  }
324
327
  }
325
- } else if (r.nodeType === 8) if (r.data === yt) a.push({ type: 2, index: n });
328
+ } else if (r.nodeType === 8) if (r.data === _t) a.push({ type: 2, index: n });
326
329
  else {
327
330
  let h = -1;
328
331
  for (; (h = r.data.indexOf(v, h + 1)) !== -1; ) a.push({ type: 7, index: n }), h += v.length - 1;
@@ -335,12 +338,12 @@ class N {
335
338
  return s.innerHTML = t, s;
336
339
  }
337
340
  }
338
- function O(i, t, e = i, s) {
341
+ function U(i, t, e = i, s) {
339
342
  var o, l;
340
- if (t === E) return t;
343
+ if (t === C) return t;
341
344
  let r = s !== void 0 ? (o = e._$Co) == null ? void 0 : o[s] : e._$Cl;
342
- const n = M(t) ? void 0 : t._$litDirective$;
343
- return (r == null ? void 0 : r.constructor) !== n && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), n === void 0 ? r = void 0 : (r = new n(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = O(i, r._$AS(i, t.values), r, s)), t;
345
+ const n = D(t) ? void 0 : t._$litDirective$;
346
+ return (r == null ? void 0 : r.constructor) !== n && ((l = r == null ? void 0 : r._$AO) == null || l.call(r, !1), n === void 0 ? r = void 0 : (r = new n(i), r._$AT(i, e, s)), s !== void 0 ? (e._$Co ?? (e._$Co = []))[s] = r : e._$Cl = r), r !== void 0 && (t = U(i, r._$AS(i, t.values), r, s)), t;
344
347
  }
345
348
  class Rt {
346
349
  constructor(t, e) {
@@ -359,7 +362,7 @@ class Rt {
359
362
  for (; a !== void 0; ) {
360
363
  if (o === a.index) {
361
364
  let d;
362
- a.type === 2 ? d = new z(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Lt(n, this, t)), this._$AV.push(d), a = s[++l];
365
+ a.type === 2 ? d = new j(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new zt(n, this, t)), this._$AV.push(d), a = s[++l];
363
366
  }
364
367
  o !== (a == null ? void 0 : a.index) && (n = A.nextNode(), o++);
365
368
  }
@@ -370,7 +373,7 @@ class Rt {
370
373
  for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(t, s, e), e += s.strings.length - 2) : s._$AI(t[e])), e++;
371
374
  }
372
375
  }
373
- class z {
376
+ class j {
374
377
  get _$AU() {
375
378
  var t;
376
379
  return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -390,7 +393,7 @@ class z {
390
393
  return this._$AB;
391
394
  }
392
395
  _$AI(t, e = this) {
393
- t = O(this, t, e), M(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ht(t) ? this.k(t) : this._(t);
396
+ t = U(this, t, e), D(t) ? t === c || t == null || t === "" ? (this._$AH !== c && this._$AR(), this._$AH = c) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ht(t) ? this.k(t) : this._(t);
394
397
  }
395
398
  O(t) {
396
399
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -399,11 +402,11 @@ class z {
399
402
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
400
403
  }
401
404
  _(t) {
402
- this._$AH !== c && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(x.createTextNode(t)), this._$AH = t;
405
+ this._$AH !== c && D(this._$AH) ? this._$AA.nextSibling.data = t : this.T(x.createTextNode(t)), this._$AH = t;
403
406
  }
404
407
  $(t) {
405
408
  var n;
406
- const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = N.createElement(mt(s.h, s.h[0]), this.options)), s);
409
+ const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = R.createElement(wt(s.h, s.h[0]), this.options)), s);
407
410
  if (((n = this._$AH) == null ? void 0 : n._$AD) === r) this._$AH.p(e);
408
411
  else {
409
412
  const o = new Rt(r, this), l = o.u(this.options);
@@ -411,14 +414,14 @@ class z {
411
414
  }
412
415
  }
413
416
  _$AC(t) {
414
- let e = pt.get(t.strings);
415
- return e === void 0 && pt.set(t.strings, e = new N(t)), e;
417
+ let e = gt.get(t.strings);
418
+ return e === void 0 && gt.set(t.strings, e = new R(t)), e;
416
419
  }
417
420
  k(t) {
418
- et(this._$AH) || (this._$AH = [], this._$AR());
421
+ rt(this._$AH) || (this._$AH = [], this._$AR());
419
422
  const e = this._$AH;
420
423
  let s, r = 0;
421
- for (const n of t) r === e.length ? e.push(s = new z(this.O(H()), this.O(H()), this, this.options)) : s = e[r], s._$AI(n), r++;
424
+ for (const n of t) r === e.length ? e.push(s = new j(this.O(N()), this.O(N()), this, this.options)) : s = e[r], s._$AI(n), r++;
422
425
  r < e.length && (this._$AR(s && s._$AB.nextSibling, r), e.length = r);
423
426
  }
424
427
  _$AR(t = this._$AA.nextSibling, e) {
@@ -433,7 +436,7 @@ class z {
433
436
  this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
434
437
  }
435
438
  }
436
- class V {
439
+ class q {
437
440
  get tagName() {
438
441
  return this.element.tagName;
439
442
  }
@@ -446,11 +449,11 @@ class V {
446
449
  _$AI(t, e = this, s, r) {
447
450
  const n = this.strings;
448
451
  let o = !1;
449
- if (n === void 0) t = O(this, t, e, 0), o = !M(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
452
+ if (n === void 0) t = U(this, t, e, 0), o = !D(t) || t !== this._$AH && t !== C, o && (this._$AH = t);
450
453
  else {
451
454
  const l = t;
452
455
  let a, d;
453
- for (t = n[0], a = 0; a < n.length - 1; a++) d = O(this, l[s + a], e, a), d === E && (d = this._$AH[a]), o || (o = !M(d) || d !== this._$AH[a]), d === c ? t = c : t !== c && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
456
+ for (t = n[0], a = 0; a < n.length - 1; a++) d = U(this, l[s + a], e, a), d === C && (d = this._$AH[a]), o || (o = !D(d) || d !== this._$AH[a]), d === c ? t = c : t !== c && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
454
457
  }
455
458
  o && !r && this.j(t);
456
459
  }
@@ -458,7 +461,7 @@ class V {
458
461
  t === c ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
459
462
  }
460
463
  }
461
- class zt extends V {
464
+ class Bt extends q {
462
465
  constructor() {
463
466
  super(...arguments), this.type = 3;
464
467
  }
@@ -466,7 +469,7 @@ class zt extends V {
466
469
  this.element[this.name] = t === c ? void 0 : t;
467
470
  }
468
471
  }
469
- class jt extends V {
472
+ class jt extends q {
470
473
  constructor() {
471
474
  super(...arguments), this.type = 4;
472
475
  }
@@ -474,12 +477,12 @@ class jt extends V {
474
477
  this.element.toggleAttribute(this.name, !!t && t !== c);
475
478
  }
476
479
  }
477
- class It extends V {
480
+ class Lt extends q {
478
481
  constructor(t, e, s, r, n) {
479
482
  super(t, e, s, r, n), this.type = 5;
480
483
  }
481
484
  _$AI(t, e = this) {
482
- if ((t = O(this, t, e, 0) ?? c) === E) return;
485
+ if ((t = U(this, t, e, 0) ?? c) === C) return;
483
486
  const s = this._$AH, r = t === c && s !== c || t.capture !== s.capture || t.once !== s.once || t.passive !== s.passive, n = t !== c && (s === c || r);
484
487
  r && this.element.removeEventListener(this.name, this, s), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
485
488
  }
@@ -488,7 +491,7 @@ class It extends V {
488
491
  typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
489
492
  }
490
493
  }
491
- class Lt {
494
+ class zt {
492
495
  constructor(t, e, s) {
493
496
  this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = s;
494
497
  }
@@ -496,17 +499,17 @@ class Lt {
496
499
  return this._$AM._$AU;
497
500
  }
498
501
  _$AI(t) {
499
- O(this, t);
502
+ U(this, t);
500
503
  }
501
504
  }
502
- const F = T.litHtmlPolyfillSupport;
503
- F == null || F(N, z), (T.litHtmlVersions ?? (T.litHtmlVersions = [])).push("3.2.1");
504
- const Dt = (i, t, e) => {
505
+ const J = H.litHtmlPolyfillSupport;
506
+ J == null || J(R, j), (H.litHtmlVersions ?? (H.litHtmlVersions = [])).push("3.3.0");
507
+ const It = (i, t, e) => {
505
508
  const s = (e == null ? void 0 : e.renderBefore) ?? t;
506
509
  let r = s._$litPart$;
507
510
  if (r === void 0) {
508
511
  const n = (e == null ? void 0 : e.renderBefore) ?? null;
509
- s._$litPart$ = r = new z(t.insertBefore(H(), n), n, void 0, e ?? {});
512
+ s._$litPart$ = r = new j(t.insertBefore(N(), n), n, void 0, e ?? {});
510
513
  }
511
514
  return r._$AI(i), r;
512
515
  };
@@ -515,7 +518,8 @@ const Dt = (i, t, e) => {
515
518
  * Copyright 2017 Google LLC
516
519
  * SPDX-License-Identifier: BSD-3-Clause
517
520
  */
518
- let S = class extends C {
521
+ const S = globalThis;
522
+ let E = class extends O {
519
523
  constructor() {
520
524
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
521
525
  }
@@ -526,7 +530,7 @@ let S = class extends C {
526
530
  }
527
531
  update(t) {
528
532
  const e = this.render();
529
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Dt(e, this.renderRoot, this.renderOptions);
533
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = It(e, this.renderRoot, this.renderOptions);
530
534
  }
531
535
  connectedCallback() {
532
536
  var t;
@@ -537,20 +541,20 @@ let S = class extends C {
537
541
  super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
538
542
  }
539
543
  render() {
540
- return E;
544
+ return C;
541
545
  }
542
546
  };
543
- var gt;
544
- S._$litElement$ = !0, S.finalized = !0, (gt = globalThis.litElementHydrateSupport) == null || gt.call(globalThis, { LitElement: S });
545
- const Z = globalThis.litElementPolyfillSupport;
546
- Z == null || Z({ LitElement: S });
547
- (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.1.1");
547
+ var ft;
548
+ E._$litElement$ = !0, E.finalized = !0, (ft = S.litElementHydrateSupport) == null || ft.call(S, { LitElement: E });
549
+ const K = S.litElementPolyfillSupport;
550
+ K == null || K({ LitElement: E });
551
+ (S.litElementVersions ?? (S.litElementVersions = [])).push("4.2.0");
548
552
  /**
549
553
  * @license
550
554
  * Copyright 2017 Google LLC
551
555
  * SPDX-License-Identifier: BSD-3-Clause
552
556
  */
553
- const st = (i) => (t, e) => {
557
+ const it = (i) => (t, e) => {
554
558
  e !== void 0 ? e.addInitializer(() => {
555
559
  customElements.define(i, t);
556
560
  }) : customElements.define(i, t);
@@ -560,16 +564,16 @@ const st = (i) => (t, e) => {
560
564
  * Copyright 2017 Google LLC
561
565
  * SPDX-License-Identifier: BSD-3-Clause
562
566
  */
563
- const Bt = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged: tt }, Vt = (i = Bt, t, e) => {
567
+ const Vt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: st }, qt = (i = Vt, t, e) => {
564
568
  const { kind: s, metadata: r } = e;
565
569
  let n = globalThis.litPropertyMetadata.get(r);
566
- if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), n.set(e.name, i), s === "accessor") {
570
+ if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), n.set(e.name, i), s === "accessor") {
567
571
  const { name: o } = e;
568
572
  return { set(l) {
569
573
  const a = t.get.call(this);
570
574
  t.set.call(this, l), this.requestUpdate(o, a, i);
571
575
  }, init(l) {
572
- return l !== void 0 && this.P(o, void 0, i), l;
576
+ return l !== void 0 && this.C(o, void 0, i, l), l;
573
577
  } };
574
578
  }
575
579
  if (s === "setter") {
@@ -582,17 +586,17 @@ const Bt = { attribute: !0, type: String, converter: L, reflect: !1, hasChanged:
582
586
  throw Error("Unsupported decorator location: " + s);
583
587
  };
584
588
  function p(i) {
585
- return (t, e) => typeof e == "object" ? Vt(i, t, e) : ((s, r, n) => {
589
+ return (t, e) => typeof e == "object" ? qt(i, t, e) : ((s, r, n) => {
586
590
  const o = r.hasOwnProperty(n);
587
- return r.constructor.createProperty(n, o ? { ...s, wrapped: !0 } : s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
591
+ return r.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
588
592
  })(i, t, e);
589
593
  }
590
- const Wt = R`
594
+ const Wt = B`
591
595
  outline: 1px dashed var(--button-border-color);
592
596
  outline-offset: 2px;
593
597
  outline: dashed black;
594
598
  `;
595
- R`
599
+ B`
596
600
  :host * {
597
601
  box-sizing: border-box;
598
602
  }
@@ -602,12 +606,12 @@ R`
602
606
  * Copyright 2023 Google LLC
603
607
  * SPDX-License-Identifier: Apache-2.0
604
608
  */
605
- const rt = Symbol("internals"), J = Symbol("privateInternals");
606
- function qt(i) {
609
+ const ot = Symbol("internals"), G = Symbol("privateInternals");
610
+ function Ft(i) {
607
611
  var t;
608
612
  class e extends i {
609
- get [(t = rt, t)]() {
610
- return this[J] || (this[J] = this.attachInternals()), this[J];
613
+ get [(t = ot, t)]() {
614
+ return this[G] || (this[G] = this.attachInternals()), this[G];
611
615
  }
612
616
  }
613
617
  return e;
@@ -617,11 +621,11 @@ function qt(i) {
617
621
  * Copyright 2023 Google LLC
618
622
  * SPDX-License-Identifier: Apache-2.0
619
623
  */
620
- function Ft(i) {
624
+ function Zt(i) {
621
625
  i.addInitializer((t) => {
622
626
  const e = t;
623
627
  e.addEventListener("click", async (s) => {
624
- const { type: r, [rt]: n } = e, { form: o } = n;
628
+ const { type: r, [ot]: n } = e, { form: o } = n;
625
629
  if (!(!o || r === "button") && (await new Promise((l) => {
626
630
  setTimeout(l);
627
631
  }), !s.defaultPrevented)) {
@@ -644,12 +648,12 @@ function Ft(i) {
644
648
  });
645
649
  });
646
650
  }
647
- var Zt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, P = (i, t, e, s) => {
648
- for (var r = s > 1 ? void 0 : s ? Jt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
651
+ var Jt = Object.defineProperty, Kt = Object.getOwnPropertyDescriptor, P = (i, t, e, s) => {
652
+ for (var r = s > 1 ? void 0 : s ? Kt(t, e) : t, n = i.length - 1, o; n >= 0; n--)
649
653
  (o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
650
- return s && r && Zt(t, e, r), r;
654
+ return s && r && Jt(t, e, r), r;
651
655
  };
652
- const Kt = qt(S), bt = (i) => {
656
+ const Gt = Ft(E), $t = (i) => {
653
657
  const t = `
654
658
  --button-bg-disabled: var(--color-container-disabled);
655
659
  --button-bg-pressed: var(--color-container-action-${i}-pressed);
@@ -664,9 +668,9 @@ const Kt = qt(S), bt = (i) => {
664
668
  --button-text-hover: var(--color-content-action-${i});
665
669
  --button-text: var(--color-content-action-${i});
666
670
  `;
667
- return ft(t);
668
- }, Gt = ["primary", "secondary"];
669
- let b = class extends Kt {
671
+ return yt(t);
672
+ }, Qt = ["primary", "secondary"];
673
+ let b = class extends Gt {
670
674
  constructor() {
671
675
  super(...arguments), this.type = "submit", this.value = "", this.variant = "primary", this.disabled = !1, this.href = "", this.target = "";
672
676
  }
@@ -680,13 +684,13 @@ let b = class extends Kt {
680
684
  * The associated form element with which this element's value will submit.
681
685
  */
682
686
  get form() {
683
- return this[rt].form;
687
+ return this[ot].form;
684
688
  }
685
689
  // TODO: Add aria attributes support
686
690
  // Adapt from: https://github.dev/material-components/material-web
687
691
  willUpdate() {
688
692
  const i = getComputedStyle(this).getPropertyValue("--button-variant");
689
- i && Gt.some((t) => t === i) && (this.variant = i);
693
+ i && Qt.some((t) => t === i) && (this.variant = i);
690
694
  }
691
695
  render() {
692
696
  const i = this.href ? this.renderLink() : this.renderButton();
@@ -703,18 +707,18 @@ let b = class extends Kt {
703
707
  </button>`;
704
708
  }
705
709
  };
706
- Ft(b);
710
+ Zt(b);
707
711
  b.formAssociated = !0;
708
- b.styles = R`
712
+ b.styles = B`
709
713
  :host {
710
714
  display: inline-flex;
711
715
  cursor: pointer;
712
- ${bt("primary")};
716
+ ${$t("primary")};
713
717
  --button-border: transparent;
714
718
  }
715
719
 
716
720
  :host([variant="secondary"]) {
717
- ${bt("secondary")};
721
+ ${$t("secondary")};
718
722
  }
719
723
 
720
724
  :host([disabled]) {
@@ -801,15 +805,15 @@ P([
801
805
  p()
802
806
  ], b.prototype, "target", 2);
803
807
  b = P([
804
- st("o-button")
808
+ it("o-button")
805
809
  ], b);
806
810
  /**
807
811
  * @license
808
812
  * Copyright 2017 Google LLC
809
813
  * SPDX-License-Identifier: BSD-3-Clause
810
814
  */
811
- const Qt = { CHILD: 2 }, Xt = (i) => (...t) => ({ _$litDirective$: i, values: t });
812
- class Yt {
815
+ const Xt = { CHILD: 2 }, Yt = (i) => (...t) => ({ _$litDirective$: i, values: t });
816
+ class te {
813
817
  constructor(t) {
814
818
  }
815
819
  get _$AU() {
@@ -830,13 +834,13 @@ class Yt {
830
834
  * Copyright 2017 Google LLC
831
835
  * SPDX-License-Identifier: BSD-3-Clause
832
836
  */
833
- class K extends Yt {
837
+ class Q extends te {
834
838
  constructor(t) {
835
- if (super(t), this.it = c, t.type !== Qt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
839
+ if (super(t), this.it = c, t.type !== Xt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
836
840
  }
837
841
  render(t) {
838
842
  if (t === c || t == null) return this._t = void 0, this.it = t;
839
- if (t === E) return t;
843
+ if (t === C) return t;
840
844
  if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
841
845
  if (t === this.it) return this._t;
842
846
  this.it = t;
@@ -844,44 +848,50 @@ class K extends Yt {
844
848
  return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
845
849
  }
846
850
  }
847
- K.directiveName = "unsafeHTML", K.resultType = 1;
851
+ Q.directiveName = "unsafeHTML", Q.resultType = 1;
848
852
  /**
849
853
  * @license
850
854
  * Copyright 2017 Google LLC
851
855
  * SPDX-License-Identifier: BSD-3-Clause
852
856
  */
853
- class G extends K {
857
+ class X extends Q {
854
858
  }
855
- G.directiveName = "unsafeSVG", G.resultType = 2;
856
- const Q = Xt(G), te = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
859
+ X.directiveName = "unsafeSVG", X.resultType = 2;
860
+ const Y = Yt(X), ee = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
857
861
  <path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
858
862
  </svg>
859
- `, At = {
860
- wishlist: te
863
+ `, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
864
+ <path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
865
+ </svg>
866
+ `, St = {
867
+ wishlist: ee,
868
+ playerv: se
861
869
  };
862
- var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, wt = (i, t, e, s) => {
863
- for (var r = s > 1 ? void 0 : s ? se(t, e) : t, n = i.length - 1, o; n >= 0; n--)
870
+ var re = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, W = (i, t, e, s) => {
871
+ for (var r = s > 1 ? void 0 : s ? ie(t, e) : t, n = i.length - 1, o; n >= 0; n--)
864
872
  (o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
865
- return s && r && ee(t, e, r), r;
873
+ return s && r && re(t, e, r), r;
866
874
  };
867
- let B = class extends S {
875
+ let k = class extends E {
868
876
  constructor() {
869
- super(...arguments), this.status = "empty";
877
+ super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist";
870
878
  }
871
879
  render() {
872
- const i = At.wishlist.replace(
880
+ const i = St.wishlist.replace(
873
881
  "<svg",
874
882
  '<svg aria-hidden="true" focusable="false" part="svg"'
875
883
  );
876
884
  return w`
877
885
  <button
878
886
  type="button"
879
- aria-label="Add to wishlist"
887
+ aria-label="${this.label}"
888
+ aria-describedby="${this.ariaDescribedBy}"
880
889
  aria-pressed="${this.status == "filled" ? "true" : "false"}"
881
890
  class="wishlist-button"
882
891
  @click="${this.toggleStatus}"
883
892
  >
884
- ${Q(i)}
893
+ <span class="sr-only">${this.label}</span>
894
+ ${Y(i)}
885
895
  </button>
886
896
  `;
887
897
  }
@@ -891,8 +901,14 @@ let B = class extends S {
891
901
  setStatus(i) {
892
902
  this.status = i, this.requestUpdate();
893
903
  }
904
+ setAriaDescribedBy(i) {
905
+ this.ariaDescribedBy = i, this.requestUpdate();
906
+ }
907
+ setLabel(i) {
908
+ this.label = i, this.requestUpdate();
909
+ }
894
910
  };
895
- B.styles = R`
911
+ k.styles = B`
896
912
  :host {
897
913
  display: inline-flex;
898
914
  justify-content: center;
@@ -904,14 +920,29 @@ B.styles = R`
904
920
  display: flex;
905
921
  justify-content: center;
906
922
  align-items: center;
907
- width: 32px;
908
- height: 32px;
923
+ width: 40px;
924
+ height: 40px;
909
925
  border: transparent;
910
926
  border-radius: var(--radius-full);
911
927
  background-color: var(--color-alpha-light-strong);
912
928
  position: relative;
929
+ cursor: pointer;
913
930
  }
914
931
 
932
+ .sr-only {
933
+ border: 0 !important;
934
+ clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
935
+ -webkit-clip-path: inset(50%) !important;
936
+ clip-path: inset(50%) !important;
937
+ height: 0.1rem !important;
938
+ margin: -0.1rem !important;
939
+ overflow: hidden !important;
940
+ padding: 0 !important;
941
+ position: absolute !important;
942
+ width: 0.1rem !important;
943
+ white-space: nowrap !important;
944
+ }
945
+
915
946
  .wishlist-button:hover {
916
947
  background-color: var(--color-alpha-light-stronger);
917
948
  }
@@ -932,18 +963,24 @@ B.styles = R`
932
963
  fill: var(--color-alpha-light-strong);
933
964
  }
934
965
  `;
935
- wt([
966
+ W([
936
967
  p({ type: String, reflect: !0 })
937
- ], B.prototype, "status", 2);
938
- B = wt([
939
- st("o-wishlist-button")
940
- ], B);
941
- var re = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, _ = (i, t, e, s) => {
942
- for (var r = s > 1 ? void 0 : s ? ie(t, e) : t, n = i.length - 1, o; n >= 0; n--)
968
+ ], k.prototype, "status", 2);
969
+ W([
970
+ p({ type: String, reflect: !0 })
971
+ ], k.prototype, "ariaDescribedBy", 2);
972
+ W([
973
+ p({ type: String, reflect: !0 })
974
+ ], k.prototype, "label", 2);
975
+ k = W([
976
+ it("o-wishlist-button")
977
+ ], k);
978
+ var oe = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, m = (i, t, e, s) => {
979
+ for (var r = s > 1 ? void 0 : s ? ne(t, e) : t, n = i.length - 1, o; n >= 0; n--)
943
980
  (o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
944
- return s && r && re(t, e, r), r;
981
+ return s && r && oe(t, e, r), r;
945
982
  };
946
- let g = class extends S {
983
+ let g = class extends E {
947
984
  constructor() {
948
985
  super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
949
986
  }
@@ -951,14 +988,14 @@ let g = class extends S {
951
988
  super.updated(i), this.style.setProperty("--icon-stroke-width", this.strokewidth);
952
989
  }
953
990
  render() {
954
- const t = (At[this.icon] ?? "").replace(
991
+ const t = (St[this.icon] ?? "").replace(
955
992
  "<svg",
956
993
  '<svg aria-hidden="true" focusable="false" part="svg"'
957
994
  );
958
995
  return w`
959
996
  ${this.type === "span" ? w`
960
997
  <span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status}" ?disabled="${this.disabled}">
961
- ${Q(t)}
998
+ ${Y(t)}
962
999
  </span>
963
1000
  ` : w`
964
1001
  <button
@@ -967,13 +1004,13 @@ let g = class extends S {
967
1004
  class="icon-button ${this.size} ${this.bgstyle} ${this.status}"
968
1005
  ?disabled="${this.disabled}"
969
1006
  >
970
- ${Q(t)}
1007
+ ${Y(t)}
971
1008
  </button>
972
1009
  `}
973
1010
  `;
974
1011
  }
975
1012
  };
976
- g.styles = R`
1013
+ g.styles = B`
977
1014
  :host {
978
1015
  display: inline-flex;
979
1016
  justify-content: center;
@@ -1087,6 +1124,7 @@ g.styles = R`
1087
1124
  svg {
1088
1125
  path {
1089
1126
  stroke: var(--color-content-action-primary);
1127
+ fill: var(--color-content-action-primary);
1090
1128
  }
1091
1129
  }
1092
1130
 
@@ -1119,32 +1157,33 @@ g.styles = R`
1119
1157
 
1120
1158
  path {
1121
1159
  stroke: var(--color-content-disabled);
1160
+ fill: var(--color-content-disabled);
1122
1161
  }
1123
1162
  }
1124
1163
 
1125
1164
  }
1126
1165
  `;
1127
- _([
1166
+ m([
1128
1167
  p({ type: String, reflect: !0 })
1129
1168
  ], g.prototype, "bgstyle", 2);
1130
- _([
1169
+ m([
1131
1170
  p({ type: String, reflect: !0 })
1132
1171
  ], g.prototype, "size", 2);
1133
- _([
1172
+ m([
1134
1173
  p({ type: String, reflect: !0 })
1135
1174
  ], g.prototype, "status", 2);
1136
- _([
1175
+ m([
1137
1176
  p({ type: String, reflect: !0 })
1138
1177
  ], g.prototype, "type", 2);
1139
- _([
1178
+ m([
1140
1179
  p({ type: String })
1141
1180
  ], g.prototype, "strokewidth", 2);
1142
- _([
1181
+ m([
1143
1182
  p({ type: String })
1144
1183
  ], g.prototype, "icon", 2);
1145
- _([
1184
+ m([
1146
1185
  p({ type: Boolean, reflect: !0 })
1147
1186
  ], g.prototype, "disabled", 2);
1148
- g = _([
1149
- st("o-icon-button")
1187
+ g = m([
1188
+ it("o-icon-button")
1150
1189
  ], g);
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.3.3",
3
+ "version": "0.3.5",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",
7
7
  "description": "This library was generated with [Nx](https://nx.dev).",
8
8
  "dependencies": {
9
- "@florid-kit/tokens": "^0.1.3"
9
+ "@florid-kit/tokens": "^0.1.4"
10
10
  },
11
11
  "devDependencies": {
12
12
  "@storybook/addon-essentials": "^8.1.5",