@florid-kit/components 0.4.13 → 0.4.15
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 +56 -36
- package/index.mjs +220 -199
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,
|
|
5
|
+
*/const X=globalThis,ht=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,dt=Symbol(),bt=new WeakMap;let Et=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==dt)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(ht&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=bt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&bt.set(e,t))}return t}toString(){return this.cssText}};const It=n=>new Et(typeof n=="string"?n:n+"",void 0,dt),A=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,i,r)=>o+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+n[r+1],n[0]);return new Et(e,n,dt)},Bt=(n,t)=>{if(ht)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),i=X.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=e.cssText,n.appendChild(o)}},vt=ht?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return It(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,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){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)=>!zt(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 o=Symbol(),
|
|
9
|
+
*/const{is:zt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,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){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)=>!zt(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 o=Symbol(),i=this.getPropertyDescriptor(t,o,e);i!==void 0&&Ot(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,o)},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,o=[...Mt(e),...Tt(e)];for(const i of o)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,i]of e)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const i=this._$Eu(e,o);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const i of o)e.unshift(vt(i))}else t!==void 0&&e.push(vt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o: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 o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return 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 o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(i!==void 0&&o.reflect===!0){const s=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const o=this.constructor,i=o._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=o.getPropertyOptions(i),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=i,this[i]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,o){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??pt)(s,e)||o.useDefault&&o.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:r},s){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),i===!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 o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),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,ot==null||ot({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
|
-
*/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}>`,B=document,F=()=>B.createComment(""),
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,
|
|
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}>`,B=document,F=()=>B.createComment(""),Z=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",it=`[
|
|
14
|
+
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,wt=/-->/g,$t=/>/g,k=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),xt=/'/g,_t=/"/g,kt=/^(?:script|style|textarea|title)$/i,Rt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Rt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,P=B.createTreeWalker(B,129);function Pt(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,o=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let f,v,p=-1,$=0;for(;$<l.length&&(s.lastIndex=$,v=s.exec(l),v!==null);)$=s.lastIndex,s===j?v[1]==="!--"?s=wt:v[1]!==void 0?s=$t:v[2]!==void 0?(kt.test(v[2])&&(i=RegExp("</"+v[2],"g")),s=k):v[3]!==void 0&&(s=k):s===k?v[0]===">"?(s=i??j,p=-1):v[1]===void 0?p=-2:(p=s.lastIndex-v[2].length,f=v[1],s=v[3]===void 0?k:v[3]==='"'?_t:xt):s===_t||s===xt?s=k:s===wt||s===$t?s=j:(s=k,i=void 0);const S=s===k&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Nt:p>=0?(o.push(f),l.slice(0,p)+Ct+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[Pt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[f,v]=Vt(t,e);if(this.el=q.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=P.nextNode())!==null&&l.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Ct)){const $=v[s++],S=i.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec($);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Zt:K[1]==="?"?qt:K[1]==="@"?Wt:Y}),i.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),i.removeAttribute(p));if(kt.test(i.tagName)){const p=i.textContent.split(E),$=p.length-1;if($>0){i.textContent=Q?Q.emptyScript:"";for(let S=0;S<$;S++)i.append(p[S],F()),P.nextNode(),l.push({type:2,index:++r});i.append(p[$],F())}}}else if(i.nodeType===8)if(i.data===Lt)l.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=B.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var s,c;if(t===z)return t;let i=o!==void 0?(s=e._$Co)==null?void 0:s[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=i:e._$Cl=i),i!==void 0&&(t=D(n,i._$AS(n,t.values),i,o)),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:o}=this._$AD,i=((t==null?void 0:t.creationScope)??B).importNode(e,!0);P.currentNode=i;let r=P.nextNode(),s=0,c=0,l=o[0];for(;l!==void 0;){if(s===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Gt(r,this,t)),this._$AV.push(f),l=o[++c]}s!==(l==null?void 0:l.index)&&(r=P.nextNode(),s++)}return P.currentNode=B,i}p(t){let e=0;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++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=(i==null?void 0:i.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),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):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!==d&&Z(this._$AH)?this._$AA.nextSibling.data=t:this.T(B.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(Pt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ft(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=At.get(t.strings);return e===void 0&&At.set(t.strings,e=new q(t)),e}k(t){ut(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}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,o,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,i){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==z,s&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[o+l],e,l),f===z&&(f=this._$AH[l]),s||(s=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Zt extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Wt extends Y{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,i=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||i);i&&this.element.removeEventListener(this.name,this,o),r&&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,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const st=V.litHtmlPolyfillSupport;st==null||st(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Kt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let i=o._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=i=new G(t.insertBefore(F(),r),r,void 0,e??{})}return i._$AI(n),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Xt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:pt},Jt=(n=Xt,t,e)=>{const{kind:o,metadata:
|
|
27
|
+
*/const Xt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:pt},Jt=(n=Xt,t,e)=>{const{kind:o,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),o==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),o==="accessor"){const{name:s}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,l,n)},init(c){return c!==void 0&&this.C(s,void 0,n,c),c}}}if(o==="setter"){const{name:s}=e;return function(c){const l=this[s];t.call(this,c),this.requestUpdate(s,l,n)}}throw Error("Unsupported decorator location: "+o)};function a(n){return(t,e)=>typeof e=="object"?Jt(n,t,e):((o,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,o),s?Object.getOwnPropertyDescriptor(i,r):void 0})(n,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -44,16 +44,16 @@
|
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function ee(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:
|
|
47
|
+
*/function ee(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:i,[ft]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!o.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
48
48
|
<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"/>
|
|
49
49
|
</svg>
|
|
50
50
|
`,oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
51
51
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
52
52
|
</svg>
|
|
53
|
-
`,
|
|
53
|
+
`,ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
54
54
|
<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"/>
|
|
55
55
|
</svg>
|
|
56
|
-
`,
|
|
56
|
+
`,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
57
57
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
58
58
|
</svg>
|
|
59
59
|
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -97,19 +97,22 @@
|
|
|
97
97
|
</style>
|
|
98
98
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,
|
|
100
|
+
`,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
|
+
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
102
|
+
</svg>
|
|
103
|
+
`,tt={wishlist:ne,playerv:oe,chevronRight:ie,chevronLeft:se,icoPlus:ue,icoMinus:fe,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe,arrowLeft:be};/**
|
|
101
104
|
* @license
|
|
102
105
|
* Copyright 2017 Google LLC
|
|
103
106
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
104
|
-
*/const
|
|
107
|
+
*/const ve={CHILD:2},ge=n=>(...t)=>({_$litDirective$:n,values:t});class ye{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,o){this._$Ct=t,this._$AM=e,this._$Ci=o}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
105
108
|
* @license
|
|
106
109
|
* Copyright 2017 Google LLC
|
|
107
110
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
108
|
-
*/class lt extends
|
|
111
|
+
*/class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==ve.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||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
112
|
* @license
|
|
110
113
|
* Copyright 2017 Google LLC
|
|
111
114
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
112
|
-
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=
|
|
115
|
+
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ge(ct);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var i=o>1?void 0:o?we(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&me(t,e,i),i};const $e=te(m);let u=class extends $e{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[ft].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
|
|
113
116
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
114
117
|
${this.startIcon?this.renderIcon("start"):d}
|
|
115
118
|
${n?h`
|
|
@@ -289,7 +292,7 @@
|
|
|
289
292
|
transform: translateX(4px);
|
|
290
293
|
}
|
|
291
294
|
//End icon movment on hover
|
|
292
|
-
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var
|
|
295
|
+
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([O("o-button")],u);var xe=Object.defineProperty,_e=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var i=o>1?void 0:o?_e(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&xe(t,e,i),i};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 h`
|
|
293
296
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
294
297
|
<span class="sr-only">${this.label}</span>
|
|
295
298
|
${W(n)}
|
|
@@ -349,7 +352,7 @@
|
|
|
349
352
|
width: 0.1rem !important;
|
|
350
353
|
white-space: nowrap !important;
|
|
351
354
|
}
|
|
352
|
-
`;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([O("o-wishlist-button")],U);var
|
|
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([O("o-wishlist-button")],U);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(var i=o>1?void 0:o?Se(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Ae(t,e,i),i};let w=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 h`
|
|
353
356
|
${this.type==="span"?h`
|
|
354
357
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
355
358
|
${W(e)}
|
|
@@ -364,7 +367,7 @@
|
|
|
364
367
|
${W(e)}
|
|
365
368
|
</button>
|
|
366
369
|
`}
|
|
367
|
-
`}}
|
|
370
|
+
`}};w.styles=A`
|
|
368
371
|
:host {
|
|
369
372
|
display: inline-flex;
|
|
370
373
|
justify-content: center;
|
|
@@ -563,13 +566,13 @@
|
|
|
563
566
|
}
|
|
564
567
|
|
|
565
568
|
}
|
|
566
|
-
`;L([a({type:String,reflect:!0})]
|
|
569
|
+
`;L([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);L([a({type:String,reflect:!0})],w.prototype,"size",2);L([a({type:String,reflect:!0})],w.prototype,"status",2);L([a({type:String,reflect:!0})],w.prototype,"type",2);L([a({type:String})],w.prototype,"strokewidth",2);L([a({type:String})],w.prototype,"icon",2);L([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=L([O("o-icon-button")],w);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ce(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Ee(t,e,i),i};let x=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
|
|
567
570
|
<a href="${this.href}" target="${this.target}">
|
|
568
571
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
569
572
|
<o-icon-button
|
|
570
573
|
icon="chevronLeft"
|
|
571
574
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
572
|
-
size="
|
|
575
|
+
size="xsmall"
|
|
573
576
|
aria-hidden="true"
|
|
574
577
|
type="span"
|
|
575
578
|
></o-icon-button>
|
|
@@ -579,7 +582,7 @@
|
|
|
579
582
|
<o-icon-button
|
|
580
583
|
icon="chevronRight"
|
|
581
584
|
bgstyle="${this.inverse?"none-light":"none-contrast"}"
|
|
582
|
-
size="
|
|
585
|
+
size="xsmall"
|
|
583
586
|
aria-hidden="true"
|
|
584
587
|
type="span"
|
|
585
588
|
></o-icon-button>
|
|
@@ -672,7 +675,7 @@
|
|
|
672
675
|
height: 1px;
|
|
673
676
|
}
|
|
674
677
|
/* End of underline effect */
|
|
675
|
-
`;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var
|
|
678
|
+
`;H([a({type:String})],x.prototype,"href",2);H([a({type:String})],x.prototype,"target",2);H([a({type:String,reflect:!0})],x.prototype,"template",2);H([a({type:Boolean,reflect:!0})],x.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],x.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],x.prototype,"reverseEndIcon",2);x=H([O("o-link")],x);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var i=o>1?void 0:o?ke(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Le(t,e,i),i};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 o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
|
|
676
679
|
<div class="rating">
|
|
677
680
|
<div class="stars">
|
|
678
681
|
${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
|
|
@@ -712,7 +715,7 @@
|
|
|
712
715
|
text-decoration: underline;
|
|
713
716
|
cursor: pointer;
|
|
714
717
|
}
|
|
715
|
-
`;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([O("o-rating")],N);var Pe=Object.defineProperty,
|
|
718
|
+
`;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([O("o-rating")],N);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,g=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ie(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Pe(t,e,i),i};let b=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!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.initialized=!1,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),this.updateComplete.then(()=>{this.initialized=!0})}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],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(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 h`
|
|
716
719
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
717
720
|
<div
|
|
718
721
|
class="panel"
|
|
@@ -725,10 +728,10 @@
|
|
|
725
728
|
${this.showHeader?h`
|
|
726
729
|
<div class="header">
|
|
727
730
|
${this.showHeaderStartIcon?h`
|
|
728
|
-
<o-icon-button icon="
|
|
731
|
+
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
729
732
|
`:null}
|
|
730
733
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
731
|
-
<o-icon-button icon="cross" size="
|
|
734
|
+
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
732
735
|
</div>
|
|
733
736
|
`:null}
|
|
734
737
|
|
|
@@ -769,6 +772,8 @@
|
|
|
769
772
|
width: 100%;
|
|
770
773
|
pointer-events: none;
|
|
771
774
|
z-index: var(--z-overlay);
|
|
775
|
+
--side-panel-width: 100%;
|
|
776
|
+
--side-panel-max-width: 416px;
|
|
772
777
|
}
|
|
773
778
|
|
|
774
779
|
/* Hide content until it is initialized */
|
|
@@ -801,9 +806,8 @@
|
|
|
801
806
|
position: absolute;
|
|
802
807
|
top: 0;
|
|
803
808
|
right: 0;
|
|
804
|
-
|
|
805
|
-
width:
|
|
806
|
-
max-width: 416px;
|
|
809
|
+
width: var(--side-panel-width);
|
|
810
|
+
max-width: var(--side-panel-max-width);
|
|
807
811
|
height: 100%;
|
|
808
812
|
background: white;
|
|
809
813
|
box-shadow: var(--colors-alpha-dark-60);
|
|
@@ -819,6 +823,29 @@
|
|
|
819
823
|
transform: translateX(0%);
|
|
820
824
|
}
|
|
821
825
|
|
|
826
|
+
/* Mobile */
|
|
827
|
+
@media (max-width: 767px) {
|
|
828
|
+
:host {
|
|
829
|
+
--side-panel-width: 100%;
|
|
830
|
+
--side-panel-max-width: none;
|
|
831
|
+
}
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
/* Tablet */
|
|
835
|
+
@media (min-width: 768px) and (max-width: 1024px) {
|
|
836
|
+
:host {
|
|
837
|
+
--side-panel-width: 375px;
|
|
838
|
+
--side-panel-max-width: 375px;
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
|
|
842
|
+
@media (min-width: 1025px) {
|
|
843
|
+
:host {
|
|
844
|
+
--side-panel-width: 100%;
|
|
845
|
+
--side-panel-max-width: 416px;
|
|
846
|
+
}
|
|
847
|
+
}
|
|
848
|
+
|
|
822
849
|
.header {
|
|
823
850
|
flex: 0 0 auto;
|
|
824
851
|
display: flex;
|
|
@@ -873,14 +900,7 @@
|
|
|
873
900
|
gap: 16px;
|
|
874
901
|
justify-content: flex-start;
|
|
875
902
|
}
|
|
876
|
-
|
|
877
|
-
@media (max-width: 640px) {
|
|
878
|
-
.panel {
|
|
879
|
-
width: 100%;
|
|
880
|
-
max-width: none;
|
|
881
|
-
}
|
|
882
|
-
}
|
|
883
|
-
`;g([a({type:Boolean,reflect:!0})],b.prototype,"open",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);g([a({type:Function})],b.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);g([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=g([O("o-side-panel")],b);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?Be(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ie(t,e,s),s};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
903
|
+
`;g([a({type:Boolean,reflect:!0})],b.prototype,"open",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);g([a({type:Function})],b.prototype,"onFirstButtonClick",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);g([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);g([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);g([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=g([O("o-side-panel")],b);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var i=o>1?void 0:o?ze(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Be(t,e,i),i};let _=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
884
904
|
<o-icon-button
|
|
885
905
|
icon="playerv"
|
|
886
906
|
size="xsmall"
|
|
@@ -891,7 +911,7 @@
|
|
|
891
911
|
></o-icon-button>
|
|
892
912
|
`}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 h`
|
|
893
913
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
894
|
-
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),o=this.activeIndex===t,
|
|
914
|
+
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),o=this.activeIndex===t,i=n.type==="video";return h`
|
|
895
915
|
<div class="thumb-wrapper">
|
|
896
916
|
<button
|
|
897
917
|
class="thumb"
|
|
@@ -904,7 +924,7 @@
|
|
|
904
924
|
>
|
|
905
925
|
<img src="${n.src}" />
|
|
906
926
|
</button>
|
|
907
|
-
${
|
|
927
|
+
${i?h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
908
928
|
</div>
|
|
909
929
|
`})}
|
|
910
930
|
</div>
|
package/index.mjs
CHANGED
|
@@ -23,17 +23,17 @@ 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((o,
|
|
27
|
-
if (
|
|
28
|
-
if (typeof
|
|
29
|
-
throw Error("Value passed to 'css' function must be a 'css' function result: " +
|
|
30
|
-
})(
|
|
26
|
+
const e = n.length === 1 ? n[0] : t.reduce((o, i, r) => o + ((s) => {
|
|
27
|
+
if (s._$cssResult$ === !0) return s.cssText;
|
|
28
|
+
if (typeof s == "number") return s;
|
|
29
|
+
throw Error("Value passed to 'css' function must be a 'css' function result: " + s + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
|
+
})(i) + n[r + 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 o = document.createElement("style"),
|
|
36
|
-
|
|
35
|
+
const o = document.createElement("style"), i = X.litNonce;
|
|
36
|
+
i !== void 0 && o.setAttribute("nonce", i), o.textContent = e.cssText, n.appendChild(o);
|
|
37
37
|
}
|
|
38
38
|
}, vt = ht ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((t) => {
|
|
39
39
|
let e = "";
|
|
@@ -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 o = Symbol(),
|
|
88
|
-
|
|
87
|
+
const o = Symbol(), i = this.getPropertyDescriptor(t, o, e);
|
|
88
|
+
i !== void 0 && Ot(this.prototype, t, i);
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
static getPropertyDescriptor(t, e, o) {
|
|
92
|
-
const { get:
|
|
92
|
+
const { get: i, set: r } = Ht(this.prototype, t) ?? { get() {
|
|
93
93
|
return this[e];
|
|
94
|
-
}, set(
|
|
95
|
-
this[e] =
|
|
94
|
+
}, set(s) {
|
|
95
|
+
this[e] = s;
|
|
96
96
|
} };
|
|
97
|
-
return { get:
|
|
98
|
-
const c =
|
|
99
|
-
r == null || r.call(this,
|
|
97
|
+
return { get: i, set(s) {
|
|
98
|
+
const c = i == null ? void 0 : i.call(this);
|
|
99
|
+
r == null || r.call(this, s), this.requestUpdate(t, c, o);
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(t) {
|
|
@@ -111,17 +111,17 @@ let T = class extends HTMLElement {
|
|
|
111
111
|
if (this.hasOwnProperty(R("finalized"))) return;
|
|
112
112
|
if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(R("properties"))) {
|
|
113
113
|
const e = this.properties, o = [...Mt(e), ...Tt(e)];
|
|
114
|
-
for (const
|
|
114
|
+
for (const i of o) this.createProperty(i, e[i]);
|
|
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 [o,
|
|
119
|
+
if (e !== void 0) for (const [o, i] of e) this.elementProperties.set(o, i);
|
|
120
120
|
}
|
|
121
121
|
this._$Eh = /* @__PURE__ */ new Map();
|
|
122
122
|
for (const [e, o] of this.elementProperties) {
|
|
123
|
-
const
|
|
124
|
-
|
|
123
|
+
const i = this._$Eu(e, o);
|
|
124
|
+
i !== void 0 && this._$Eh.set(i, e);
|
|
125
125
|
}
|
|
126
126
|
this.elementStyles = this.finalizeStyles(this.styles);
|
|
127
127
|
}
|
|
@@ -129,7 +129,7 @@ let T = class extends HTMLElement {
|
|
|
129
129
|
const e = [];
|
|
130
130
|
if (Array.isArray(t)) {
|
|
131
131
|
const o = new Set(t.flat(1 / 0).reverse());
|
|
132
|
-
for (const
|
|
132
|
+
for (const i of o) e.unshift(vt(i));
|
|
133
133
|
} else t !== void 0 && e.push(vt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
@@ -182,31 +182,31 @@ let T = class extends HTMLElement {
|
|
|
182
182
|
}
|
|
183
183
|
_$ET(t, e) {
|
|
184
184
|
var r;
|
|
185
|
-
const o = this.constructor.elementProperties.get(t),
|
|
186
|
-
if (
|
|
187
|
-
const
|
|
188
|
-
this._$Em = t,
|
|
185
|
+
const o = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, o);
|
|
186
|
+
if (i !== void 0 && o.reflect === !0) {
|
|
187
|
+
const s = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : J).toAttribute(e, o.type);
|
|
188
|
+
this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
_$AK(t, e) {
|
|
192
|
-
var r,
|
|
193
|
-
const o = this.constructor,
|
|
194
|
-
if (
|
|
195
|
-
const c = o.getPropertyOptions(
|
|
196
|
-
this._$Em =
|
|
192
|
+
var r, s;
|
|
193
|
+
const o = this.constructor, i = o._$Eh.get(t);
|
|
194
|
+
if (i !== void 0 && this._$Em !== i) {
|
|
195
|
+
const c = o.getPropertyOptions(i), l = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : J;
|
|
196
|
+
this._$Em = i, this[i] = l.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
requestUpdate(t, e, o) {
|
|
200
|
-
var
|
|
200
|
+
var i;
|
|
201
201
|
if (t !== void 0) {
|
|
202
|
-
const r = this.constructor,
|
|
203
|
-
if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? pt)(
|
|
202
|
+
const r = this.constructor, s = this[t];
|
|
203
|
+
if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? pt)(s, e) || o.useDefault && o.reflect && s === ((i = this._$Ej) == null ? void 0 : i.get(t)) && !this.hasAttribute(r._$Eu(t, o)))) return;
|
|
204
204
|
this.C(t, e, o);
|
|
205
205
|
}
|
|
206
206
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
207
207
|
}
|
|
208
|
-
C(t, e, { useDefault: o, reflect:
|
|
209
|
-
o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t,
|
|
208
|
+
C(t, e, { useDefault: o, reflect: i, wrapped: r }, s) {
|
|
209
|
+
o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, s ?? e ?? this[t]), r !== !0 || s !== void 0) || (this._$AL.has(t) || (this.hasUpdated || o || (e = void 0), this._$AL.set(t, e)), i === !0 && this._$Em !== t && (this._$Eq ?? (this._$Eq = /* @__PURE__ */ new Set())).add(t));
|
|
210
210
|
}
|
|
211
211
|
async _$EP() {
|
|
212
212
|
this.isUpdatePending = !0;
|
|
@@ -226,24 +226,24 @@ let T = class extends HTMLElement {
|
|
|
226
226
|
if (!this.isUpdatePending) return;
|
|
227
227
|
if (!this.hasUpdated) {
|
|
228
228
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
229
|
-
for (const [r,
|
|
229
|
+
for (const [r, s] of this._$Ep) this[r] = s;
|
|
230
230
|
this._$Ep = void 0;
|
|
231
231
|
}
|
|
232
|
-
const
|
|
233
|
-
if (
|
|
234
|
-
const { wrapped: c } =
|
|
235
|
-
c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0,
|
|
232
|
+
const i = this.constructor.elementProperties;
|
|
233
|
+
if (i.size > 0) for (const [r, s] of i) {
|
|
234
|
+
const { wrapped: c } = s, l = this[r];
|
|
235
|
+
c !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, s, l);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
let t = !1;
|
|
239
239
|
const e = this._$AL;
|
|
240
240
|
try {
|
|
241
|
-
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((
|
|
241
|
+
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((i) => {
|
|
242
242
|
var r;
|
|
243
|
-
return (r =
|
|
243
|
+
return (r = i.hostUpdate) == null ? void 0 : r.call(i);
|
|
244
244
|
}), this.update(e)) : this._$EM();
|
|
245
|
-
} catch (
|
|
246
|
-
throw t = !1, this._$EM(),
|
|
245
|
+
} catch (i) {
|
|
246
|
+
throw t = !1, this._$EM(), i;
|
|
247
247
|
}
|
|
248
248
|
t && this._$AE(e);
|
|
249
249
|
}
|
|
@@ -252,8 +252,8 @@ let T = class extends HTMLElement {
|
|
|
252
252
|
_$AE(t) {
|
|
253
253
|
var e;
|
|
254
254
|
(e = this._$EO) == null || e.forEach((o) => {
|
|
255
|
-
var
|
|
256
|
-
return (
|
|
255
|
+
var i;
|
|
256
|
+
return (i = o.hostUpdated) == null ? void 0 : i.call(o);
|
|
257
257
|
}), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
|
|
258
258
|
}
|
|
259
259
|
_$EM() {
|
|
@@ -282,53 +282,53 @@ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProper
|
|
|
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}>`, B = document, F = () => B.createComment(""),
|
|
286
|
-
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g,
|
|
288
|
-
function
|
|
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}>`, B = document, F = () => B.createComment(""), Z = (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", it = `[
|
|
286
|
+
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, wt = /-->/g, $t = />/g, k = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
|
287
|
+
\f\r"'\`<>=]|("|')|))|$)`, "g"), xt = /'/g, _t = /"/g, kt = /^(?:script|style|textarea|title)$/i, Rt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Rt(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), P = B.createTreeWalker(B, 129);
|
|
288
|
+
function Pt(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
293
|
const e = n.length - 1, o = [];
|
|
294
|
-
let
|
|
294
|
+
let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = n[c];
|
|
297
|
-
let f, v, p = -1,
|
|
298
|
-
for (;
|
|
299
|
-
const S =
|
|
300
|
-
r +=
|
|
297
|
+
let f, v, p = -1, $ = 0;
|
|
298
|
+
for (; $ < l.length && (s.lastIndex = $, v = s.exec(l), v !== null); ) $ = s.lastIndex, s === j ? v[1] === "!--" ? s = wt : v[1] !== void 0 ? s = $t : v[2] !== void 0 ? (kt.test(v[2]) && (i = RegExp("</" + v[2], "g")), s = k) : v[3] !== void 0 && (s = k) : s === k ? v[0] === ">" ? (s = i ?? j, p = -1) : v[1] === void 0 ? p = -2 : (p = s.lastIndex - v[2].length, f = v[1], s = v[3] === void 0 ? k : v[3] === '"' ? _t : xt) : s === _t || s === xt ? s = k : s === wt || s === $t ? s = j : (s = k, i = void 0);
|
|
299
|
+
const S = s === k && n[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
r += s === 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 [
|
|
302
|
+
return [Pt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
304
|
-
class
|
|
304
|
+
class q {
|
|
305
305
|
constructor({ strings: t, _$litType$: e }, o) {
|
|
306
|
-
let
|
|
306
|
+
let i;
|
|
307
307
|
this.parts = [];
|
|
308
|
-
let r = 0,
|
|
308
|
+
let r = 0, s = 0;
|
|
309
309
|
const c = t.length - 1, l = this.parts, [f, v] = Vt(t, e);
|
|
310
|
-
if (this.el =
|
|
310
|
+
if (this.el = q.createElement(f, o), P.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
|
|
318
|
-
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ?
|
|
319
|
-
} else p.startsWith(E) && (l.push({ type: 6, index: r }),
|
|
320
|
-
if (
|
|
321
|
-
const p =
|
|
322
|
-
if (
|
|
323
|
-
|
|
324
|
-
for (let S = 0; S <
|
|
325
|
-
|
|
314
|
+
for (; (i = P.nextNode()) !== null && l.length < c; ) {
|
|
315
|
+
if (i.nodeType === 1) {
|
|
316
|
+
if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Ct)) {
|
|
317
|
+
const $ = v[s++], S = i.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec($);
|
|
318
|
+
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }), i.removeAttribute(p);
|
|
319
|
+
} else p.startsWith(E) && (l.push({ type: 6, index: r }), i.removeAttribute(p));
|
|
320
|
+
if (kt.test(i.tagName)) {
|
|
321
|
+
const p = i.textContent.split(E), $ = p.length - 1;
|
|
322
|
+
if ($ > 0) {
|
|
323
|
+
i.textContent = Q ? Q.emptyScript : "";
|
|
324
|
+
for (let S = 0; S < $; S++) i.append(p[S], F()), P.nextNode(), l.push({ type: 2, index: ++r });
|
|
325
|
+
i.append(p[$], F());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (
|
|
328
|
+
} else if (i.nodeType === 8) if (i.data === Lt) l.push({ type: 2, index: r });
|
|
329
329
|
else {
|
|
330
330
|
let p = -1;
|
|
331
|
-
for (; (p =
|
|
331
|
+
for (; (p = i.data.indexOf(E, p + 1)) !== -1; ) l.push({ type: 7, index: r }), p += E.length - 1;
|
|
332
332
|
}
|
|
333
333
|
r++;
|
|
334
334
|
}
|
|
@@ -339,11 +339,11 @@ class Z {
|
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
function D(n, t, e = n, o) {
|
|
342
|
-
var
|
|
342
|
+
var s, c;
|
|
343
343
|
if (t === z) return t;
|
|
344
|
-
let
|
|
345
|
-
const r =
|
|
346
|
-
return (
|
|
344
|
+
let i = o !== void 0 ? (s = e._$Co) == null ? void 0 : s[o] : e._$Cl;
|
|
345
|
+
const r = Z(t) ? void 0 : t._$litDirective$;
|
|
346
|
+
return (i == null ? void 0 : i.constructor) !== r && ((c = i == null ? void 0 : i._$AO) == null || c.call(i, !1), r === void 0 ? i = void 0 : (i = new r(n), i._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = i : e._$Cl = i), i !== void 0 && (t = D(n, i._$AS(n, t.values), i, o)), t;
|
|
347
347
|
}
|
|
348
348
|
class Ft {
|
|
349
349
|
constructor(t, e) {
|
|
@@ -356,17 +356,17 @@ class Ft {
|
|
|
356
356
|
return this._$AM._$AU;
|
|
357
357
|
}
|
|
358
358
|
u(t) {
|
|
359
|
-
const { el: { content: e }, parts: o } = this._$AD,
|
|
360
|
-
|
|
361
|
-
let r =
|
|
359
|
+
const { el: { content: e }, parts: o } = this._$AD, i = ((t == null ? void 0 : t.creationScope) ?? B).importNode(e, !0);
|
|
360
|
+
P.currentNode = i;
|
|
361
|
+
let r = P.nextNode(), s = 0, c = 0, l = o[0];
|
|
362
362
|
for (; l !== void 0; ) {
|
|
363
|
-
if (
|
|
363
|
+
if (s === l.index) {
|
|
364
364
|
let f;
|
|
365
365
|
l.type === 2 ? f = new G(r, r.nextSibling, this, t) : l.type === 1 ? f = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (f = new Gt(r, this, t)), this._$AV.push(f), l = o[++c];
|
|
366
366
|
}
|
|
367
|
-
|
|
367
|
+
s !== (l == null ? void 0 : l.index) && (r = P.nextNode(), s++);
|
|
368
368
|
}
|
|
369
|
-
return
|
|
369
|
+
return P.currentNode = B, i;
|
|
370
370
|
}
|
|
371
371
|
p(t) {
|
|
372
372
|
let e = 0;
|
|
@@ -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, o,
|
|
382
|
-
this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options =
|
|
381
|
+
constructor(t, e, o, i) {
|
|
382
|
+
this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = o, this.options = i, this._$Cv = (i == null ? void 0 : i.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),
|
|
396
|
+
t = D(this, t, e), Z(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : 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);
|
|
@@ -402,33 +402,33 @@ class G {
|
|
|
402
402
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
403
403
|
}
|
|
404
404
|
_(t) {
|
|
405
|
-
this._$AH !== d &&
|
|
405
|
+
this._$AH !== d && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.T(B.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
408
|
var r;
|
|
409
|
-
const { values: e, _$litType$: o } = t,
|
|
410
|
-
if (((r = this._$AH) == null ? void 0 : r._$AD) ===
|
|
409
|
+
const { values: e, _$litType$: o } = t, i = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = q.createElement(Pt(o.h, o.h[0]), this.options)), o);
|
|
410
|
+
if (((r = this._$AH) == null ? void 0 : r._$AD) === i) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const
|
|
413
|
-
|
|
412
|
+
const s = new Ft(i, this), c = s.u(this.options);
|
|
413
|
+
s.p(e), this.T(c), this._$AH = s;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
_$AC(t) {
|
|
417
417
|
let e = At.get(t.strings);
|
|
418
|
-
return e === void 0 && At.set(t.strings, e = new
|
|
418
|
+
return e === void 0 && At.set(t.strings, e = new q(t)), e;
|
|
419
419
|
}
|
|
420
420
|
k(t) {
|
|
421
421
|
ut(this._$AH) || (this._$AH = [], this._$AR());
|
|
422
422
|
const e = this._$AH;
|
|
423
|
-
let o,
|
|
424
|
-
for (const r of t)
|
|
425
|
-
|
|
423
|
+
let o, i = 0;
|
|
424
|
+
for (const r of t) i === e.length ? e.push(o = new G(this.O(F()), this.O(F()), this, this.options)) : o = e[i], o._$AI(r), i++;
|
|
425
|
+
i < e.length && (this._$AR(o && o._$AB.nextSibling, i), e.length = i);
|
|
426
426
|
}
|
|
427
427
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
428
428
|
var o;
|
|
429
429
|
for ((o = this._$AP) == null ? void 0 : o.call(this, !1, !0, e); t && t !== this._$AB; ) {
|
|
430
|
-
const
|
|
431
|
-
t.remove(), t =
|
|
430
|
+
const i = t.nextSibling;
|
|
431
|
+
t.remove(), t = i;
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
setConnected(t) {
|
|
@@ -443,25 +443,25 @@ class Y {
|
|
|
443
443
|
get _$AU() {
|
|
444
444
|
return this._$AM._$AU;
|
|
445
445
|
}
|
|
446
|
-
constructor(t, e, o,
|
|
447
|
-
this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM =
|
|
446
|
+
constructor(t, e, o, i, r) {
|
|
447
|
+
this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = e, this._$AM = i, this.options = r, o.length > 2 || o[0] !== "" || o[1] !== "" ? (this._$AH = Array(o.length - 1).fill(new String()), this.strings = o) : this._$AH = d;
|
|
448
448
|
}
|
|
449
|
-
_$AI(t, e = this, o,
|
|
449
|
+
_$AI(t, e = this, o, i) {
|
|
450
450
|
const r = this.strings;
|
|
451
|
-
let
|
|
452
|
-
if (r === void 0) t = D(this, t, e, 0),
|
|
451
|
+
let s = !1;
|
|
452
|
+
if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== z, s && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
455
|
let l, f;
|
|
456
|
-
for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]),
|
|
456
|
+
for (t = r[0], l = 0; l < r.length - 1; l++) f = D(this, c[o + l], e, l), f === z && (f = this._$AH[l]), s || (s = !Z(f) || f !== this._$AH[l]), f === d ? t = d : t !== d && (t += (f ?? "") + r[l + 1]), this._$AH[l] = f;
|
|
457
457
|
}
|
|
458
|
-
|
|
458
|
+
s && !i && this.j(t);
|
|
459
459
|
}
|
|
460
460
|
j(t) {
|
|
461
461
|
t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
462
462
|
}
|
|
463
463
|
}
|
|
464
|
-
class
|
|
464
|
+
class Zt extends Y {
|
|
465
465
|
constructor() {
|
|
466
466
|
super(...arguments), this.type = 3;
|
|
467
467
|
}
|
|
@@ -469,7 +469,7 @@ class qt extends Y {
|
|
|
469
469
|
this.element[this.name] = t === d ? void 0 : t;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
|
-
class
|
|
472
|
+
class qt extends Y {
|
|
473
473
|
constructor() {
|
|
474
474
|
super(...arguments), this.type = 4;
|
|
475
475
|
}
|
|
@@ -478,13 +478,13 @@ class Zt extends Y {
|
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
480
|
class Wt extends Y {
|
|
481
|
-
constructor(t, e, o,
|
|
482
|
-
super(t, e, o,
|
|
481
|
+
constructor(t, e, o, i, r) {
|
|
482
|
+
super(t, e, o, i, r), this.type = 5;
|
|
483
483
|
}
|
|
484
484
|
_$AI(t, e = this) {
|
|
485
485
|
if ((t = D(this, t, e, 0) ?? d) === z) return;
|
|
486
|
-
const o = this._$AH,
|
|
487
|
-
|
|
486
|
+
const o = this._$AH, i = t === d && o !== d || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== d && (o === d || i);
|
|
487
|
+
i && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
488
488
|
}
|
|
489
489
|
handleEvent(t) {
|
|
490
490
|
var e;
|
|
@@ -502,16 +502,16 @@ class Gt {
|
|
|
502
502
|
D(this, t);
|
|
503
503
|
}
|
|
504
504
|
}
|
|
505
|
-
const
|
|
506
|
-
|
|
505
|
+
const st = V.litHtmlPolyfillSupport;
|
|
506
|
+
st == null || st(q, G), (V.litHtmlVersions ?? (V.litHtmlVersions = [])).push("3.3.0");
|
|
507
507
|
const Kt = (n, t, e) => {
|
|
508
508
|
const o = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
|
-
let
|
|
510
|
-
if (
|
|
509
|
+
let i = o._$litPart$;
|
|
510
|
+
if (i === void 0) {
|
|
511
511
|
const r = (e == null ? void 0 : e.renderBefore) ?? null;
|
|
512
|
-
o._$litPart$ =
|
|
512
|
+
o._$litPart$ = i = new G(t.insertBefore(F(), r), r, void 0, e ?? {});
|
|
513
513
|
}
|
|
514
|
-
return
|
|
514
|
+
return i._$AI(n), i;
|
|
515
515
|
};
|
|
516
516
|
/**
|
|
517
517
|
* @license
|
|
@@ -565,30 +565,30 @@ const O = (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: o, metadata:
|
|
569
|
-
let r = globalThis.litPropertyMetadata.get(
|
|
570
|
-
if (r === void 0 && globalThis.litPropertyMetadata.set(
|
|
571
|
-
const { name:
|
|
568
|
+
const { kind: o, metadata: i } = e;
|
|
569
|
+
let r = globalThis.litPropertyMetadata.get(i);
|
|
570
|
+
if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), o === "accessor") {
|
|
571
|
+
const { name: s } = e;
|
|
572
572
|
return { set(c) {
|
|
573
573
|
const l = t.get.call(this);
|
|
574
|
-
t.set.call(this, c), this.requestUpdate(
|
|
574
|
+
t.set.call(this, c), this.requestUpdate(s, l, n);
|
|
575
575
|
}, init(c) {
|
|
576
|
-
return c !== void 0 && this.C(
|
|
576
|
+
return c !== void 0 && this.C(s, void 0, n, c), c;
|
|
577
577
|
} };
|
|
578
578
|
}
|
|
579
579
|
if (o === "setter") {
|
|
580
|
-
const { name:
|
|
580
|
+
const { name: s } = e;
|
|
581
581
|
return function(c) {
|
|
582
|
-
const l = this[
|
|
583
|
-
t.call(this, c), this.requestUpdate(
|
|
582
|
+
const l = this[s];
|
|
583
|
+
t.call(this, c), this.requestUpdate(s, l, n);
|
|
584
584
|
};
|
|
585
585
|
}
|
|
586
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) : ((o,
|
|
590
|
-
const
|
|
591
|
-
return
|
|
589
|
+
return (t, e) => typeof e == "object" ? Jt(n, t, e) : ((o, i, r) => {
|
|
590
|
+
const s = i.hasOwnProperty(r);
|
|
591
|
+
return i.constructor.createProperty(r, o), s ? Object.getOwnPropertyDescriptor(i, r) : void 0;
|
|
592
592
|
})(n, t, e);
|
|
593
593
|
}
|
|
594
594
|
/**
|
|
@@ -633,15 +633,15 @@ function ee(n) {
|
|
|
633
633
|
n.addInitializer((t) => {
|
|
634
634
|
const e = t;
|
|
635
635
|
e.addEventListener("click", async (o) => {
|
|
636
|
-
const { type:
|
|
637
|
-
if (!(!
|
|
636
|
+
const { type: i, [ft]: r } = e, { form: s } = r;
|
|
637
|
+
if (!(!s || i === "button") && (await new Promise((c) => {
|
|
638
638
|
setTimeout(c);
|
|
639
639
|
}), !o.defaultPrevented)) {
|
|
640
|
-
if (
|
|
641
|
-
|
|
640
|
+
if (i === "reset") {
|
|
641
|
+
s.reset();
|
|
642
642
|
return;
|
|
643
643
|
}
|
|
644
|
-
|
|
644
|
+
s.addEventListener(
|
|
645
645
|
"submit",
|
|
646
646
|
(c) => {
|
|
647
647
|
Object.defineProperty(c, "submitter", {
|
|
@@ -651,7 +651,7 @@ function ee(n) {
|
|
|
651
651
|
});
|
|
652
652
|
},
|
|
653
653
|
{ capture: !0, once: !0 }
|
|
654
|
-
), r.setFormValue(e.value),
|
|
654
|
+
), r.setFormValue(e.value), s.requestSubmit();
|
|
655
655
|
}
|
|
656
656
|
});
|
|
657
657
|
});
|
|
@@ -662,10 +662,10 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
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
|
+
`, ie = `<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
|
+
`, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
669
669
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
670
670
|
</svg>
|
|
671
671
|
`, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -709,11 +709,14 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
709
709
|
</style>
|
|
710
710
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
711
711
|
</svg>
|
|
712
|
+
`, be = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
713
|
+
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
714
|
+
</svg>
|
|
712
715
|
`, tt = {
|
|
713
716
|
wishlist: ne,
|
|
714
717
|
playerv: oe,
|
|
715
|
-
chevronRight:
|
|
716
|
-
chevronLeft:
|
|
718
|
+
chevronRight: ie,
|
|
719
|
+
chevronLeft: se,
|
|
717
720
|
icoPlus: ue,
|
|
718
721
|
icoMinus: fe,
|
|
719
722
|
"star-0": re,
|
|
@@ -722,15 +725,16 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
722
725
|
"star-75": ce,
|
|
723
726
|
"star-100": he,
|
|
724
727
|
cross: de,
|
|
725
|
-
search: pe
|
|
728
|
+
search: pe,
|
|
729
|
+
arrowLeft: be
|
|
726
730
|
};
|
|
727
731
|
/**
|
|
728
732
|
* @license
|
|
729
733
|
* Copyright 2017 Google LLC
|
|
730
734
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
731
735
|
*/
|
|
732
|
-
const
|
|
733
|
-
class
|
|
736
|
+
const ve = { CHILD: 2 }, ge = (n) => (...t) => ({ _$litDirective$: n, values: t });
|
|
737
|
+
class ye {
|
|
734
738
|
constructor(t) {
|
|
735
739
|
}
|
|
736
740
|
get _$AU() {
|
|
@@ -751,9 +755,9 @@ class ge {
|
|
|
751
755
|
* Copyright 2017 Google LLC
|
|
752
756
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
753
757
|
*/
|
|
754
|
-
class lt extends
|
|
758
|
+
class lt extends ye {
|
|
755
759
|
constructor(t) {
|
|
756
|
-
if (super(t), this.it = d, t.type !==
|
|
760
|
+
if (super(t), this.it = d, t.type !== ve.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
757
761
|
}
|
|
758
762
|
render(t) {
|
|
759
763
|
if (t === d || t == null) return this._t = void 0, this.it = t;
|
|
@@ -774,11 +778,11 @@ lt.directiveName = "unsafeHTML", lt.resultType = 1;
|
|
|
774
778
|
class ct extends lt {
|
|
775
779
|
}
|
|
776
780
|
ct.directiveName = "unsafeSVG", ct.resultType = 2;
|
|
777
|
-
const W =
|
|
778
|
-
var
|
|
779
|
-
for (var
|
|
780
|
-
(
|
|
781
|
-
return o &&
|
|
781
|
+
const W = ge(ct);
|
|
782
|
+
var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
|
|
783
|
+
for (var i = o > 1 ? void 0 : o ? we(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
784
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
785
|
+
return o && i && me(t, e, i), i;
|
|
782
786
|
};
|
|
783
787
|
const $e = te(m);
|
|
784
788
|
let u = class extends $e {
|
|
@@ -1049,10 +1053,10 @@ y([
|
|
|
1049
1053
|
u = y([
|
|
1050
1054
|
O("o-button")
|
|
1051
1055
|
], u);
|
|
1052
|
-
var
|
|
1053
|
-
for (var
|
|
1054
|
-
(
|
|
1055
|
-
return o &&
|
|
1056
|
+
var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
|
|
1057
|
+
for (var i = o > 1 ? void 0 : o ? _e(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1058
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1059
|
+
return o && i && xe(t, e, i), i;
|
|
1056
1060
|
};
|
|
1057
1061
|
let U = class extends m {
|
|
1058
1062
|
constructor() {
|
|
@@ -1163,12 +1167,12 @@ et([
|
|
|
1163
1167
|
U = et([
|
|
1164
1168
|
O("o-wishlist-button")
|
|
1165
1169
|
], U);
|
|
1166
|
-
var
|
|
1167
|
-
for (var
|
|
1168
|
-
(
|
|
1169
|
-
return o &&
|
|
1170
|
+
var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
|
|
1171
|
+
for (var i = o > 1 ? void 0 : o ? Se(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1172
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1173
|
+
return o && i && Ae(t, e, i), i;
|
|
1170
1174
|
};
|
|
1171
|
-
let
|
|
1175
|
+
let w = class extends m {
|
|
1172
1176
|
constructor() {
|
|
1173
1177
|
super(...arguments), this.bgstyle = "background-light", this.size = "medium", this.status = "empty", this.type = "button", this.strokewidth = "1", this.icon = "wishlist", this.disabled = !1;
|
|
1174
1178
|
}
|
|
@@ -1198,7 +1202,7 @@ let $ = class extends m {
|
|
|
1198
1202
|
`;
|
|
1199
1203
|
}
|
|
1200
1204
|
};
|
|
1201
|
-
|
|
1205
|
+
w.styles = A`
|
|
1202
1206
|
:host {
|
|
1203
1207
|
display: inline-flex;
|
|
1204
1208
|
justify-content: center;
|
|
@@ -1400,32 +1404,32 @@ $.styles = A`
|
|
|
1400
1404
|
`;
|
|
1401
1405
|
L([
|
|
1402
1406
|
a({ type: String, reflect: !0 })
|
|
1403
|
-
],
|
|
1407
|
+
], w.prototype, "bgstyle", 2);
|
|
1404
1408
|
L([
|
|
1405
1409
|
a({ type: String, reflect: !0 })
|
|
1406
|
-
],
|
|
1410
|
+
], w.prototype, "size", 2);
|
|
1407
1411
|
L([
|
|
1408
1412
|
a({ type: String, reflect: !0 })
|
|
1409
|
-
],
|
|
1413
|
+
], w.prototype, "status", 2);
|
|
1410
1414
|
L([
|
|
1411
1415
|
a({ type: String, reflect: !0 })
|
|
1412
|
-
],
|
|
1416
|
+
], w.prototype, "type", 2);
|
|
1413
1417
|
L([
|
|
1414
1418
|
a({ type: String })
|
|
1415
|
-
],
|
|
1419
|
+
], w.prototype, "strokewidth", 2);
|
|
1416
1420
|
L([
|
|
1417
1421
|
a({ type: String })
|
|
1418
|
-
],
|
|
1422
|
+
], w.prototype, "icon", 2);
|
|
1419
1423
|
L([
|
|
1420
1424
|
a({ type: Boolean, reflect: !0 })
|
|
1421
|
-
],
|
|
1422
|
-
|
|
1425
|
+
], w.prototype, "disabled", 2);
|
|
1426
|
+
w = L([
|
|
1423
1427
|
O("o-icon-button")
|
|
1424
|
-
],
|
|
1425
|
-
var
|
|
1426
|
-
for (var
|
|
1427
|
-
(
|
|
1428
|
-
return o &&
|
|
1428
|
+
], w);
|
|
1429
|
+
var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
|
|
1430
|
+
for (var i = o > 1 ? void 0 : o ? Ce(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1431
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1432
|
+
return o && i && Ee(t, e, i), i;
|
|
1429
1433
|
};
|
|
1430
1434
|
let x = class extends m {
|
|
1431
1435
|
constructor() {
|
|
@@ -1438,7 +1442,7 @@ let x = class extends m {
|
|
|
1438
1442
|
<o-icon-button
|
|
1439
1443
|
icon="chevronLeft"
|
|
1440
1444
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
1441
|
-
size="
|
|
1445
|
+
size="xsmall"
|
|
1442
1446
|
aria-hidden="true"
|
|
1443
1447
|
type="span"
|
|
1444
1448
|
></o-icon-button>
|
|
@@ -1448,7 +1452,7 @@ let x = class extends m {
|
|
|
1448
1452
|
<o-icon-button
|
|
1449
1453
|
icon="chevronRight"
|
|
1450
1454
|
bgstyle="${this.inverse ? "none-light" : "none-contrast"}"
|
|
1451
|
-
size="
|
|
1455
|
+
size="xsmall"
|
|
1452
1456
|
aria-hidden="true"
|
|
1453
1457
|
type="span"
|
|
1454
1458
|
></o-icon-button>
|
|
@@ -1566,10 +1570,10 @@ H([
|
|
|
1566
1570
|
x = H([
|
|
1567
1571
|
O("o-link")
|
|
1568
1572
|
], x);
|
|
1569
|
-
var
|
|
1570
|
-
for (var
|
|
1571
|
-
(
|
|
1572
|
-
return o &&
|
|
1573
|
+
var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
|
|
1574
|
+
for (var i = o > 1 ? void 0 : o ? ke(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1575
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1576
|
+
return o && i && Le(t, e, i), i;
|
|
1573
1577
|
};
|
|
1574
1578
|
let N = class extends m {
|
|
1575
1579
|
constructor() {
|
|
@@ -1644,10 +1648,10 @@ nt([
|
|
|
1644
1648
|
N = nt([
|
|
1645
1649
|
O("o-rating")
|
|
1646
1650
|
], N);
|
|
1647
|
-
var Pe = Object.defineProperty,
|
|
1648
|
-
for (var
|
|
1649
|
-
(
|
|
1650
|
-
return o &&
|
|
1651
|
+
var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, g = (n, t, e, o) => {
|
|
1652
|
+
for (var i = o > 1 ? void 0 : o ? Ie(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1653
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1654
|
+
return o && i && Pe(t, e, i), i;
|
|
1651
1655
|
};
|
|
1652
1656
|
let b = class extends m {
|
|
1653
1657
|
constructor() {
|
|
@@ -1712,10 +1716,10 @@ let b = class extends m {
|
|
|
1712
1716
|
${this.showHeader ? h`
|
|
1713
1717
|
<div class="header">
|
|
1714
1718
|
${this.showHeaderStartIcon ? h`
|
|
1715
|
-
<o-icon-button icon="
|
|
1719
|
+
<o-icon-button icon="arrowLeft" size="small" class="return-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1716
1720
|
` : null}
|
|
1717
1721
|
<span id="panel-title" class="panel-title">${this.headerTitle}</span>
|
|
1718
|
-
<o-icon-button icon="cross" size="
|
|
1722
|
+
<o-icon-button icon="cross" size="small" class="close-btn" bgstyle="background-light" @click=${this.closePanel} aria-label="${this.closeButtonLabel}"></o-icon-button>
|
|
1719
1723
|
</div>
|
|
1720
1724
|
` : null}
|
|
1721
1725
|
|
|
@@ -1759,6 +1763,8 @@ b.styles = A`
|
|
|
1759
1763
|
width: 100%;
|
|
1760
1764
|
pointer-events: none;
|
|
1761
1765
|
z-index: var(--z-overlay);
|
|
1766
|
+
--side-panel-width: 100%;
|
|
1767
|
+
--side-panel-max-width: 416px;
|
|
1762
1768
|
}
|
|
1763
1769
|
|
|
1764
1770
|
/* Hide content until it is initialized */
|
|
@@ -1791,9 +1797,8 @@ b.styles = A`
|
|
|
1791
1797
|
position: absolute;
|
|
1792
1798
|
top: 0;
|
|
1793
1799
|
right: 0;
|
|
1794
|
-
|
|
1795
|
-
width:
|
|
1796
|
-
max-width: 416px;
|
|
1800
|
+
width: var(--side-panel-width);
|
|
1801
|
+
max-width: var(--side-panel-max-width);
|
|
1797
1802
|
height: 100%;
|
|
1798
1803
|
background: white;
|
|
1799
1804
|
box-shadow: var(--colors-alpha-dark-60);
|
|
@@ -1809,6 +1814,29 @@ b.styles = A`
|
|
|
1809
1814
|
transform: translateX(0%);
|
|
1810
1815
|
}
|
|
1811
1816
|
|
|
1817
|
+
/* Mobile */
|
|
1818
|
+
@media (max-width: 767px) {
|
|
1819
|
+
:host {
|
|
1820
|
+
--side-panel-width: 100%;
|
|
1821
|
+
--side-panel-max-width: none;
|
|
1822
|
+
}
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
/* Tablet */
|
|
1826
|
+
@media (min-width: 768px) and (max-width: 1024px) {
|
|
1827
|
+
:host {
|
|
1828
|
+
--side-panel-width: 375px;
|
|
1829
|
+
--side-panel-max-width: 375px;
|
|
1830
|
+
}
|
|
1831
|
+
}
|
|
1832
|
+
|
|
1833
|
+
@media (min-width: 1025px) {
|
|
1834
|
+
:host {
|
|
1835
|
+
--side-panel-width: 100%;
|
|
1836
|
+
--side-panel-max-width: 416px;
|
|
1837
|
+
}
|
|
1838
|
+
}
|
|
1839
|
+
|
|
1812
1840
|
.header {
|
|
1813
1841
|
flex: 0 0 auto;
|
|
1814
1842
|
display: flex;
|
|
@@ -1863,13 +1891,6 @@ b.styles = A`
|
|
|
1863
1891
|
gap: 16px;
|
|
1864
1892
|
justify-content: flex-start;
|
|
1865
1893
|
}
|
|
1866
|
-
|
|
1867
|
-
@media (max-width: 640px) {
|
|
1868
|
-
.panel {
|
|
1869
|
-
width: 100%;
|
|
1870
|
-
max-width: none;
|
|
1871
|
-
}
|
|
1872
|
-
}
|
|
1873
1894
|
`;
|
|
1874
1895
|
g([
|
|
1875
1896
|
a({ type: Boolean, reflect: !0 })
|
|
@@ -1919,10 +1940,10 @@ g([
|
|
|
1919
1940
|
b = g([
|
|
1920
1941
|
O("o-side-panel")
|
|
1921
1942
|
], b);
|
|
1922
|
-
var
|
|
1923
|
-
for (var
|
|
1924
|
-
(
|
|
1925
|
-
return o &&
|
|
1943
|
+
var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
|
|
1944
|
+
for (var i = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1945
|
+
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1946
|
+
return o && i && Be(t, e, i), i;
|
|
1926
1947
|
};
|
|
1927
1948
|
let _ = class extends m {
|
|
1928
1949
|
constructor() {
|
|
@@ -1963,7 +1984,7 @@ let _ = class extends m {
|
|
|
1963
1984
|
return h`
|
|
1964
1985
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1965
1986
|
${this.thumbnails.map((n, t) => {
|
|
1966
|
-
const e = this.disabledIndexes.includes(t), o = this.activeIndex === t,
|
|
1987
|
+
const e = this.disabledIndexes.includes(t), o = this.activeIndex === t, i = n.type === "video";
|
|
1967
1988
|
return h`
|
|
1968
1989
|
<div class="thumb-wrapper">
|
|
1969
1990
|
<button
|
|
@@ -1977,7 +1998,7 @@ let _ = class extends m {
|
|
|
1977
1998
|
>
|
|
1978
1999
|
<img src="${n.src}" />
|
|
1979
2000
|
</button>
|
|
1980
|
-
${
|
|
2001
|
+
${i ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
|
|
1981
2002
|
</div>
|
|
1982
2003
|
`;
|
|
1983
2004
|
})}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@florid-kit/components",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.15",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"module": "index.mjs",
|
|
6
6
|
"typings": "index.d.ts",
|
|
7
7
|
"description": "This library was generated with [Nx](https://nx.dev).",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@florid-kit/tokens": "^0.1.
|
|
9
|
+
"@florid-kit/tokens": "^0.1.9"
|
|
10
10
|
},
|
|
11
11
|
"devDependencies": {
|
|
12
12
|
"@storybook/addon-a11y": "8.6.14",
|