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