@florid-kit/components 0.4.20 → 0.4.22
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 +32 -25
- package/index.mjs +51 -44
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),
|
|
5
|
+
*/const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),gt=new WeakMap;let Ct=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==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 o=e!==void 0&&e.length===1;o&&(t=gt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&>.set(e,t))}return t}toString(){return this.cssText}};const Bt=n=>new Ct(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,i,r)=>o+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+n[r+1],n[0]);return new Ct(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 o=document.createElement("style"),i=X.litNonce;i!==void 0&&o.setAttribute("nonce",i),o.textContent=e.cssText,n.appendChild(o)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Bt(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:zt,defineProperty:Ht,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Tt,getOwnPropertySymbols:Dt,getPrototypeOf:Ut}=Object,C=globalThis,yt=C.trustedTypes,Nt=yt?yt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Nt: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)=>!zt(n,t),mt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ut};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=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 o=Symbol(),
|
|
9
|
+
*/const{is:zt,defineProperty:Ht,getOwnPropertyDescriptor:Mt,getOwnPropertyNames:Tt,getOwnPropertySymbols:Dt,getPrototypeOf:Ut}=Object,C=globalThis,yt=C.trustedTypes,Nt=yt?yt.emptyScript:"",ot=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?Nt: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)=>!zt(n,t),mt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ut};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=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 o=Symbol(),i=this.getPropertyDescriptor(t,o,e);i!==void 0&&Ht(this.prototype,t,i)}}static getPropertyDescriptor(t,e,o){const{get:i,set:r}=Mt(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??mt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Ut(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,o=[...Tt(e),...Dt(e)];for(const i of o)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,i]of e)this.elementProperties.set(o,i)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const i=this._$Eu(e,o);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const o=new Set(t.flat(1/0).reverse());for(const i of o)e.unshift(bt(i))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return 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 o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,o);if(i!==void 0&&o.reflect===!0){const s=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:J).toAttribute(e,o.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const o=this.constructor,i=o._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=o.getPropertyOptions(i),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=i,this[i]=l.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,o){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??ut)(s,e)||o.useDefault&&o.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,o))))return;this.C(t,e,o)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:o,reflect:i,wrapped:r},s){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||o||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var o;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,s,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var i;return(i=o.hostUpdated)==null?void 0:i.call(o)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,ot==null||ot({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const V=globalThis,Q=V.trustedTypes,wt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Pt="?"+E,jt=`<${Pt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,k=RegExp(`>|${
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,kt=/^(?:script|style|textarea|title)$/i,Vt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Vt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=O.createTreeWalker(O,129);function It(n,t){if(!
|
|
13
|
+
*/const V=globalThis,Q=V.trustedTypes,wt=Q?Q.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,Pt="?"+E,jt=`<${Pt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",vt=Array.isArray,Rt=n=>vt(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",it=`[
|
|
14
|
+
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,k=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,kt=/^(?:script|style|textarea|title)$/i,Vt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Vt(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=O.createTreeWalker(O,129);function It(n,t){if(!vt(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Ft=(n,t)=>{const e=n.length-1,o=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=j;for(let c=0;c<e;c++){const l=n[c];let v,g,p=-1,x=0;for(;x<l.length&&(s.lastIndex=x,g=s.exec(l),g!==null);)x=s.lastIndex,s===j?g[1]==="!--"?s=$t:g[1]!==void 0?s=xt:g[2]!==void 0?(kt.test(g[2])&&(i=RegExp("</"+g[2],"g")),s=k):g[3]!==void 0&&(s=k):s===k?g[0]===">"?(s=i??j,p=-1):g[1]===void 0?p=-2:(p=s.lastIndex-g[2].length,v=g[1],s=g[3]===void 0?k:g[3]==='"'?At:_t):s===At||s===_t?s=k:s===$t||s===xt?s=j:(s=k,i=void 0);const S=s===k&&n[c+1].startsWith("/>")?" ":"";r+=s===j?l+jt:p>=0?(o.push(v),l.slice(0,p)+Lt+l.slice(p)+E+S):l+E+(p===-2?c:S)}return[It(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class q{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,s=0;const c=t.length-1,l=this.parts,[v,g]=Ft(t,e);if(this.el=q.createElement(v,o),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=I.nextNode())!==null&&l.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(Lt)){const x=g[s++],S=i.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?qt:K[1]==="?"?Wt:K[1]==="@"?Gt:Y}),i.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),i.removeAttribute(p));if(kt.test(i.tagName)){const p=i.textContent.split(E),x=p.length-1;if(x>0){i.textContent=Q?Q.emptyScript:"";for(let S=0;S<x;S++)i.append(p[S],F()),I.nextNode(),l.push({type:2,index:++r});i.append(p[x],F())}}}else if(i.nodeType===8)if(i.data===Pt)l.push({type:2,index:r});else{let p=-1;for(;(p=i.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const o=O.createElement("template");return o.innerHTML=t,o}}function D(n,t,e=n,o){var s,c;if(t===z)return t;let i=o!==void 0?(s=e._$Co)==null?void 0:s[o]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(n),i._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=i:e._$Cl=i),i!==void 0&&(t=D(n,i._$AS(n,t.values),i,o)),t}class Zt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:o}=this._$AD,i=((t==null?void 0:t.creationScope)??O).importNode(e,!0);I.currentNode=i;let r=I.nextNode(),s=0,c=0,l=o[0];for(;l!==void 0;){if(s===l.index){let v;l.type===2?v=new G(r,r.nextSibling,this,t):l.type===1?v=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(v=new Kt(r,this,t)),this._$AV.push(v),l=o[++c]}s!==(l==null?void 0:l.index)&&(r=I.nextNode(),s++)}return I.currentNode=O,i}p(t){let e=0;for(const o of this._$AV)o!==void 0&&(o.strings!==void 0?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),Z(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==z&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):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(O.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,i=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=q.createElement(It(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Zt(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=St.get(t.strings);return e===void 0&&St.set(t.strings,e=new q(t)),e}k(t){vt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new G(this.O(F()),this.O(F()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for((o=this._$AP)==null?void 0:o.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=d}_$AI(t,e=this,o,i){const r=this.strings;let s=!1;if(r===void 0)t=D(this,t,e,0),s=!Z(t)||t!==this._$AH&&t!==z,s&&(this._$AH=t);else{const c=t;let l,v;for(t=r[0],l=0;l<r.length-1;l++)v=D(this,c[o+l],e,l),v===z&&(v=this._$AH[l]),s||(s=!Z(v)||v!==this._$AH[l]),v===d?t=d:t!==d&&(t+=(v??"")+r[l+1]),this._$AH[l]=v}s&&!i&&this.j(t)}j(t){t===d?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===d?void 0:t}}class Wt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Gt extends Y{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const o=this._$AH,i=t===d&&o!==d||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==d&&(o===d||i);i&&this.element.removeEventListener(this.name,this,o),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Kt{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const st=V.litHtmlPolyfillSupport;st==null||st(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Xt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let i=o._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=i=new G(t.insertBefore(F(),r),r,void 0,e??{})}return i._$AI(n),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const Jt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Jt,t,e)=>{const{kind:o,metadata:
|
|
27
|
+
*/const Jt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Jt,t,e)=>{const{kind:o,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),o==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),o==="accessor"){const{name:s}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,l,n)},init(c){return c!==void 0&&this.C(s,void 0,n,c),c}}}if(o==="setter"){const{name:s}=e;return function(c){const l=this[s];t.call(this,c),this.requestUpdate(s,l,n)}}throw Error("Unsupported decorator location: "+o)};function a(n){return(t,e)=>typeof e=="object"?Qt(n,t,e):((o,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,o),s?Object.getOwnPropertyDescriptor(i,r):void 0})(n,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -40,17 +40,17 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/const
|
|
43
|
+
*/const ft=Symbol("internals"),at=Symbol("privateInternals");function ee(n){var t;class e extends n{get[(t=ft,t)](){return this[at]||(this[at]=this.attachInternals()),this[at]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function ne(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:
|
|
47
|
+
*/function ne(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:i,[ft]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!o.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const oe=`<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
|
+
`,ie=`<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
|
+
`,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
54
54
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
55
55
|
</svg>
|
|
56
56
|
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
`,ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
79
79
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
80
80
|
</svg>
|
|
81
|
-
`,
|
|
81
|
+
`,ve=`<?xml version="1.0" encoding="utf-8"?>
|
|
82
82
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
83
83
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
84
84
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
89
89
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
90
90
|
</svg>
|
|
91
|
-
`,
|
|
91
|
+
`,fe=`<?xml version="1.0" encoding="utf-8"?>
|
|
92
92
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
93
93
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
94
94
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -97,10 +97,10 @@
|
|
|
97
97
|
</style>
|
|
98
98
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,
|
|
100
|
+
`,ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
101
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
102
102
|
</svg>
|
|
103
|
-
`,tt={wishlist:oe,playerv:
|
|
103
|
+
`,tt={wishlist:oe,playerv:ie,chevronRight:se,chevronLeft:re,icoPlus:ve,icoMinus:fe,"star-0":ae,"star-25":le,"star-50":ce,"star-75":he,"star-100":de,cross:pe,search:ue,arrowLeft:ge};/**
|
|
104
104
|
* @license
|
|
105
105
|
* Copyright 2017 Google LLC
|
|
106
106
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
* @license
|
|
113
113
|
* Copyright 2017 Google LLC
|
|
114
114
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
115
|
-
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ye(ct);var we=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var
|
|
115
|
+
*/class ct extends lt{}ct.directiveName="unsafeSVG",ct.resultType=2;const W=ye(ct);var we=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var i=o>1?void 0:o?$e(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&we(t,e,i),i};const xe=ee(m);let u=class extends xe{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[ft].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
|
|
116
116
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick}>
|
|
117
117
|
${this.startIcon?this.renderIcon("start"):d}
|
|
118
118
|
${n?h`
|
|
@@ -292,7 +292,7 @@
|
|
|
292
292
|
transform: translateX(4px);
|
|
293
293
|
}
|
|
294
294
|
//End icon movment on hover
|
|
295
|
-
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([L("o-button")],u);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var
|
|
295
|
+
`;y([a()],u.prototype,"type",2);y([a({reflect:!0})],u.prototype,"value",2);y([a({type:String,reflect:!0})],u.prototype,"variant",2);y([a({type:String})],u.prototype,"text",2);y([a({type:String})],u.prototype,"textsecond",2);y([a({type:Boolean,reflect:!0})],u.prototype,"fullwidth",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disabled",2);y([a({type:String,reflect:!0})],u.prototype,"startIconModel",2);y([a({type:String,reflect:!0})],u.prototype,"endIconModel",2);y([a({type:Boolean,reflect:!0,attribute:"starticon"})],u.prototype,"startIcon",2);y([a({type:Boolean,reflect:!0,attribute:"endicon"})],u.prototype,"endIcon",2);y([a({type:String,attribute:"paneltarget",reflect:!0})],u.prototype,"panelTarget",2);y([a({type:String})],u.prototype,"href",2);y([a({type:String})],u.prototype,"target",2);u=y([L("o-button")],u);var _e=Object.defineProperty,Ae=Object.getOwnPropertyDescriptor,et=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ae(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&_e(t,e,i),i};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=tt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
296
296
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
297
297
|
<span class="sr-only">${this.label}</span>
|
|
298
298
|
${W(n)}
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
width: 0.1rem !important;
|
|
357
357
|
white-space: nowrap !important;
|
|
358
358
|
}
|
|
359
|
-
`;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([L("o-wishlist-button")],U);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,P=(n,t,e,o)=>{for(var
|
|
359
|
+
`;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([L("o-wishlist-button")],U);var Se=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,P=(n,t,e,o)=>{for(var i=o>1?void 0:o?Ee(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Se(t,e,i),i};let w=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=tt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
360
360
|
${this.type==="span"?h`
|
|
361
361
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
362
362
|
${W(e)}
|
|
@@ -570,7 +570,7 @@
|
|
|
570
570
|
}
|
|
571
571
|
|
|
572
572
|
}
|
|
573
|
-
`;P([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);P([a({type:String,reflect:!0})],w.prototype,"size",2);P([a({type:String,reflect:!0})],w.prototype,"status",2);P([a({type:String,reflect:!0})],w.prototype,"type",2);P([a({type:String})],w.prototype,"strokewidth",2);P([a({type:String})],w.prototype,"icon",2);P([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=P([L("o-icon-button")],w);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var
|
|
573
|
+
`;P([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);P([a({type:String,reflect:!0})],w.prototype,"size",2);P([a({type:String,reflect:!0})],w.prototype,"status",2);P([a({type:String,reflect:!0})],w.prototype,"type",2);P([a({type:String})],w.prototype,"strokewidth",2);P([a({type:String})],w.prototype,"icon",2);P([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=P([L("o-icon-button")],w);var Ce=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var i=o>1?void 0:o?Le(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Ce(t,e,i),i};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`
|
|
574
574
|
<a href="${this.href}" target="${this.target}">
|
|
575
575
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
576
576
|
<o-icon-button
|
|
@@ -679,7 +679,7 @@
|
|
|
679
679
|
height: 1px;
|
|
680
680
|
}
|
|
681
681
|
/* End of underline effect */
|
|
682
|
-
`;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 Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var
|
|
682
|
+
`;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 Pe=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,nt=(n,t,e,o)=>{for(var i=o>1?void 0:o?ke(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Pe(t,e,i),i};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let o;e>=1?o=100:e<=0?o=0:o=Math.round(e*100/25)*25,n.push(`star-${o}`)}return n}render(){const n=this.getStarKeys();return h`
|
|
683
683
|
<div class="rating">
|
|
684
684
|
<div class="stars">
|
|
685
685
|
${n.map(t=>h`<span class="star">${W(tt[t]??"")}</span>`)}
|
|
@@ -719,7 +719,7 @@
|
|
|
719
719
|
text-decoration: underline;
|
|
720
720
|
cursor: pointer;
|
|
721
721
|
}
|
|
722
|
-
`;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([L("o-rating")],N);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,b=(n,t,e,o)=>{for(var
|
|
722
|
+
`;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([L("o-rating")],N);var Ie=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,b=(n,t,e,o)=>{for(var i=o>1?void 0:o?Be(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Ie(t,e,i),i};let f=class extends m{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.secondaryButtonLabel="",this.secondaryButtonVariant="secondary",this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),window.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),window.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}trapFocus(n){const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],o=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),o.focus()):!n.shiftKey&&document.activeElement===o&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return h`
|
|
723
723
|
<div class="overlay" style="z-index: ${this.zIndex}" @click=${this.closePanel}></div>
|
|
724
724
|
<div
|
|
725
725
|
class="panel"
|
|
@@ -765,7 +765,7 @@
|
|
|
765
765
|
</div>
|
|
766
766
|
`:null}
|
|
767
767
|
</div>
|
|
768
|
-
`}};
|
|
768
|
+
`}};f.styles=$`
|
|
769
769
|
:host {
|
|
770
770
|
--z-overlay: 99;
|
|
771
771
|
--z-panel: 100;
|
|
@@ -904,7 +904,7 @@
|
|
|
904
904
|
gap: 16px;
|
|
905
905
|
justify-content: flex-start;
|
|
906
906
|
}
|
|
907
|
-
`;b([a({type:Boolean,reflect:!0})],
|
|
907
|
+
`;b([a({type:Boolean,reflect:!0})],f.prototype,"open",2);b([a({type:Boolean,reflect:!0})],f.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],f.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],f.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],f.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],f.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],f.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],f.prototype,"firstButtonVariant",2);b([a({type:Function})],f.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],f.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],f.prototype,"secondaryButtonVariant",2);b([a({type:Function})],f.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],f.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],f.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],f.prototype,"initialized",2);f=b([L("o-side-panel")],f);var Oe=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,M=(n,t,e,o)=>{for(var i=o>1?void 0:o?ze(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=(o?s(t,e,i):s(i))||i);return o&&i&&Oe(t,e,i),i};let A=class extends m{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.focusedIndex=0,this.playerIconTemplate=h`
|
|
908
908
|
<o-icon-button
|
|
909
909
|
icon="playerv"
|
|
910
910
|
size="xsmall"
|
|
@@ -915,7 +915,7 @@
|
|
|
915
915
|
></o-icon-button>
|
|
916
916
|
`}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`
|
|
917
917
|
<div class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
918
|
-
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),o=this.activeIndex===t,
|
|
918
|
+
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),o=this.activeIndex===t,i=n.type==="video";return h`
|
|
919
919
|
<div class="thumb-wrapper">
|
|
920
920
|
<button
|
|
921
921
|
class="thumb"
|
|
@@ -928,7 +928,7 @@
|
|
|
928
928
|
>
|
|
929
929
|
<img src="${n.src}" />
|
|
930
930
|
</button>
|
|
931
|
-
${
|
|
931
|
+
${i?h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
932
932
|
</div>
|
|
933
933
|
`})}
|
|
934
934
|
</div>
|
|
@@ -1035,7 +1035,7 @@
|
|
|
1035
1035
|
height: 0;
|
|
1036
1036
|
width: 0;
|
|
1037
1037
|
}
|
|
1038
|
-
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([Yt()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var He=Object.getOwnPropertyDescriptor,Me=(n,t,e,o)=>{for(var
|
|
1038
|
+
`;M([a({type:Array})],A.prototype,"thumbnails",2);M([a({type:Number})],A.prototype,"activeIndex",2);M([a({type:Array})],A.prototype,"disabledIndexes",2);M([a({type:String})],A.prototype,"maxWidth",2);M([a({type:Object})],A.prototype,"swiperInstance",2);M([Yt()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var He=Object.getOwnPropertyDescriptor,Me=(n,t,e,o)=>{for(var i=o>1?void 0:o?He(t,e):t,r=n.length-1,s;r>=0;r--)(s=n[r])&&(i=s(i)||i);return i};let ht=class extends m{render(){return h`
|
|
1039
1039
|
<span class="tag"><slot></slot></span>
|
|
1040
1040
|
`}};ht.styles=$`
|
|
1041
1041
|
.tag {
|
|
@@ -1049,5 +1049,12 @@
|
|
|
1049
1049
|
border-radius: var(--radius-s);
|
|
1050
1050
|
font-family: var(--font-family-loccitane-sans);
|
|
1051
1051
|
letter-spacing: var(--letter-spacing-400);
|
|
1052
|
+
|
|
1053
|
+
@media (max-width: 375px) {
|
|
1054
|
+
overflow: hidden;
|
|
1055
|
+
white-space: nowrap;
|
|
1056
|
+
text-overflow: ellipsis;
|
|
1057
|
+
max-width: 19ch;
|
|
1058
|
+
}
|
|
1052
1059
|
}
|
|
1053
1060
|
`;ht=Me([L("o-product-tag")],ht);
|
package/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
5
|
*/
|
|
6
|
-
const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(),
|
|
6
|
+
const X = globalThis, dt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, pt = Symbol(), gt = /* @__PURE__ */ new WeakMap();
|
|
7
7
|
let Ct = class {
|
|
8
8
|
constructor(t, e, o) {
|
|
9
9
|
if (this._$cssResult$ = !0, o !== pt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
|
|
@@ -14,7 +14,7 @@ let Ct = class {
|
|
|
14
14
|
const e = this.t;
|
|
15
15
|
if (dt && t === void 0) {
|
|
16
16
|
const o = e !== void 0 && e.length === 1;
|
|
17
|
-
o && (t =
|
|
17
|
+
o && (t = gt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), o && gt.set(e, t));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -282,11 +282,11 @@ T.elementStyles = [], T.shadowRootOptions = { mode: "open" }, T[R("elementProper
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const V = globalThis, Q = V.trustedTypes, wt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Pt = "?" + E, jt = `<${Pt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function",
|
|
285
|
+
const V = globalThis, Q = V.trustedTypes, wt = Q ? Q.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Lt = "$lit$", E = `lit$${Math.random().toFixed(9).slice(2)}$`, Pt = "?" + E, jt = `<${Pt}>`, O = document, F = () => O.createComment(""), Z = (n) => n === null || typeof n != "object" && typeof n != "function", vt = Array.isArray, Rt = (n) => vt(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", it = `[
|
|
286
286
|
\f\r]`, j = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, $t = /-->/g, xt = />/g, k = RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
|
287
287
|
\f\r"'\`<>=]|("|')|))|$)`, "g"), _t = /'/g, At = /"/g, kt = /^(?:script|style|textarea|title)$/i, Vt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), h = Vt(1), z = Symbol.for("lit-noChange"), d = Symbol.for("lit-nothing"), St = /* @__PURE__ */ new WeakMap(), I = O.createTreeWalker(O, 129);
|
|
288
288
|
function It(n, t) {
|
|
289
|
-
if (!
|
|
289
|
+
if (!vt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return wt !== void 0 ? wt.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
292
|
const Ft = (n, t) => {
|
|
@@ -294,10 +294,10 @@ const Ft = (n, t) => {
|
|
|
294
294
|
let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = j;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const l = n[c];
|
|
297
|
-
let
|
|
298
|
-
for (; x < l.length && (s.lastIndex = x,
|
|
297
|
+
let v, g, p = -1, x = 0;
|
|
298
|
+
for (; x < l.length && (s.lastIndex = x, g = s.exec(l), g !== null); ) x = s.lastIndex, s === j ? g[1] === "!--" ? s = $t : g[1] !== void 0 ? s = xt : g[2] !== void 0 ? (kt.test(g[2]) && (i = RegExp("</" + g[2], "g")), s = k) : g[3] !== void 0 && (s = k) : s === k ? g[0] === ">" ? (s = i ?? j, p = -1) : g[1] === void 0 ? p = -2 : (p = s.lastIndex - g[2].length, v = g[1], s = g[3] === void 0 ? k : g[3] === '"' ? At : _t) : s === At || s === _t ? s = k : s === $t || s === xt ? s = j : (s = k, i = void 0);
|
|
299
299
|
const S = s === k && n[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
-
r += s === j ? l + jt : p >= 0 ? (o.push(
|
|
300
|
+
r += s === j ? l + jt : p >= 0 ? (o.push(v), l.slice(0, p) + Lt + l.slice(p) + E + S) : l + E + (p === -2 ? c : S);
|
|
301
301
|
}
|
|
302
302
|
return [It(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
@@ -306,15 +306,15 @@ class q {
|
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, s = 0;
|
|
309
|
-
const c = t.length - 1, l = this.parts, [
|
|
310
|
-
if (this.el = q.createElement(
|
|
309
|
+
const c = t.length - 1, l = this.parts, [v, g] = Ft(t, e);
|
|
310
|
+
if (this.el = q.createElement(v, 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
314
|
for (; (i = I.nextNode()) !== null && l.length < c; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const p of i.getAttributeNames()) if (p.endsWith(Lt)) {
|
|
317
|
-
const x =
|
|
317
|
+
const x = g[s++], S = i.getAttribute(p).split(E), K = /([.?@])?(.*)/.exec(x);
|
|
318
318
|
l.push({ type: 1, index: r, name: K[2], strings: S, ctor: K[1] === "." ? qt : K[1] === "?" ? Wt : K[1] === "@" ? Gt : Y }), i.removeAttribute(p);
|
|
319
319
|
} else p.startsWith(E) && (l.push({ type: 6, index: r }), i.removeAttribute(p));
|
|
320
320
|
if (kt.test(i.tagName)) {
|
|
@@ -361,8 +361,8 @@ class Zt {
|
|
|
361
361
|
let r = I.nextNode(), s = 0, c = 0, l = o[0];
|
|
362
362
|
for (; l !== void 0; ) {
|
|
363
363
|
if (s === l.index) {
|
|
364
|
-
let
|
|
365
|
-
l.type === 2 ?
|
|
364
|
+
let v;
|
|
365
|
+
l.type === 2 ? v = new G(r, r.nextSibling, this, t) : l.type === 1 ? v = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (v = new Kt(r, this, t)), this._$AV.push(v), l = o[++c];
|
|
366
366
|
}
|
|
367
367
|
s !== (l == null ? void 0 : l.index) && (r = I.nextNode(), s++);
|
|
368
368
|
}
|
|
@@ -418,7 +418,7 @@ class G {
|
|
|
418
418
|
return e === void 0 && St.set(t.strings, e = new q(t)), e;
|
|
419
419
|
}
|
|
420
420
|
k(t) {
|
|
421
|
-
|
|
421
|
+
vt(this._$AH) || (this._$AH = [], this._$AR());
|
|
422
422
|
const e = this._$AH;
|
|
423
423
|
let o, i = 0;
|
|
424
424
|
for (const r of t) i === e.length ? e.push(o = new G(this.O(F()), this.O(F()), this, this.options)) : o = e[i], o._$AI(r), i++;
|
|
@@ -452,8 +452,8 @@ class Y {
|
|
|
452
452
|
if (r === void 0) t = D(this, t, e, 0), s = !Z(t) || t !== this._$AH && t !== z, s && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
|
-
let l,
|
|
456
|
-
for (t = r[0], l = 0; l < r.length - 1; l++)
|
|
455
|
+
let l, v;
|
|
456
|
+
for (t = r[0], l = 0; l < r.length - 1; l++) v = D(this, c[o + l], e, l), v === z && (v = this._$AH[l]), s || (s = !Z(v) || v !== this._$AH[l]), v === d ? t = d : t !== d && (t += (v ?? "") + r[l + 1]), this._$AH[l] = v;
|
|
457
457
|
}
|
|
458
458
|
s && !i && this.j(t);
|
|
459
459
|
}
|
|
@@ -614,11 +614,11 @@ $`
|
|
|
614
614
|
* Copyright 2023 Google LLC
|
|
615
615
|
* SPDX-License-Identifier: Apache-2.0
|
|
616
616
|
*/
|
|
617
|
-
const
|
|
617
|
+
const ft = Symbol("internals"), at = Symbol("privateInternals");
|
|
618
618
|
function ee(n) {
|
|
619
619
|
var t;
|
|
620
620
|
class e extends n {
|
|
621
|
-
get [(t =
|
|
621
|
+
get [(t = ft, t)]() {
|
|
622
622
|
return this[at] || (this[at] = this.attachInternals()), this[at];
|
|
623
623
|
}
|
|
624
624
|
}
|
|
@@ -633,7 +633,7 @@ function ne(n) {
|
|
|
633
633
|
n.addInitializer((t) => {
|
|
634
634
|
const e = t;
|
|
635
635
|
e.addEventListener("click", async (o) => {
|
|
636
|
-
const { type: i, [
|
|
636
|
+
const { type: i, [ft]: r } = e, { form: s } = r;
|
|
637
637
|
if (!(!s || i === "button") && (await new Promise((c) => {
|
|
638
638
|
setTimeout(c);
|
|
639
639
|
}), !o.defaultPrevented)) {
|
|
@@ -690,7 +690,7 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
690
690
|
`, ue = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
691
691
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
692
692
|
</svg>
|
|
693
|
-
`,
|
|
693
|
+
`, ve = `<?xml version="1.0" encoding="utf-8"?>
|
|
694
694
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
695
695
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
696
696
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -700,7 +700,7 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
700
700
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
701
701
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
702
702
|
</svg>
|
|
703
|
-
`,
|
|
703
|
+
`, fe = `<?xml version="1.0" encoding="utf-8"?>
|
|
704
704
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
705
705
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
706
706
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
@@ -709,7 +709,7 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
709
709
|
</style>
|
|
710
710
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
711
711
|
</svg>
|
|
712
|
-
`,
|
|
712
|
+
`, ge = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
713
713
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
714
714
|
</svg>
|
|
715
715
|
`, tt = {
|
|
@@ -717,8 +717,8 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
717
717
|
playerv: ie,
|
|
718
718
|
chevronRight: se,
|
|
719
719
|
chevronLeft: re,
|
|
720
|
-
icoPlus:
|
|
721
|
-
icoMinus:
|
|
720
|
+
icoPlus: ve,
|
|
721
|
+
icoMinus: fe,
|
|
722
722
|
"star-0": ae,
|
|
723
723
|
"star-25": le,
|
|
724
724
|
"star-50": ce,
|
|
@@ -726,7 +726,7 @@ const oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
726
726
|
"star-100": de,
|
|
727
727
|
cross: pe,
|
|
728
728
|
search: ue,
|
|
729
|
-
arrowLeft:
|
|
729
|
+
arrowLeft: ge
|
|
730
730
|
};
|
|
731
731
|
/**
|
|
732
732
|
* @license
|
|
@@ -796,7 +796,7 @@ let u = class extends xe {
|
|
|
796
796
|
this.setAttribute("name", n);
|
|
797
797
|
}
|
|
798
798
|
get form() {
|
|
799
|
-
return this[
|
|
799
|
+
return this[ft].form;
|
|
800
800
|
}
|
|
801
801
|
handleClick() {
|
|
802
802
|
if (this.panelTarget) {
|
|
@@ -1657,7 +1657,7 @@ var Ie = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, b = (n, t,
|
|
|
1657
1657
|
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
1658
1658
|
return o && i && Ie(t, e, i), i;
|
|
1659
1659
|
};
|
|
1660
|
-
let
|
|
1660
|
+
let f = class extends m {
|
|
1661
1661
|
constructor() {
|
|
1662
1662
|
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) => {
|
|
1663
1663
|
this.open && (n.key === "Escape" ? this.closePanel() : n.key === "Tab" && this.trapFocus(n));
|
|
@@ -1756,7 +1756,7 @@ let v = class extends m {
|
|
|
1756
1756
|
`;
|
|
1757
1757
|
}
|
|
1758
1758
|
};
|
|
1759
|
-
|
|
1759
|
+
f.styles = $`
|
|
1760
1760
|
:host {
|
|
1761
1761
|
--z-overlay: 99;
|
|
1762
1762
|
--z-panel: 100;
|
|
@@ -1898,52 +1898,52 @@ v.styles = $`
|
|
|
1898
1898
|
`;
|
|
1899
1899
|
b([
|
|
1900
1900
|
a({ type: Boolean, reflect: !0 })
|
|
1901
|
-
],
|
|
1901
|
+
], f.prototype, "open", 2);
|
|
1902
1902
|
b([
|
|
1903
1903
|
a({ type: Boolean, reflect: !0 })
|
|
1904
|
-
],
|
|
1904
|
+
], f.prototype, "showHeader", 2);
|
|
1905
1905
|
b([
|
|
1906
1906
|
a({ type: Boolean, reflect: !0 })
|
|
1907
|
-
],
|
|
1907
|
+
], f.prototype, "showFooter", 2);
|
|
1908
1908
|
b([
|
|
1909
1909
|
a({ type: Boolean, reflect: !0 })
|
|
1910
|
-
],
|
|
1910
|
+
], f.prototype, "showHeaderStartIcon", 2);
|
|
1911
1911
|
b([
|
|
1912
1912
|
a({ type: String, reflect: !0 })
|
|
1913
|
-
],
|
|
1913
|
+
], f.prototype, "headerTitle", 2);
|
|
1914
1914
|
b([
|
|
1915
1915
|
a({ type: String, reflect: !0 })
|
|
1916
|
-
],
|
|
1916
|
+
], f.prototype, "closeButtonLabel", 2);
|
|
1917
1917
|
b([
|
|
1918
1918
|
a({ type: String, reflect: !0 })
|
|
1919
|
-
],
|
|
1919
|
+
], f.prototype, "firstButtonLabel", 2);
|
|
1920
1920
|
b([
|
|
1921
1921
|
a({ type: String, reflect: !0 })
|
|
1922
|
-
],
|
|
1922
|
+
], f.prototype, "firstButtonVariant", 2);
|
|
1923
1923
|
b([
|
|
1924
1924
|
a({ type: Function })
|
|
1925
|
-
],
|
|
1925
|
+
], f.prototype, "onFirstButtonClick", 2);
|
|
1926
1926
|
b([
|
|
1927
1927
|
a({ type: String, reflect: !0 })
|
|
1928
|
-
],
|
|
1928
|
+
], f.prototype, "secondaryButtonLabel", 2);
|
|
1929
1929
|
b([
|
|
1930
1930
|
a({ type: String, reflect: !0 })
|
|
1931
|
-
],
|
|
1931
|
+
], f.prototype, "secondaryButtonVariant", 2);
|
|
1932
1932
|
b([
|
|
1933
1933
|
a({ type: Function })
|
|
1934
|
-
],
|
|
1934
|
+
], f.prototype, "onSecondaryButtonClick", 2);
|
|
1935
1935
|
b([
|
|
1936
1936
|
a({ type: Boolean, reflect: !0 })
|
|
1937
|
-
],
|
|
1937
|
+
], f.prototype, "disablePortal", 2);
|
|
1938
1938
|
b([
|
|
1939
1939
|
a({ type: Number, reflect: !0 })
|
|
1940
|
-
],
|
|
1940
|
+
], f.prototype, "zIndex", 2);
|
|
1941
1941
|
b([
|
|
1942
1942
|
a({ type: Boolean, reflect: !0 })
|
|
1943
|
-
],
|
|
1944
|
-
|
|
1943
|
+
], f.prototype, "initialized", 2);
|
|
1944
|
+
f = b([
|
|
1945
1945
|
L("o-side-panel")
|
|
1946
|
-
],
|
|
1946
|
+
], f);
|
|
1947
1947
|
var Oe = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, M = (n, t, e, o) => {
|
|
1948
1948
|
for (var i = o > 1 ? void 0 : o ? ze(t, e) : t, r = n.length - 1, s; r >= 0; r--)
|
|
1949
1949
|
(s = n[r]) && (i = (o ? s(t, e, i) : s(i)) || i);
|
|
@@ -2159,6 +2159,13 @@ ht.styles = $`
|
|
|
2159
2159
|
border-radius: var(--radius-s);
|
|
2160
2160
|
font-family: var(--font-family-loccitane-sans);
|
|
2161
2161
|
letter-spacing: var(--letter-spacing-400);
|
|
2162
|
+
|
|
2163
|
+
@media (max-width: 375px) {
|
|
2164
|
+
overflow: hidden;
|
|
2165
|
+
white-space: nowrap;
|
|
2166
|
+
text-overflow: ellipsis;
|
|
2167
|
+
max-width: 19ch;
|
|
2168
|
+
}
|
|
2162
2169
|
}
|
|
2163
2170
|
`;
|
|
2164
2171
|
ht = Me([
|