@florid-kit/components 0.4.22 → 0.4.24
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/components/{product-tag.d.ts → tag.d.ts} +5 -2
- package/index.js +88 -61
- package/index.mjs +378 -345
- package/package.json +1 -1
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
type TagType = "default" | "outofstock";
|
|
4
|
+
export declare class OccitaneTag extends LitElement {
|
|
4
5
|
static styles: import('lit').CSSResult;
|
|
6
|
+
type: TagType;
|
|
5
7
|
render(): import('lit').TemplateResult<1>;
|
|
6
8
|
}
|
|
7
9
|
declare global {
|
|
8
10
|
interface HTMLElementTagNameMap {
|
|
9
|
-
"o-
|
|
11
|
+
"o-tag": OccitaneTag;
|
|
10
12
|
}
|
|
11
13
|
}
|
|
14
|
+
export {};
|
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),
|
|
5
|
+
*/const X=globalThis,dt=X.ShadowRoot&&(X.ShadyCSS===void 0||X.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,pt=Symbol(),vt=new WeakMap;let Ct=class{constructor(t,e,s){if(this._$cssResult$=!0,s!==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 s=e!==void 0&&e.length===1;s&&(t=vt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&vt.set(e,t))}return t}toString(){return this.cssText}};const Ot=n=>new Ct(typeof n=="string"?n:n+"",void 0,pt),$=(n,...t)=>{const e=n.length===1?n[0]:t.reduce((s,o,r)=>s+(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.")})(o)+n[r+1],n[0]);return new Ct(e,n,pt)},zt=(n,t)=>{if(dt)n.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const s=document.createElement("style"),o=X.litNonce;o!==void 0&&s.setAttribute("nonce",o),s.textContent=e.cssText,n.appendChild(s)}},bt=dt?n=>n:n=>n instanceof CSSStyleSheet?(t=>{let e="";for(const s of t.cssRules)e+=s.cssText;return Ot(e)})(n):n;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:Ht,defineProperty:Mt,getOwnPropertyDescriptor:Tt,getOwnPropertyNames:Dt,getOwnPropertySymbols:Ut,getPrototypeOf:Nt}=Object,C=globalThis,yt=C.trustedTypes,jt=yt?yt.emptyScript:"",st=C.reactiveElementPolyfillSupport,R=(n,t)=>n,J={toAttribute(n,t){switch(t){case Boolean:n=n?jt:null;break;case Object:case Array:n=n==null?n:JSON.stringify(n)}return n},fromAttribute(n,t){let e=n;switch(t){case Boolean:e=n!==null;break;case Number:e=n===null?null:Number(n);break;case Object:case Array:try{e=JSON.parse(n)}catch{e=null}}return e}},ut=(n,t)=>!Ht(n,t),mt={attribute:!0,type:String,converter:J,reflect:!1,useDefault:!1,hasChanged:ut};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),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 s=Symbol(),o=this.getPropertyDescriptor(t,s,e);o!==void 0&&Mt(this.prototype,t,o)}}static getPropertyDescriptor(t,e,s){const{get:o,set:r}=Tt(this.prototype,t)??{get(){return this[e]},set(i){this[e]=i}};return{get:o,set(i){const c=o==null?void 0:o.call(this);r==null||r.call(this,i),this.requestUpdate(t,c,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??mt}static _$Ei(){if(this.hasOwnProperty(R("elementProperties")))return;const t=Nt(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(R("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(R("properties"))){const e=this.properties,s=[...Dt(e),...Ut(e)];for(const o of s)this.createProperty(o,e[o])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[s,o]of e)this.elementProperties.set(s,o)}this._$Eh=new Map;for(const[e,s]of this.elementProperties){const o=this._$Eu(e,s);o!==void 0&&this._$Eh.set(o,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const s=new Set(t.flat(1/0).reverse());for(const o of s)e.unshift(bt(o))}else t!==void 0&&e.push(bt(t));return e}static _$Eu(t,e){const s=e.attribute;return s===!1?void 0:typeof s=="string"?s:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return zt(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostConnected)==null?void 0:s.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var s;return(s=e.hostDisconnected)==null?void 0:s.call(e)})}attributeChangedCallback(t,e,s){this._$AK(t,s)}_$ET(t,e){var r;const s=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,s);if(o!==void 0&&s.reflect===!0){const i=(((r=s.converter)==null?void 0:r.toAttribute)!==void 0?s.converter:J).toAttribute(e,s.type);this._$Em=t,i==null?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(t,e){var r,i;const s=this.constructor,o=s._$Eh.get(t);if(o!==void 0&&this._$Em!==o){const c=s.getPropertyOptions(o),l=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:J;this._$Em=o,this[o]=l.fromAttribute(e,c.type)??((i=this._$Ej)==null?void 0:i.get(o))??null,this._$Em=null}}requestUpdate(t,e,s){var o;if(t!==void 0){const r=this.constructor,i=this[t];if(s??(s=r.getPropertyOptions(t)),!((s.hasChanged??ut)(i,e)||s.useDefault&&s.reflect&&i===((o=this._$Ej)==null?void 0:o.get(t))&&!this.hasAttribute(r._$Eu(t,s))))return;this.C(t,e,s)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:o,wrapped:r},i){s&&!(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||s||(e=void 0),this._$AL.set(t,e)),o===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var s;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,i]of this._$Ep)this[r]=i;this._$Ep=void 0}const o=this.constructor.elementProperties;if(o.size>0)for(const[r,i]of o){const{wrapped:c}=i,l=this[r];c!==!0||this._$AL.has(r)||l===void 0||this.C(r,void 0,i,l)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(s=this._$EO)==null||s.forEach(o=>{var r;return(r=o.hostUpdate)==null?void 0:r.call(o)}),this.update(e)):this._$EM()}catch(o){throw t=!1,this._$EM(),o}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(s=>{var o;return(o=s.hostUpdated)==null?void 0:o.call(s)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};T.elementStyles=[],T.shadowRootOptions={mode:"open"},T[R("elementProperties")]=new Map,T[R("finalized")]=new Map,st==null||st({ReactiveElement:T}),(C.reactiveElementVersions??(C.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const V=globalThis,
|
|
14
|
-
\f\r]`,j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$t=/-->/g,xt=/>/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,
|
|
13
|
+
*/const V=globalThis,Y=V.trustedTypes,wt=Y?Y.createPolicy("lit-html",{createHTML:n=>n}):void 0,Lt="$lit$",E=`lit$${Math.random().toFixed(9).slice(2)}$`,kt="?"+E,Rt=`<${kt}>`,O=document,F=()=>O.createComment(""),Z=n=>n===null||typeof n!="object"&&typeof n!="function",ft=Array.isArray,Vt=n=>ft(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,P=RegExp(`>|${it}(?:([^\\s"'>=/]+)(${it}*=${it}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),_t=/'/g,At=/"/g,Pt=/^(?:script|style|textarea|title)$/i,Ft=n=>(t,...e)=>({_$litType$:n,strings:t,values:e}),h=Ft(1),z=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),St=new WeakMap,I=O.createTreeWalker(O,129);function It(n,t){if(!ft(n)||!n.hasOwnProperty("raw"))throw Error("invalid template strings array");return wt!==void 0?wt.createHTML(t):t}const Zt=(n,t)=>{const e=n.length-1,s=[];let o,r=t===2?"<svg>":t===3?"<math>":"",i=j;for(let c=0;c<e;c++){const l=n[c];let f,v,p=-1,x=0;for(;x<l.length&&(i.lastIndex=x,v=i.exec(l),v!==null);)x=i.lastIndex,i===j?v[1]==="!--"?i=$t:v[1]!==void 0?i=xt:v[2]!==void 0?(Pt.test(v[2])&&(o=RegExp("</"+v[2],"g")),i=P):v[3]!==void 0&&(i=P):i===P?v[0]===">"?(i=o??j,p=-1):v[1]===void 0?p=-2:(p=i.lastIndex-v[2].length,f=v[1],i=v[3]===void 0?P:v[3]==='"'?At:_t):i===At||i===_t?i=P:i===$t||i===xt?i=j:(i=P,o=void 0);const S=i===P&&n[c+1].startsWith("/>")?" ":"";r+=i===j?l+Rt:p>=0?(s.push(f),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>":"")),s]};class q{constructor({strings:t,_$litType$:e},s){let o;this.parts=[];let r=0,i=0;const c=t.length-1,l=this.parts,[f,v]=Zt(t,e);if(this.el=q.createElement(f,s),I.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(o=I.nextNode())!==null&&l.length<c;){if(o.nodeType===1){if(o.hasAttributes())for(const p of o.getAttributeNames())if(p.endsWith(Lt)){const x=v[i++],S=o.getAttribute(p).split(E),K=/([.?@])?(.*)/.exec(x);l.push({type:1,index:r,name:K[2],strings:S,ctor:K[1]==="."?Wt:K[1]==="?"?Gt:K[1]==="@"?Kt:tt}),o.removeAttribute(p)}else p.startsWith(E)&&(l.push({type:6,index:r}),o.removeAttribute(p));if(Pt.test(o.tagName)){const p=o.textContent.split(E),x=p.length-1;if(x>0){o.textContent=Y?Y.emptyScript:"";for(let S=0;S<x;S++)o.append(p[S],F()),I.nextNode(),l.push({type:2,index:++r});o.append(p[x],F())}}}else if(o.nodeType===8)if(o.data===kt)l.push({type:2,index:r});else{let p=-1;for(;(p=o.data.indexOf(E,p+1))!==-1;)l.push({type:7,index:r}),p+=E.length-1}r++}}static createElement(t,e){const s=O.createElement("template");return s.innerHTML=t,s}}function D(n,t,e=n,s){var i,c;if(t===z)return t;let o=s!==void 0?(i=e._$Co)==null?void 0:i[s]:e._$Cl;const r=Z(t)?void 0:t._$litDirective$;return(o==null?void 0:o.constructor)!==r&&((c=o==null?void 0:o._$AO)==null||c.call(o,!1),r===void 0?o=void 0:(o=new r(n),o._$AT(n,e,s)),s!==void 0?(e._$Co??(e._$Co=[]))[s]=o:e._$Cl=o),o!==void 0&&(t=D(n,o._$AS(n,t.values),o,s)),t}class qt{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:s}=this._$AD,o=((t==null?void 0:t.creationScope)??O).importNode(e,!0);I.currentNode=o;let r=I.nextNode(),i=0,c=0,l=s[0];for(;l!==void 0;){if(i===l.index){let f;l.type===2?f=new G(r,r.nextSibling,this,t):l.type===1?f=new l.ctor(r,l.name,l.strings,this,t):l.type===6&&(f=new Xt(r,this,t)),this._$AV.push(f),l=s[++c]}i!==(l==null?void 0:l.index)&&(r=I.nextNode(),i++)}return I.currentNode=O,o}p(t){let e=0;for(const s of this._$AV)s!==void 0&&(s.strings!==void 0?(s._$AI(t,s,e),e+=s.strings.length-2):s._$AI(t[e])),e++}}class G{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,s,o){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=s,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=D(this,t,e),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):Vt(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$:s}=t,o=typeof s=="number"?this._$AC(t):(s.el===void 0&&(s.el=q.createElement(It(s.h,s.h[0]),this.options)),s);if(((r=this._$AH)==null?void 0:r._$AD)===o)this._$AH.p(e);else{const i=new qt(o,this),c=i.u(this.options);i.p(e),this.T(c),this._$AH=i}}_$AC(t){let e=St.get(t.strings);return e===void 0&&St.set(t.strings,e=new q(t)),e}k(t){ft(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let s,o=0;for(const r of t)o===e.length?e.push(s=new G(this.O(F()),this.O(F()),this,this.options)):s=e[o],s._$AI(r),o++;o<e.length&&(this._$AR(s&&s._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){var s;for((s=this._$AP)==null?void 0:s.call(this,!1,!0,e);t&&t!==this._$AB;){const o=t.nextSibling;t.remove(),t=o}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class tt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,s,o,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,s.length>2||s[0]!==""||s[1]!==""?(this._$AH=Array(s.length-1).fill(new String),this.strings=s):this._$AH=d}_$AI(t,e=this,s,o){const r=this.strings;let i=!1;if(r===void 0)t=D(this,t,e,0),i=!Z(t)||t!==this._$AH&&t!==z,i&&(this._$AH=t);else{const c=t;let l,f;for(t=r[0],l=0;l<r.length-1;l++)f=D(this,c[s+l],e,l),f===z&&(f=this._$AH[l]),i||(i=!Z(f)||f!==this._$AH[l]),f===d?t=d:t!==d&&(t+=(f??"")+r[l+1]),this._$AH[l]=f}i&&!o&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Wt extends tt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Gt extends tt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Kt extends tt{constructor(t,e,s,o,r){super(t,e,s,o,r),this.type=5}_$AI(t,e=this){if((t=D(this,t,e,0)??d)===z)return;const s=this._$AH,o=t===d&&s!==d||t.capture!==s.capture||t.once!==s.once||t.passive!==s.passive,r=t!==d&&(s===d||o);o&&this.element.removeEventListener(this.name,this,s),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Xt{constructor(t,e,s){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=s}get _$AU(){return this._$AM._$AU}_$AI(t){D(this,t)}}const rt=V.litHtmlPolyfillSupport;rt==null||rt(q,G),(V.litHtmlVersions??(V.litHtmlVersions=[])).push("3.3.0");const Jt=(n,t,e)=>{const s=(e==null?void 0:e.renderBefore)??t;let o=s._$litPart$;if(o===void 0){const r=(e==null?void 0:e.renderBefore)??null;s._$litPart$=o=new G(t.insertBefore(F(),r),r,void 0,e??{})}return o._$AI(n),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const B=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=
|
|
19
|
+
*/const B=globalThis;let m=class extends T{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Jt(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return z}};var Et;m._$litElement$=!0,m.finalized=!0,(Et=B.litElementHydrateSupport)==null||Et.call(B,{LitElement:m});const at=B.litElementPolyfillSupport;at==null||at({LitElement:m});(B.litElementVersions??(B.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,11 +24,11 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Yt={attribute:!0,type:String,converter:J,reflect:!1,hasChanged:ut},Qt=(n=Yt,t,e)=>{const{kind:s,metadata:o}=e;let r=globalThis.litPropertyMetadata.get(o);if(r===void 0&&globalThis.litPropertyMetadata.set(o,r=new Map),s==="setter"&&((n=Object.create(n)).wrapped=!0),r.set(e.name,n),s==="accessor"){const{name:i}=e;return{set(c){const l=t.get.call(this);t.set.call(this,c),this.requestUpdate(i,l,n)},init(c){return c!==void 0&&this.C(i,void 0,n,c),c}}}if(s==="setter"){const{name:i}=e;return function(c){const l=this[i];t.call(this,c),this.requestUpdate(i,l,n)}}throw Error("Unsupported decorator location: "+s)};function a(n){return(t,e)=>typeof e=="object"?Qt(n,t,e):((s,o,r)=>{const i=o.hasOwnProperty(r);return o.constructor.createProperty(r,s),i?Object.getOwnPropertyDescriptor(o,r):void 0})(n,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function te(n){return a({...n,state:!0,attribute:!1})}const ee=$`
|
|
32
32
|
outline: 1px dashed var(--button-border-color);
|
|
33
33
|
outline-offset: 2px;
|
|
34
34
|
outline: dashed black;
|
|
@@ -40,45 +40,45 @@
|
|
|
40
40
|
* @license
|
|
41
41
|
* Copyright 2023 Google LLC
|
|
42
42
|
* SPDX-License-Identifier: Apache-2.0
|
|
43
|
-
*/const
|
|
43
|
+
*/const gt=Symbol("internals"),lt=Symbol("privateInternals");function ne(n){var t;class e extends n{get[(t=gt,t)](){return this[lt]||(this[lt]=this.attachInternals()),this[lt]}}return e}/**
|
|
44
44
|
* @license
|
|
45
45
|
* Copyright 2023 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: Apache-2.0
|
|
47
|
-
*/function
|
|
47
|
+
*/function oe(n){n.addInitializer(t=>{const e=t;e.addEventListener("click",async s=>{const{type:o,[gt]:r}=e,{form:i}=r;if(!(!i||o==="button")&&(await new Promise(c=>{setTimeout(c)}),!s.defaultPrevented)){if(o==="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()}})})}const se=`<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
|
+
`,re=`<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
|
+
`,ae=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
57
57
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
58
58
|
</svg>
|
|
59
|
-
`,
|
|
59
|
+
`,le=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
60
60
|
<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"/>
|
|
61
61
|
</svg>
|
|
62
|
-
`,
|
|
62
|
+
`,ce=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
63
63
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
64
64
|
</svg>
|
|
65
|
-
`,
|
|
65
|
+
`,he=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
66
66
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
67
67
|
</svg>
|
|
68
|
-
`,
|
|
68
|
+
`,de=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
69
69
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
70
70
|
</svg>
|
|
71
|
-
`,
|
|
71
|
+
`,pe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
72
72
|
<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.2834Z" fill="#3F2B2E"/>
|
|
73
73
|
</svg>
|
|
74
|
-
`,
|
|
74
|
+
`,ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
75
75
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
76
76
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
77
77
|
</svg>
|
|
78
|
-
`,
|
|
78
|
+
`,fe=`<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
|
+
`,ge=`<?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
|
+
`,ve=`<?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,22 +97,22 @@
|
|
|
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
|
+
`,be=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
101
101
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
102
102
|
</svg>
|
|
103
|
-
`,
|
|
103
|
+
`,et={wishlist:se,playerv:ie,chevronRight:re,chevronLeft:ae,icoPlus:ge,icoMinus:ve,"star-0":le,"star-25":ce,"star-50":he,"star-75":de,"star-100":pe,cross:ue,search:fe,arrowLeft:be};/**
|
|
104
104
|
* @license
|
|
105
105
|
* Copyright 2017 Google LLC
|
|
106
106
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
107
|
-
*/const
|
|
107
|
+
*/const ye={CHILD:2},me=n=>(...t)=>({_$litDirective$:n,values:t});class we{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,s){this._$Ct=t,this._$AM=e,this._$Ci=s}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}}/**
|
|
108
108
|
* @license
|
|
109
109
|
* Copyright 2017 Google LLC
|
|
110
110
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
111
|
-
*/class
|
|
111
|
+
*/class ct extends we{constructor(t){if(super(t),this.it=d,t.type!==ye.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===z)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}ct.directiveName="unsafeHTML",ct.resultType=1;/**
|
|
112
112
|
* @license
|
|
113
113
|
* Copyright 2017 Google LLC
|
|
114
114
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
115
|
-
*/class
|
|
115
|
+
*/class ht extends ct{}ht.directiveName="unsafeSVG",ht.resultType=2;const W=me(ht);var $e=Object.defineProperty,xe=Object.getOwnPropertyDescriptor,y=(n,t,e,s)=>{for(var o=s>1?void 0:s?xe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&$e(t,e,o),o};const _e=ne(m);let u=class extends _e{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="search",this.endIconModel="chevronRight",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target=""}get name(){return this.getAttribute("name")??""}set name(n){this.setAttribute("name",n)}get form(){return this[gt].form}handleClick(){if(this.panelTarget){const n=document.getElementById(this.panelTarget);n!=null&&n.openPanel&&typeof n.openPanel=="function"?n.openPanel():console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(n){const t=n==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`<span class="${n==="start"?"icon-start":"icon-end"}">${W(e)}</span>`}renderButton(){const n=this.text||this.textsecond;return h`
|
|
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`
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
`:h`<slot></slot>`}
|
|
136
136
|
${this.endIcon?this.renderIcon("end"):d}
|
|
137
137
|
</a>
|
|
138
|
-
`}};
|
|
138
|
+
`}};oe(u);u.formAssociated=!0;u.styles=$`
|
|
139
139
|
:host {
|
|
140
140
|
--button-border: transparent;
|
|
141
141
|
cursor: pointer;
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
}
|
|
248
248
|
|
|
249
249
|
.button:focus-visible {
|
|
250
|
-
${
|
|
250
|
+
${ee};
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
span.text + span.text::before {
|
|
@@ -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
|
|
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 Ae=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,nt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Se(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ae(t,e,o),o};let U=class extends m{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(n){(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),this.toggleStatus())}render(){const n=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
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
|
-
`;
|
|
359
|
+
`;nt([a({type:String,reflect:!0})],U.prototype,"status",2);nt([a({type:String,reflect:!0})],U.prototype,"ariaDescribedBy",2);nt([a({type:String,reflect:!0})],U.prototype,"label",2);U=nt([L("o-wishlist-button")],U);var Ee=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,k=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ce(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Ee(t,e,o),o};let w=class extends m{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1}updated(n){super.updated(n),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const n=et[this.icon]??"",t=`icon-${this.icon}`,e=n.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return h`
|
|
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
|
-
`;
|
|
573
|
+
`;k([a({type:String,reflect:!0})],w.prototype,"bgstyle",2);k([a({type:String,reflect:!0})],w.prototype,"size",2);k([a({type:String,reflect:!0})],w.prototype,"status",2);k([a({type:String,reflect:!0})],w.prototype,"type",2);k([a({type:String})],w.prototype,"strokewidth",2);k([a({type:String})],w.prototype,"icon",2);k([a({type:Boolean,reflect:!0})],w.prototype,"disabled",2);w=k([L("o-icon-button")],w);var Le=Object.defineProperty,ke=Object.getOwnPropertyDescriptor,H=(n,t,e,s)=>{for(var o=s>1?void 0:s?ke(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Le(t,e,o),o};let _=class extends m{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}render(){return h`
|
|
574
574
|
<a href="${this.href}" target="${this.target}">
|
|
575
575
|
${this.endIcon&&this.reverseEndIcon?h`
|
|
576
576
|
<o-icon-button
|
|
@@ -679,10 +679,10 @@
|
|
|
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,
|
|
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,Ie=Object.getOwnPropertyDescriptor,ot=(n,t,e,s)=>{for(var o=s>1?void 0:s?Ie(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Pe(t,e,o),o};let N=class extends m{constructor(){super(...arguments),this.rating=0}getStarKeys(){const n=[];for(let t=0;t<5;t++){const e=this.rating-t;let s;e>=1?s=100:e<=0?s=0:s=Math.round(e*100/25)*25,n.push(`star-${s}`)}return n}render(){const n=this.getStarKeys();return h`
|
|
683
683
|
<div class="rating">
|
|
684
684
|
<div class="stars">
|
|
685
|
-
${n.map(t=>h`<span class="star">${W(
|
|
685
|
+
${n.map(t=>h`<span class="star">${W(et[t]??"")}</span>`)}
|
|
686
686
|
</div>
|
|
687
687
|
${this.reviewCount!=null&&this.href!=null?h`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
688
688
|
</div>
|
|
@@ -719,7 +719,7 @@
|
|
|
719
719
|
text-decoration: underline;
|
|
720
720
|
cursor: pointer;
|
|
721
721
|
}
|
|
722
|
-
`;
|
|
722
|
+
`;ot([a({type:Number})],N.prototype,"rating",2);ot([a({type:String})],N.prototype,"reviewCount",2);ot([a({type:String})],N.prototype,"href",2);N=ot([L("o-rating")],N);var Be=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var o=s>1?void 0:s?Oe(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Be(t,e,o),o};let g=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],s=t[t.length-1];n.shiftKey&&document.activeElement===e?(n.preventDefault(),s.focus()):!n.shiftKey&&document.activeElement===s&&(n.preventDefault(),e.focus())}getFocusableElements(){const n=this.renderRoot.querySelector(".panel");return n?Array.from(n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(t=>!t.hasAttribute("disabled")):[]}openPanel(){this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{const n=this.getFocusableElements()[0];n==null||n.focus()})}closePanel(){var n;this.open=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),(n=this.previousFocusedElement)==null||n.focus(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(){typeof this.onFirstButtonClick=="function"&&this.onFirstButtonClick(),this.closePanel()}handleSecondaryClick(){typeof this.onSecondaryButtonClick=="function"&&this.onSecondaryButtonClick(),this.closePanel()}updated(){this.style.setProperty("--z-overlay",`${this.zIndex}`),this.style.setProperty("--z-panel",`${this.zIndex+1}`)}render(){return 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
|
+
`}};g.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})],g.prototype,"open",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],g.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],g.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],g.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"firstButtonVariant",2);b([a({type:Function})],g.prototype,"onFirstButtonClick",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonLabel",2);b([a({type:String,reflect:!0})],g.prototype,"secondaryButtonVariant",2);b([a({type:Function})],g.prototype,"onSecondaryButtonClick",2);b([a({type:Boolean,reflect:!0})],g.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],g.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],g.prototype,"initialized",2);g=b([L("o-side-panel")],g);var ze=Object.defineProperty,He=Object.getOwnPropertyDescriptor,M=(n,t,e,s)=>{for(var o=s>1?void 0:s?He(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&ze(t,e,o),o};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,20 +915,20 @@
|
|
|
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),
|
|
918
|
+
${this.thumbnails.map((n,t)=>{const e=this.disabledIndexes.includes(t),s=this.activeIndex===t,o=n.type==="video";return h`
|
|
919
919
|
<div class="thumb-wrapper">
|
|
920
920
|
<button
|
|
921
921
|
class="thumb"
|
|
922
922
|
data-index="${t}"
|
|
923
923
|
?disabled=${e}
|
|
924
|
-
aria-selected=${
|
|
924
|
+
aria-selected=${s}
|
|
925
925
|
tabindex="${this.focusedIndex===t?0:-1}"
|
|
926
926
|
@click=${()=>this.selectThumbnail(t)}
|
|
927
927
|
@keydown=${this.handleKeyDown}
|
|
928
928
|
>
|
|
929
929
|
<img src="${n.src}" />
|
|
930
930
|
</button>
|
|
931
|
-
${
|
|
931
|
+
${o?h`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
932
932
|
</div>
|
|
933
933
|
`})}
|
|
934
934
|
</div>
|
|
@@ -1035,26 +1035,53 @@
|
|
|
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([
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
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([te()],A.prototype,"focusedIndex",2);A=M([L("thumbnail-navigation")],A);var Me=Object.defineProperty,Te=Object.getOwnPropertyDescriptor,Bt=(n,t,e,s)=>{for(var o=s>1?void 0:s?Te(t,e):t,r=n.length-1,i;r>=0;r--)(i=n[r])&&(o=(s?i(t,e,o):i(o))||o);return s&&o&&Me(t,e,o),o};let Q=class extends m{constructor(){super(...arguments),this.type="default"}render(){return h`
|
|
1039
|
+
<span class="tag"><slot></slot></span>
|
|
1040
|
+
`}};Q.styles=$`
|
|
1041
|
+
.tag {
|
|
1042
|
+
display: inline-block;
|
|
1043
|
+
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
1044
|
+
background-color: var(--color-container-white);
|
|
1045
|
+
color: var(--color-content-action-secondary);
|
|
1046
|
+
font-size: var(--font-size-100);
|
|
1047
|
+
font-weight: var(--font-weight-400);
|
|
1048
|
+
line-height: var(--line-height-160);
|
|
1049
|
+
border-radius: var(--radius-s);
|
|
1050
|
+
font-family: var(--font-family-loccitane-sans);
|
|
1051
|
+
letter-spacing: var(--letter-spacing-400);
|
|
1052
|
+
position: relative;
|
|
1052
1053
|
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1054
|
+
@media (max-width: 375px) {
|
|
1055
|
+
overflow: hidden;
|
|
1056
|
+
white-space: nowrap;
|
|
1057
|
+
text-overflow: ellipsis;
|
|
1058
|
+
max-width: 19ch;
|
|
1059
|
+
}
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
:host([type$="stock"]) .tag {
|
|
1063
|
+
padding-left: var(--spacing-2-xl);
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1066
|
+
:host([type$="stock"]) .tag::before {
|
|
1067
|
+
content: "";
|
|
1068
|
+
position: absolute;
|
|
1069
|
+
display: inline-block;
|
|
1070
|
+
top: 50%;
|
|
1071
|
+
left: var(--spacing-s);
|
|
1072
|
+
transform: translateY(-50%);
|
|
1073
|
+
background-color: var(--color-content-error);
|
|
1074
|
+
border-radius: 50%;
|
|
1075
|
+
width: 6px;
|
|
1076
|
+
height: 6px;
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1079
|
+
:host([type="lowstock"]) .tag::before {
|
|
1080
|
+
background-color: var(--color-content-disabled);
|
|
1081
|
+
}
|
|
1082
|
+
|
|
1083
|
+
:host([type="instock"]) .tag::before {
|
|
1084
|
+
background-color: var(--color-content-success);
|
|
1085
|
+
}
|
|
1086
|
+
|
|
1087
|
+
`;Bt([a({type:String,reflect:!0})],Q.prototype,"type",2);Q=Bt([L("o-tag")],Q);
|