@florid-kit/components 0.4.29 → 0.4.31
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 +55 -48
- package/index.mjs +249 -241
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),ft=new WeakMap;let
|
|
5
|
+
*/const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),ft=new WeakMap;let Et=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==pt)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(dt&&t===void 0){const i=e!==void 0&&e.length===1;i&&(t=ft.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&ft.set(e,t))}return t}toString(){return this.cssText}};const zt=n=>new Et(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((i,o,r)=>i+(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.")})(o)+n[r+1],n[0]);return new Et(e,n,pt)},Ot=(n,t)=>{if(dt)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const i=document.createElement("style"),o=X.litNonce;o!==void 0&&i.setAttribute("nonce",o),i.textContent=e.cssText,n.appendChild(i)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return zt(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Ht,defineProperty:Mt,getOwnPropertyDescriptor:Tt,getOwnPropertyNames:Dt,getOwnPropertySymbols:Ut,getPrototypeOf:Nt}=Object,
|
|
9
|
+
*/const{is:Ht,defineProperty:Mt,getOwnPropertyDescriptor:Tt,getOwnPropertyNames:Dt,getOwnPropertySymbols:Ut,getPrototypeOf:Nt}=Object,E=globalThis,yt=E.trustedTypes,jt=yt?yt.emptyScript:"",it=E.reactiveElementPolyfillSupport,V=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?jt: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}},ut=(n,t)=>!Ht(n,t),mt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ut};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),E.litPropertyMetadata??(E.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=mt){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 i=Symbol(),o=this.getPropertyDescriptor(t,i,e);o!==void 0&&Mt(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=Tt(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:o,set(s){const c=o==null?void 0:o.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??mt}static _$Ei(){if(this.hasOwnProperty(V("elementProperties")))return;const t=Nt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(V("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(V("properties"))){const e=this.properties,i=[...Dt(e),...Ut(e)];for(const o of i)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[i,o]of e)this.elementProperties.set(i,o)}this._$Eh=new Map;for(const[e,i]of this.elementProperties){const o=this._$Eu(e,i);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const o of i)e.unshift(bt(o))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const i=e.attribute;return i===!1?void 0:typeof i=="string"?i: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 i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ot(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 i;return(i=e.hostConnected)==null?void 0:i.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var i;return(i=e.hostDisconnected)==null?void 0:i.call(e)})}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){var r;const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(o!==void 0&&i.reflect===!0){const s=(((r=i.converter)==null?void 0:r.toAttribute)!==void 0?i.converter:J).toAttribute(e,i.type);this._$Em=t,s==null?this.removeAttribute(o):this.setAttribute(o,s),this._$Em=null}}_$AK(t,e){var r,s;const i=this.constructor,o=i._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=i.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(o))??null,this._$Em=null}}requestUpdate(t,e,i){var o;if(t!==void 0){const r=this.constructor,s=this[t];if(i??(i=r.getPropertyOptions(t)),!((i.hasChanged??ut)(s,e)||i.useDefault&&i.reflect&&s===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(r._$Eu(t,i))))return;this.C(t,e,i)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:o,wrapped:r},s){i&&!(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||i||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var i;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 o=this.constructor.elementProperties;if(o.size>0)for(const[r,s]of o){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),(i=this._$EO)==null||i.forEach(o=>{var r;return(r=o.hostUpdate)==null?void 0:r.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(i=>{var o;return(o=i.hostUpdated)==null?void 0:o.call(i)}),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[V("elementProperties")]=new Map,T[V("finalized")]=new Map,it==null||it({ReactiveElement:T}),(E.reactiveElementVersions??(E.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,P=RegExp(`>|${
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,
|
|
13
|
+
*/const R=globalThis,Y=R.trustedTypes,wt=Y?Y.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,kt="?"+S,Vt=`<${kt}>`,z=document,F=()=>z.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",gt=Array.isArray,Rt=n=>gt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",st=`[
|
|
14
|
+
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,P=RegExp(`>|${st}(?:([^\\s"'>=/]+)(${st}*=${st}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,Ct=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Ft=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Ft(1),O=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),At=new WeakMap,I=z.createTreeWalker(z,129);function It(n,t){if(!gt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Zt=(n,t)=>{const e=n.length-1,i=[];let o,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let g,f,p=-1,x=0;for(;x<l.length&&(s.lastIndex=x,f=s.exec(l),f!==null);)x=s.lastIndex,s===j?f[1]==="!--"?s=$t:f[1]!==void 0?s=xt:f[2]!==void 0?(Pt.test(f[2])&&(o=RegExp("</"+f[2],"g")),s=P):f[3]!==void 0&&(s=P):s===P?f[0]===">"?(s=o??j,p=-1):f[1]===void 0?p=-2:(p=s.lastIndex-f[2].length,g=f[1],s=f[3]===void 0?P:f[3]==='"'?Ct:_t):s===Ct||s===_t?s=P:s===$t||s===xt?s=j:(s=P,o=void 0);const A=s===P&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+Vt:p>=0?(i.push(g),l.slice(0,p)+Lt+l.slice(p)+S+A):l+S+(p===-2?c:A)}return[It(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),i]};class q{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[g,f]=Zt(t,e);if(this.el=q.createElement(g,i),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Lt)){const x=f[s++],A=o.getAttribute(p).split(S),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:A,ctor:K[1]==="."?Wt:K[1]==="?"?Gt:K[1]==="@"?Kt:tt}),o.removeAttribute(p)}else p.startsWith(S)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(S),x=p.length-1;if(x>0){o.textContent=Y?Y.emptyScript:"";for(let A=0;A<x;A++)o.append(p[A],F()),I.nextNode(),l.push({type:2,index:++r});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===kt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(S,p+1))!==-1;)l.push({type:7,index:r}),p+=S.length-1}r++}}static createElement(t,e){const i=z.createElement("template");return i.innerHTML=t,i}}function D(n,t,e=n,i){var s,c;if(t===O)return t;let o=i!==void 0?(s=e._$Co)==null?void 0:s[i]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,i)),i!==void 0?(e._$Co??(e._$Co=[]))[i]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,i)),t}class qt{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:i}=this._$AD,o=((t==null?void 0:t.creationScope)??z).importNode(e,!0);I.currentNode=o;let r=I.nextNode(),s=0,c=0,l=i[0];for(;l!==void 0;){if(s===l.index){let g;l.type===2?g=new G(r,r.nextSibling,this,t):l.type===1?g=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(g=new Xt(r,this,t)),this._$AV.push(g),l=i[++c]}s!==(l==null?void 0:l.index)&&(r=I.nextNode(),s++)}return I.currentNode=z,o}p(t){let e=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Rt(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(z.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:i}=t,o=typeof i=="number"?this._$AC(t):(i.el===void 0&&(i.el=q.createElement(It(i.h,i.h[0]),this.options)),i);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const s=new qt(o,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){gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new G(this.O(F()),this.O(F()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=d}_$AI(t,e=this,i,o){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==O,s&&(this._$AH=t);else{const c=t;let l,g;for(t=r[0],l=0;l<r.length-1;l++)g=D(this,c[i+l],e,l),g===O&&(g=this._$AH[l]),s||(s=!Z(g)||g!==this._$AH[l]),g===d?t=d:t!==d&&(t+=(g??"")+r[l+1]),this._$AH[l]=g}s&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Wt extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Gt extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Kt extends tt{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===O)return;const i=this._$AH,o=t===d&&i!==d||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==d&&(i===d||o);o&&this.element.removeEventListener(this.name,this,i),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 Xt{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const rt=R.litHtmlPolyfillSupport;rt==null||rt(q,G),(R.litHtmlVersions??(R.litHtmlVersions=[])).push("3.3.0");const Jt=(n,t,e)=>{const i=(e==null?void 0:e.renderBefore)??t;let o=i._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;i._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const B=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Jt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return
|
|
19
|
+
*/const B=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Jt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return O}};var St;m._$litElement$=!0,m.finalized=!0,(St=B.litElementHydrateSupport)==null||St.call(B,{LitElement:m});const at=B.litElementPolyfillSupport;at==null||at({LitElement:m});(B.litElementVersions??(B.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Yt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Yt,t,e)=>{const{kind:
|
|
27
|
+
*/const Yt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Yt,t,e)=>{const{kind:i,metadata:o}=e;let r=globalThis.litPropertyMetadata.get(o);if(r===void 0&&globalThis.litPropertyMetadata.set(o,r=new Map),i==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),i==="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(i==="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: "+i)};function a(n){return(t,e)=>typeof e=="object"?Qt(n,t,e):((i,o,r)=>{const s=o.hasOwnProperty(r);return o.constructor.createProperty(r,i),s?Object.getOwnPropertyDescriptor(o,r):void 0})(n,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -44,10 +44,10 @@
|
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async
|
|
47
|
+
*/function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async i=>{const{type:o,[vt]:r}=e,{form:s}=r;if(!(!s||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!i.defaultPrevented)){if(o==="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 ie=`<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
|
+
`,se=`<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
|
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -103,19 +103,22 @@
|
|
|
103
103
|
`,ye=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
104
104
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
105
105
|
</svg>
|
|
106
|
-
`,
|
|
106
|
+
`,me=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
107
|
+
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
108
|
+
</svg>
|
|
109
|
+
`,et={wishlist:ie,playerv:se,chevronRight:re,chevronLeft:ae,icoPlus:ve,icoMinus:fe,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:ge,arrowLeft:be,cart:ye,notifyme:me};/**
|
|
107
110
|
* @license
|
|
108
111
|
* Copyright 2017 Google LLC
|
|
109
112
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
110
|
-
*/const
|
|
113
|
+
*/const we={CHILD:2},$e=n=>(...t)=>({_$litDirective$:n,values:t});class xe{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
111
114
|
* @license
|
|
112
115
|
* Copyright 2017 Google LLC
|
|
113
116
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
114
|
-
*/class ct extends
|
|
117
|
+
*/class ct extends xe{constructor(t){if(super(t),this.it=d,t.type!==we.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===O)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:[]}}}ct.directiveName="unsafeHTML",ct.resultType=1;/**
|
|
115
118
|
* @license
|
|
116
119
|
* Copyright 2017 Google LLC
|
|
117
120
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
118
|
-
*/class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W
|
|
121
|
+
*/class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=$e(ht);var _e=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,y=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ce(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&_e(t,e,o),o};const Ae=ne(m);let u=class extends Ae{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[vt].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=et[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`
|
|
119
122
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
120
123
|
${this.startIcon?this.renderIcon("start"):d}
|
|
121
124
|
${n?h`
|
|
@@ -295,7 +298,7 @@
|
|
|
295
298
|
transform: translateX(4px);
|
|
296
299
|
}
|
|
297
300
|
//End icon movment on hover
|
|
298
|
-
`;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([L("o-button")],u);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,nt=(n,t,e,
|
|
301
|
+
`;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([L("o-button")],u);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,nt=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ee(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Se(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
299
302
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
300
303
|
<span class="sr-only">${this.label}</span>
|
|
301
304
|
${W(n)}
|
|
@@ -359,7 +362,7 @@
|
|
|
359
362
|
width: 0.1rem !important;
|
|
360
363
|
white-space: nowrap !important;
|
|
361
364
|
}
|
|
362
|
-
`;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var
|
|
365
|
+
`;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,k=(n,t,e,i)=>{for(var o=i>1?void 0:i?ke(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Le(t,e,o),o};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=et[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
363
366
|
${this.type==="span"?h`
|
|
364
367
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
365
368
|
${W(e)}
|
|
@@ -573,7 +576,7 @@
|
|
|
573
576
|
}
|
|
574
577
|
|
|
575
578
|
}
|
|
576
|
-
`;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var
|
|
579
|
+
`;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var Pe=Object.defineProperty,Ie=Object.getOwnPropertyDescriptor,H=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ie(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Pe(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
|
|
577
580
|
<a href="${this.href}" target="${this.target}">
|
|
578
581
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
579
582
|
<o-icon-button
|
|
@@ -682,7 +685,7 @@
|
|
|
682
685
|
height: 1px;
|
|
683
686
|
}
|
|
684
687
|
/* End of underline effect */
|
|
685
|
-
`;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([L("o-link")],_);var
|
|
688
|
+
`;H([a({type:String})],_.prototype,"href",2);H([a({type:String})],_.prototype,"target",2);H([a({type:String,reflect:!0})],_.prototype,"template",2);H([a({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([a({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([a({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([L("o-link")],_);var Be=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,ot=(n,t,e,i)=>{for(var o=i>1?void 0:i?ze(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Be(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let i;e>=1?i=100:e<=0?i=0:i=Math.round(e*100/25)*25,n.push(`star-${i}`)}return n}render(){const n=this.getStarKeys();return h`
|
|
686
689
|
<div class="rating">
|
|
687
690
|
<div class="stars">
|
|
688
691
|
${n.map(t=>h`<span class="star">${W(et[t]??"")}</span>`)}
|
|
@@ -722,7 +725,7 @@
|
|
|
722
725
|
text-decoration: underline;
|
|
723
726
|
cursor: pointer;
|
|
724
727
|
}
|
|
725
|
-
`;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var Oe=Object.defineProperty,
|
|
728
|
+
`;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var Oe=Object.defineProperty,He=Object.getOwnPropertyDescriptor,b=(n,t,e,i)=>{for(var o=i>1?void 0:i?He(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Oe(t,e,o),o};let v=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],i=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),i.focus()):!n.shiftKey&&document.activeElement===i&&(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`
|
|
726
729
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
727
730
|
<div
|
|
728
731
|
class="panel"
|
|
@@ -781,6 +784,8 @@
|
|
|
781
784
|
z-index: var(--z-overlay);
|
|
782
785
|
--side-panel-width: 100%;
|
|
783
786
|
--side-panel-max-width: 416px;
|
|
787
|
+
--font-size: var(--font-size-300);
|
|
788
|
+
--line-height: var(--line-height-240);
|
|
784
789
|
}
|
|
785
790
|
|
|
786
791
|
/* Hide content until it is initialized */
|
|
@@ -830,29 +835,6 @@
|
|
|
830
835
|
transform: translateX(0%);
|
|
831
836
|
}
|
|
832
837
|
|
|
833
|
-
/* Mobile */
|
|
834
|
-
@media (max-width: 767px) {
|
|
835
|
-
:host {
|
|
836
|
-
--side-panel-width: 100%;
|
|
837
|
-
--side-panel-max-width: none;
|
|
838
|
-
}
|
|
839
|
-
}
|
|
840
|
-
|
|
841
|
-
/* Tablet */
|
|
842
|
-
@media (min-width: 768px) and (max-width: 1024px) {
|
|
843
|
-
:host {
|
|
844
|
-
--side-panel-width: 375px;
|
|
845
|
-
--side-panel-max-width: 375px;
|
|
846
|
-
}
|
|
847
|
-
}
|
|
848
|
-
|
|
849
|
-
@media (min-width: 1025px) {
|
|
850
|
-
:host {
|
|
851
|
-
--side-panel-width: 100%;
|
|
852
|
-
--side-panel-max-width: 416px;
|
|
853
|
-
}
|
|
854
|
-
}
|
|
855
|
-
|
|
856
838
|
.header {
|
|
857
839
|
flex: 0 0 auto;
|
|
858
840
|
display: flex;
|
|
@@ -862,9 +844,9 @@
|
|
|
862
844
|
|
|
863
845
|
.panel-title {
|
|
864
846
|
font-family: var(--font-family-loccitane-serif);
|
|
865
|
-
font-size: var(--font-size
|
|
847
|
+
font-size: var(--font-size);
|
|
866
848
|
font-weight: var(--font-weight-400);
|
|
867
|
-
line-height: var(--line-height
|
|
849
|
+
line-height: var(--line-height);
|
|
868
850
|
font-style: italic;
|
|
869
851
|
display: -webkit-box;
|
|
870
852
|
-webkit-line-clamp: 2;
|
|
@@ -907,7 +889,32 @@
|
|
|
907
889
|
gap: 16px;
|
|
908
890
|
justify-content: flex-start;
|
|
909
891
|
}
|
|
910
|
-
|
|
892
|
+
|
|
893
|
+
/* Mobile */
|
|
894
|
+
@media (max-width: 767px) {
|
|
895
|
+
:host {
|
|
896
|
+
--side-panel-width: 100%;
|
|
897
|
+
--side-panel-max-width: none;
|
|
898
|
+
}
|
|
899
|
+
}
|
|
900
|
+
|
|
901
|
+
/* Tablet */
|
|
902
|
+
@media (min-width: 768px) and (max-width: 1024px) {
|
|
903
|
+
:host {
|
|
904
|
+
--side-panel-width: 375px;
|
|
905
|
+
--side-panel-max-width: 375px;
|
|
906
|
+
}
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
@media (min-width: 1025px) {
|
|
910
|
+
:host {
|
|
911
|
+
--side-panel-width: 100%;
|
|
912
|
+
--side-panel-max-width: 416px;
|
|
913
|
+
--font-size: var(--font-size-400);
|
|
914
|
+
--line-height: var(--line-height-280);
|
|
915
|
+
}
|
|
916
|
+
}
|
|
917
|
+
`;b([a({type:Boolean,reflect:!0})],v.prototype,"open",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],v.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],v.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],v.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"firstButtonVariant",2);b([a({type:Function})],v.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],v.prototype,"secondaryButtonVariant",2);b([a({type:Function})],v.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],v.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],v.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],v.prototype,"initialized",2);v=b([L("o-side-panel")],v);var Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,M=(n,t,e,i)=>{for(var o=i>1?void 0:i?Te(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&Me(t,e,o),o};let C=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
911
918
|
<o-icon-button
|
|
912
919
|
icon="playerv"
|
|
913
920
|
size="xsmall"
|
|
@@ -918,13 +925,13 @@
|
|
|
918
925
|
></o-icon-button>
|
|
919
926
|
`}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`
|
|
920
927
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
921
|
-
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),
|
|
928
|
+
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),i=this.activeIndex===t,o=n.type==="video";return h`
|
|
922
929
|
<div class="thumb-wrapper">
|
|
923
930
|
<button
|
|
924
931
|
class="thumb"
|
|
925
932
|
data-index="${t}"
|
|
926
933
|
?disabled=${e}
|
|
927
|
-
aria-selected=${
|
|
934
|
+
aria-selected=${i}
|
|
928
935
|
tabindex="${this.focusedIndex===t?0:-1}"
|
|
929
936
|
@click=${()=>this.selectThumbnail(t)}
|
|
930
937
|
@keydown=${this.handleKeyDown}
|
|
@@ -935,7 +942,7 @@
|
|
|
935
942
|
</div>
|
|
936
943
|
`})}
|
|
937
944
|
</div>
|
|
938
|
-
`}};
|
|
945
|
+
`}};C.styles=$`
|
|
939
946
|
:host {
|
|
940
947
|
display: flex;
|
|
941
948
|
gap: 5px;
|
|
@@ -1038,7 +1045,7 @@
|
|
|
1038
1045
|
height: 0;
|
|
1039
1046
|
width: 0;
|
|
1040
1047
|
}
|
|
1041
|
-
`;M([a({type:Array})],
|
|
1048
|
+
`;M([a({type:Array})],C.prototype,"thumbnails",2);M([a({type:Number})],C.prototype,"activeIndex",2);M([a({type:Array})],C.prototype,"disabledIndexes",2);M([a({type:String})],C.prototype,"maxWidth",2);M([a({type:Object})],C.prototype,"swiperInstance",2);M([te()],C.prototype,"focusedIndex",2);C=M([L("thumbnail-navigation")],C);var De=Object.defineProperty,Ue=Object.getOwnPropertyDescriptor,Bt=(n,t,e,i)=>{for(var o=i>1?void 0:i?Ue(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(o=(i?s(t,e,o):s(o))||o);return i&&o&&De(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type=""}render(){return h`
|
|
1042
1049
|
<span class="tag"><slot></slot></span>
|
|
1043
1050
|
`}};Q.styles=$`
|
|
1044
1051
|
.tag {
|