@florid-kit/components 0.4.14 → 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 +49 -32
- package/index.mjs +215 -198
- package/package.json +1 -1
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,
|
|
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(""),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",
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t
|
|
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
|
|
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">
|
|
@@ -100,19 +100,19 @@
|
|
|
100
100
|
`,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
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
102
|
</svg>
|
|
103
|
-
`,tt={wishlist:ne,playerv:oe,chevronRight:
|
|
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};/**
|
|
104
104
|
* @license
|
|
105
105
|
* Copyright 2017 Google LLC
|
|
106
106
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
107
|
-
*/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)}}/**
|
|
108
108
|
* @license
|
|
109
109
|
* Copyright 2017 Google LLC
|
|
110
110
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
111
|
-
*/class lt extends ye{constructor(t){if(super(t),this.it=d,t.type!==
|
|
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;/**
|
|
112
112
|
* @license
|
|
113
113
|
* Copyright 2017 Google LLC
|
|
114
114
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
115
|
-
*/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`
|
|
116
116
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
117
117
|
${this.startIcon?this.renderIcon("start"):d}
|
|
118
118
|
${n?h`
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
transform: translateX(4px);
|
|
293
293
|
}
|
|
294
294
|
//End icon movment on hover
|
|
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
|
|
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`
|
|
296
296
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
297
297
|
<span class="sr-only">${this.label}</span>
|
|
298
298
|
${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([O("o-wishlist-button")],U);var Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,L=(n,t,e,o)=>{for(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`
|
|
356
356
|
${this.type==="span"?h`
|
|
357
357
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
358
358
|
${W(e)}
|
|
@@ -367,7 +367,7 @@
|
|
|
367
367
|
${W(e)}
|
|
368
368
|
</button>
|
|
369
369
|
`}
|
|
370
|
-
`}}
|
|
370
|
+
`}};w.styles=A`
|
|
371
371
|
:host {
|
|
372
372
|
display: inline-flex;
|
|
373
373
|
justify-content: center;
|
|
@@ -566,7 +566,7 @@
|
|
|
566
566
|
}
|
|
567
567
|
|
|
568
568
|
}
|
|
569
|
-
`;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`
|
|
570
570
|
<a href="${this.href}" target="${this.target}">
|
|
571
571
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
572
572
|
<o-icon-button
|
|
@@ -675,7 +675,7 @@
|
|
|
675
675
|
height: 1px;
|
|
676
676
|
}
|
|
677
677
|
/* End of underline effect */
|
|
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
|
|
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`
|
|
679
679
|
<div class="rating">
|
|
680
680
|
<div class="stars">
|
|
681
681
|
${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
|
|
@@ -715,7 +715,7 @@
|
|
|
715
715
|
text-decoration: underline;
|
|
716
716
|
cursor: pointer;
|
|
717
717
|
}
|
|
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,
|
|
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`
|
|
719
719
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
720
720
|
<div
|
|
721
721
|
class="panel"
|
|
@@ -772,6 +772,8 @@
|
|
|
772
772
|
width: 100%;
|
|
773
773
|
pointer-events: none;
|
|
774
774
|
z-index: var(--z-overlay);
|
|
775
|
+
--side-panel-width: 100%;
|
|
776
|
+
--side-panel-max-width: 416px;
|
|
775
777
|
}
|
|
776
778
|
|
|
777
779
|
/* Hide content until it is initialized */
|
|
@@ -804,9 +806,8 @@
|
|
|
804
806
|
position: absolute;
|
|
805
807
|
top: 0;
|
|
806
808
|
right: 0;
|
|
807
|
-
|
|
808
|
-
width:
|
|
809
|
-
max-width: 416px;
|
|
809
|
+
width: var(--side-panel-width);
|
|
810
|
+
max-width: var(--side-panel-max-width);
|
|
810
811
|
height: 100%;
|
|
811
812
|
background: white;
|
|
812
813
|
box-shadow: var(--colors-alpha-dark-60);
|
|
@@ -822,6 +823,29 @@
|
|
|
822
823
|
transform: translateX(0%);
|
|
823
824
|
}
|
|
824
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
|
+
|
|
825
849
|
.header {
|
|
826
850
|
flex: 0 0 auto;
|
|
827
851
|
display: flex;
|
|
@@ -876,14 +900,7 @@
|
|
|
876
900
|
gap: 16px;
|
|
877
901
|
justify-content: flex-start;
|
|
878
902
|
}
|
|
879
|
-
|
|
880
|
-
@media (max-width: 640px) {
|
|
881
|
-
.panel {
|
|
882
|
-
width: 100%;
|
|
883
|
-
max-width: none;
|
|
884
|
-
}
|
|
885
|
-
}
|
|
886
|
-
`;v([a({type:Boolean,reflect:!0})],b.prototype,"open",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeader",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showFooter",2);v([a({type:Boolean,reflect:!0})],b.prototype,"showHeaderStartIcon",2);v([a({type:String,reflect:!0})],b.prototype,"headerTitle",2);v([a({type:String,reflect:!0})],b.prototype,"closeButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"firstButtonVariant",2);v([a({type:Function})],b.prototype,"onFirstButtonClick",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonLabel",2);v([a({type:String,reflect:!0})],b.prototype,"secondaryButtonVariant",2);v([a({type:Function})],b.prototype,"onSecondaryButtonClick",2);v([a({type:Boolean,reflect:!0})],b.prototype,"disablePortal",2);v([a({type:Number,reflect:!0})],b.prototype,"zIndex",2);v([a({type:Boolean,reflect:!0})],b.prototype,"initialized",2);b=v([O("o-side-panel")],b);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var s=o>1?void 0:o?ze(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&&Be(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`
|
|
887
904
|
<o-icon-button
|
|
888
905
|
icon="playerv"
|
|
889
906
|
size="xsmall"
|
|
@@ -894,7 +911,7 @@
|
|
|
894
911
|
></o-icon-button>
|
|
895
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`
|
|
896
913
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
897
|
-
${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`
|
|
898
915
|
<div class="thumb-wrapper">
|
|
899
916
|
<button
|
|
900
917
|
class="thumb"
|
|
@@ -907,7 +924,7 @@
|
|
|
907
924
|
>
|
|
908
925
|
<img src="${n.src}" />
|
|
909
926
|
</button>
|
|
910
|
-
${
|
|
927
|
+
${i?h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
911
928
|
</div>
|
|
912
929
|
`})}
|
|
913
930
|
</div>
|
package/index.mjs
CHANGED
|
@@ -23,19 +23,19 @@ 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 = "";
|
|
40
40
|
for (const o of t.cssRules) e += o.cssText;
|
|
41
41
|
return It(e);
|
|
@@ -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: zt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: Tt, getPrototypeOf: Dt } = Object, C = globalThis,
|
|
48
|
+
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) {
|
|
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 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,8 +129,8 @@ 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
|
|
133
|
-
} else t !== void 0 && e.push(
|
|
132
|
+
for (const i of o) e.unshift(vt(i));
|
|
133
|
+
} else t !== void 0 && e.push(vt(t));
|
|
134
134
|
return e;
|
|
135
135
|
}
|
|
136
136
|
static _$Eu(t, e) {
|
|
@@ -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,8 +282,8 @@ 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(""), 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",
|
|
286
|
-
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
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
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
288
|
function Pt(n, t) {
|
|
289
289
|
if (!ut(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
@@ -291,44 +291,44 @@ function Pt(n, 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,
|
|
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
302
|
return [Pt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
304
304
|
class q {
|
|
305
305
|
constructor({ strings: t, _$litType$: e }, o) {
|
|
306
|
-
let
|
|
306
|
+
let i;
|
|
307
307
|
this.parts = [];
|
|
308
|
-
let r = 0,
|
|
309
|
-
const c = t.length - 1, l = this.parts, [f,
|
|
308
|
+
let r = 0, s = 0;
|
|
309
|
+
const c = t.length - 1, l = this.parts, [f, v] = Vt(t, e);
|
|
310
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] === "." ? Zt : K[1] === "?" ? qt : K[1] === "@" ? Wt : Y }),
|
|
319
|
-
} else p.startsWith(E) && (l.push({ type: 6, index: r }),
|
|
320
|
-
if (kt.test(
|
|
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 q {
|
|
|
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
|
|
344
|
+
let i = o !== void 0 ? (s = e._$Co) == null ? void 0 : s[o] : e._$Cl;
|
|
345
345
|
const r = Z(t) ? void 0 : t._$litDirective$;
|
|
346
|
-
return (
|
|
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
|
-
P.currentNode =
|
|
361
|
-
let r = P.nextNode(),
|
|
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 P.currentNode = B,
|
|
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;
|
|
@@ -406,11 +406,11 @@ class G {
|
|
|
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) {
|
|
@@ -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 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,19 +443,19 @@ 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 ?? "");
|
|
@@ -478,13 +478,13 @@ class qt 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">
|
|
@@ -715,8 +715,8 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
715
715
|
`, tt = {
|
|
716
716
|
wishlist: ne,
|
|
717
717
|
playerv: oe,
|
|
718
|
-
chevronRight:
|
|
719
|
-
chevronLeft:
|
|
718
|
+
chevronRight: ie,
|
|
719
|
+
chevronLeft: se,
|
|
720
720
|
icoPlus: ue,
|
|
721
721
|
icoMinus: fe,
|
|
722
722
|
"star-0": re,
|
|
@@ -733,7 +733,7 @@ const ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
733
733
|
* Copyright 2017 Google LLC
|
|
734
734
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
735
735
|
*/
|
|
736
|
-
const
|
|
736
|
+
const ve = { CHILD: 2 }, ge = (n) => (...t) => ({ _$litDirective$: n, values: t });
|
|
737
737
|
class ye {
|
|
738
738
|
constructor(t) {
|
|
739
739
|
}
|
|
@@ -757,7 +757,7 @@ class ye {
|
|
|
757
757
|
*/
|
|
758
758
|
class lt extends ye {
|
|
759
759
|
constructor(t) {
|
|
760
|
-
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");
|
|
761
761
|
}
|
|
762
762
|
render(t) {
|
|
763
763
|
if (t === d || t == null) return this._t = void 0, this.it = t;
|
|
@@ -778,14 +778,14 @@ lt.directiveName = "unsafeHTML", lt.resultType = 1;
|
|
|
778
778
|
class ct extends lt {
|
|
779
779
|
}
|
|
780
780
|
ct.directiveName = "unsafeSVG", ct.resultType = 2;
|
|
781
|
-
const W =
|
|
782
|
-
var me = Object.defineProperty,
|
|
783
|
-
for (var
|
|
784
|
-
(
|
|
785
|
-
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;
|
|
786
786
|
};
|
|
787
|
-
const
|
|
788
|
-
let u = class extends
|
|
787
|
+
const $e = te(m);
|
|
788
|
+
let u = class extends $e {
|
|
789
789
|
constructor() {
|
|
790
790
|
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 = "";
|
|
791
791
|
}
|
|
@@ -1054,9 +1054,9 @@ u = y([
|
|
|
1054
1054
|
O("o-button")
|
|
1055
1055
|
], u);
|
|
1056
1056
|
var xe = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, et = (n, t, e, o) => {
|
|
1057
|
-
for (var
|
|
1058
|
-
(
|
|
1059
|
-
return 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;
|
|
1060
1060
|
};
|
|
1061
1061
|
let U = class extends m {
|
|
1062
1062
|
constructor() {
|
|
@@ -1168,11 +1168,11 @@ U = et([
|
|
|
1168
1168
|
O("o-wishlist-button")
|
|
1169
1169
|
], U);
|
|
1170
1170
|
var Ae = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, L = (n, t, e, o) => {
|
|
1171
|
-
for (var
|
|
1172
|
-
(
|
|
1173
|
-
return 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;
|
|
1174
1174
|
};
|
|
1175
|
-
let
|
|
1175
|
+
let w = class extends m {
|
|
1176
1176
|
constructor() {
|
|
1177
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;
|
|
1178
1178
|
}
|
|
@@ -1202,7 +1202,7 @@ let $ = class extends m {
|
|
|
1202
1202
|
`;
|
|
1203
1203
|
}
|
|
1204
1204
|
};
|
|
1205
|
-
|
|
1205
|
+
w.styles = A`
|
|
1206
1206
|
:host {
|
|
1207
1207
|
display: inline-flex;
|
|
1208
1208
|
justify-content: center;
|
|
@@ -1404,32 +1404,32 @@ $.styles = A`
|
|
|
1404
1404
|
`;
|
|
1405
1405
|
L([
|
|
1406
1406
|
a({ type: String, reflect: !0 })
|
|
1407
|
-
],
|
|
1407
|
+
], w.prototype, "bgstyle", 2);
|
|
1408
1408
|
L([
|
|
1409
1409
|
a({ type: String, reflect: !0 })
|
|
1410
|
-
],
|
|
1410
|
+
], w.prototype, "size", 2);
|
|
1411
1411
|
L([
|
|
1412
1412
|
a({ type: String, reflect: !0 })
|
|
1413
|
-
],
|
|
1413
|
+
], w.prototype, "status", 2);
|
|
1414
1414
|
L([
|
|
1415
1415
|
a({ type: String, reflect: !0 })
|
|
1416
|
-
],
|
|
1416
|
+
], w.prototype, "type", 2);
|
|
1417
1417
|
L([
|
|
1418
1418
|
a({ type: String })
|
|
1419
|
-
],
|
|
1419
|
+
], w.prototype, "strokewidth", 2);
|
|
1420
1420
|
L([
|
|
1421
1421
|
a({ type: String })
|
|
1422
|
-
],
|
|
1422
|
+
], w.prototype, "icon", 2);
|
|
1423
1423
|
L([
|
|
1424
1424
|
a({ type: Boolean, reflect: !0 })
|
|
1425
|
-
],
|
|
1426
|
-
|
|
1425
|
+
], w.prototype, "disabled", 2);
|
|
1426
|
+
w = L([
|
|
1427
1427
|
O("o-icon-button")
|
|
1428
|
-
],
|
|
1428
|
+
], w);
|
|
1429
1429
|
var Ee = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
|
|
1430
|
-
for (var
|
|
1431
|
-
(
|
|
1432
|
-
return 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;
|
|
1433
1433
|
};
|
|
1434
1434
|
let x = class extends m {
|
|
1435
1435
|
constructor() {
|
|
@@ -1571,9 +1571,9 @@ x = H([
|
|
|
1571
1571
|
O("o-link")
|
|
1572
1572
|
], x);
|
|
1573
1573
|
var Le = Object.defineProperty, ke = Object.getOwnPropertyDescriptor, nt = (n, t, e, o) => {
|
|
1574
|
-
for (var
|
|
1575
|
-
(
|
|
1576
|
-
return 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;
|
|
1577
1577
|
};
|
|
1578
1578
|
let N = class extends m {
|
|
1579
1579
|
constructor() {
|
|
@@ -1648,10 +1648,10 @@ nt([
|
|
|
1648
1648
|
N = nt([
|
|
1649
1649
|
O("o-rating")
|
|
1650
1650
|
], N);
|
|
1651
|
-
var Pe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor,
|
|
1652
|
-
for (var
|
|
1653
|
-
(
|
|
1654
|
-
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;
|
|
1655
1655
|
};
|
|
1656
1656
|
let b = class extends m {
|
|
1657
1657
|
constructor() {
|
|
@@ -1763,6 +1763,8 @@ b.styles = A`
|
|
|
1763
1763
|
width: 100%;
|
|
1764
1764
|
pointer-events: none;
|
|
1765
1765
|
z-index: var(--z-overlay);
|
|
1766
|
+
--side-panel-width: 100%;
|
|
1767
|
+
--side-panel-max-width: 416px;
|
|
1766
1768
|
}
|
|
1767
1769
|
|
|
1768
1770
|
/* Hide content until it is initialized */
|
|
@@ -1795,9 +1797,8 @@ b.styles = A`
|
|
|
1795
1797
|
position: absolute;
|
|
1796
1798
|
top: 0;
|
|
1797
1799
|
right: 0;
|
|
1798
|
-
|
|
1799
|
-
width:
|
|
1800
|
-
max-width: 416px;
|
|
1800
|
+
width: var(--side-panel-width);
|
|
1801
|
+
max-width: var(--side-panel-max-width);
|
|
1801
1802
|
height: 100%;
|
|
1802
1803
|
background: white;
|
|
1803
1804
|
box-shadow: var(--colors-alpha-dark-60);
|
|
@@ -1813,6 +1814,29 @@ b.styles = A`
|
|
|
1813
1814
|
transform: translateX(0%);
|
|
1814
1815
|
}
|
|
1815
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
|
+
|
|
1816
1840
|
.header {
|
|
1817
1841
|
flex: 0 0 auto;
|
|
1818
1842
|
display: flex;
|
|
@@ -1867,66 +1891,59 @@ b.styles = A`
|
|
|
1867
1891
|
gap: 16px;
|
|
1868
1892
|
justify-content: flex-start;
|
|
1869
1893
|
}
|
|
1870
|
-
|
|
1871
|
-
@media (max-width: 640px) {
|
|
1872
|
-
.panel {
|
|
1873
|
-
width: 100%;
|
|
1874
|
-
max-width: none;
|
|
1875
|
-
}
|
|
1876
|
-
}
|
|
1877
1894
|
`;
|
|
1878
|
-
|
|
1895
|
+
g([
|
|
1879
1896
|
a({ type: Boolean, reflect: !0 })
|
|
1880
1897
|
], b.prototype, "open", 2);
|
|
1881
|
-
|
|
1898
|
+
g([
|
|
1882
1899
|
a({ type: Boolean, reflect: !0 })
|
|
1883
1900
|
], b.prototype, "showHeader", 2);
|
|
1884
|
-
|
|
1901
|
+
g([
|
|
1885
1902
|
a({ type: Boolean, reflect: !0 })
|
|
1886
1903
|
], b.prototype, "showFooter", 2);
|
|
1887
|
-
|
|
1904
|
+
g([
|
|
1888
1905
|
a({ type: Boolean, reflect: !0 })
|
|
1889
1906
|
], b.prototype, "showHeaderStartIcon", 2);
|
|
1890
|
-
|
|
1907
|
+
g([
|
|
1891
1908
|
a({ type: String, reflect: !0 })
|
|
1892
1909
|
], b.prototype, "headerTitle", 2);
|
|
1893
|
-
|
|
1910
|
+
g([
|
|
1894
1911
|
a({ type: String, reflect: !0 })
|
|
1895
1912
|
], b.prototype, "closeButtonLabel", 2);
|
|
1896
|
-
|
|
1913
|
+
g([
|
|
1897
1914
|
a({ type: String, reflect: !0 })
|
|
1898
1915
|
], b.prototype, "firstButtonLabel", 2);
|
|
1899
|
-
|
|
1916
|
+
g([
|
|
1900
1917
|
a({ type: String, reflect: !0 })
|
|
1901
1918
|
], b.prototype, "firstButtonVariant", 2);
|
|
1902
|
-
|
|
1919
|
+
g([
|
|
1903
1920
|
a({ type: Function })
|
|
1904
1921
|
], b.prototype, "onFirstButtonClick", 2);
|
|
1905
|
-
|
|
1922
|
+
g([
|
|
1906
1923
|
a({ type: String, reflect: !0 })
|
|
1907
1924
|
], b.prototype, "secondaryButtonLabel", 2);
|
|
1908
|
-
|
|
1925
|
+
g([
|
|
1909
1926
|
a({ type: String, reflect: !0 })
|
|
1910
1927
|
], b.prototype, "secondaryButtonVariant", 2);
|
|
1911
|
-
|
|
1928
|
+
g([
|
|
1912
1929
|
a({ type: Function })
|
|
1913
1930
|
], b.prototype, "onSecondaryButtonClick", 2);
|
|
1914
|
-
|
|
1931
|
+
g([
|
|
1915
1932
|
a({ type: Boolean, reflect: !0 })
|
|
1916
1933
|
], b.prototype, "disablePortal", 2);
|
|
1917
|
-
|
|
1934
|
+
g([
|
|
1918
1935
|
a({ type: Number, reflect: !0 })
|
|
1919
1936
|
], b.prototype, "zIndex", 2);
|
|
1920
|
-
|
|
1937
|
+
g([
|
|
1921
1938
|
a({ type: Boolean, reflect: !0 })
|
|
1922
1939
|
], b.prototype, "initialized", 2);
|
|
1923
|
-
b =
|
|
1940
|
+
b = g([
|
|
1924
1941
|
O("o-side-panel")
|
|
1925
1942
|
], b);
|
|
1926
1943
|
var Be = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
|
|
1927
|
-
for (var
|
|
1928
|
-
(
|
|
1929
|
-
return 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;
|
|
1930
1947
|
};
|
|
1931
1948
|
let _ = class extends m {
|
|
1932
1949
|
constructor() {
|
|
@@ -1967,7 +1984,7 @@ let _ = class extends m {
|
|
|
1967
1984
|
return h`
|
|
1968
1985
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1969
1986
|
${this.thumbnails.map((n, t) => {
|
|
1970
|
-
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";
|
|
1971
1988
|
return h`
|
|
1972
1989
|
<div class="thumb-wrapper">
|
|
1973
1990
|
<button
|
|
@@ -1981,7 +1998,7 @@ let _ = class extends m {
|
|
|
1981
1998
|
>
|
|
1982
1999
|
<img src="${n.src}" />
|
|
1983
2000
|
</button>
|
|
1984
|
-
${
|
|
2001
|
+
${i ? h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>` : null}
|
|
1985
2002
|
</div>
|
|
1986
2003
|
`;
|
|
1987
2004
|
})}
|