@florid-kit/components 0.4.4 → 0.4.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.
- package/index.js +25 -14
- package/index.mjs +203 -192
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -6,21 +6,21 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ot,defineProperty:
|
|
9
|
+
*/const{is:Ot,defineProperty:zt,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Ht,getOwnPropertySymbols:Tt,getPrototypeOf:Dt}=Object,C=globalThis,gt=C.trustedTypes,Ut=gt?gt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Ut:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},pt=(n,t)=>!Ot(n,t),yt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:pt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),C.litPropertyMetadata??(C.litPropertyMetadata=new WeakMap);let T=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=yt){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(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&zt(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:i}=Mt(this.prototype,t)??{get(){return this[e]},set(r){this[e]=r}};return{get:o,set(r){const c=o==null?void 0:o.call(this);i==null||i.call(this,r),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??yt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Dt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,s=[...Ht(e),...Tt(e)];for(const o of s)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,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 o of s)e.unshift(bt(o))}else t!==void 0&&e.push(bt(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 Bt(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 i;const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){const r=(((i=s.converter)==null?void 0:i.toAttribute)!==void 0?s.converter:J).toAttribute(e,s.type);this._$Em=t,r==null?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){var i,r;const s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=s.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((i=c.converter)==null?void 0:i.fromAttribute)!==void 0?c.converter:J;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((r=this._$Ej)==null?void 0:r.get(o))??null,this._$Em=null}}requestUpdate(t,e,s){var o;if(t!==void 0){const i=this.constructor,r=this[t];if(s??(s=i.getPropertyOptions(t)),!((s.hasChanged??pt)(r,e)||s.useDefault&&s.reflect&&r===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(i._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:i},r){s&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,r??e??this[t]),i!==!0||r!==void 0)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),o===!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[i,r]of this._$Ep)this[i]=r;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[i,r]of o){const{wrapped:c}=r,l=this[i];c!==!0||this._$AL.has(i)||l===void 0||this.C(i,void 0,r,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(o=>{var i;return(i=o.hostUpdate)==null?void 0:i.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var o;return(o=s.hostUpdated)==null?void 0:o.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){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,st==null||st({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const V=globalThis,Q=V.trustedTypes,mt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Ct="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Lt="?"+E,Nt=`<${Lt}>`,O=document,F=()=>O.createComment(""),q=n=>n===null||typeof n!="object"&&typeof n!="function",ut=Array.isArray,jt=n=>ut(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",ot=`[
|
|
14
14
|
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,wt=/>/g,k=RegExp(`>|${ot}(?:([^\\s"'>=/]+)(${ot}*=${ot}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),d=Rt(1),
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),d=Rt(1),z=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),At=new WeakMap,I=O.createTreeWalker(O,129);function kt(n,t){if(!ut(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return mt!==void 0?mt.createHTML(t):t}const Vt=(n,t)=>{const e=n.length-1,s=[];let o,i=t===2?"<svg>":t===3?"<math>":"",r=j;for(let c=0;c<e;c++){const l=n[c];let f,v,p=-1,x=0;for(;x<l.length&&(r.lastIndex=x,v=r.exec(l),v!==null);)x=r.lastIndex,r===j?v[1]==="!--"?r=$t:v[1]!==void 0?r=wt:v[2]!==void 0?(Pt.test(v[2])&&(o=RegExp("</"+v[2],"g")),r=k):v[3]!==void 0&&(r=k):r===k?v[0]===">"?(r=o??j,p=-1):v[1]===void 0?p=-2:(p=r.lastIndex-v[2].length,f=v[1],r=v[3]===void 0?k:v[3]==='"'?_t:xt):r===_t||r===xt?r=k:r===$t||r===wt?r=j:(r=k,o=void 0);const S=r===k&&n[c+1].startsWith("/>")?" ":"";i+=r===j?l+Nt:p>=0?(s.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[kt(n,i+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),s]};class Z{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let i=0,r=0;const c=t.length-1,l=this.parts,[f,v]=Vt(t,e);if(this.el=Z.createElement(f,s),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Ct)){const x=v[r++],S=o.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:i,name:K[2],strings:S,ctor:K[1]==="."?qt:K[1]==="?"?Zt:K[1]==="@"?Wt:Y}),o.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:i}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(E),x=p.length-1;if(x>0){o.textContent=Q?Q.emptyScript:"";for(let S=0;S<x;S++)o.append(p[S],F()),I.nextNode(),l.push({type:2,index:++i});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===Lt)l.push({type:2,index:i});else{let p=-1;for(;(p=o.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:i}),p+=E.length-1}i++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function D(n,t,e=n,s){var r,c;if(t===z)return t;let o=s!==void 0?(r=e._$Co)==null?void 0:r[s]:e._$Cl;const i=q(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==i&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),i===void 0?o=void 0:(o=new i(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,s)),t}class Ft{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,o=((t==null?void 0:t.creationScope)??O).importNode(e,!0);I.currentNode=o;let i=I.nextNode(),r=0,c=0,l=s[0];for(;l!==void 0;){if(r===l.index){let f;l.type===2?f=new G(i,i.nextSibling,this,t):l.type===1?f=new l.ctor(i,l.name,l.strings,this,t):l.type===6&&(f=new Gt(i,this,t)),this._$AV.push(f),l=s[++c]}r!==(l==null?void 0:l.index)&&(i=I.nextNode(),r++)}return I.currentNode=O,o}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 G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.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=D(this,t,e),q(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):jt(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!==h&&q(this._$AH)?this._$AA.nextSibling.data=t:this.T(O.createTextNode(t)),this._$AH=t}$(t){var i;const{values:e,_$litType$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=Z.createElement(kt(s.h,s.h[0]),this.options)),s);if(((i=this._$AH)==null?void 0:i._$AD)===o)this._$AH.p(e);else{const r=new Ft(o,this),c=r.u(this.options);r.p(e),this.T(c),this._$AH=r}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new Z(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const i of t)o===e.length?e.push(s=new G(this.O(F()),this.O(F()),this,this.options)):s=e[o],s._$AI(i),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$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 o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,i){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=i,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=h}_$AI(t,e=this,s,o){const i=this.strings;let r=!1;if(i===void 0)t=D(this,t,e,0),r=!q(t)||t!==this._$AH&&t!==z,r&&(this._$AH=t);else{const c=t;let l,f;for(t=i[0],l=0;l<i.length-1;l++)f=D(this,c[s+l],e,l),f===z&&(f=this._$AH[l]),r||(r=!q(f)||f!==this._$AH[l]),f===h?t=h:t!==h&&(t+=(f??"")+i[l+1]),this._$AH[l]=f}r&&!o&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Zt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Wt extends Y{constructor(t,e,s,o,i){super(t,e,s,o,i),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??h)===z)return;const s=this._$AH,o=t===h&&s!==h||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,i=t!==h&&(s===h||o);o&&this.element.removeEventListener(this.name,this,s),i&&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 Gt{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){D(this,t)}}const rt=V.litHtmlPolyfillSupport;rt==null||rt(Z,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const i=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new G(t.insertBefore(F(),i),i,void 0,e??{})}return o._$AI(n),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const B=globalThis;let m=class extends T{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=Kt(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
|
|
19
|
+
*/const B=globalThis;let m=class extends T{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=Kt(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 z}};var St;m._$litElement$=!0,m.finalized=!0,(St=B.litElementHydrateSupport)==null||St.call(B,{LitElement:m});const it=B.litElementPolyfillSupport;it==null||it({LitElement:m});(B.litElementVersions??(B.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 M=n=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(n,t)}):customElements.define(n,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
* @license
|
|
106
106
|
* Copyright 2017 Google LLC
|
|
107
107
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
108
|
-
*/class lt extends ge{constructor(t){if(super(t),this.it=h,t.type!==ve.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===
|
|
108
|
+
*/class lt extends ge{constructor(t){if(super(t),this.it=h,t.type!==ve.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===h||t==null)return this._t=void 0,this.it=t;if(t===z)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:[]}}}lt.directiveName="unsafeHTML",lt.resultType=1;/**
|
|
109
109
|
* @license
|
|
110
110
|
* Copyright 2017 Google LLC
|
|
111
111
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
transform: translateX(4px);
|
|
289
289
|
}
|
|
290
290
|
//End icon movment on hover
|
|
291
|
-
`;g([a()],u.prototype,"type",2);g([a({reflect:!0})],u.prototype,"value",2);g([a({type:String,reflect:!0})],u.prototype,"variant",2);g([a({type:String})],u.prototype,"text",2);g([a({type:String})],u.prototype,"textsecond",2);g([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);g([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);g([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);g([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);g([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);g([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);g([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);g([a({type:String})],u.prototype,"href",2);g([a({type:String})],u.prototype,"target",2);u=g([
|
|
291
|
+
`;g([a()],u.prototype,"type",2);g([a({reflect:!0})],u.prototype,"value",2);g([a({type:String,reflect:!0})],u.prototype,"variant",2);g([a({type:String})],u.prototype,"text",2);g([a({type:String})],u.prototype,"textsecond",2);g([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);g([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);g([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);g([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);g([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);g([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);g([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);g([a({type:String})],u.prototype,"href",2);g([a({type:String})],u.prototype,"target",2);u=g([M("o-button")],u);var we=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,et=(n,t,e,s)=>{for(var o=s>1?void 0:s?xe(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&we(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
292
292
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
293
293
|
<span class="sr-only">${this.label}</span>
|
|
294
294
|
${W(n)}
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
width: 0.1rem !important;
|
|
353
353
|
white-space: nowrap !important;
|
|
354
354
|
}
|
|
355
|
-
`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([
|
|
355
|
+
`;et([a({type:String,reflect:!0})],U.prototype,"status",2);et([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);et([a({type:String,reflect:!0})],U.prototype,"label",2);U=et([M("o-wishlist-button")],U);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,L=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ae(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&_e(t,e,o),o};let $=class extends m{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(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
356
356
|
${this.type==="span"?d`
|
|
357
357
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
358
358
|
${W(e)}
|
|
@@ -524,7 +524,7 @@
|
|
|
524
524
|
}
|
|
525
525
|
|
|
526
526
|
}
|
|
527
|
-
`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([
|
|
527
|
+
`;L([a({type:String,reflect:!0})],$.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],$.prototype,"size",2);L([a({type:String,reflect:!0})],$.prototype,"status",2);L([a({type:String,reflect:!0})],$.prototype,"type",2);L([a({type:String})],$.prototype,"strokewidth",2);L([a({type:String})],$.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],$.prototype,"disabled",2);$=L([M("o-icon-button")],$);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ee(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&Se(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return d`
|
|
528
528
|
<a href="${this.href}" target="${this.target}">
|
|
529
529
|
${this.endIcon&&this.reverseEndIcon?d`
|
|
530
530
|
<o-icon-button
|
|
@@ -633,7 +633,7 @@
|
|
|
633
633
|
height: 1px;
|
|
634
634
|
}
|
|
635
635
|
/* End of underline effect */
|
|
636
|
-
`;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([
|
|
636
|
+
`;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([M("o-link")],_);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,nt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Le(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&Ce(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,n.push(`star-${s}`)}return n}render(){const n=this.getStarKeys();return d`
|
|
637
637
|
<div class="rating">
|
|
638
638
|
<div class="stars">
|
|
639
639
|
${n.map(t=>d`<span class="star">${W(tt[t]??"")}</span>`)}
|
|
@@ -673,7 +673,7 @@
|
|
|
673
673
|
text-decoration: underline;
|
|
674
674
|
cursor: pointer;
|
|
675
675
|
}
|
|
676
|
-
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([
|
|
676
|
+
`;nt([a({type:Number})],N.prototype,"rating",2);nt([a({type:String})],N.prototype,"reviewCount",2);nt([a({type:String})],N.prototype,"href",2);N=nt([M("o-rating")],N);var Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?ke(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&Pe(t,e,o),o};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return d`
|
|
677
677
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
678
678
|
<div
|
|
679
679
|
class="panel"
|
|
@@ -813,7 +813,7 @@
|
|
|
813
813
|
max-width: none;
|
|
814
814
|
}
|
|
815
815
|
}
|
|
816
|
-
`;y([a({type:Boolean,reflect:!0})],b.prototype,"open",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);y([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);y([a({type:Function})],b.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);y([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);b=y([
|
|
816
|
+
`;y([a({type:Boolean,reflect:!0})],b.prototype,"open",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);y([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);y([a({type:Function})],b.prototype,"onFirstButtonClick",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);y([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);y([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);y([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);b=y([M("o-side-panel")],b);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,P=(n,t,e,s)=>{for(var o=s>1?void 0:s?Be(t,e):t,i=n.length-1,r;i>=0;i--)(r=n[i])&&(o=(s?r(t,e,o):r(o))||o);return s&&o&&Ie(t,e,o),o};let w=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0}handleKeyDown(n){n.key==="ArrowRight"?(n.preventDefault(),this.focusNext()):n.key==="ArrowLeft"?(n.preventDefault(),this.focusPrevious()):(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.selectThumbnail(this.focusedIndex))}focusNext(){let n=this.focusedIndex+1;for(;this.disabledIndexes.includes(n)&&n<this.thumbnails.length;)n++;n<this.thumbnails.length&&(this.focusedIndex=n,this.focusThumbnail(n))}focusPrevious(){let n=this.focusedIndex-1;for(;this.disabledIndexes.includes(n)&&n>=0;)n--;n>=0&&(this.focusedIndex=n,this.focusThumbnail(n))}focusThumbnail(n){const t=this.renderRoot.querySelector(`[data-index="${n}"]`);t==null||t.focus()}selectThumbnail(n){this.disabledIndexes.includes(n)||(this.activeIndex=n,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(n),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:n}})))}render(){return d`
|
|
817
817
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
818
818
|
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),s=this.activeIndex===t,o=n.type==="video";return d`
|
|
819
819
|
<div class="thumb-wrapper">
|
|
@@ -852,10 +852,11 @@
|
|
|
852
852
|
opacity: 1;
|
|
853
853
|
cursor: pointer;
|
|
854
854
|
outline: none;
|
|
855
|
-
transition:
|
|
855
|
+
transition: outline 0.2s, opacity 0.2s;
|
|
856
856
|
padding: 0;
|
|
857
857
|
margin: 0;
|
|
858
858
|
box-sizing: content-box;
|
|
859
|
+
position: relative;
|
|
859
860
|
|
|
860
861
|
img {
|
|
861
862
|
width: 100%;
|
|
@@ -867,7 +868,17 @@
|
|
|
867
868
|
}
|
|
868
869
|
|
|
869
870
|
.thumb[aria-selected="true"] {
|
|
870
|
-
|
|
871
|
+
&::before {
|
|
872
|
+
content: "";
|
|
873
|
+
position: absolute;
|
|
874
|
+
top: 0;
|
|
875
|
+
left: 0;
|
|
876
|
+
right: 0;
|
|
877
|
+
bottom: 0;
|
|
878
|
+
border: 1px solid var(--color-border-primary);
|
|
879
|
+
pointer-events: none;
|
|
880
|
+
z-index: 1;
|
|
881
|
+
}
|
|
871
882
|
}
|
|
872
883
|
|
|
873
884
|
.thumb[disabled] {
|
|
@@ -924,4 +935,4 @@
|
|
|
924
935
|
height: 0;
|
|
925
936
|
width: 0;
|
|
926
937
|
}
|
|
927
|
-
`;P([a({type:Array})],w.prototype,"thumbnails",2);P([a({type:Number})],w.prototype,"activeIndex",2);P([a({type:Array})],w.prototype,"disabledIndexes",2);P([a({type:Object})],w.prototype,"playIcon",2);P([a({type:String})],w.prototype,"maxWidth",2);P([a({type:Object})],w.prototype,"swiperInstance",2);P([Qt()],w.prototype,"focusedIndex",2);w=P([
|
|
938
|
+
`;P([a({type:Array})],w.prototype,"thumbnails",2);P([a({type:Number})],w.prototype,"activeIndex",2);P([a({type:Array})],w.prototype,"disabledIndexes",2);P([a({type:Object})],w.prototype,"playIcon",2);P([a({type:String})],w.prototype,"maxWidth",2);P([a({type:Object})],w.prototype,"swiperInstance",2);P([Qt()],w.prototype,"focusedIndex",2);w=P([M("thumbnail-navigation")],w);
|
package/index.mjs
CHANGED
|
@@ -5,16 +5,16 @@
|
|
|
5
5
|
*/
|
|
6
6
|
const X = globalThis, ht = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, dt = Symbol(), vt = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
let Et = class {
|
|
8
|
-
constructor(t, e,
|
|
9
|
-
if (this._$cssResult$ = !0,
|
|
8
|
+
constructor(t, e, o) {
|
|
9
|
+
if (this._$cssResult$ = !0, o !== dt) 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
15
|
if (ht && t === void 0) {
|
|
16
|
-
const
|
|
17
|
-
|
|
16
|
+
const o = e !== void 0 && e.length === 1;
|
|
17
|
+
o && (t = vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && vt.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -23,21 +23,21 @@ let Et = class {
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n, ...t) => {
|
|
26
|
-
const e = n.length === 1 ? n[0] : t.reduce((
|
|
26
|
+
const e = n.length === 1 ? n[0] : t.reduce((o, s, i) => o + ((r) => {
|
|
27
27
|
if (r._$cssResult$ === !0) return r.cssText;
|
|
28
28
|
if (typeof r == "number") return r;
|
|
29
29
|
throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
|
-
})(
|
|
30
|
+
})(s) + n[i + 1], n[0]);
|
|
31
31
|
return new Et(e, n, dt);
|
|
32
32
|
}, Bt = (n, t) => {
|
|
33
33
|
if (ht) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
34
34
|
else for (const e of t) {
|
|
35
|
-
const
|
|
36
|
-
|
|
35
|
+
const o = document.createElement("style"), s = X.litNonce;
|
|
36
|
+
s !== void 0 && o.setAttribute("nonce", s), o.textContent = e.cssText, n.appendChild(o);
|
|
37
37
|
}
|
|
38
38
|
}, bt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
40
|
-
for (const
|
|
40
|
+
for (const o of t.cssRules) e += o.cssText;
|
|
41
41
|
return It(e);
|
|
42
42
|
})(n) : n;
|
|
43
43
|
/**
|
|
@@ -45,7 +45,7 @@ const It = (n) => new Et(typeof n == "string" ? n : n + "", void 0, dt), A = (n,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: Ot, defineProperty:
|
|
48
|
+
const { is: Ot, defineProperty: zt, getOwnPropertyDescriptor: Mt, getOwnPropertyNames: Ht, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis, gt = C.trustedTypes, Ut = gt ? gt.emptyScript : "", ot = C.reactiveElementPolyfillSupport, R = (n, t) => n, J = { toAttribute(n, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
n = n ? Ut : null;
|
|
@@ -84,19 +84,19 @@ let T = class extends HTMLElement {
|
|
|
84
84
|
}
|
|
85
85
|
static createProperty(t, e = yt) {
|
|
86
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
|
-
const
|
|
88
|
-
|
|
87
|
+
const o = Symbol(), s = this.getPropertyDescriptor(t, o, e);
|
|
88
|
+
s !== void 0 && zt(this.prototype, t, s);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
|
-
static getPropertyDescriptor(t, e,
|
|
92
|
-
const { get:
|
|
91
|
+
static getPropertyDescriptor(t, e, o) {
|
|
92
|
+
const { get: s, set: i } = Mt(this.prototype, t) ?? { get() {
|
|
93
93
|
return this[e];
|
|
94
94
|
}, set(r) {
|
|
95
95
|
this[e] = r;
|
|
96
96
|
} };
|
|
97
|
-
return { get:
|
|
98
|
-
const c =
|
|
99
|
-
i == null || i.call(this, r), this.requestUpdate(t, c,
|
|
97
|
+
return { get: s, set(r) {
|
|
98
|
+
const c = s == null ? void 0 : s.call(this);
|
|
99
|
+
i == null || i.call(this, r), this.requestUpdate(t, c, o);
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(t) {
|
|
@@ -110,32 +110,32 @@ let T = class extends HTMLElement {
|
|
|
110
110
|
static finalize() {
|
|
111
111
|
if (this.hasOwnProperty(R("finalized"))) return;
|
|
112
112
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
|
|
113
|
-
const e = this.properties,
|
|
114
|
-
for (const
|
|
113
|
+
const e = this.properties, o = [...Ht(e), ...Tt(e)];
|
|
114
|
+
for (const s of o) this.createProperty(s, e[s]);
|
|
115
115
|
}
|
|
116
116
|
const t = this[Symbol.metadata];
|
|
117
117
|
if (t !== null) {
|
|
118
118
|
const e = litPropertyMetadata.get(t);
|
|
119
|
-
if (e !== void 0) for (const [
|
|
119
|
+
if (e !== void 0) for (const [o, s] of e) this.elementProperties.set(o, s);
|
|
120
120
|
}
|
|
121
121
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
122
|
-
for (const [e,
|
|
123
|
-
const
|
|
124
|
-
|
|
122
|
+
for (const [e, o] of this.elementProperties) {
|
|
123
|
+
const s = this._$Eu(e, o);
|
|
124
|
+
s !== void 0 && this._$Eh.set(s, e);
|
|
125
125
|
}
|
|
126
126
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
127
127
|
}
|
|
128
128
|
static finalizeStyles(t) {
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
|
-
const
|
|
132
|
-
for (const
|
|
131
|
+
const o = new Set(t.flat(1 / 0).reverse());
|
|
132
|
+
for (const s of o) e.unshift(bt(s));
|
|
133
133
|
} else t !== void 0 && e.push(bt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
137
|
-
const
|
|
138
|
-
return
|
|
137
|
+
const o = e.attribute;
|
|
138
|
+
return o === !1 ? void 0 : typeof o == "string" ? o : typeof t == "string" ? t.toLowerCase() : void 0;
|
|
139
139
|
}
|
|
140
140
|
constructor() {
|
|
141
141
|
super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
|
|
@@ -154,7 +154,7 @@ let T = class extends HTMLElement {
|
|
|
154
154
|
}
|
|
155
155
|
_$E_() {
|
|
156
156
|
const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
|
|
157
|
-
for (const
|
|
157
|
+
for (const o of e.keys()) this.hasOwnProperty(o) && (t.set(o, this[o]), delete this[o]);
|
|
158
158
|
t.size > 0 && (this._$Ep = t);
|
|
159
159
|
}
|
|
160
160
|
createRenderRoot() {
|
|
@@ -164,8 +164,8 @@ let T = class extends HTMLElement {
|
|
|
164
164
|
connectedCallback() {
|
|
165
165
|
var t;
|
|
166
166
|
this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$EO) == null || t.forEach((e) => {
|
|
167
|
-
var
|
|
168
|
-
return (
|
|
167
|
+
var o;
|
|
168
|
+
return (o = e.hostConnected) == null ? void 0 : o.call(e);
|
|
169
169
|
});
|
|
170
170
|
}
|
|
171
171
|
enableUpdating(t) {
|
|
@@ -173,40 +173,40 @@ let T = class extends HTMLElement {
|
|
|
173
173
|
disconnectedCallback() {
|
|
174
174
|
var t;
|
|
175
175
|
(t = this._$EO) == null || t.forEach((e) => {
|
|
176
|
-
var
|
|
177
|
-
return (
|
|
176
|
+
var o;
|
|
177
|
+
return (o = e.hostDisconnected) == null ? void 0 : o.call(e);
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
|
-
attributeChangedCallback(t, e,
|
|
181
|
-
this._$AK(t,
|
|
180
|
+
attributeChangedCallback(t, e, o) {
|
|
181
|
+
this._$AK(t, o);
|
|
182
182
|
}
|
|
183
183
|
_$ET(t, e) {
|
|
184
184
|
var i;
|
|
185
|
-
const
|
|
186
|
-
if (
|
|
187
|
-
const r = (((i =
|
|
188
|
-
this._$Em = t, r == null ? this.removeAttribute(
|
|
185
|
+
const o = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, o);
|
|
186
|
+
if (s !== void 0 && o.reflect === !0) {
|
|
187
|
+
const r = (((i = o.converter) == null ? void 0 : i.toAttribute) !== void 0 ? o.converter : J).toAttribute(e, o.type);
|
|
188
|
+
this._$Em = t, r == null ? this.removeAttribute(s) : this.setAttribute(s, r), this._$Em = null;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
_$AK(t, e) {
|
|
192
192
|
var i, r;
|
|
193
|
-
const
|
|
194
|
-
if (
|
|
195
|
-
const c =
|
|
196
|
-
this._$Em =
|
|
193
|
+
const o = this.constructor, s = o._$Eh.get(t);
|
|
194
|
+
if (s !== void 0 && this._$Em !== s) {
|
|
195
|
+
const c = o.getPropertyOptions(s), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((i = c.converter) == null ? void 0 : i.fromAttribute) !== void 0 ? c.converter : J;
|
|
196
|
+
this._$Em = s, this[s] = l.fromAttribute(e, c.type) ?? ((r = this._$Ej) == null ? void 0 : r.get(s)) ?? null, this._$Em = null;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
|
-
requestUpdate(t, e,
|
|
200
|
-
var
|
|
199
|
+
requestUpdate(t, e, o) {
|
|
200
|
+
var s;
|
|
201
201
|
if (t !== void 0) {
|
|
202
202
|
const i = this.constructor, r = this[t];
|
|
203
|
-
if (
|
|
204
|
-
this.C(t, e,
|
|
203
|
+
if (o ?? (o = i.getPropertyOptions(t)), !((o.hasChanged ?? pt)(r, e) || o.useDefault && o.reflect && r === ((s = this._$Ej) == null ? void 0 : s.get(t)) && !this.hasAttribute(i._$Eu(t, o)))) return;
|
|
204
|
+
this.C(t, e, o);
|
|
205
205
|
}
|
|
206
206
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
207
207
|
}
|
|
208
|
-
C(t, e, { useDefault:
|
|
209
|
-
|
|
208
|
+
C(t, e, { useDefault: o, reflect: s, wrapped: i }, r) {
|
|
209
|
+
o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, r ?? e ?? this[t]), i !== !0 || r !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), s === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
|
|
210
210
|
}
|
|
211
211
|
async _$EP() {
|
|
212
212
|
this.isUpdatePending = !0;
|
|
@@ -222,15 +222,15 @@ let T = class extends HTMLElement {
|
|
|
222
222
|
return this.performUpdate();
|
|
223
223
|
}
|
|
224
224
|
performUpdate() {
|
|
225
|
-
var
|
|
225
|
+
var o;
|
|
226
226
|
if (!this.isUpdatePending) return;
|
|
227
227
|
if (!this.hasUpdated) {
|
|
228
228
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
229
229
|
for (const [i, r] of this._$Ep) this[i] = r;
|
|
230
230
|
this._$Ep = void 0;
|
|
231
231
|
}
|
|
232
|
-
const
|
|
233
|
-
if (
|
|
232
|
+
const s = this.constructor.elementProperties;
|
|
233
|
+
if (s.size > 0) for (const [i, r] of s) {
|
|
234
234
|
const { wrapped: c } = r, l = this[i];
|
|
235
235
|
c !== !0 || this._$AL.has(i) || l === void 0 || this.C(i, void 0, r, l);
|
|
236
236
|
}
|
|
@@ -238,12 +238,12 @@ let T = class extends HTMLElement {
|
|
|
238
238
|
let t = !1;
|
|
239
239
|
const e = this._$AL;
|
|
240
240
|
try {
|
|
241
|
-
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (
|
|
241
|
+
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((s) => {
|
|
242
242
|
var i;
|
|
243
|
-
return (i =
|
|
243
|
+
return (i = s.hostUpdate) == null ? void 0 : i.call(s);
|
|
244
244
|
}), this.update(e)) : this._$EM();
|
|
245
|
-
} catch (
|
|
246
|
-
throw t = !1, this._$EM(),
|
|
245
|
+
} catch (s) {
|
|
246
|
+
throw t = !1, this._$EM(), s;
|
|
247
247
|
}
|
|
248
248
|
t && this._$AE(e);
|
|
249
249
|
}
|
|
@@ -251,9 +251,9 @@ let T = class extends HTMLElement {
|
|
|
251
251
|
}
|
|
252
252
|
_$AE(t) {
|
|
253
253
|
var e;
|
|
254
|
-
(e = this._$EO) == null || e.forEach((
|
|
255
|
-
var
|
|
256
|
-
return (
|
|
254
|
+
(e = this._$EO) == null || e.forEach((o) => {
|
|
255
|
+
var s;
|
|
256
|
+
return (s = o.hostUpdated) == null ? void 0 : s.call(o);
|
|
257
257
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
|
258
258
|
}
|
|
259
259
|
_$EM() {
|
|
@@ -276,74 +276,74 @@ let T = class extends HTMLElement {
|
|
|
276
276
|
firstUpdated(t) {
|
|
277
277
|
}
|
|
278
278
|
};
|
|
279
|
-
T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(),
|
|
279
|
+
T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProperties")] = /* @__PURE__ */ new Map(), T[R("finalized")] = /* @__PURE__ */ new Map(), ot == null || ot({ ReactiveElement: T }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.1.0");
|
|
280
280
|
/**
|
|
281
281
|
* @license
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, O = document, F = () => O.createComment(""), q = (n) => n === null || typeof n != "object" && typeof n != "function", ut = Array.isArray, jt = (n) => ut(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function",
|
|
286
|
-
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, k = RegExp(`>|${
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), d = Rt(1),
|
|
285
|
+
const V = globalThis, Q = V.trustedTypes, mt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Ct = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Lt = "?" + E, Nt = `<${Lt}>`, O = document, F = () => O.createComment(""), q = (n) => n === null || typeof n != "object" && typeof n != "function", ut = Array.isArray, jt = (n) => ut(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", st = `[
|
|
286
|
+
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, wt = />/g, k = RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, Pt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), d = Rt(1), z = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), I = O.createTreeWalker(O, 129);
|
|
288
288
|
function kt(n, t) {
|
|
289
289
|
if (!ut(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return mt !== void 0 ? mt.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
292
|
const Vt = (n, t) => {
|
|
293
|
-
const e = n.length - 1,
|
|
294
|
-
let
|
|
293
|
+
const e = n.length - 1, o = [];
|
|
294
|
+
let s, i = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", r = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = n[c];
|
|
297
297
|
let f, v, p = -1, x = 0;
|
|
298
|
-
for (; x < l.length && (r.lastIndex = x, v = r.exec(l), v !== null); ) x = r.lastIndex, r === j ? v[1] === "!--" ? r = $t : v[1] !== void 0 ? r = wt : v[2] !== void 0 ? (Pt.test(v[2]) && (
|
|
298
|
+
for (; x < l.length && (r.lastIndex = x, v = r.exec(l), v !== null); ) x = r.lastIndex, r === j ? v[1] === "!--" ? r = $t : v[1] !== void 0 ? r = wt : v[2] !== void 0 ? (Pt.test(v[2]) && (s = RegExp("</" + v[2], "g")), r = k) : v[3] !== void 0 && (r = k) : r === k ? v[0] === ">" ? (r = s ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = r.lastIndex - v[2].length, f = v[1], r = v[3] === void 0 ? k : v[3] === '"' ? _t : xt) : r === _t || r === xt ? r = k : r === $t || r === wt ? r = j : (r = k, s = void 0);
|
|
299
299
|
const S = r === k && n[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
-
i += r === j ? l + Nt : p >= 0 ? (
|
|
300
|
+
i += r === j ? l + Nt : p >= 0 ? (o.push(f), l.slice(0, p) + Ct + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
|
|
301
301
|
}
|
|
302
|
-
return [kt(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")),
|
|
302
|
+
return [kt(n, i + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
304
304
|
class Z {
|
|
305
|
-
constructor({ strings: t, _$litType$: e },
|
|
306
|
-
let
|
|
305
|
+
constructor({ strings: t, _$litType$: e }, o) {
|
|
306
|
+
let s;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let i = 0, r = 0;
|
|
309
309
|
const c = t.length - 1, l = this.parts, [f, v] = Vt(t, e);
|
|
310
|
-
if (this.el = Z.createElement(f,
|
|
310
|
+
if (this.el = Z.createElement(f, o), I.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const p = this.el.content.firstChild;
|
|
312
312
|
p.replaceWith(...p.childNodes);
|
|
313
313
|
}
|
|
314
|
-
for (; (
|
|
315
|
-
if (
|
|
316
|
-
if (
|
|
317
|
-
const x = v[r++], S =
|
|
318
|
-
l.push({ type: 1, index: i, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }),
|
|
319
|
-
} else p.startsWith(E) && (l.push({ type: 6, index: i }),
|
|
320
|
-
if (Pt.test(
|
|
321
|
-
const p =
|
|
314
|
+
for (; (s = I.nextNode()) !== null && l.length < c; ) {
|
|
315
|
+
if (s.nodeType === 1) {
|
|
316
|
+
if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Ct)) {
|
|
317
|
+
const x = v[r++], S = s.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
|
|
318
|
+
l.push({ type: 1, index: i, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Zt : K[1] === "@" ? Wt : Y }), s.removeAttribute(p);
|
|
319
|
+
} else p.startsWith(E) && (l.push({ type: 6, index: i }), s.removeAttribute(p));
|
|
320
|
+
if (Pt.test(s.tagName)) {
|
|
321
|
+
const p = s.textContent.split(E), x = p.length - 1;
|
|
322
322
|
if (x > 0) {
|
|
323
|
-
|
|
324
|
-
for (let S = 0; S < x; S++)
|
|
325
|
-
|
|
323
|
+
s.textContent = Q ? Q.emptyScript : "";
|
|
324
|
+
for (let S = 0; S < x; S++) s.append(p[S], F()), I.nextNode(), l.push({ type: 2, index: ++i });
|
|
325
|
+
s.append(p[x], F());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (
|
|
328
|
+
} else if (s.nodeType === 8) if (s.data === Lt) l.push({ type: 2, index: i });
|
|
329
329
|
else {
|
|
330
330
|
let p = -1;
|
|
331
|
-
for (; (p =
|
|
331
|
+
for (; (p = s.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: i }), p += E.length - 1;
|
|
332
332
|
}
|
|
333
333
|
i++;
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
337
|
-
const
|
|
338
|
-
return
|
|
337
|
+
const o = O.createElement("template");
|
|
338
|
+
return o.innerHTML = t, o;
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
|
-
function D(n, t, e = n,
|
|
341
|
+
function D(n, t, e = n, o) {
|
|
342
342
|
var r, c;
|
|
343
|
-
if (t ===
|
|
344
|
-
let
|
|
343
|
+
if (t === z) return t;
|
|
344
|
+
let s = o !== void 0 ? (r = e._$Co) == null ? void 0 : r[o] : e._$Cl;
|
|
345
345
|
const i = q(t) ? void 0 : t._$litDirective$;
|
|
346
|
-
return (
|
|
346
|
+
return (s == null ? void 0 : s.constructor) !== i && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), i === void 0 ? s = void 0 : (s = new i(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = D(n, s._$AS(n, t.values), s, o)), t;
|
|
347
347
|
}
|
|
348
348
|
class Ft {
|
|
349
349
|
constructor(t, e) {
|
|
@@ -356,21 +356,21 @@ class Ft {
|
|
|
356
356
|
return this._$AM._$AU;
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
|
-
const { el: { content: e }, parts:
|
|
360
|
-
I.currentNode =
|
|
361
|
-
let i = I.nextNode(), r = 0, c = 0, l =
|
|
359
|
+
const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? O).importNode(e, !0);
|
|
360
|
+
I.currentNode = s;
|
|
361
|
+
let i = I.nextNode(), r = 0, c = 0, l = o[0];
|
|
362
362
|
for (; l !== void 0; ) {
|
|
363
363
|
if (r === l.index) {
|
|
364
364
|
let f;
|
|
365
|
-
l.type === 2 ? f = new G(i, i.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(i, l.name, l.strings, this, t) : l.type === 6 && (f = new Gt(i, this, t)), this._$AV.push(f), l =
|
|
365
|
+
l.type === 2 ? f = new G(i, i.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(i, l.name, l.strings, this, t) : l.type === 6 && (f = new Gt(i, this, t)), this._$AV.push(f), l = o[++c];
|
|
366
366
|
}
|
|
367
367
|
r !== (l == null ? void 0 : l.index) && (i = I.nextNode(), r++);
|
|
368
368
|
}
|
|
369
|
-
return I.currentNode = O,
|
|
369
|
+
return I.currentNode = O, s;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
373
|
-
for (const
|
|
373
|
+
for (const o of this._$AV) o !== void 0 && (o.strings !== void 0 ? (o._$AI(t, o, e), e += o.strings.length - 2) : o._$AI(t[e])), e++;
|
|
374
374
|
}
|
|
375
375
|
}
|
|
376
376
|
class G {
|
|
@@ -378,8 +378,8 @@ class G {
|
|
|
378
378
|
var t;
|
|
379
379
|
return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
|
|
380
380
|
}
|
|
381
|
-
constructor(t, e,
|
|
382
|
-
this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM =
|
|
381
|
+
constructor(t, e, o, s) {
|
|
382
|
+
this.type = 2, this._$AH = h, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = s, this._$Cv = (s == null ? void 0 : s.isConnected) ?? !0;
|
|
383
383
|
}
|
|
384
384
|
get parentNode() {
|
|
385
385
|
let t = this._$AA.parentNode;
|
|
@@ -393,7 +393,7 @@ class G {
|
|
|
393
393
|
return this._$AB;
|
|
394
394
|
}
|
|
395
395
|
_$AI(t, e = this) {
|
|
396
|
-
t = D(this, t, e), q(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !==
|
|
396
|
+
t = D(this, t, e), q(t) ? t === h || t == null || t === "" ? (this._$AH !== h && this._$AR(), this._$AH = h) : t !== this._$AH && t !== z && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : jt(t) ? this.k(t) : this._(t);
|
|
397
397
|
}
|
|
398
398
|
O(t) {
|
|
399
399
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -406,10 +406,10 @@ class G {
|
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var i;
|
|
409
|
-
const { values: e, _$litType$:
|
|
410
|
-
if (((i = this._$AH) == null ? void 0 : i._$AD) ===
|
|
409
|
+
const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = Z.createElement(kt(o.h, o.h[0]), this.options)), o);
|
|
410
|
+
if (((i = this._$AH) == null ? void 0 : i._$AD) === s) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const r = new Ft(
|
|
412
|
+
const r = new Ft(s, this), c = r.u(this.options);
|
|
413
413
|
r.p(e), this.T(c), this._$AH = r;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
@@ -420,15 +420,15 @@ class G {
|
|
|
420
420
|
k(t) {
|
|
421
421
|
ut(this._$AH) || (this._$AH = [], this._$AR());
|
|
422
422
|
const e = this._$AH;
|
|
423
|
-
let
|
|
424
|
-
for (const i of t)
|
|
425
|
-
|
|
423
|
+
let o, s = 0;
|
|
424
|
+
for (const i of t) s === e.length ? e.push(o = new G(this.O(F()), this.O(F()), this, this.options)) : o = e[s], o._$AI(i), s++;
|
|
425
|
+
s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
|
|
426
426
|
}
|
|
427
427
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
428
|
-
var
|
|
429
|
-
for ((
|
|
430
|
-
const
|
|
431
|
-
t.remove(), t =
|
|
428
|
+
var o;
|
|
429
|
+
for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
430
|
+
const s = t.nextSibling;
|
|
431
|
+
t.remove(), t = s;
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
setConnected(t) {
|
|
@@ -443,19 +443,19 @@ class Y {
|
|
|
443
443
|
get _$AU() {
|
|
444
444
|
return this._$AM._$AU;
|
|
445
445
|
}
|
|
446
|
-
constructor(t, e,
|
|
447
|
-
this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM =
|
|
446
|
+
constructor(t, e, o, s, i) {
|
|
447
|
+
this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = i, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = h;
|
|
448
448
|
}
|
|
449
|
-
_$AI(t, e = this,
|
|
449
|
+
_$AI(t, e = this, o, s) {
|
|
450
450
|
const i = this.strings;
|
|
451
451
|
let r = !1;
|
|
452
|
-
if (i === void 0) t = D(this, t, e, 0), r = !q(t) || t !== this._$AH && t !==
|
|
452
|
+
if (i === void 0) t = D(this, t, e, 0), r = !q(t) || t !== this._$AH && t !== z, r && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
455
|
let l, f;
|
|
456
|
-
for (t = i[0], l = 0; l < i.length - 1; l++) f = D(this, c[
|
|
456
|
+
for (t = i[0], l = 0; l < i.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), r || (r = !q(f) || f !== this._$AH[l]), f === h ? t = h : t !== h && (t += (f ?? "") + i[l + 1]), this._$AH[l] = f;
|
|
457
457
|
}
|
|
458
|
-
r && !
|
|
458
|
+
r && !s && this.j(t);
|
|
459
459
|
}
|
|
460
460
|
j(t) {
|
|
461
461
|
t === h ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
@@ -478,13 +478,13 @@ class Zt extends Y {
|
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
480
|
class Wt extends Y {
|
|
481
|
-
constructor(t, e,
|
|
482
|
-
super(t, e,
|
|
481
|
+
constructor(t, e, o, s, i) {
|
|
482
|
+
super(t, e, o, s, i), this.type = 5;
|
|
483
483
|
}
|
|
484
484
|
_$AI(t, e = this) {
|
|
485
|
-
if ((t = D(this, t, e, 0) ?? h) ===
|
|
486
|
-
const
|
|
487
|
-
|
|
485
|
+
if ((t = D(this, t, e, 0) ?? h) === z) return;
|
|
486
|
+
const o = this._$AH, s = t === h && o !== h || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, i = t !== h && (o === h || s);
|
|
487
|
+
s && this.element.removeEventListener(this.name, this, o), i && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
488
488
|
}
|
|
489
489
|
handleEvent(t) {
|
|
490
490
|
var e;
|
|
@@ -492,8 +492,8 @@ class Wt extends Y {
|
|
|
492
492
|
}
|
|
493
493
|
}
|
|
494
494
|
class Gt {
|
|
495
|
-
constructor(t, e,
|
|
496
|
-
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options =
|
|
495
|
+
constructor(t, e, o) {
|
|
496
|
+
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = o;
|
|
497
497
|
}
|
|
498
498
|
get _$AU() {
|
|
499
499
|
return this._$AM._$AU;
|
|
@@ -505,13 +505,13 @@ class Gt {
|
|
|
505
505
|
const rt = V.litHtmlPolyfillSupport;
|
|
506
506
|
rt == null || rt(Z, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
|
|
507
507
|
const Kt = (n, t, e) => {
|
|
508
|
-
const
|
|
509
|
-
let
|
|
510
|
-
if (
|
|
508
|
+
const o = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
|
+
let s = o._$litPart$;
|
|
510
|
+
if (s === void 0) {
|
|
511
511
|
const i = (e == null ? void 0 : e.renderBefore) ?? null;
|
|
512
|
-
|
|
512
|
+
o._$litPart$ = s = new G(t.insertBefore(F(), i), i, void 0, e ?? {});
|
|
513
513
|
}
|
|
514
|
-
return
|
|
514
|
+
return s._$AI(n), s;
|
|
515
515
|
};
|
|
516
516
|
/**
|
|
517
517
|
* @license
|
|
@@ -541,7 +541,7 @@ let m = class extends T {
|
|
|
541
541
|
super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
|
|
542
542
|
}
|
|
543
543
|
render() {
|
|
544
|
-
return
|
|
544
|
+
return z;
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
547
|
var St;
|
|
@@ -554,7 +554,7 @@ it == null || it({ LitElement: m });
|
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
555
555
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
556
556
|
*/
|
|
557
|
-
const
|
|
557
|
+
const M = (n) => (t, e) => {
|
|
558
558
|
e !== void 0 ? e.addInitializer(() => {
|
|
559
559
|
customElements.define(n, t);
|
|
560
560
|
}) : customElements.define(n, t);
|
|
@@ -565,9 +565,9 @@ const z = (n) => (t, e) => {
|
|
|
565
565
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
566
566
|
*/
|
|
567
567
|
const Xt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged: pt }, Jt = (n = Xt, t, e) => {
|
|
568
|
-
const { kind:
|
|
569
|
-
let i = globalThis.litPropertyMetadata.get(
|
|
570
|
-
if (i === void 0 && globalThis.litPropertyMetadata.set(
|
|
568
|
+
const { kind: o, metadata: s } = e;
|
|
569
|
+
let i = globalThis.litPropertyMetadata.get(s);
|
|
570
|
+
if (i === void 0 && globalThis.litPropertyMetadata.set(s, i = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), i.set(e.name, n), o === "accessor") {
|
|
571
571
|
const { name: r } = e;
|
|
572
572
|
return { set(c) {
|
|
573
573
|
const l = t.get.call(this);
|
|
@@ -576,19 +576,19 @@ const Xt = { attribute: !0, type: String, converter: J, reflect: !1, hasChanged:
|
|
|
576
576
|
return c !== void 0 && this.C(r, void 0, n, c), c;
|
|
577
577
|
} };
|
|
578
578
|
}
|
|
579
|
-
if (
|
|
579
|
+
if (o === "setter") {
|
|
580
580
|
const { name: r } = e;
|
|
581
581
|
return function(c) {
|
|
582
582
|
const l = this[r];
|
|
583
583
|
t.call(this, c), this.requestUpdate(r, l, n);
|
|
584
584
|
};
|
|
585
585
|
}
|
|
586
|
-
throw Error("Unsupported decorator location: " +
|
|
586
|
+
throw Error("Unsupported decorator location: " + o);
|
|
587
587
|
};
|
|
588
588
|
function a(n) {
|
|
589
|
-
return (t, e) => typeof e == "object" ? Jt(n, t, e) : ((
|
|
590
|
-
const r =
|
|
591
|
-
return
|
|
589
|
+
return (t, e) => typeof e == "object" ? Jt(n, t, e) : ((o, s, i) => {
|
|
590
|
+
const r = s.hasOwnProperty(i);
|
|
591
|
+
return s.constructor.createProperty(i, o), r ? Object.getOwnPropertyDescriptor(s, i) : void 0;
|
|
592
592
|
})(n, t, e);
|
|
593
593
|
}
|
|
594
594
|
/**
|
|
@@ -632,12 +632,12 @@ function te(n) {
|
|
|
632
632
|
function ee(n) {
|
|
633
633
|
n.addInitializer((t) => {
|
|
634
634
|
const e = t;
|
|
635
|
-
e.addEventListener("click", async (
|
|
636
|
-
const { type:
|
|
637
|
-
if (!(!r ||
|
|
635
|
+
e.addEventListener("click", async (o) => {
|
|
636
|
+
const { type: s, [ft]: i } = e, { form: r } = i;
|
|
637
|
+
if (!(!r || s === "button") && (await new Promise((c) => {
|
|
638
638
|
setTimeout(c);
|
|
639
|
-
}), !
|
|
640
|
-
if (
|
|
639
|
+
}), !o.defaultPrevented)) {
|
|
640
|
+
if (s === "reset") {
|
|
641
641
|
r.reset();
|
|
642
642
|
return;
|
|
643
643
|
}
|
|
@@ -659,10 +659,10 @@ function ee(n) {
|
|
|
659
659
|
const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
660
660
|
<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"/>
|
|
661
661
|
</svg>
|
|
662
|
-
`,
|
|
662
|
+
`, oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
663
663
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
664
664
|
</svg>
|
|
665
|
-
`,
|
|
665
|
+
`, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
666
666
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
667
667
|
</svg>
|
|
668
668
|
`, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -711,8 +711,8 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
711
711
|
</svg>
|
|
712
712
|
`, tt = {
|
|
713
713
|
wishlist: ne,
|
|
714
|
-
playerv:
|
|
715
|
-
chevronRight:
|
|
714
|
+
playerv: oe,
|
|
715
|
+
chevronRight: se,
|
|
716
716
|
chevronLeft: re,
|
|
717
717
|
icoPlus: ue,
|
|
718
718
|
icoMinus: fe,
|
|
@@ -736,8 +736,8 @@ class ge {
|
|
|
736
736
|
get _$AU() {
|
|
737
737
|
return this._$AM._$AU;
|
|
738
738
|
}
|
|
739
|
-
_$AT(t, e,
|
|
740
|
-
this._$Ct = t, this._$AM = e, this._$Ci =
|
|
739
|
+
_$AT(t, e, o) {
|
|
740
|
+
this._$Ct = t, this._$AM = e, this._$Ci = o;
|
|
741
741
|
}
|
|
742
742
|
_$AS(t, e) {
|
|
743
743
|
return this.update(t, e);
|
|
@@ -757,7 +757,7 @@ class lt extends ge {
|
|
|
757
757
|
}
|
|
758
758
|
render(t) {
|
|
759
759
|
if (t === h || t == null) return this._t = void 0, this.it = t;
|
|
760
|
-
if (t ===
|
|
760
|
+
if (t === z) return t;
|
|
761
761
|
if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
|
|
762
762
|
if (t === this.it) return this._t;
|
|
763
763
|
this.it = t;
|
|
@@ -775,10 +775,10 @@ class ct extends lt {
|
|
|
775
775
|
}
|
|
776
776
|
ct.directiveName = "unsafeSVG", ct.resultType = 2;
|
|
777
777
|
const W = be(ct);
|
|
778
|
-
var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, g = (n, t, e,
|
|
779
|
-
for (var
|
|
780
|
-
(r = n[i]) && (
|
|
781
|
-
return
|
|
778
|
+
var ye = Object.defineProperty, me = Object.getOwnPropertyDescriptor, g = (n, t, e, o) => {
|
|
779
|
+
for (var s = o > 1 ? void 0 : o ? me(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
780
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
781
|
+
return o && s && ye(t, e, s), s;
|
|
782
782
|
};
|
|
783
783
|
const $e = te(m);
|
|
784
784
|
let u = class extends $e {
|
|
@@ -1046,12 +1046,12 @@ g([
|
|
|
1046
1046
|
a({ type: String })
|
|
1047
1047
|
], u.prototype, "target", 2);
|
|
1048
1048
|
u = g([
|
|
1049
|
-
|
|
1049
|
+
M("o-button")
|
|
1050
1050
|
], u);
|
|
1051
|
-
var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, et = (n, t, e,
|
|
1052
|
-
for (var
|
|
1053
|
-
(r = n[i]) && (
|
|
1054
|
-
return
|
|
1051
|
+
var we = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
|
|
1052
|
+
for (var s = o > 1 ? void 0 : o ? xe(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1053
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
1054
|
+
return o && s && we(t, e, s), s;
|
|
1055
1055
|
};
|
|
1056
1056
|
let U = class extends m {
|
|
1057
1057
|
constructor() {
|
|
@@ -1164,12 +1164,12 @@ et([
|
|
|
1164
1164
|
a({ type: String, reflect: !0 })
|
|
1165
1165
|
], U.prototype, "label", 2);
|
|
1166
1166
|
U = et([
|
|
1167
|
-
|
|
1167
|
+
M("o-wishlist-button")
|
|
1168
1168
|
], U);
|
|
1169
|
-
var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, L = (n, t, e,
|
|
1170
|
-
for (var
|
|
1171
|
-
(r = n[i]) && (
|
|
1172
|
-
return
|
|
1169
|
+
var _e = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
|
|
1170
|
+
for (var s = o > 1 ? void 0 : o ? Ae(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1171
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
1172
|
+
return o && s && _e(t, e, s), s;
|
|
1173
1173
|
};
|
|
1174
1174
|
let $ = class extends m {
|
|
1175
1175
|
constructor() {
|
|
@@ -1381,12 +1381,12 @@ L([
|
|
|
1381
1381
|
a({ type: Boolean, reflect: !0 })
|
|
1382
1382
|
], $.prototype, "disabled", 2);
|
|
1383
1383
|
$ = L([
|
|
1384
|
-
|
|
1384
|
+
M("o-icon-button")
|
|
1385
1385
|
], $);
|
|
1386
|
-
var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, H = (n, t, e,
|
|
1387
|
-
for (var
|
|
1388
|
-
(r = n[i]) && (
|
|
1389
|
-
return
|
|
1386
|
+
var Se = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
|
|
1387
|
+
for (var s = o > 1 ? void 0 : o ? Ee(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1388
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
1389
|
+
return o && s && Se(t, e, s), s;
|
|
1390
1390
|
};
|
|
1391
1391
|
let _ = class extends m {
|
|
1392
1392
|
constructor() {
|
|
@@ -1525,12 +1525,12 @@ H([
|
|
|
1525
1525
|
a({ type: Boolean, reflect: !0 })
|
|
1526
1526
|
], _.prototype, "reverseEndIcon", 2);
|
|
1527
1527
|
_ = H([
|
|
1528
|
-
|
|
1528
|
+
M("o-link")
|
|
1529
1529
|
], _);
|
|
1530
|
-
var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, nt = (n, t, e,
|
|
1531
|
-
for (var
|
|
1532
|
-
(r = n[i]) && (
|
|
1533
|
-
return
|
|
1530
|
+
var Ce = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
|
|
1531
|
+
for (var s = o > 1 ? void 0 : o ? Le(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1532
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
1533
|
+
return o && s && Ce(t, e, s), s;
|
|
1534
1534
|
};
|
|
1535
1535
|
let N = class extends m {
|
|
1536
1536
|
constructor() {
|
|
@@ -1540,8 +1540,8 @@ let N = class extends m {
|
|
|
1540
1540
|
const n = [];
|
|
1541
1541
|
for (let t = 0; t < 5; t++) {
|
|
1542
1542
|
const e = this.rating - t;
|
|
1543
|
-
let
|
|
1544
|
-
e >= 1 ?
|
|
1543
|
+
let o;
|
|
1544
|
+
e >= 1 ? o = 100 : e <= 0 ? o = 0 : o = Math.round(e * 100 / 25) * 25, n.push(`star-${o}`);
|
|
1545
1545
|
}
|
|
1546
1546
|
return n;
|
|
1547
1547
|
}
|
|
@@ -1603,12 +1603,12 @@ nt([
|
|
|
1603
1603
|
a({ type: String })
|
|
1604
1604
|
], N.prototype, "href", 2);
|
|
1605
1605
|
N = nt([
|
|
1606
|
-
|
|
1606
|
+
M("o-rating")
|
|
1607
1607
|
], N);
|
|
1608
|
-
var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, y = (n, t, e,
|
|
1609
|
-
for (var
|
|
1610
|
-
(r = n[i]) && (
|
|
1611
|
-
return
|
|
1608
|
+
var Pe = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
|
|
1609
|
+
for (var s = o > 1 ? void 0 : o ? ke(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1610
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
1611
|
+
return o && s && Pe(t, e, s), s;
|
|
1612
1612
|
};
|
|
1613
1613
|
let b = class extends m {
|
|
1614
1614
|
constructor() {
|
|
@@ -1625,8 +1625,8 @@ let b = class extends m {
|
|
|
1625
1625
|
trapFocus(n) {
|
|
1626
1626
|
const t = this.getFocusableElements();
|
|
1627
1627
|
if (t.length === 0) return;
|
|
1628
|
-
const e = t[0],
|
|
1629
|
-
n.shiftKey && document.activeElement === e ? (n.preventDefault(),
|
|
1628
|
+
const e = t[0], o = t[t.length - 1];
|
|
1629
|
+
n.shiftKey && document.activeElement === e ? (n.preventDefault(), o.focus()) : !n.shiftKey && document.activeElement === o && (n.preventDefault(), e.focus());
|
|
1630
1630
|
}
|
|
1631
1631
|
getFocusableElements() {
|
|
1632
1632
|
const n = this.renderRoot.querySelector(".panel");
|
|
@@ -1842,12 +1842,12 @@ y([
|
|
|
1842
1842
|
a({ type: Number, reflect: !0 })
|
|
1843
1843
|
], b.prototype, "zIndex", 2);
|
|
1844
1844
|
b = y([
|
|
1845
|
-
|
|
1845
|
+
M("o-side-panel")
|
|
1846
1846
|
], b);
|
|
1847
|
-
var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, P = (n, t, e,
|
|
1848
|
-
for (var
|
|
1849
|
-
(r = n[i]) && (
|
|
1850
|
-
return
|
|
1847
|
+
var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, P = (n, t, e, o) => {
|
|
1848
|
+
for (var s = o > 1 ? void 0 : o ? Be(t, e) : t, i = n.length - 1, r; i >= 0; i--)
|
|
1849
|
+
(r = n[i]) && (s = (o ? r(t, e, s) : r(s)) || s);
|
|
1850
|
+
return o && s && Ie(t, e, s), s;
|
|
1851
1851
|
};
|
|
1852
1852
|
let w = class extends m {
|
|
1853
1853
|
constructor() {
|
|
@@ -1879,21 +1879,21 @@ let w = class extends m {
|
|
|
1879
1879
|
return d`
|
|
1880
1880
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1881
1881
|
${this.thumbnails.map((n, t) => {
|
|
1882
|
-
const e = this.disabledIndexes.includes(t),
|
|
1882
|
+
const e = this.disabledIndexes.includes(t), o = this.activeIndex === t, s = n.type === "video";
|
|
1883
1883
|
return d`
|
|
1884
1884
|
<div class="thumb-wrapper">
|
|
1885
1885
|
<button
|
|
1886
1886
|
class="thumb"
|
|
1887
1887
|
data-index="${t}"
|
|
1888
1888
|
?disabled=${e}
|
|
1889
|
-
aria-selected=${
|
|
1889
|
+
aria-selected=${o}
|
|
1890
1890
|
tabindex="${this.focusedIndex === t ? 0 : -1}"
|
|
1891
1891
|
@click=${() => this.selectThumbnail(t)}
|
|
1892
1892
|
@keydown=${this.handleKeyDown}
|
|
1893
1893
|
>
|
|
1894
1894
|
<img src="${n.src}" />
|
|
1895
1895
|
</button>
|
|
1896
|
-
${
|
|
1896
|
+
${s ? d`<div class="play-icon-wrapper">${this.playIcon}</div>` : null}
|
|
1897
1897
|
</div>
|
|
1898
1898
|
`;
|
|
1899
1899
|
})}
|
|
@@ -1921,10 +1921,11 @@ w.styles = A`
|
|
|
1921
1921
|
opacity: 1;
|
|
1922
1922
|
cursor: pointer;
|
|
1923
1923
|
outline: none;
|
|
1924
|
-
transition:
|
|
1924
|
+
transition: outline 0.2s, opacity 0.2s;
|
|
1925
1925
|
padding: 0;
|
|
1926
1926
|
margin: 0;
|
|
1927
1927
|
box-sizing: content-box;
|
|
1928
|
+
position: relative;
|
|
1928
1929
|
|
|
1929
1930
|
img {
|
|
1930
1931
|
width: 100%;
|
|
@@ -1936,7 +1937,17 @@ w.styles = A`
|
|
|
1936
1937
|
}
|
|
1937
1938
|
|
|
1938
1939
|
.thumb[aria-selected="true"] {
|
|
1939
|
-
|
|
1940
|
+
&::before {
|
|
1941
|
+
content: "";
|
|
1942
|
+
position: absolute;
|
|
1943
|
+
top: 0;
|
|
1944
|
+
left: 0;
|
|
1945
|
+
right: 0;
|
|
1946
|
+
bottom: 0;
|
|
1947
|
+
border: 1px solid var(--color-border-primary);
|
|
1948
|
+
pointer-events: none;
|
|
1949
|
+
z-index: 1;
|
|
1950
|
+
}
|
|
1940
1951
|
}
|
|
1941
1952
|
|
|
1942
1953
|
.thumb[disabled] {
|
|
@@ -2016,5 +2027,5 @@ P([
|
|
|
2016
2027
|
Qt()
|
|
2017
2028
|
], w.prototype, "focusedIndex", 2);
|
|
2018
2029
|
w = P([
|
|
2019
|
-
|
|
2030
|
+
M("thumbnail-navigation")
|
|
2020
2031
|
], w);
|