@florid-kit/components 0.3.15 → 0.3.17
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 +31 -33
- package/index.mjs +131 -133
- 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 W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==lt)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(at&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=n=>new At(typeof n=="string"?n:n+"",void 0,lt),S=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,
|
|
5
|
+
*/const W=globalThis,at=W.ShadowRoot&&(W.ShadyCSS===void 0||W.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,lt=Symbol(),ut=new WeakMap;let At=class{constructor(t,e,o){if(this._$cssResult$=!0,o!==lt)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(at&&t===void 0){const o=e!==void 0&&e.length===1;o&&(t=ut.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),o&&ut.set(e,t))}return t}toString(){return this.cssText}};const Pt=n=>new At(typeof n=="string"?n:n+"",void 0,lt),S=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((o,s,r)=>o+(i=>{if(i._$cssResult$===!0)return i.cssText;if(typeof i=="number")return i;throw Error("Value passed to 'css' function must be a 'css' function result: "+i+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(s)+n[r+1],n[0]);return new At(e,n,lt)},Bt=(n,t)=>{if(at)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const o=document.createElement("style"),s=W.litNonce;s!==void 0&&o.setAttribute("nonce",s),o.textContent=e.cssText,n.appendChild(o)}},ft=at?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const o of t.cssRules)e+=o.cssText;return Pt(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:kt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:Ut}=Object,E=globalThis,gt=E.trustedTypes,
|
|
9
|
+
*/const{is:kt,defineProperty:Ot,getOwnPropertyDescriptor:Ht,getOwnPropertyNames:Mt,getOwnPropertySymbols:It,getPrototypeOf:Ut}=Object,E=globalThis,gt=E.trustedTypes,zt=gt?gt.emptyScript:"",tt=E.reactiveElementPolyfillSupport,N=(n,t)=>n,K={toAttribute(n,t){switch(t){case Boolean:n=n?zt: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}},ct=(n,t)=>!kt(n,t),vt={attribute:!0,type:String,converter:K,reflect:!1,useDefault:!1,hasChanged:ct};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),E.litPropertyMetadata??(E.litPropertyMetadata=new WeakMap);let M=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=vt){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(),s=this.getPropertyDescriptor(t,o,e);s!==void 0&&Ot(this.prototype,t,s)}}static getPropertyDescriptor(t,e,o){const{get:s,set:r}=Ht(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:s,set(i){const c=s==null?void 0:s.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,o)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??vt}static _$Ei(){if(this.hasOwnProperty(N("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(N("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(N("properties"))){const e=this.properties,o=[...Mt(e),...It(e)];for(const s of o)this.createProperty(s,e[s])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[o,s]of e)this.elementProperties.set(o,s)}this._$Eh=new Map;for(const[e,o]of this.elementProperties){const s=this._$Eu(e,o);s!==void 0&&this._$Eh.set(s,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 s of o)e.unshift(ft(s))}else t!==void 0&&e.push(ft(t));return e}static _$Eu(t,e){const o=e.attribute;return o===!1?void 0:typeof o=="string"?o:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const o of e.keys())this.hasOwnProperty(o)&&(t.set(o,this[o]),delete this[o]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Bt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostConnected)==null?void 0:o.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var o;return(o=e.hostDisconnected)==null?void 0:o.call(e)})}attributeChangedCallback(t,e,o){this._$AK(t,o)}_$ET(t,e){var r;const o=this.constructor.elementProperties.get(t),s=this.constructor._$Eu(t,o);if(s!==void 0&&o.reflect===!0){const i=(((r=o.converter)==null?void 0:r.toAttribute)!==void 0?o.converter:K).toAttribute(e,o.type);this._$Em=t,i==null?this.removeAttribute(s):this.setAttribute(s,i),this._$Em=null}}_$AK(t,e){var r,i;const o=this.constructor,s=o._$Eh.get(t);if(s!==void 0&&this._$Em!==s){const c=o.getPropertyOptions(s),a=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:K;this._$Em=s,this[s]=a.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(s))??null,this._$Em=null}}requestUpdate(t,e,o){var s;if(t!==void 0){const r=this.constructor,i=this[t];if(o??(o=r.getPropertyOptions(t)),!((o.hasChanged??ct)(i,e)||o.useDefault&&o.reflect&&i===((s=this._$Ej)==null?void 0:s.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:s,wrapped:r},i){o&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,i??e??this[t]),r!==!0||i!==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=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,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const s=this.constructor.elementProperties;if(s.size>0)for(const[r,i]of s){const{wrapped:c}=i,a=this[r];c!==!0||this._$AL.has(r)||a===void 0||this.C(r,void 0,i,a)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(o=this._$EO)==null||o.forEach(s=>{var r;return(r=s.hostUpdate)==null?void 0:r.call(s)}),this.update(e)):this._$EM()}catch(s){throw t=!1,this._$EM(),s}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(o=>{var s;return(s=o.hostUpdated)==null?void 0:s.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){}};M.elementStyles=[],M.shadowRootOptions={mode:"open"},M[N("elementProperties")]=new Map,M[N("finalized")]=new Map,tt==null||tt({ReactiveElement:M}),(E.reactiveElementVersions??(E.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const j=globalThis,X=j.trustedTypes,bt=X?X.createPolicy("lit-html",{createHTML:n=>n}):void 0,Et="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,St="?"+A,
|
|
13
|
+
*/const j=globalThis,X=j.trustedTypes,bt=X?X.createPolicy("lit-html",{createHTML:n=>n}):void 0,Et="$lit$",A=`lit$${Math.random().toFixed(9).slice(2)}$`,St="?"+A,Tt=`<${St}>`,k=document,R=()=>k.createComment(""),F=n=>n===null||typeof n!="object"&&typeof n!="function",ht=Array.isArray,Dt=n=>ht(n)||typeof(n==null?void 0:n[Symbol.iterator])=="function",et=`[
|
|
14
14
|
\f\r]`,D=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,yt=/-->/g,$t=/>/g,L=RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),d=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=k.createTreeWalker(k,129);function Lt(n,t){if(!ht(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(n,t)=>{const e=n.length-1,o=[];let s,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),mt=/'/g,wt=/"/g,Ct=/^(?:script|style|textarea|title)$/i,Nt=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),d=Nt(1),O=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),_t=new WeakMap,P=k.createTreeWalker(k,129);function Lt(n,t){if(!ht(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return bt!==void 0?bt.createHTML(t):t}const jt=(n,t)=>{const e=n.length-1,o=[];let s,r=t===2?"<svg>":t===3?"<math>":"",i=D;for(let c=0;c<e;c++){const a=n[c];let f,g,p=-1,w=0;for(;w<a.length&&(i.lastIndex=w,g=i.exec(a),g!==null);)w=i.lastIndex,i===D?g[1]==="!--"?i=yt:g[1]!==void 0?i=$t:g[2]!==void 0?(Ct.test(g[2])&&(s=RegExp("</"+g[2],"g")),i=L):g[3]!==void 0&&(i=L):i===L?g[0]===">"?(i=s??D,p=-1):g[1]===void 0?p=-2:(p=i.lastIndex-g[2].length,f=g[1],i=g[3]===void 0?L:g[3]==='"'?wt:mt):i===wt||i===mt?i=L:i===yt||i===$t?i=D:(i=L,s=void 0);const x=i===L&&n[c+1].startsWith("/>")?" ":"";r+=i===D?a+Tt:p>=0?(o.push(f),a.slice(0,p)+Et+a.slice(p)+A+x):a+A+(p===-2?c:x)}return[Lt(n,r+(n[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),o]};class V{constructor({strings:t,_$litType$:e},o){let s;this.parts=[];let r=0,i=0;const c=t.length-1,a=this.parts,[f,g]=jt(t,e);if(this.el=V.createElement(f,o),P.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(s=P.nextNode())!==null&&a.length<c;){if(s.nodeType===1){if(s.hasAttributes())for(const p of s.getAttributeNames())if(p.endsWith(Et)){const w=g[i++],x=s.getAttribute(p).split(A),q=/([.?@])?(.*)/.exec(w);a.push({type:1,index:r,name:q[2],strings:x,ctor:q[1]==="."?Ft:q[1]==="?"?Vt:q[1]==="@"?Zt:G}),s.removeAttribute(p)}else p.startsWith(A)&&(a.push({type:6,index:r}),s.removeAttribute(p));if(Ct.test(s.tagName)){const p=s.textContent.split(A),w=p.length-1;if(w>0){s.textContent=X?X.emptyScript:"";for(let x=0;x<w;x++)s.append(p[x],R()),P.nextNode(),a.push({type:2,index:++r});s.append(p[w],R())}}}else if(s.nodeType===8)if(s.data===St)a.push({type:2,index:r});else{let p=-1;for(;(p=s.data.indexOf(A,p+1))!==-1;)a.push({type:7,index:r}),p+=A.length-1}r++}}static createElement(t,e){const o=k.createElement("template");return o.innerHTML=t,o}}function I(n,t,e=n,o){var i,c;if(t===O)return t;let s=o!==void 0?(i=e._$Co)==null?void 0:i[o]:e._$Cl;const r=F(t)?void 0:t._$litDirective$;return(s==null?void 0:s.constructor)!==r&&((c=s==null?void 0:s._$AO)==null||c.call(s,!1),r===void 0?s=void 0:(s=new r(n),s._$AT(n,e,o)),o!==void 0?(e._$Co??(e._$Co=[]))[o]=s:e._$Cl=s),s!==void 0&&(t=I(n,s._$AS(n,t.values),s,o)),t}class Rt{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,s=((t==null?void 0:t.creationScope)??k).importNode(e,!0);P.currentNode=s;let r=P.nextNode(),i=0,c=0,a=o[0];for(;a!==void 0;){if(i===a.index){let f;a.type===2?f=new Z(r,r.nextSibling,this,t):a.type===1?f=new a.ctor(r,a.name,a.strings,this,t):a.type===6&&(f=new qt(r,this,t)),this._$AV.push(f),a=o[++c]}i!==(a==null?void 0:a.index)&&(r=P.nextNode(),i++)}return P.currentNode=k,s}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 Z{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,o,s){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}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=I(this,t,e),F(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==O&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Dt(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&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(k.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:o}=t,s=typeof o=="number"?this._$AC(t):(o.el===void 0&&(o.el=V.createElement(Lt(o.h,o.h[0]),this.options)),o);if(((r=this._$AH)==null?void 0:r._$AD)===s)this._$AH.p(e);else{const i=new Rt(s,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=_t.get(t.strings);return e===void 0&&_t.set(t.strings,e=new V(t)),e}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,s=0;for(const r of t)s===e.length?e.push(o=new Z(this.O(R()),this.O(R()),this,this.options)):o=e[s],o._$AI(r),s++;s<e.length&&(this._$AR(o&&o._$AB.nextSibling,s),e.length=s)}_$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 s=t.nextSibling;t.remove(),t=s}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class G{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,o,s,r){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=s,this.options=r,o.length>2||o[0]!==""||o[1]!==""?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=h}_$AI(t,e=this,o,s){const r=this.strings;let i=!1;if(r===void 0)t=I(this,t,e,0),i=!F(t)||t!==this._$AH&&t!==O,i&&(this._$AH=t);else{const c=t;let a,f;for(t=r[0],a=0;a<r.length-1;a++)f=I(this,c[o+a],e,a),f===O&&(f=this._$AH[a]),i||(i=!F(f)||f!==this._$AH[a]),f===h?t=h:t!==h&&(t+=(f??"")+r[a+1]),this._$AH[a]=f}i&&!s&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ft extends G{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}}class Vt extends G{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}}class Zt extends G{constructor(t,e,o,s,r){super(t,e,o,s,r),this.type=5}_$AI(t,e=this){if((t=I(this,t,e,0)??h)===O)return;const o=this._$AH,s=t===h&&o!==h||t.capture!==o.capture||t.once!==o.once||t.passive!==o.passive,r=t!==h&&(o===h||s);s&&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 qt{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){I(this,t)}}const ot=j.litHtmlPolyfillSupport;ot==null||ot(V,Z),(j.litHtmlVersions??(j.litHtmlVersions=[])).push("3.3.0");const Wt=(n,t,e)=>{const o=(e==null?void 0:e.renderBefore)??t;let s=o._$litPart$;if(s===void 0){const r=(e==null?void 0:e.renderBefore)??null;o._$litPart$=s=new Z(t.insertBefore(R(),r),r,void 0,e??{})}return s._$AI(n),s};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -20,11 +20,11 @@
|
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const T=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
|
|
27
|
-
*/const Kt={attribute:!0,type:String,converter:K,reflect:!1,hasChanged:ct},Xt=(n=Kt,t,e)=>{const{kind:o,metadata:s}=e;let
|
|
27
|
+
*/const Kt={attribute:!0,type:String,converter:K,reflect:!1,hasChanged:ct},Xt=(n=Kt,t,e)=>{const{kind:o,metadata:s}=e;let r=globalThis.litPropertyMetadata.get(s);if(r===void 0&&globalThis.litPropertyMetadata.set(s,r=new Map),o==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),o==="accessor"){const{name:i}=e;return{set(c){const a=t.get.call(this);t.set.call(this,c),this.requestUpdate(i,a,n)},init(c){return c!==void 0&&this.C(i,void 0,n,c),c}}}if(o==="setter"){const{name:i}=e;return function(c){const a=this[i];t.call(this,c),this.requestUpdate(i,a,n)}}throw Error("Unsupported decorator location: "+o)};function l(n){return(t,e)=>typeof e=="object"?Xt(n,t,e):((o,s,r)=>{const i=s.hasOwnProperty(r);return s.constructor.createProperty(r,o),i?Object.getOwnPropertyDescriptor(s,r):void 0})(n,t,e)}const Jt=S`
|
|
28
28
|
outline: 1px dashed var(--button-border-color);
|
|
29
29
|
outline-offset: 2px;
|
|
30
30
|
outline: dashed black;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/function Qt(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:s,[dt]:
|
|
43
|
+
*/function Qt(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async o=>{const{type:s,[dt]:r}=e,{form:i}=r;if(!(!i||s==="button")&&(await new Promise(c=>{setTimeout(c)}),!o.defaultPrevented)){if(s==="reset"){i.reset();return}i.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),i.requestSubmit()}})})}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
* @license
|
|
49
49
|
* Copyright 2017 Google LLC
|
|
50
50
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
51
|
-
*/class
|
|
51
|
+
*/class it extends ee{constructor(t){if(super(t),this.it=h,t.type!==Yt.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===O)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}it.directiveName="unsafeHTML",it.resultType=1;/**
|
|
52
52
|
* @license
|
|
53
53
|
* Copyright 2017 Google LLC
|
|
54
54
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
55
|
-
*/class
|
|
55
|
+
*/class rt extends it{}rt.directiveName="unsafeSVG",rt.resultType=2;const J=te(rt),oe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
56
|
<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"/>
|
|
57
57
|
</svg>
|
|
58
58
|
`,se=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -61,10 +61,10 @@
|
|
|
61
61
|
`,ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
62
|
<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"/>
|
|
63
63
|
</svg>
|
|
64
|
-
`,
|
|
64
|
+
`,ie=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
65
65
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
66
66
|
</svg>
|
|
67
|
-
`,
|
|
67
|
+
`,re=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
68
68
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
69
69
|
</svg>
|
|
70
70
|
`,ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
87
87
|
<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"/>
|
|
88
88
|
</svg>
|
|
89
|
-
`,pt={wishlist:oe,playerv:se,chevronRight:ne,chevronLeft:
|
|
89
|
+
`,pt={wishlist:oe,playerv:se,chevronRight:ne,chevronLeft:ie,"star-0":re,"star-25":ae,"star-50":le,"star-75":ce,"star-100":he,cross:de,search:pe};var ue=Object.defineProperty,fe=Object.getOwnPropertyDescriptor,C=(n,t,e,o)=>{for(var s=o>1?void 0:o?fe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&ue(t,e,s),s};let m=class extends ${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=pt[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
90
90
|
${this.type==="span"?d`
|
|
91
91
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
92
92
|
${J(e)}
|
|
@@ -258,7 +258,7 @@
|
|
|
258
258
|
}
|
|
259
259
|
|
|
260
260
|
}
|
|
261
|
-
`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([
|
|
261
|
+
`;C([l({type:String,reflect:!0})],m.prototype,"bgstyle",2);C([l({type:String,reflect:!0})],m.prototype,"size",2);C([l({type:String,reflect:!0})],m.prototype,"status",2);C([l({type:String,reflect:!0})],m.prototype,"type",2);C([l({type:String})],m.prototype,"strokewidth",2);C([l({type:String})],m.prototype,"icon",2);C([l({type:Boolean,reflect:!0})],m.prototype,"disabled",2);m=C([T("o-icon-button")],m);var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,v=(n,t,e,o)=>{for(var s=o>1?void 0:o?ve(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&ge(t,e,s),s};const be=Gt($);let u=class extends be{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.iconstrokewidth="1",this.startIcon=!1,this.endIcon=!1,this.iconSize="small",this.icon="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[dt].form}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){return this.icon?d`<o-icon-button
|
|
262
262
|
class=${n==="start"?"icon-start":"icon-end"}
|
|
263
263
|
icon=${this.icon}
|
|
264
264
|
bgstyle="${this.variant==="primary"?"none-light":"none-contrast"}"
|
|
@@ -298,7 +298,6 @@
|
|
|
298
298
|
}
|
|
299
299
|
|
|
300
300
|
:host([fullwidth]) {
|
|
301
|
-
display: block;
|
|
302
301
|
width: 100%;
|
|
303
302
|
}
|
|
304
303
|
|
|
@@ -361,7 +360,10 @@
|
|
|
361
360
|
color: var(--button-text);
|
|
362
361
|
border: var(--button-border-width, var(--border-m)) solid var(--button-border);
|
|
363
362
|
border-radius: var(--radius-m);
|
|
364
|
-
|
|
363
|
+
font-family: var(--font-family-loccitane-sans);
|
|
364
|
+
font-size: var(--font-size-150);
|
|
365
|
+
font-weight: var(--font-weight-400);
|
|
366
|
+
line-height: var(--line-height-200);
|
|
365
367
|
min-width: 64px;
|
|
366
368
|
padding: var(--spacing-l, 12px) var(--spacing-3-xl, 24px);
|
|
367
369
|
cursor: inherit;
|
|
@@ -411,7 +413,13 @@
|
|
|
411
413
|
align-items: center;
|
|
412
414
|
margin-top: 1px;
|
|
413
415
|
}
|
|
414
|
-
|
|
416
|
+
|
|
417
|
+
.button slot {
|
|
418
|
+
margin-top: 1px;
|
|
419
|
+
display: inline-flex;
|
|
420
|
+
align-items: center;
|
|
421
|
+
}
|
|
422
|
+
`;v([l()],u.prototype,"type",2);v([l({reflect:!0})],u.prototype,"value",2);v([l({reflect:!0})],u.prototype,"variant",2);v([l({type:String})],u.prototype,"text",2);v([l({type:String})],u.prototype,"textsecond",2);v([l({reflect:!0,type:Boolean})],u.prototype,"fullwidth",2);v([l({reflect:!0,type:Boolean})],u.prototype,"disabled",2);v([l({type:String})],u.prototype,"iconstrokewidth",2);v([l({type:Boolean,reflect:!0})],u.prototype,"startIcon",2);v([l({type:Boolean,reflect:!0})],u.prototype,"endIcon",2);v([l({type:String,reflect:!0})],u.prototype,"iconSize",2);v([l({type:String})],u.prototype,"icon",2);v([l()],u.prototype,"href",2);v([l()],u.prototype,"target",2);u=v([T("o-button")],u);var ye=Object.defineProperty,$e=Object.getOwnPropertyDescriptor,Q=(n,t,e,o)=>{for(var s=o>1?void 0:o?$e(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&ye(t,e,s),s};let U=class extends ${constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist"}render(){const n=pt.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return d`
|
|
415
423
|
<button
|
|
416
424
|
type="button"
|
|
417
425
|
aria-describedby="${this.ariaDescribedBy}"
|
|
@@ -475,7 +483,7 @@
|
|
|
475
483
|
:host([status="filled"]) .wishlist-button:hover svg path {
|
|
476
484
|
fill: var(--color-alpha-light-strong);
|
|
477
485
|
}
|
|
478
|
-
`;Q([l({type:String,reflect:!0})],U.prototype,"status",2);Q([l({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);Q([l({type:String,reflect:!0})],U.prototype,"label",2);U=Q([
|
|
486
|
+
`;Q([l({type:String,reflect:!0})],U.prototype,"status",2);Q([l({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);Q([l({type:String,reflect:!0})],U.prototype,"label",2);U=Q([T("o-wishlist-button")],U);var me=Object.defineProperty,we=Object.getOwnPropertyDescriptor,H=(n,t,e,o)=>{for(var s=o>1?void 0:o?we(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&me(t,e,s),s};let _=class extends ${constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return d`
|
|
479
487
|
<a href="${this.href}" target="${this.target}">
|
|
480
488
|
${this.endIcon&&this.reverseEndIcon?d`
|
|
481
489
|
<o-icon-button
|
|
@@ -555,7 +563,6 @@
|
|
|
555
563
|
}
|
|
556
564
|
}
|
|
557
565
|
|
|
558
|
-
/*Underline effect */
|
|
559
566
|
:host a {
|
|
560
567
|
position: relative;
|
|
561
568
|
text-decoration: none;
|
|
@@ -573,35 +580,26 @@
|
|
|
573
580
|
left: 0;
|
|
574
581
|
bottom: 0;
|
|
575
582
|
width: 100%;
|
|
583
|
+
opacity: 1;
|
|
576
584
|
height: 1px;
|
|
577
585
|
background-color: currentColor;
|
|
578
|
-
opacity: 0;
|
|
579
586
|
transition: opacity 0.3s ease, height 0.3s ease;
|
|
580
587
|
pointer-events: none;
|
|
581
588
|
}
|
|
582
589
|
|
|
583
590
|
:host a:hover .link-text::after {
|
|
584
|
-
opacity: 1;
|
|
585
|
-
height: 1px;
|
|
586
|
-
}
|
|
587
|
-
|
|
588
|
-
:host(:not([endIcon])) .link-text::after {
|
|
589
|
-
opacity: 1;
|
|
590
|
-
height: 1px;
|
|
591
|
-
}
|
|
592
|
-
|
|
593
|
-
:host(:not([endIcon])) a:hover .link-text::after {
|
|
594
591
|
opacity: 0;
|
|
592
|
+
height: 1px;
|
|
595
593
|
}
|
|
596
594
|
/* End of underline effect */
|
|
597
|
-
`;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([
|
|
595
|
+
`;H([l({type:String})],_.prototype,"href",2);H([l({type:String})],_.prototype,"target",2);H([l({type:String,reflect:!0})],_.prototype,"template",2);H([l({type:Boolean,reflect:!0})],_.prototype,"inverse",2);H([l({type:Boolean,reflect:!0})],_.prototype,"endIcon",2);H([l({type:Boolean,reflect:!0})],_.prototype,"reverseEndIcon",2);_=H([T("o-link")],_);var _e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,Y=(n,t,e,o)=>{for(var s=o>1?void 0:o?xe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&_e(t,e,s),s};let z=class extends ${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 d`
|
|
598
596
|
<div class="rating">
|
|
599
597
|
<div class="stars">
|
|
600
598
|
${n.map(t=>d`<span class="star">${J(pt[t]??"")}</span>`)}
|
|
601
599
|
</div>
|
|
602
600
|
${this.reviewCount!=null&&this.href!=null?d`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
603
601
|
</div>
|
|
604
|
-
`}};
|
|
602
|
+
`}};z.styles=S`
|
|
605
603
|
svg {
|
|
606
604
|
width: 12px;
|
|
607
605
|
height: 12px;
|
|
@@ -634,7 +632,7 @@
|
|
|
634
632
|
text-decoration: underline;
|
|
635
633
|
cursor: pointer;
|
|
636
634
|
}
|
|
637
|
-
`;Y([l({type:Number})],
|
|
635
|
+
`;Y([l({type:Number})],z.prototype,"rating",2);Y([l({type:String})],z.prototype,"reviewCount",2);Y([l({type:String})],z.prototype,"href",2);z=Y([T("o-rating")],z);var Ae=Object.defineProperty,Ee=Object.getOwnPropertyDescriptor,y=(n,t,e,o)=>{for(var s=o>1?void 0:o?Ee(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(s=(o?i(t,e,s):i(s))||s);return o&&s&&Ae(t,e,s),s};let b=class extends ${constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!0,this.headerTitle="",this.closeButtonLabel="Close the modal",this.firstButtonLabel="First Button",this.firstButtonVariant="primary",this.secondaryButtonLabel="Second Button",this.secondaryButtonVariant="primary",this.previousFocusedElement=null,this.handleKeyDown=n=>{this.open&&(n.key==="Escape"?this.closePanel():n.key==="Tab"&&this.trapFocus(n))}}connectedCallback(){super.connectedCallback(),window.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){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,this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,(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()}render(){return d`
|
|
638
636
|
<div class="overlay" @click=${this.closePanel}></div>
|
|
639
637
|
<div
|
|
640
638
|
class="panel"
|
|
@@ -775,4 +773,4 @@
|
|
|
775
773
|
max-width: none;
|
|
776
774
|
}
|
|
777
775
|
}
|
|
778
|
-
`;y([l({type:Boolean,reflect:!0})],b.prototype,"open",2);y([l({type:Boolean})],b.prototype,"showHeader",2);y([l({type:Boolean})],b.prototype,"showFooter",2);y([l({type:String})],b.prototype,"headerTitle",2);y([l({type:String})],b.prototype,"closeButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonVariant",2);y([l({type:Function})],b.prototype,"onFirstButtonClick",2);y([l({type:String})],b.prototype,"secondaryButtonLabel",2);y([l({type:String})],b.prototype,"secondaryButtonVariant",2);y([l({type:Function})],b.prototype,"onSecondaryButtonClick",2);b=y([
|
|
776
|
+
`;y([l({type:Boolean,reflect:!0})],b.prototype,"open",2);y([l({type:Boolean})],b.prototype,"showHeader",2);y([l({type:Boolean})],b.prototype,"showFooter",2);y([l({type:String})],b.prototype,"headerTitle",2);y([l({type:String})],b.prototype,"closeButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonLabel",2);y([l({type:String})],b.prototype,"firstButtonVariant",2);y([l({type:Function})],b.prototype,"onFirstButtonClick",2);y([l({type:String})],b.prototype,"secondaryButtonLabel",2);y([l({type:String})],b.prototype,"secondaryButtonVariant",2);y([l({type:Function})],b.prototype,"onSecondaryButtonClick",2);b=y([T("o-side-panel")],b);
|
package/index.mjs
CHANGED
|
@@ -23,11 +23,11 @@ let At = class {
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
const Pt = (n) => new At(typeof n == "string" ? n : n + "", void 0, lt), S = (n, ...t) => {
|
|
26
|
-
const e = n.length === 1 ? n[0] : t.reduce((o, s,
|
|
27
|
-
if (
|
|
28
|
-
if (typeof
|
|
29
|
-
throw Error("Value passed to 'css' function must be a 'css' function result: " +
|
|
30
|
-
})(s) + n[
|
|
26
|
+
const e = n.length === 1 ? n[0] : t.reduce((o, s, r) => o + ((i) => {
|
|
27
|
+
if (i._$cssResult$ === !0) return i.cssText;
|
|
28
|
+
if (typeof i == "number") return i;
|
|
29
|
+
throw Error("Value passed to 'css' function must be a 'css' function result: " + i + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
|
|
30
|
+
})(s) + n[r + 1], n[0]);
|
|
31
31
|
return new At(e, n, lt);
|
|
32
32
|
}, Bt = (n, t) => {
|
|
33
33
|
if (at) n.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
@@ -45,10 +45,10 @@ const Pt = (n) => new At(typeof n == "string" ? n : n + "", void 0, lt), S = (n,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is: kt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: Ut } = Object, E = globalThis, gt = E.trustedTypes,
|
|
48
|
+
const { is: kt, defineProperty: Ot, getOwnPropertyDescriptor: Ht, getOwnPropertyNames: Mt, getOwnPropertySymbols: It, getPrototypeOf: Ut } = Object, E = globalThis, gt = E.trustedTypes, zt = gt ? gt.emptyScript : "", tt = E.reactiveElementPolyfillSupport, N = (n, t) => n, K = { toAttribute(n, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
|
-
n = n ?
|
|
51
|
+
n = n ? zt : null;
|
|
52
52
|
break;
|
|
53
53
|
case Object:
|
|
54
54
|
case Array:
|
|
@@ -89,14 +89,14 @@ let M = class extends HTMLElement {
|
|
|
89
89
|
}
|
|
90
90
|
}
|
|
91
91
|
static getPropertyDescriptor(t, e, o) {
|
|
92
|
-
const { get: s, set:
|
|
92
|
+
const { get: s, set: r } = Ht(this.prototype, t) ?? { get() {
|
|
93
93
|
return this[e];
|
|
94
|
-
}, set(
|
|
95
|
-
this[e] =
|
|
94
|
+
}, set(i) {
|
|
95
|
+
this[e] = i;
|
|
96
96
|
} };
|
|
97
|
-
return { get: s, set(
|
|
97
|
+
return { get: s, set(i) {
|
|
98
98
|
const c = s == null ? void 0 : s.call(this);
|
|
99
|
-
|
|
99
|
+
r == null || r.call(this, i), this.requestUpdate(t, c, o);
|
|
100
100
|
}, configurable: !0, enumerable: !0 };
|
|
101
101
|
}
|
|
102
102
|
static getPropertyOptions(t) {
|
|
@@ -181,32 +181,32 @@ let M = class extends HTMLElement {
|
|
|
181
181
|
this._$AK(t, o);
|
|
182
182
|
}
|
|
183
183
|
_$ET(t, e) {
|
|
184
|
-
var
|
|
184
|
+
var r;
|
|
185
185
|
const o = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, o);
|
|
186
186
|
if (s !== void 0 && o.reflect === !0) {
|
|
187
|
-
const
|
|
188
|
-
this._$Em = t,
|
|
187
|
+
const i = (((r = o.converter) == null ? void 0 : r.toAttribute) !== void 0 ? o.converter : K).toAttribute(e, o.type);
|
|
188
|
+
this._$Em = t, i == null ? this.removeAttribute(s) : this.setAttribute(s, i), this._$Em = null;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
191
191
|
_$AK(t, e) {
|
|
192
|
-
var
|
|
192
|
+
var r, i;
|
|
193
193
|
const o = this.constructor, s = o._$Eh.get(t);
|
|
194
194
|
if (s !== void 0 && this._$Em !== s) {
|
|
195
|
-
const c = o.getPropertyOptions(s), a = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((
|
|
196
|
-
this._$Em = s, this[s] = a.fromAttribute(e, c.type) ?? ((
|
|
195
|
+
const c = o.getPropertyOptions(s), a = typeof c.converter == "function" ? { fromAttribute: c.converter } : ((r = c.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? c.converter : K;
|
|
196
|
+
this._$Em = s, this[s] = a.fromAttribute(e, c.type) ?? ((i = this._$Ej) == null ? void 0 : i.get(s)) ?? null, this._$Em = null;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
199
199
|
requestUpdate(t, e, o) {
|
|
200
200
|
var s;
|
|
201
201
|
if (t !== void 0) {
|
|
202
|
-
const
|
|
203
|
-
if (o ?? (o =
|
|
202
|
+
const r = this.constructor, i = this[t];
|
|
203
|
+
if (o ?? (o = r.getPropertyOptions(t)), !((o.hasChanged ?? ct)(i, e) || o.useDefault && o.reflect && i === ((s = this._$Ej) == null ? void 0 : s.get(t)) && !this.hasAttribute(r._$Eu(t, o)))) return;
|
|
204
204
|
this.C(t, e, o);
|
|
205
205
|
}
|
|
206
206
|
this.isUpdatePending === !1 && (this._$ES = this._$EP());
|
|
207
207
|
}
|
|
208
|
-
C(t, e, { useDefault: o, reflect: s, wrapped:
|
|
209
|
-
o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t,
|
|
208
|
+
C(t, e, { useDefault: o, reflect: s, wrapped: r }, i) {
|
|
209
|
+
o && !(this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Map())).has(t) && (this._$Ej.set(t, i ?? e ?? this[t]), r !== !0 || i !== 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;
|
|
@@ -226,21 +226,21 @@ let M = class extends HTMLElement {
|
|
|
226
226
|
if (!this.isUpdatePending) return;
|
|
227
227
|
if (!this.hasUpdated) {
|
|
228
228
|
if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
|
|
229
|
-
for (const [
|
|
229
|
+
for (const [r, i] of this._$Ep) this[r] = i;
|
|
230
230
|
this._$Ep = void 0;
|
|
231
231
|
}
|
|
232
232
|
const s = this.constructor.elementProperties;
|
|
233
|
-
if (s.size > 0) for (const [
|
|
234
|
-
const { wrapped: c } =
|
|
235
|
-
c !== !0 || this._$AL.has(
|
|
233
|
+
if (s.size > 0) for (const [r, i] of s) {
|
|
234
|
+
const { wrapped: c } = i, a = this[r];
|
|
235
|
+
c !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, i, a);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
let t = !1;
|
|
239
239
|
const e = this._$AL;
|
|
240
240
|
try {
|
|
241
241
|
t = this.shouldUpdate(e), t ? (this.willUpdate(e), (o = this._$EO) == null || o.forEach((s) => {
|
|
242
|
-
var
|
|
243
|
-
return (
|
|
242
|
+
var r;
|
|
243
|
+
return (r = s.hostUpdate) == null ? void 0 : r.call(s);
|
|
244
244
|
}), this.update(e)) : this._$EM();
|
|
245
245
|
} catch (s) {
|
|
246
246
|
throw t = !1, this._$EM(), s;
|
|
@@ -282,7 +282,7 @@ M.elementStyles = [], M.shadowRootOptions = { mode: "open" }, M[N("elementProper
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const j = globalThis, X = j.trustedTypes, bt = X ? X.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Et = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + A,
|
|
285
|
+
const j = globalThis, X = j.trustedTypes, bt = X ? X.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Et = "$lit$", A = `lit$${Math.random().toFixed(9).slice(2)}$`, St = "?" + A, Tt = `<${St}>`, k = document, R = () => k.createComment(""), F = (n) => n === null || typeof n != "object" && typeof n != "function", ht = Array.isArray, Dt = (n) => ht(n) || typeof (n == null ? void 0 : n[Symbol.iterator]) == "function", et = `[
|
|
286
286
|
\f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, yt = /-->/g, $t = />/g, L = RegExp(`>|${et}(?:([^\\s"'>=/]+)(${et}*=${et}*(?:[^
|
|
287
287
|
\f\r"'\`<>=]|("|')|))|$)`, "g"), mt = /'/g, wt = /"/g, Ct = /^(?:script|style|textarea|title)$/i, Nt = (n) => (t, ...e) => ({ _$litType$: n, strings: t, values: e }), d = Nt(1), O = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), _t = /* @__PURE__ */ new WeakMap(), P = k.createTreeWalker(k, 129);
|
|
288
288
|
function Lt(n, t) {
|
|
@@ -291,21 +291,21 @@ function Lt(n, t) {
|
|
|
291
291
|
}
|
|
292
292
|
const jt = (n, t) => {
|
|
293
293
|
const e = n.length - 1, o = [];
|
|
294
|
-
let s,
|
|
294
|
+
let s, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", i = D;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const a = n[c];
|
|
297
297
|
let f, g, p = -1, w = 0;
|
|
298
|
-
for (; w < a.length && (
|
|
299
|
-
const x =
|
|
300
|
-
|
|
298
|
+
for (; w < a.length && (i.lastIndex = w, g = i.exec(a), g !== null); ) w = i.lastIndex, i === D ? g[1] === "!--" ? i = yt : g[1] !== void 0 ? i = $t : g[2] !== void 0 ? (Ct.test(g[2]) && (s = RegExp("</" + g[2], "g")), i = L) : g[3] !== void 0 && (i = L) : i === L ? g[0] === ">" ? (i = s ?? D, p = -1) : g[1] === void 0 ? p = -2 : (p = i.lastIndex - g[2].length, f = g[1], i = g[3] === void 0 ? L : g[3] === '"' ? wt : mt) : i === wt || i === mt ? i = L : i === yt || i === $t ? i = D : (i = L, s = void 0);
|
|
299
|
+
const x = i === L && n[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
+
r += i === D ? a + Tt : p >= 0 ? (o.push(f), a.slice(0, p) + Et + a.slice(p) + A + x) : a + A + (p === -2 ? c : x);
|
|
301
301
|
}
|
|
302
|
-
return [Lt(n,
|
|
302
|
+
return [Lt(n, r + (n[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), o];
|
|
303
303
|
};
|
|
304
304
|
class V {
|
|
305
305
|
constructor({ strings: t, _$litType$: e }, o) {
|
|
306
306
|
let s;
|
|
307
307
|
this.parts = [];
|
|
308
|
-
let
|
|
308
|
+
let r = 0, i = 0;
|
|
309
309
|
const c = t.length - 1, a = this.parts, [f, g] = jt(t, e);
|
|
310
310
|
if (this.el = V.createElement(f, o), P.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const p = this.el.content.firstChild;
|
|
@@ -314,23 +314,23 @@ class V {
|
|
|
314
314
|
for (; (s = P.nextNode()) !== null && a.length < c; ) {
|
|
315
315
|
if (s.nodeType === 1) {
|
|
316
316
|
if (s.hasAttributes()) for (const p of s.getAttributeNames()) if (p.endsWith(Et)) {
|
|
317
|
-
const w = g[
|
|
318
|
-
a.push({ type: 1, index:
|
|
319
|
-
} else p.startsWith(A) && (a.push({ type: 6, index:
|
|
317
|
+
const w = g[i++], x = s.getAttribute(p).split(A), q = /([.?@])?(.*)/.exec(w);
|
|
318
|
+
a.push({ type: 1, index: r, name: q[2], strings: x, ctor: q[1] === "." ? Ft : q[1] === "?" ? Vt : q[1] === "@" ? Zt : G }), s.removeAttribute(p);
|
|
319
|
+
} else p.startsWith(A) && (a.push({ type: 6, index: r }), s.removeAttribute(p));
|
|
320
320
|
if (Ct.test(s.tagName)) {
|
|
321
321
|
const p = s.textContent.split(A), w = p.length - 1;
|
|
322
322
|
if (w > 0) {
|
|
323
323
|
s.textContent = X ? X.emptyScript : "";
|
|
324
|
-
for (let x = 0; x < w; x++) s.append(p[x], R()), P.nextNode(), a.push({ type: 2, index: ++
|
|
324
|
+
for (let x = 0; x < w; x++) s.append(p[x], R()), P.nextNode(), a.push({ type: 2, index: ++r });
|
|
325
325
|
s.append(p[w], R());
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
} else if (s.nodeType === 8) if (s.data === St) a.push({ type: 2, index:
|
|
328
|
+
} else if (s.nodeType === 8) if (s.data === St) a.push({ type: 2, index: r });
|
|
329
329
|
else {
|
|
330
330
|
let p = -1;
|
|
331
|
-
for (; (p = s.data.indexOf(A, p + 1)) !== -1; ) a.push({ type: 7, index:
|
|
331
|
+
for (; (p = s.data.indexOf(A, p + 1)) !== -1; ) a.push({ type: 7, index: r }), p += A.length - 1;
|
|
332
332
|
}
|
|
333
|
-
|
|
333
|
+
r++;
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
static createElement(t, e) {
|
|
@@ -339,11 +339,11 @@ class V {
|
|
|
339
339
|
}
|
|
340
340
|
}
|
|
341
341
|
function I(n, t, e = n, o) {
|
|
342
|
-
var
|
|
342
|
+
var i, c;
|
|
343
343
|
if (t === O) return t;
|
|
344
|
-
let s = o !== void 0 ? (
|
|
345
|
-
const
|
|
346
|
-
return (s == null ? void 0 : s.constructor) !==
|
|
344
|
+
let s = o !== void 0 ? (i = e._$Co) == null ? void 0 : i[o] : e._$Cl;
|
|
345
|
+
const r = F(t) ? void 0 : t._$litDirective$;
|
|
346
|
+
return (s == null ? void 0 : s.constructor) !== r && ((c = s == null ? void 0 : s._$AO) == null || c.call(s, !1), r === void 0 ? s = void 0 : (s = new r(n), s._$AT(n, e, o)), o !== void 0 ? (e._$Co ?? (e._$Co = []))[o] = s : e._$Cl = s), s !== void 0 && (t = I(n, s._$AS(n, t.values), s, o)), t;
|
|
347
347
|
}
|
|
348
348
|
class Rt {
|
|
349
349
|
constructor(t, e) {
|
|
@@ -358,13 +358,13 @@ class Rt {
|
|
|
358
358
|
u(t) {
|
|
359
359
|
const { el: { content: e }, parts: o } = this._$AD, s = ((t == null ? void 0 : t.creationScope) ?? k).importNode(e, !0);
|
|
360
360
|
P.currentNode = s;
|
|
361
|
-
let
|
|
361
|
+
let r = P.nextNode(), i = 0, c = 0, a = o[0];
|
|
362
362
|
for (; a !== void 0; ) {
|
|
363
|
-
if (
|
|
363
|
+
if (i === a.index) {
|
|
364
364
|
let f;
|
|
365
|
-
a.type === 2 ? f = new Z(
|
|
365
|
+
a.type === 2 ? f = new Z(r, r.nextSibling, this, t) : a.type === 1 ? f = new a.ctor(r, a.name, a.strings, this, t) : a.type === 6 && (f = new qt(r, this, t)), this._$AV.push(f), a = o[++c];
|
|
366
366
|
}
|
|
367
|
-
|
|
367
|
+
i !== (a == null ? void 0 : a.index) && (r = P.nextNode(), i++);
|
|
368
368
|
}
|
|
369
369
|
return P.currentNode = k, s;
|
|
370
370
|
}
|
|
@@ -405,12 +405,12 @@ class Z {
|
|
|
405
405
|
this._$AH !== h && F(this._$AH) ? this._$AA.nextSibling.data = t : this.T(k.createTextNode(t)), this._$AH = t;
|
|
406
406
|
}
|
|
407
407
|
$(t) {
|
|
408
|
-
var
|
|
408
|
+
var r;
|
|
409
409
|
const { values: e, _$litType$: o } = t, s = typeof o == "number" ? this._$AC(t) : (o.el === void 0 && (o.el = V.createElement(Lt(o.h, o.h[0]), this.options)), o);
|
|
410
|
-
if (((
|
|
410
|
+
if (((r = this._$AH) == null ? void 0 : r._$AD) === s) this._$AH.p(e);
|
|
411
411
|
else {
|
|
412
|
-
const
|
|
413
|
-
|
|
412
|
+
const i = new Rt(s, this), c = i.u(this.options);
|
|
413
|
+
i.p(e), this.T(c), this._$AH = i;
|
|
414
414
|
}
|
|
415
415
|
}
|
|
416
416
|
_$AC(t) {
|
|
@@ -421,7 +421,7 @@ class Z {
|
|
|
421
421
|
ht(this._$AH) || (this._$AH = [], this._$AR());
|
|
422
422
|
const e = this._$AH;
|
|
423
423
|
let o, s = 0;
|
|
424
|
-
for (const
|
|
424
|
+
for (const r of t) s === e.length ? e.push(o = new Z(this.O(R()), this.O(R()), this, this.options)) : o = e[s], o._$AI(r), s++;
|
|
425
425
|
s < e.length && (this._$AR(o && o._$AB.nextSibling, s), e.length = s);
|
|
426
426
|
}
|
|
427
427
|
_$AR(t = this._$AA.nextSibling, e) {
|
|
@@ -443,19 +443,19 @@ class G {
|
|
|
443
443
|
get _$AU() {
|
|
444
444
|
return this._$AM._$AU;
|
|
445
445
|
}
|
|
446
|
-
constructor(t, e, o, s,
|
|
447
|
-
this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options =
|
|
446
|
+
constructor(t, e, o, s, r) {
|
|
447
|
+
this.type = 1, this._$AH = h, this._$AN = void 0, this.element = t, this.name = e, this._$AM = s, this.options = r, 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
449
|
_$AI(t, e = this, o, s) {
|
|
450
|
-
const
|
|
451
|
-
let
|
|
452
|
-
if (
|
|
450
|
+
const r = this.strings;
|
|
451
|
+
let i = !1;
|
|
452
|
+
if (r === void 0) t = I(this, t, e, 0), i = !F(t) || t !== this._$AH && t !== O, i && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
455
|
let a, f;
|
|
456
|
-
for (t =
|
|
456
|
+
for (t = r[0], a = 0; a < r.length - 1; a++) f = I(this, c[o + a], e, a), f === O && (f = this._$AH[a]), i || (i = !F(f) || f !== this._$AH[a]), f === h ? t = h : t !== h && (t += (f ?? "") + r[a + 1]), this._$AH[a] = f;
|
|
457
457
|
}
|
|
458
|
-
|
|
458
|
+
i && !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 Vt extends G {
|
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
480
|
class Zt extends G {
|
|
481
|
-
constructor(t, e, o, s,
|
|
482
|
-
super(t, e, o, s,
|
|
481
|
+
constructor(t, e, o, s, r) {
|
|
482
|
+
super(t, e, o, s, r), this.type = 5;
|
|
483
483
|
}
|
|
484
484
|
_$AI(t, e = this) {
|
|
485
485
|
if ((t = I(this, t, e, 0) ?? h) === O) return;
|
|
486
|
-
const o = this._$AH, s = t === h && o !== h || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive,
|
|
487
|
-
s && this.element.removeEventListener(this.name, this, o),
|
|
486
|
+
const o = this._$AH, s = t === h && o !== h || t.capture !== o.capture || t.once !== o.once || t.passive !== o.passive, r = t !== h && (o === h || s);
|
|
487
|
+
s && this.element.removeEventListener(this.name, this, o), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
|
|
488
488
|
}
|
|
489
489
|
handleEvent(t) {
|
|
490
490
|
var e;
|
|
@@ -508,8 +508,8 @@ const Wt = (n, t, e) => {
|
|
|
508
508
|
const o = (e == null ? void 0 : e.renderBefore) ?? t;
|
|
509
509
|
let s = o._$litPart$;
|
|
510
510
|
if (s === void 0) {
|
|
511
|
-
const
|
|
512
|
-
o._$litPart$ = s = new Z(t.insertBefore(R(),
|
|
511
|
+
const r = (e == null ? void 0 : e.renderBefore) ?? null;
|
|
512
|
+
o._$litPart$ = s = new Z(t.insertBefore(R(), r), r, void 0, e ?? {});
|
|
513
513
|
}
|
|
514
514
|
return s._$AI(n), s;
|
|
515
515
|
};
|
|
@@ -554,7 +554,7 @@ st == null || st({ LitElement: $ });
|
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
555
555
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
556
556
|
*/
|
|
557
|
-
const
|
|
557
|
+
const T = (n) => (t, e) => {
|
|
558
558
|
e !== void 0 ? e.addInitializer(() => {
|
|
559
559
|
customElements.define(n, t);
|
|
560
560
|
}) : customElements.define(n, t);
|
|
@@ -566,29 +566,29 @@ const z = (n) => (t, e) => {
|
|
|
566
566
|
*/
|
|
567
567
|
const Kt = { attribute: !0, type: String, converter: K, reflect: !1, hasChanged: ct }, Xt = (n = Kt, t, e) => {
|
|
568
568
|
const { kind: o, metadata: s } = e;
|
|
569
|
-
let
|
|
570
|
-
if (
|
|
571
|
-
const { name:
|
|
569
|
+
let r = globalThis.litPropertyMetadata.get(s);
|
|
570
|
+
if (r === void 0 && globalThis.litPropertyMetadata.set(s, r = /* @__PURE__ */ new Map()), o === "setter" && ((n = Object.create(n)).wrapped = !0), r.set(e.name, n), o === "accessor") {
|
|
571
|
+
const { name: i } = e;
|
|
572
572
|
return { set(c) {
|
|
573
573
|
const a = t.get.call(this);
|
|
574
|
-
t.set.call(this, c), this.requestUpdate(
|
|
574
|
+
t.set.call(this, c), this.requestUpdate(i, a, n);
|
|
575
575
|
}, init(c) {
|
|
576
|
-
return c !== void 0 && this.C(
|
|
576
|
+
return c !== void 0 && this.C(i, void 0, n, c), c;
|
|
577
577
|
} };
|
|
578
578
|
}
|
|
579
579
|
if (o === "setter") {
|
|
580
|
-
const { name:
|
|
580
|
+
const { name: i } = e;
|
|
581
581
|
return function(c) {
|
|
582
|
-
const a = this[
|
|
583
|
-
t.call(this, c), this.requestUpdate(
|
|
582
|
+
const a = this[i];
|
|
583
|
+
t.call(this, c), this.requestUpdate(i, a, n);
|
|
584
584
|
};
|
|
585
585
|
}
|
|
586
586
|
throw Error("Unsupported decorator location: " + o);
|
|
587
587
|
};
|
|
588
588
|
function l(n) {
|
|
589
|
-
return (t, e) => typeof e == "object" ? Xt(n, t, e) : ((o, s,
|
|
590
|
-
const
|
|
591
|
-
return s.constructor.createProperty(
|
|
589
|
+
return (t, e) => typeof e == "object" ? Xt(n, t, e) : ((o, s, r) => {
|
|
590
|
+
const i = s.hasOwnProperty(r);
|
|
591
|
+
return s.constructor.createProperty(r, o), i ? Object.getOwnPropertyDescriptor(s, r) : void 0;
|
|
592
592
|
})(n, t, e);
|
|
593
593
|
}
|
|
594
594
|
const Jt = S`
|
|
@@ -625,15 +625,15 @@ function Qt(n) {
|
|
|
625
625
|
n.addInitializer((t) => {
|
|
626
626
|
const e = t;
|
|
627
627
|
e.addEventListener("click", async (o) => {
|
|
628
|
-
const { type: s, [dt]:
|
|
629
|
-
if (!(!
|
|
628
|
+
const { type: s, [dt]: r } = e, { form: i } = r;
|
|
629
|
+
if (!(!i || s === "button") && (await new Promise((c) => {
|
|
630
630
|
setTimeout(c);
|
|
631
631
|
}), !o.defaultPrevented)) {
|
|
632
632
|
if (s === "reset") {
|
|
633
|
-
|
|
633
|
+
i.reset();
|
|
634
634
|
return;
|
|
635
635
|
}
|
|
636
|
-
|
|
636
|
+
i.addEventListener(
|
|
637
637
|
"submit",
|
|
638
638
|
(c) => {
|
|
639
639
|
Object.defineProperty(c, "submitter", {
|
|
@@ -643,7 +643,7 @@ function Qt(n) {
|
|
|
643
643
|
});
|
|
644
644
|
},
|
|
645
645
|
{ capture: !0, once: !0 }
|
|
646
|
-
),
|
|
646
|
+
), r.setFormValue(e.value), i.requestSubmit();
|
|
647
647
|
}
|
|
648
648
|
});
|
|
649
649
|
});
|
|
@@ -675,7 +675,7 @@ class ee {
|
|
|
675
675
|
* Copyright 2017 Google LLC
|
|
676
676
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
677
677
|
*/
|
|
678
|
-
class
|
|
678
|
+
class it extends ee {
|
|
679
679
|
constructor(t) {
|
|
680
680
|
if (super(t), this.it = h, t.type !== Yt.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
|
|
681
681
|
}
|
|
@@ -689,16 +689,16 @@ class rt extends ee {
|
|
|
689
689
|
return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
|
|
690
690
|
}
|
|
691
691
|
}
|
|
692
|
-
|
|
692
|
+
it.directiveName = "unsafeHTML", it.resultType = 1;
|
|
693
693
|
/**
|
|
694
694
|
* @license
|
|
695
695
|
* Copyright 2017 Google LLC
|
|
696
696
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
697
697
|
*/
|
|
698
|
-
class
|
|
698
|
+
class rt extends it {
|
|
699
699
|
}
|
|
700
|
-
|
|
701
|
-
const J = te(
|
|
700
|
+
rt.directiveName = "unsafeSVG", rt.resultType = 2;
|
|
701
|
+
const J = te(rt), oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
702
702
|
<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"/>
|
|
703
703
|
</svg>
|
|
704
704
|
`, se = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -707,10 +707,10 @@ const J = te(it), oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
|
|
|
707
707
|
`, ne = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
708
708
|
<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"/>
|
|
709
709
|
</svg>
|
|
710
|
-
`,
|
|
710
|
+
`, ie = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
711
711
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
712
712
|
</svg>
|
|
713
|
-
`,
|
|
713
|
+
`, re = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
714
714
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
715
715
|
</svg>
|
|
716
716
|
`, ae = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -736,8 +736,8 @@ const J = te(it), oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
|
|
|
736
736
|
wishlist: oe,
|
|
737
737
|
playerv: se,
|
|
738
738
|
chevronRight: ne,
|
|
739
|
-
chevronLeft:
|
|
740
|
-
"star-0":
|
|
739
|
+
chevronLeft: ie,
|
|
740
|
+
"star-0": re,
|
|
741
741
|
"star-25": ae,
|
|
742
742
|
"star-50": le,
|
|
743
743
|
"star-75": ce,
|
|
@@ -746,8 +746,8 @@ const J = te(it), oe = `<svg width="16" height="16" viewBox="0 0 16 16" fill="no
|
|
|
746
746
|
search: pe
|
|
747
747
|
};
|
|
748
748
|
var ue = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, C = (n, t, e, o) => {
|
|
749
|
-
for (var s = o > 1 ? void 0 : o ? fe(t, e) : t,
|
|
750
|
-
(
|
|
749
|
+
for (var s = o > 1 ? void 0 : o ? fe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
750
|
+
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
751
751
|
return o && s && ue(t, e, s), s;
|
|
752
752
|
};
|
|
753
753
|
let m = class extends $ {
|
|
@@ -960,11 +960,11 @@ C([
|
|
|
960
960
|
l({ type: Boolean, reflect: !0 })
|
|
961
961
|
], m.prototype, "disabled", 2);
|
|
962
962
|
m = C([
|
|
963
|
-
|
|
963
|
+
T("o-icon-button")
|
|
964
964
|
], m);
|
|
965
965
|
var ge = Object.defineProperty, ve = Object.getOwnPropertyDescriptor, v = (n, t, e, o) => {
|
|
966
|
-
for (var s = o > 1 ? void 0 : o ? ve(t, e) : t,
|
|
967
|
-
(
|
|
966
|
+
for (var s = o > 1 ? void 0 : o ? ve(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
967
|
+
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
968
968
|
return o && s && ge(t, e, s), s;
|
|
969
969
|
};
|
|
970
970
|
const be = Gt($);
|
|
@@ -1038,7 +1038,6 @@ u.styles = S`
|
|
|
1038
1038
|
}
|
|
1039
1039
|
|
|
1040
1040
|
:host([fullwidth]) {
|
|
1041
|
-
display: block;
|
|
1042
1041
|
width: 100%;
|
|
1043
1042
|
}
|
|
1044
1043
|
|
|
@@ -1101,7 +1100,10 @@ u.styles = S`
|
|
|
1101
1100
|
color: var(--button-text);
|
|
1102
1101
|
border: var(--button-border-width, var(--border-m)) solid var(--button-border);
|
|
1103
1102
|
border-radius: var(--radius-m);
|
|
1104
|
-
|
|
1103
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1104
|
+
font-size: var(--font-size-150);
|
|
1105
|
+
font-weight: var(--font-weight-400);
|
|
1106
|
+
line-height: var(--line-height-200);
|
|
1105
1107
|
min-width: 64px;
|
|
1106
1108
|
padding: var(--spacing-l, 12px) var(--spacing-3-xl, 24px);
|
|
1107
1109
|
cursor: inherit;
|
|
@@ -1151,6 +1153,12 @@ u.styles = S`
|
|
|
1151
1153
|
align-items: center;
|
|
1152
1154
|
margin-top: 1px;
|
|
1153
1155
|
}
|
|
1156
|
+
|
|
1157
|
+
.button slot {
|
|
1158
|
+
margin-top: 1px;
|
|
1159
|
+
display: inline-flex;
|
|
1160
|
+
align-items: center;
|
|
1161
|
+
}
|
|
1154
1162
|
`;
|
|
1155
1163
|
v([
|
|
1156
1164
|
l()
|
|
@@ -1195,11 +1203,11 @@ v([
|
|
|
1195
1203
|
l()
|
|
1196
1204
|
], u.prototype, "target", 2);
|
|
1197
1205
|
u = v([
|
|
1198
|
-
|
|
1206
|
+
T("o-button")
|
|
1199
1207
|
], u);
|
|
1200
1208
|
var ye = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, Q = (n, t, e, o) => {
|
|
1201
|
-
for (var s = o > 1 ? void 0 : o ? $e(t, e) : t,
|
|
1202
|
-
(
|
|
1209
|
+
for (var s = o > 1 ? void 0 : o ? $e(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1210
|
+
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1203
1211
|
return o && s && ye(t, e, s), s;
|
|
1204
1212
|
};
|
|
1205
1213
|
let U = class extends $ {
|
|
@@ -1307,11 +1315,11 @@ Q([
|
|
|
1307
1315
|
l({ type: String, reflect: !0 })
|
|
1308
1316
|
], U.prototype, "label", 2);
|
|
1309
1317
|
U = Q([
|
|
1310
|
-
|
|
1318
|
+
T("o-wishlist-button")
|
|
1311
1319
|
], U);
|
|
1312
1320
|
var me = Object.defineProperty, we = Object.getOwnPropertyDescriptor, H = (n, t, e, o) => {
|
|
1313
|
-
for (var s = o > 1 ? void 0 : o ? we(t, e) : t,
|
|
1314
|
-
(
|
|
1321
|
+
for (var s = o > 1 ? void 0 : o ? we(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1322
|
+
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1315
1323
|
return o && s && me(t, e, s), s;
|
|
1316
1324
|
};
|
|
1317
1325
|
let _ = class extends $ {
|
|
@@ -1402,7 +1410,6 @@ _.styles = S`
|
|
|
1402
1410
|
}
|
|
1403
1411
|
}
|
|
1404
1412
|
|
|
1405
|
-
/*Underline effect */
|
|
1406
1413
|
:host a {
|
|
1407
1414
|
position: relative;
|
|
1408
1415
|
text-decoration: none;
|
|
@@ -1420,25 +1427,16 @@ _.styles = S`
|
|
|
1420
1427
|
left: 0;
|
|
1421
1428
|
bottom: 0;
|
|
1422
1429
|
width: 100%;
|
|
1430
|
+
opacity: 1;
|
|
1423
1431
|
height: 1px;
|
|
1424
1432
|
background-color: currentColor;
|
|
1425
|
-
opacity: 0;
|
|
1426
1433
|
transition: opacity 0.3s ease, height 0.3s ease;
|
|
1427
1434
|
pointer-events: none;
|
|
1428
1435
|
}
|
|
1429
1436
|
|
|
1430
1437
|
:host a:hover .link-text::after {
|
|
1431
|
-
opacity: 1;
|
|
1432
|
-
height: 1px;
|
|
1433
|
-
}
|
|
1434
|
-
|
|
1435
|
-
:host(:not([endIcon])) .link-text::after {
|
|
1436
|
-
opacity: 1;
|
|
1437
|
-
height: 1px;
|
|
1438
|
-
}
|
|
1439
|
-
|
|
1440
|
-
:host(:not([endIcon])) a:hover .link-text::after {
|
|
1441
1438
|
opacity: 0;
|
|
1439
|
+
height: 1px;
|
|
1442
1440
|
}
|
|
1443
1441
|
/* End of underline effect */
|
|
1444
1442
|
`;
|
|
@@ -1461,14 +1459,14 @@ H([
|
|
|
1461
1459
|
l({ type: Boolean, reflect: !0 })
|
|
1462
1460
|
], _.prototype, "reverseEndIcon", 2);
|
|
1463
1461
|
_ = H([
|
|
1464
|
-
|
|
1462
|
+
T("o-link")
|
|
1465
1463
|
], _);
|
|
1466
1464
|
var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Y = (n, t, e, o) => {
|
|
1467
|
-
for (var s = o > 1 ? void 0 : o ? xe(t, e) : t,
|
|
1468
|
-
(
|
|
1465
|
+
for (var s = o > 1 ? void 0 : o ? xe(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1466
|
+
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1469
1467
|
return o && s && _e(t, e, s), s;
|
|
1470
1468
|
};
|
|
1471
|
-
let
|
|
1469
|
+
let z = class extends $ {
|
|
1472
1470
|
constructor() {
|
|
1473
1471
|
super(...arguments), this.rating = 0;
|
|
1474
1472
|
}
|
|
@@ -1495,7 +1493,7 @@ let T = class extends $ {
|
|
|
1495
1493
|
`;
|
|
1496
1494
|
}
|
|
1497
1495
|
};
|
|
1498
|
-
|
|
1496
|
+
z.styles = S`
|
|
1499
1497
|
svg {
|
|
1500
1498
|
width: 12px;
|
|
1501
1499
|
height: 12px;
|
|
@@ -1531,19 +1529,19 @@ T.styles = S`
|
|
|
1531
1529
|
`;
|
|
1532
1530
|
Y([
|
|
1533
1531
|
l({ type: Number })
|
|
1534
|
-
],
|
|
1532
|
+
], z.prototype, "rating", 2);
|
|
1535
1533
|
Y([
|
|
1536
1534
|
l({ type: String })
|
|
1537
|
-
],
|
|
1535
|
+
], z.prototype, "reviewCount", 2);
|
|
1538
1536
|
Y([
|
|
1539
1537
|
l({ type: String })
|
|
1540
|
-
],
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
],
|
|
1538
|
+
], z.prototype, "href", 2);
|
|
1539
|
+
z = Y([
|
|
1540
|
+
T("o-rating")
|
|
1541
|
+
], z);
|
|
1544
1542
|
var Ae = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, y = (n, t, e, o) => {
|
|
1545
|
-
for (var s = o > 1 ? void 0 : o ? Ee(t, e) : t,
|
|
1546
|
-
(
|
|
1543
|
+
for (var s = o > 1 ? void 0 : o ? Ee(t, e) : t, r = n.length - 1, i; r >= 0; r--)
|
|
1544
|
+
(i = n[r]) && (s = (o ? i(t, e, s) : i(s)) || s);
|
|
1547
1545
|
return o && s && Ae(t, e, s), s;
|
|
1548
1546
|
};
|
|
1549
1547
|
let b = class extends $ {
|
|
@@ -1770,5 +1768,5 @@ y([
|
|
|
1770
1768
|
l({ type: Function })
|
|
1771
1769
|
], b.prototype, "onSecondaryButtonClick", 2);
|
|
1772
1770
|
b = y([
|
|
1773
|
-
|
|
1771
|
+
T("o-side-panel")
|
|
1774
1772
|
], b);
|