@florid-kit/components 0.3.3 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +33 -28
- package/index.mjs +169 -159
- package/package.json +1 -1
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
|
|
5
|
+
*/const L=globalThis,Y=L.ShadowRoot&&(L.ShadyCSS===void 0||L.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,tt=Symbol(),ot=new WeakMap;let ft=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==tt)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(Y&&t===void 0){const s=e!==void 0&&e.length===1;s&&(t=ot.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&ot.set(e,t))}return t}toString(){return this.cssText}};const vt=i=>new ft(typeof i=="string"?i:i+"",void 0,tt),j=(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 ft(e,i,tt)},St=(i,t)=>{if(Y)i.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),r=L.litNonce;r!==void 0&&s.setAttribute("nonce",r),s.textContent=e.cssText,i.appendChild(s)}},nt=Y?i=>i:i=>i instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return vt(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:
|
|
9
|
+
*/const{is:xt,defineProperty:Ct,getOwnPropertyDescriptor:Pt,getOwnPropertyNames:Ot,getOwnPropertySymbols:kt,getPrototypeOf:Ut}=Object,y=globalThis,at=y.trustedTypes,Mt=at?at.emptyScript:"",q=y.reactiveElementPolyfillSupport,M=(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}},et=(i,t)=>!xt(i,t),lt={attribute:!0,type:String,converter:I,reflect:!1,useDefault:!1,hasChanged:et};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=lt){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)??lt}static _$Ei(){if(this.hasOwnProperty(M("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(M("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(M("properties"))){const e=this.properties,s=[...Ot(e),...kt(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(nt(r))}else t!==void 0&&e.push(nt(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)}_$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??et)(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[M("elementProperties")]=new Map,O[M("finalized")]=new Map,q==null||q({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,
|
|
14
|
-
\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const T=globalThis,B=T.trustedTypes,ht=B?B.createPolicy("lit-html",{createHTML:i=>i}):void 0,yt="$lit$",v=`lit$${Math.random().toFixed(9).slice(2)}$`,_t="?"+v,Tt=`<${_t}>`,x=document,H=()=>x.createComment(""),N=i=>i===null||typeof i!="object"&&typeof i!="function",st=Array.isArray,Ht=i=>st(i)||typeof(i==null?void 0:i[Symbol.iterator])=="function",F=`[
|
|
14
|
+
\f\r]`,U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ct=/-->/g,dt=/>/g,m=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ut=/'/g,pt=/"/g,mt=/^(?: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"),bt=new WeakMap,A=x.createTreeWalker(x,129);function At(i,t){if(!st(i)||!i.hasOwnProperty("raw"))throw Error("invalid template strings array");return ht!==void 0?ht.createHTML(t):t}const Rt=(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=ct:u[1]!==void 0?o=dt:u[2]!==void 0?(mt.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]==='"'?pt:ut):o===pt||o===ut?o=m:o===ct||o===dt?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)+yt+a.slice(h)+v+f):a+v+(h===-2?l:f)}return[At(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]=Rt(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(yt)){const $=u[o++],f=r.getAttribute(h).split(v),D=/([.?@])?(.*)/.exec($);a.push({type:1,index:n,name:D[2],strings:f,ctor:D[1]==="."?zt:D[1]==="?"?Dt:D[1]==="@"?Lt:W}),r.removeAttribute(h)}else h.startsWith(v)&&(a.push({type:6,index:n}),r.removeAttribute(h));if(mt.test(r.tagName)){const h=r.textContent.split(v),$=h.length-1;if($>0){r.textContent=B?B.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===_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 k(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=N(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=k(i,r._$AS(i,t.values),r,s)),t}class jt{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 It(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=k(this,t,e),N(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&&N(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(At(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 jt(r,this),l=o.u(this.options);o.p(e),this.T(l),this._$AH=o}}_$AC(t){let e=bt.get(t.strings);return e===void 0&&bt.set(t.strings,e=new R(t)),e}k(t){st(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 W{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=k(this,t,e,0),o=!N(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=k(this,l[s+a],e,a),d===C&&(d=this._$AH[a]),o||(o=!N(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 W{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===c?void 0:t}}class Dt extends W{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==c)}}class Lt extends W{constructor(t,e,s,r,n){super(t,e,s,r,n),this.type=5}_$AI(t,e=this){if((t=k(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 It{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){k(this,t)}}const Z=T.litHtmlPolyfillSupport;Z==null||Z(R,z),(T.litHtmlVersions??(T.litHtmlVersions=[])).push("3.3.0");const Bt=(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};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/let S=class extends
|
|
19
|
+
*/const E=globalThis;let S=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=Bt(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 $t;S._$litElement$=!0,S.finalized=!0,($t=E.litElementHydrateSupport)==null||$t.call(E,{LitElement:S});const J=E.litElementPolyfillSupport;J==null||J({LitElement:S});(E.litElementVersions??(E.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const rt=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
|
|
27
|
+
*/const Vt={attribute:!0,type:String,converter:I,reflect:!1,hasChanged:et},Wt=(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"?Wt(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 qt=j`
|
|
28
28
|
outline: 1px dashed var(--button-border-color);
|
|
29
29
|
outline-offset: 2px;
|
|
30
30
|
outline: dashed black;
|
|
31
|
-
`;
|
|
31
|
+
`;j`
|
|
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
|
|
39
|
+
*/const it=Symbol("internals"),K=Symbol("privateInternals");function Ft(i){var t;class e extends i{get[(t=it,t)](){return this[K]||(this[K]=this.attachInternals()),this[K]}}return e}/**
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function
|
|
43
|
+
*/function Zt(i){i.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:r,[it]: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(S),gt=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
|
|
56
|
+
`;return vt(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[it].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>`}};
|
|
60
|
+
</button>`}};Zt(b);b.formAssociated=!0;b.styles=j`
|
|
61
61
|
:host {
|
|
62
62
|
display: inline-flex;
|
|
63
63
|
cursor: pointer;
|
|
64
|
-
${
|
|
64
|
+
${gt("primary")};
|
|
65
65
|
--button-border: transparent;
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
:host([variant="secondary"]) {
|
|
69
|
-
${
|
|
69
|
+
${gt("secondary")};
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
:host([disabled]) {
|
|
@@ -127,24 +127,27 @@
|
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
.button:focus-visible {
|
|
130
|
-
${
|
|
130
|
+
${qt};
|
|
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([
|
|
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([rt("o-button")],b);/**
|
|
133
133
|
* @license
|
|
134
134
|
* Copyright 2017 Google LLC
|
|
135
135
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
136
|
-
*/const
|
|
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
|
|
140
|
+
*/class G 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:[]}}}G.directiveName="unsafeHTML",G.resultType=1;/**
|
|
141
141
|
* @license
|
|
142
142
|
* Copyright 2017 Google LLC
|
|
143
143
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
144
|
-
*/class
|
|
144
|
+
*/class Q extends G{}Q.directiveName="unsafeSVG",Q.resultType=2;const X=Yt(Q),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
|
-
`,
|
|
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
|
+
`,wt={wishlist:ee,playerv:se};var re=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,Et=(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 V=class extends S{constructor(){super(...arguments),this.status="empty"}render(){const i=wt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
|
|
148
151
|
<button
|
|
149
152
|
type="button"
|
|
150
153
|
aria-label="Add to wishlist"
|
|
@@ -152,9 +155,9 @@
|
|
|
152
155
|
class="wishlist-button"
|
|
153
156
|
@click="${this.toggleStatus}"
|
|
154
157
|
>
|
|
155
|
-
${
|
|
158
|
+
${X(i)}
|
|
156
159
|
</button>
|
|
157
|
-
`}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}};
|
|
160
|
+
`}toggleStatus(){this.status=this.status=="empty"?"filled":"empty"}setStatus(i){this.status=i,this.requestUpdate()}};V.styles=j`
|
|
158
161
|
:host {
|
|
159
162
|
display: inline-flex;
|
|
160
163
|
justify-content: center;
|
|
@@ -193,10 +196,10 @@
|
|
|
193
196
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
194
197
|
fill: var(--color-alpha-light-strong);
|
|
195
198
|
}
|
|
196
|
-
`;
|
|
199
|
+
`;Et([p({type:String,reflect:!0})],V.prototype,"status",2);V=Et([rt("o-wishlist-button")],V);var oe=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,_=(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 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=(wt[this.icon]??"").replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return w`
|
|
197
200
|
${this.type==="span"?w`
|
|
198
201
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status}" ?disabled="${this.disabled}">
|
|
199
|
-
${
|
|
202
|
+
${X(t)}
|
|
200
203
|
</span>
|
|
201
204
|
`:w`
|
|
202
205
|
<button
|
|
@@ -205,10 +208,10 @@
|
|
|
205
208
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status}"
|
|
206
209
|
?disabled="${this.disabled}"
|
|
207
210
|
>
|
|
208
|
-
${
|
|
211
|
+
${X(t)}
|
|
209
212
|
</button>
|
|
210
213
|
`}
|
|
211
|
-
`}};g.styles=
|
|
214
|
+
`}};g.styles=j`
|
|
212
215
|
:host {
|
|
213
216
|
display: inline-flex;
|
|
214
217
|
justify-content: center;
|
|
@@ -322,6 +325,7 @@
|
|
|
322
325
|
svg {
|
|
323
326
|
path {
|
|
324
327
|
stroke: var(--color-content-action-primary);
|
|
328
|
+
fill: var(--color-content-action-primary);
|
|
325
329
|
}
|
|
326
330
|
}
|
|
327
331
|
|
|
@@ -354,8 +358,9 @@
|
|
|
354
358
|
|
|
355
359
|
path {
|
|
356
360
|
stroke: var(--color-content-disabled);
|
|
361
|
+
fill: var(--color-content-disabled);
|
|
357
362
|
}
|
|
358
363
|
}
|
|
359
364
|
|
|
360
365
|
}
|
|
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=_([
|
|
366
|
+
`;_([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=_([rt("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
|
|
7
|
-
let
|
|
6
|
+
const L = globalThis, Y = L.ShadowRoot && (L.ShadyCSS === void 0 || L.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, tt = Symbol(), ot = /* @__PURE__ */ new WeakMap();
|
|
7
|
+
let ft = class {
|
|
8
8
|
constructor(t, e, s) {
|
|
9
|
-
if (this._$cssResult$ = !0, s !==
|
|
9
|
+
if (this._$cssResult$ = !0, s !== tt) 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 (
|
|
15
|
+
if (Y && t === void 0) {
|
|
16
16
|
const s = e !== void 0 && e.length === 1;
|
|
17
|
-
s && (t =
|
|
17
|
+
s && (t = ot.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), s && ot.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
|
|
25
|
+
const vt = (i) => new ft(typeof i == "string" ? i : i + "", void 0, tt), j = (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
|
|
31
|
+
return new ft(e, i, tt);
|
|
32
32
|
}, St = (i, t) => {
|
|
33
|
-
if (
|
|
33
|
+
if (Y) 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 =
|
|
35
|
+
const s = document.createElement("style"), r = L.litNonce;
|
|
36
36
|
r !== void 0 && s.setAttribute("nonce", r), s.textContent = e.cssText, i.appendChild(s);
|
|
37
37
|
}
|
|
38
|
-
},
|
|
38
|
+
}, nt = Y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
40
|
for (const s of t.cssRules) e += s.cssText;
|
|
41
|
-
return
|
|
41
|
+
return vt(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:
|
|
48
|
+
const { is: xt, defineProperty: Ct, getOwnPropertyDescriptor: Pt, getOwnPropertyNames: Ot, getOwnPropertySymbols: kt, getPrototypeOf: Ut } = Object, y = globalThis, at = y.trustedTypes, Mt = at ? at.emptyScript : "", q = y.reactiveElementPolyfillSupport, M = (i, t) => i, I = { toAttribute(i, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
|
-
i = i ?
|
|
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
|
-
} },
|
|
76
|
+
} }, et = (i, t) => !xt(i, t), lt = { attribute: !0, type: String, converter: I, reflect: !1, useDefault: !1, hasChanged: et };
|
|
77
77
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), y.litPropertyMetadata ?? (y.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
|
-
class
|
|
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 =
|
|
86
|
-
if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
|
|
85
|
+
static createProperty(t, e = lt) {
|
|
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 &&
|
|
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) ??
|
|
103
|
+
return this.elementProperties.get(t) ?? lt;
|
|
106
104
|
}
|
|
107
105
|
static _$Ei() {
|
|
108
|
-
if (this.hasOwnProperty(
|
|
106
|
+
if (this.hasOwnProperty(M("elementProperties"))) return;
|
|
109
107
|
const t = Ut(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(
|
|
114
|
-
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(
|
|
115
|
-
const e = this.properties, s = [...
|
|
111
|
+
if (this.hasOwnProperty(M("finalized"))) return;
|
|
112
|
+
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
|
|
113
|
+
const e = this.properties, s = [...Ot(e), ...kt(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(
|
|
135
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const r of s) e.unshift(nt(r));
|
|
133
|
+
} else t !== void 0 && e.push(nt(t));
|
|
136
134
|
return e;
|
|
137
135
|
}
|
|
138
136
|
static _$Eu(t, e) {
|
|
@@ -182,33 +180,35 @@ class C extends HTMLElement {
|
|
|
182
180
|
attributeChangedCallback(t, e, s) {
|
|
183
181
|
this._$AK(t, s);
|
|
184
182
|
}
|
|
185
|
-
_$
|
|
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 :
|
|
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
|
|
198
|
-
this._$Em = r, this[r] =
|
|
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
|
-
|
|
204
|
-
|
|
202
|
+
const n = this.constructor, o = this[t];
|
|
203
|
+
if (s ?? (s = n.getPropertyOptions(t)), !((s.hasChanged ?? et)(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._$
|
|
206
|
+
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
207
207
|
}
|
|
208
|
-
|
|
209
|
-
this._$AL.has(t) || this._$AL.set(t, e),
|
|
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 _$
|
|
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)
|
|
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._$
|
|
244
|
+
}), this.update(e)) : this._$EM();
|
|
242
245
|
} catch (r) {
|
|
243
|
-
throw t = !1, this._$
|
|
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
|
-
_$
|
|
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._$
|
|
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
|
-
|
|
278
|
+
};
|
|
279
|
+
O.elementStyles = [], O.shadowRootOptions = { mode: "open" }, O[M("elementProperties")] = /* @__PURE__ */ new Map(), O[M("finalized")] = /* @__PURE__ */ new Map(), q == null || q({ 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,
|
|
283
|
-
\f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
284
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"),
|
|
285
|
-
function
|
|
286
|
-
if (!
|
|
287
|
-
return
|
|
285
|
+
const T = globalThis, B = T.trustedTypes, ht = B ? B.createPolicy("lit-html", { createHTML: (i) => i }) : void 0, yt = "$lit$", v = `lit$${Math.random().toFixed(9).slice(2)}$`, _t = "?" + v, Tt = `<${_t}>`, x = document, H = () => x.createComment(""), N = (i) => i === null || typeof i != "object" && typeof i != "function", st = Array.isArray, Ht = (i) => st(i) || typeof (i == null ? void 0 : i[Symbol.iterator]) == "function", F = `[
|
|
286
|
+
\f\r]`, U = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ct = /-->/g, dt = />/g, m = RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), ut = /'/g, pt = /"/g, mt = /^(?: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"), bt = /* @__PURE__ */ new WeakMap(), A = x.createTreeWalker(x, 129);
|
|
288
|
+
function At(i, t) {
|
|
289
|
+
if (!st(i) || !i.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
|
+
return ht !== void 0 ? ht.createHTML(t) : t;
|
|
288
291
|
}
|
|
289
|
-
const
|
|
292
|
+
const Rt = (i, t) => {
|
|
290
293
|
const e = i.length - 1, s = [];
|
|
291
294
|
let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = U;
|
|
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 =
|
|
298
|
+
for (; $ < a.length && (o.lastIndex = $, u = o.exec(a), u !== null); ) $ = o.lastIndex, o === U ? u[1] === "!--" ? o = ct : u[1] !== void 0 ? o = dt : u[2] !== void 0 ? (mt.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] === '"' ? pt : ut) : o === pt || o === ut ? o = m : o === ct || o === dt ? o = U : (o = m, r = void 0);
|
|
296
299
|
const f = o === m && i[l + 1].startsWith("/>") ? " " : "";
|
|
297
|
-
n += o === U ? a + Tt : h >= 0 ? (s.push(d), a.slice(0, h) +
|
|
300
|
+
n += o === U ? a + Tt : h >= 0 ? (s.push(d), a.slice(0, h) + yt + a.slice(h) + v + f) : a + v + (h === -2 ? l : f);
|
|
298
301
|
}
|
|
299
|
-
return [
|
|
302
|
+
return [At(i, n + (i[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), s];
|
|
300
303
|
};
|
|
301
|
-
class
|
|
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] =
|
|
307
|
-
if (this.el =
|
|
309
|
+
const l = t.length - 1, a = this.parts, [d, u] = Rt(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(
|
|
314
|
-
const $ = u[o++], f = r.getAttribute(h).split(v),
|
|
315
|
-
a.push({ type: 1, index: n, name:
|
|
316
|
+
if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(yt)) {
|
|
317
|
+
const $ = u[o++], f = r.getAttribute(h).split(v), D = /([.?@])?(.*)/.exec($);
|
|
318
|
+
a.push({ type: 1, index: n, name: D[2], strings: f, ctor: D[1] === "." ? zt : D[1] === "?" ? Dt : D[1] === "@" ? Lt : W }), r.removeAttribute(h);
|
|
316
319
|
} else h.startsWith(v) && (a.push({ type: 6, index: n }), r.removeAttribute(h));
|
|
317
|
-
if (
|
|
320
|
+
if (mt.test(r.tagName)) {
|
|
318
321
|
const h = r.textContent.split(v), $ = h.length - 1;
|
|
319
322
|
if ($ > 0) {
|
|
320
|
-
r.textContent =
|
|
323
|
+
r.textContent = B ? B.emptyScript : "";
|
|
321
324
|
for (let f = 0; f < $; f++) r.append(h[f], H()), A.nextNode(), a.push({ type: 2, index: ++n });
|
|
322
325
|
r.append(h[$], H());
|
|
323
326
|
}
|
|
324
327
|
}
|
|
325
|
-
} else if (r.nodeType === 8) if (r.data ===
|
|
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,14 +338,14 @@ class N {
|
|
|
335
338
|
return s.innerHTML = t, s;
|
|
336
339
|
}
|
|
337
340
|
}
|
|
338
|
-
function
|
|
341
|
+
function k(i, t, e = i, s) {
|
|
339
342
|
var o, l;
|
|
340
|
-
if (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 =
|
|
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 =
|
|
345
|
+
const n = N(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 = k(i, r._$AS(i, t.values), r, s)), t;
|
|
344
347
|
}
|
|
345
|
-
class
|
|
348
|
+
class jt {
|
|
346
349
|
constructor(t, e) {
|
|
347
350
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
|
|
348
351
|
}
|
|
@@ -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
|
|
365
|
+
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 It(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
|
}
|
|
@@ -390,7 +393,7 @@ class z {
|
|
|
390
393
|
return this._$AB;
|
|
391
394
|
}
|
|
392
395
|
_$AI(t, e = this) {
|
|
393
|
-
t =
|
|
396
|
+
t = k(this, t, e), N(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,23 +402,23 @@ class z {
|
|
|
399
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
400
403
|
}
|
|
401
404
|
_(t) {
|
|
402
|
-
this._$AH !== c &&
|
|
405
|
+
this._$AH !== c && N(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 =
|
|
409
|
+
const { values: e, _$litType$: s } = t, r = typeof s == "number" ? this._$AC(t) : (s.el === void 0 && (s.el = R.createElement(At(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
|
-
const o = new
|
|
412
|
+
const o = new jt(r, this), l = o.u(this.options);
|
|
410
413
|
o.p(e), this.T(l), this._$AH = o;
|
|
411
414
|
}
|
|
412
415
|
}
|
|
413
416
|
_$AC(t) {
|
|
414
|
-
let e =
|
|
415
|
-
return e === void 0 &&
|
|
417
|
+
let e = bt.get(t.strings);
|
|
418
|
+
return e === void 0 && bt.set(t.strings, e = new R(t)), e;
|
|
416
419
|
}
|
|
417
420
|
k(t) {
|
|
418
|
-
|
|
421
|
+
st(this._$AH) || (this._$AH = [], this._$AR());
|
|
419
422
|
const e = this._$AH;
|
|
420
423
|
let s, r = 0;
|
|
421
424
|
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++;
|
|
@@ -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
|
|
439
|
+
class W {
|
|
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 =
|
|
452
|
+
if (n === void 0) t = k(this, t, e, 0), o = !N(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 =
|
|
456
|
+
for (t = n[0], a = 0; a < n.length - 1; a++) d = k(this, l[s + a], e, a), d === C && (d = this._$AH[a]), o || (o = !N(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
|
|
464
|
+
class zt extends W {
|
|
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
|
|
472
|
+
class Dt extends W {
|
|
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
|
|
480
|
+
class Lt extends W {
|
|
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 =
|
|
485
|
+
if ((t = k(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
|
|
494
|
+
class It {
|
|
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,12 +499,12 @@ class Lt {
|
|
|
496
499
|
return this._$AM._$AU;
|
|
497
500
|
}
|
|
498
501
|
_$AI(t) {
|
|
499
|
-
|
|
502
|
+
k(this, t);
|
|
500
503
|
}
|
|
501
504
|
}
|
|
502
|
-
const
|
|
503
|
-
|
|
504
|
-
const
|
|
505
|
+
const Z = T.litHtmlPolyfillSupport;
|
|
506
|
+
Z == null || Z(R, z), (T.litHtmlVersions ?? (T.litHtmlVersions = [])).push("3.3.0");
|
|
507
|
+
const Bt = (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) {
|
|
@@ -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
|
-
|
|
521
|
+
const E = globalThis;
|
|
522
|
+
let S = 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 =
|
|
533
|
+
this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Bt(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
|
|
544
|
+
return C;
|
|
541
545
|
}
|
|
542
546
|
};
|
|
543
|
-
var
|
|
544
|
-
S._$litElement$ = !0, S.finalized = !0, (
|
|
545
|
-
const
|
|
546
|
-
|
|
547
|
-
(
|
|
547
|
+
var $t;
|
|
548
|
+
S._$litElement$ = !0, S.finalized = !0, ($t = E.litElementHydrateSupport) == null || $t.call(E, { LitElement: S });
|
|
549
|
+
const J = E.litElementPolyfillSupport;
|
|
550
|
+
J == null || J({ LitElement: S });
|
|
551
|
+
(E.litElementVersions ?? (E.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
|
|
557
|
+
const rt = (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
|
|
567
|
+
const Vt = { attribute: !0, type: String, converter: I, reflect: !1, hasChanged: et }, Wt = (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.
|
|
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" ?
|
|
589
|
+
return (t, e) => typeof e == "object" ? Wt(i, t, e) : ((s, r, n) => {
|
|
586
590
|
const o = r.hasOwnProperty(n);
|
|
587
|
-
return r.constructor.createProperty(n,
|
|
591
|
+
return r.constructor.createProperty(n, s), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
|
|
588
592
|
})(i, t, e);
|
|
589
593
|
}
|
|
590
|
-
const
|
|
594
|
+
const qt = j`
|
|
591
595
|
outline: 1px dashed var(--button-border-color);
|
|
592
596
|
outline-offset: 2px;
|
|
593
597
|
outline: dashed black;
|
|
594
598
|
`;
|
|
595
|
-
|
|
599
|
+
j`
|
|
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
|
|
606
|
-
function
|
|
609
|
+
const it = Symbol("internals"), K = Symbol("privateInternals");
|
|
610
|
+
function Ft(i) {
|
|
607
611
|
var t;
|
|
608
612
|
class e extends i {
|
|
609
|
-
get [(t =
|
|
610
|
-
return this[
|
|
613
|
+
get [(t = it, t)]() {
|
|
614
|
+
return this[K] || (this[K] = this.attachInternals()), this[K];
|
|
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
|
|
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, [
|
|
628
|
+
const { type: r, [it]: 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
|
|
648
|
-
for (var r = s > 1 ? void 0 : s ?
|
|
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 &&
|
|
654
|
+
return s && r && Jt(t, e, r), r;
|
|
651
655
|
};
|
|
652
|
-
const
|
|
656
|
+
const Gt = Ft(S), gt = (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
|
|
668
|
-
},
|
|
669
|
-
let b = class extends
|
|
671
|
+
return vt(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[
|
|
687
|
+
return this[it].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 &&
|
|
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
|
-
|
|
710
|
+
Zt(b);
|
|
707
711
|
b.formAssociated = !0;
|
|
708
|
-
b.styles =
|
|
712
|
+
b.styles = j`
|
|
709
713
|
:host {
|
|
710
714
|
display: inline-flex;
|
|
711
715
|
cursor: pointer;
|
|
712
|
-
${
|
|
716
|
+
${gt("primary")};
|
|
713
717
|
--button-border: transparent;
|
|
714
718
|
}
|
|
715
719
|
|
|
716
720
|
:host([variant="secondary"]) {
|
|
717
|
-
${
|
|
721
|
+
${gt("secondary")};
|
|
718
722
|
}
|
|
719
723
|
|
|
720
724
|
:host([disabled]) {
|
|
@@ -775,7 +779,7 @@ b.styles = R`
|
|
|
775
779
|
}
|
|
776
780
|
|
|
777
781
|
.button:focus-visible {
|
|
778
|
-
${
|
|
782
|
+
${qt};
|
|
779
783
|
}
|
|
780
784
|
`;
|
|
781
785
|
P([
|
|
@@ -801,15 +805,15 @@ P([
|
|
|
801
805
|
p()
|
|
802
806
|
], b.prototype, "target", 2);
|
|
803
807
|
b = P([
|
|
804
|
-
|
|
808
|
+
rt("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
|
|
812
|
-
class
|
|
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
|
|
837
|
+
class G extends te {
|
|
834
838
|
constructor(t) {
|
|
835
|
-
if (super(t), this.it = c, t.type !==
|
|
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 ===
|
|
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,32 +848,36 @@ class K extends Yt {
|
|
|
844
848
|
return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
|
|
845
849
|
}
|
|
846
850
|
}
|
|
847
|
-
|
|
851
|
+
G.directiveName = "unsafeHTML", G.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
|
|
857
|
+
class Q extends G {
|
|
854
858
|
}
|
|
855
|
-
|
|
856
|
-
const
|
|
859
|
+
Q.directiveName = "unsafeSVG", Q.resultType = 2;
|
|
860
|
+
const X = Yt(Q), 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
|
-
`,
|
|
860
|
-
|
|
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
|
+
`, wt = {
|
|
867
|
+
wishlist: ee,
|
|
868
|
+
playerv: se
|
|
861
869
|
};
|
|
862
|
-
var
|
|
863
|
-
for (var r = s > 1 ? void 0 : s ?
|
|
870
|
+
var re = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, Et = (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 &&
|
|
873
|
+
return s && r && re(t, e, r), r;
|
|
866
874
|
};
|
|
867
|
-
let
|
|
875
|
+
let V = class extends S {
|
|
868
876
|
constructor() {
|
|
869
877
|
super(...arguments), this.status = "empty";
|
|
870
878
|
}
|
|
871
879
|
render() {
|
|
872
|
-
const i =
|
|
880
|
+
const i = wt.wishlist.replace(
|
|
873
881
|
"<svg",
|
|
874
882
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
875
883
|
);
|
|
@@ -881,7 +889,7 @@ let B = class extends S {
|
|
|
881
889
|
class="wishlist-button"
|
|
882
890
|
@click="${this.toggleStatus}"
|
|
883
891
|
>
|
|
884
|
-
${
|
|
892
|
+
${X(i)}
|
|
885
893
|
</button>
|
|
886
894
|
`;
|
|
887
895
|
}
|
|
@@ -892,7 +900,7 @@ let B = class extends S {
|
|
|
892
900
|
this.status = i, this.requestUpdate();
|
|
893
901
|
}
|
|
894
902
|
};
|
|
895
|
-
|
|
903
|
+
V.styles = j`
|
|
896
904
|
:host {
|
|
897
905
|
display: inline-flex;
|
|
898
906
|
justify-content: center;
|
|
@@ -932,16 +940,16 @@ B.styles = R`
|
|
|
932
940
|
fill: var(--color-alpha-light-strong);
|
|
933
941
|
}
|
|
934
942
|
`;
|
|
935
|
-
|
|
943
|
+
Et([
|
|
936
944
|
p({ type: String, reflect: !0 })
|
|
937
|
-
],
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
],
|
|
941
|
-
var
|
|
942
|
-
for (var r = s > 1 ? void 0 : s ?
|
|
945
|
+
], V.prototype, "status", 2);
|
|
946
|
+
V = Et([
|
|
947
|
+
rt("o-wishlist-button")
|
|
948
|
+
], V);
|
|
949
|
+
var oe = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, _ = (i, t, e, s) => {
|
|
950
|
+
for (var r = s > 1 ? void 0 : s ? ne(t, e) : t, n = i.length - 1, o; n >= 0; n--)
|
|
943
951
|
(o = i[n]) && (r = (s ? o(t, e, r) : o(r)) || r);
|
|
944
|
-
return s && r &&
|
|
952
|
+
return s && r && oe(t, e, r), r;
|
|
945
953
|
};
|
|
946
954
|
let g = class extends S {
|
|
947
955
|
constructor() {
|
|
@@ -951,14 +959,14 @@ let g = class extends S {
|
|
|
951
959
|
super.updated(i), this.style.setProperty("--icon-stroke-width", this.strokewidth);
|
|
952
960
|
}
|
|
953
961
|
render() {
|
|
954
|
-
const t = (
|
|
962
|
+
const t = (wt[this.icon] ?? "").replace(
|
|
955
963
|
"<svg",
|
|
956
964
|
'<svg aria-hidden="true" focusable="false" part="svg"'
|
|
957
965
|
);
|
|
958
966
|
return w`
|
|
959
967
|
${this.type === "span" ? w`
|
|
960
968
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status}" ?disabled="${this.disabled}">
|
|
961
|
-
${
|
|
969
|
+
${X(t)}
|
|
962
970
|
</span>
|
|
963
971
|
` : w`
|
|
964
972
|
<button
|
|
@@ -967,13 +975,13 @@ let g = class extends S {
|
|
|
967
975
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status}"
|
|
968
976
|
?disabled="${this.disabled}"
|
|
969
977
|
>
|
|
970
|
-
${
|
|
978
|
+
${X(t)}
|
|
971
979
|
</button>
|
|
972
980
|
`}
|
|
973
981
|
`;
|
|
974
982
|
}
|
|
975
983
|
};
|
|
976
|
-
g.styles =
|
|
984
|
+
g.styles = j`
|
|
977
985
|
:host {
|
|
978
986
|
display: inline-flex;
|
|
979
987
|
justify-content: center;
|
|
@@ -1087,6 +1095,7 @@ g.styles = R`
|
|
|
1087
1095
|
svg {
|
|
1088
1096
|
path {
|
|
1089
1097
|
stroke: var(--color-content-action-primary);
|
|
1098
|
+
fill: var(--color-content-action-primary);
|
|
1090
1099
|
}
|
|
1091
1100
|
}
|
|
1092
1101
|
|
|
@@ -1119,6 +1128,7 @@ g.styles = R`
|
|
|
1119
1128
|
|
|
1120
1129
|
path {
|
|
1121
1130
|
stroke: var(--color-content-disabled);
|
|
1131
|
+
fill: var(--color-content-disabled);
|
|
1122
1132
|
}
|
|
1123
1133
|
}
|
|
1124
1134
|
|
|
@@ -1146,5 +1156,5 @@ _([
|
|
|
1146
1156
|
p({ type: Boolean, reflect: !0 })
|
|
1147
1157
|
], g.prototype, "disabled", 2);
|
|
1148
1158
|
g = _([
|
|
1149
|
-
|
|
1159
|
+
rt("o-icon-button")
|
|
1150
1160
|
], g);
|