@florid-kit/components 0.10.0 → 0.10.3
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/mediumtile.d.ts +1 -1
- package/components/popin.d.ts +1 -0
- package/index.js +45 -31
- package/index.mjs +127 -107
- package/package.json +1 -1
package/components/popin.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const gt=globalThis,Bt=gt.trustedTypes,pe=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,we="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,$e="?"+Y,He=`<${$e}>`,st=document,yt=()=>st.createComment(""),mt=o=>o===null||typeof o!="object"&&typeof o!="function",Wt=Array.isArray,Me=o=>Wt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Ht=`[
|
|
14
14
|
\f\r]`,ft=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ue=/-->/g,fe=/>/g,it=RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ve=/'/g,ge=/"/g,ke=/^(?:script|style|textarea|title)$/i,je=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=je(1),Q=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),be=new WeakMap,nt=st.createTreeWalker(st,129);function _e(o,t){if(!Wt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return pe!==void 0?pe.createHTML(t):t}const Fe=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=ft;for(let c=0;c<e;c++){const h=o[c];let x,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ve=/'/g,ge=/"/g,ke=/^(?:script|style|textarea|title)$/i,je=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=je(1),Q=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),be=new WeakMap,nt=st.createTreeWalker(st,129);function _e(o,t){if(!Wt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return pe!==void 0?pe.createHTML(t):t}const Fe=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=ft;for(let c=0;c<e;c++){const h=o[c];let x,_,v=-1,q=0;for(;q<h.length&&(s.lastIndex=q,_=s.exec(h),_!==null);)q=s.lastIndex,s===ft?_[1]==="!--"?s=ue:_[1]!==void 0?s=fe:_[2]!==void 0?(ke.test(_[2])&&(i=RegExp("</"+_[2],"g")),s=it):_[3]!==void 0&&(s=it):s===it?_[0]===">"?(s=i??ft,v=-1):_[1]===void 0?v=-2:(v=s.lastIndex-_[2].length,x=_[1],s=_[3]===void 0?it:_[3]==='"'?ge:ve):s===ge||s===ve?s=it:s===ue||s===fe?s=ft:(s=it,i=void 0);const X=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===ft?h+He:v>=0?(n.push(x),h.slice(0,v)+we+h.slice(v)+Y+X):h+Y+(v===-2?c:X)}return[_e(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class xt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[x,_]=Fe(t,e);if(this.el=xt.createElement(x,n),nt.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(we)){const q=_[s++],X=i.getAttribute(v).split(Y),At=/([.?@])?(.*)/.exec(q);h.push({type:1,index:r,name:At[2],strings:X,ctor:At[1]==="."?Ue:At[1]==="?"?Ne:At[1]==="@"?Ve:Ot}),i.removeAttribute(v)}else v.startsWith(Y)&&(h.push({type:6,index:r}),i.removeAttribute(v));if(ke.test(i.tagName)){const v=i.textContent.split(Y),q=v.length-1;if(q>0){i.textContent=Bt?Bt.emptyScript:"";for(let X=0;X<q;X++)i.append(v[X],yt()),nt.nextNode(),h.push({type:2,index:++r});i.append(v[q],yt())}}}else if(i.nodeType===8)if(i.data===$e)h.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(Y,v+1))!==-1;)h.push({type:7,index:r}),v+=Y.length-1}r++}}static createElement(t,e){const n=st.createElement("template");return n.innerHTML=t,n}}function ht(o,t,e=o,n){var s,c;if(t===Q)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=mt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=ht(o,i._$AS(o,t.values),i,n)),t}class Re{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:n}=this._$AD,i=((t==null?void 0:t.creationScope)??st).importNode(e,!0);nt.currentNode=i;let r=nt.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let x;h.type===2?x=new Et(r,r.nextSibling,this,t):h.type===1?x=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(x=new qe(r,this,t)),this._$AV.push(x),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=nt.nextNode(),s++)}return nt.currentNode=st,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class Et{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ht(this,t,e),mt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==Q&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Me(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&&mt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=xt.createElement(_e(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Re(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=be.get(t.strings);return e===void 0&&be.set(t.strings,e=new xt(t)),e}k(t){Wt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new Et(this.O(yt()),this.O(yt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Ot{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=ht(this,t,e,0),s=!mt(t)||t!==this._$AH&&t!==Q,s&&(this._$AH=t);else{const c=t;let h,x;for(t=r[0],h=0;h<r.length-1;h++)x=ht(this,c[n+h],e,h),x===Q&&(x=this._$AH[h]),s||(s=!mt(x)||x!==this._$AH[h]),x===d?t=d:t!==d&&(t+=(x??"")+r[h+1]),this._$AH[h]=x}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ue extends Ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ne extends Ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ve extends Ot{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=ht(this,t,e,0)??d)===Q)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),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 qe{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){ht(this,t)}}const Mt=gt.litHtmlPolyfillSupport;Mt==null||Mt(xt,Et),(gt.litHtmlVersions??(gt.litHtmlVersions=[])).push("3.3.0");const Ze=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new Et(t.insertBefore(yt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -693,7 +693,7 @@
|
|
|
693
693
|
overflow: auto;
|
|
694
694
|
box-sizing: border-box;
|
|
695
695
|
}
|
|
696
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";u.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([g("o-side-panel")],u);var No=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor
|
|
696
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";u.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([g("o-side-panel")],u);var No=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?Vo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};const qo=Xt(p);let y=class extends qo{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Gt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof u&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),t.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(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=Z[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${C(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
697
697
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
698
698
|
${this.startIcon?this.renderIcon("start"):d}
|
|
699
699
|
${o?l`
|
|
@@ -922,7 +922,7 @@
|
|
|
922
922
|
transform: translateX(4px);
|
|
923
923
|
}
|
|
924
924
|
//End icon movment on hover
|
|
925
|
-
|
|
925
|
+
`;k([a()],y.prototype,"type",2);k([a()],y.prototype,"value",2);k([a({type:String,reflect:!0})],y.prototype,"variant",2);k([a({type:String})],y.prototype,"text",2);k([a({type:String})],y.prototype,"textsecond",2);k([a({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);k([a({type:Boolean,reflect:!0})],y.prototype,"disabled",2);k([a({type:String})],y.prototype,"startIconModel",2);k([a({type:String})],y.prototype,"endIconModel",2);k([a({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);k([a({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);k([a({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);k([a({type:String})],y.prototype,"href",2);k([a({type:String})],y.prototype,"target",2);k([a({type:Boolean,reflect:!0})],y.prototype,"underlined",2);k([a({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);y=k([g("o-button")],y);var Zo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Zo(t,e,i),i};let dt=class extends p{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("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=Z.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
926
926
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
927
927
|
<span class="sr-only">${this.label}</span>
|
|
928
928
|
${C(o)}
|
|
@@ -2386,7 +2386,7 @@
|
|
|
2386
2386
|
.fullpointer {
|
|
2387
2387
|
cursor: pointer;
|
|
2388
2388
|
}
|
|
2389
|
-
`;let
|
|
2389
|
+
`;let A=se;N([a({type:String})],A.prototype,"type");N([a({type:String})],A.prototype,"titleProduct");N([a({type:String})],A.prototype,"volume");N([a({type:String})],A.prototype,"perLiter");N([a({type:String})],A.prototype,"mainPrice");N([a({type:String})],A.prototype,"imageUrl");N([a({type:String})],A.prototype,"altImage");N([a({type:Boolean})],A.prototype,"fullwidth");N([a({type:String})],A.prototype,"tagText");N([a({type:Function})],A.prototype,"onClickTile");customElements.define("mini-tile",A);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,ne=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};let Ct=class extends p{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2390
2390
|
<span class="badge">
|
|
2391
2391
|
${this.text?this.text:l`<slot></slot>`}
|
|
2392
2392
|
</span>
|
|
@@ -2517,7 +2517,7 @@
|
|
|
2517
2517
|
.o-toast-icon {
|
|
2518
2518
|
height: 16px;
|
|
2519
2519
|
}
|
|
2520
|
-
`;T([a({type:String,reflect:!0})],S.prototype,"icon",2);T([a({type:String,reflect:!0})],S.prototype,"text",2);T([a({type:String,reflect:!0})],S.prototype,"verticalanchor",2);T([a({type:String,reflect:!0})],S.prototype,"horizontalanchor",2);T([a({type:Number,reflect:!0})],S.prototype,"verticaloffset",2);T([a({type:Number,reflect:!0})],S.prototype,"horizontaloffset",2);T([a({type:Number,reflect:!0})],S.prototype,"animationduration",2);T([a({type:String,reflect:!0})],S.prototype,"animationaxis",2);T([a({type:Boolean,reflect:!0})],S.prototype,"animated",2);T([a({type:Number,reflect:!0})],S.prototype,"lifeduration",2);T([a({type:Boolean,reflect:!0})],S.prototype,"multiline",2);S=T([g("o-toast")],S);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let Li=0,
|
|
2520
|
+
`;T([a({type:String,reflect:!0})],S.prototype,"icon",2);T([a({type:String,reflect:!0})],S.prototype,"text",2);T([a({type:String,reflect:!0})],S.prototype,"verticalanchor",2);T([a({type:String,reflect:!0})],S.prototype,"horizontalanchor",2);T([a({type:Number,reflect:!0})],S.prototype,"verticaloffset",2);T([a({type:Number,reflect:!0})],S.prototype,"horizontaloffset",2);T([a({type:Number,reflect:!0})],S.prototype,"animationduration",2);T([a({type:String,reflect:!0})],S.prototype,"animationaxis",2);T([a({type:Boolean,reflect:!0})],S.prototype,"animated",2);T([a({type:Number,reflect:!0})],S.prototype,"lifeduration",2);T([a({type:Boolean,reflect:!0})],S.prototype,"multiline",2);S=T([g("o-toast")],S);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let Li=0,L=class extends p{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Checkbox",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-checkbox-${++Li}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(o){this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.toggle())}render(){const o=C(Z.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=C(Z.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2521
2521
|
<input
|
|
2522
2522
|
type="checkbox"
|
|
2523
2523
|
id=${this.inputId}
|
|
@@ -2533,7 +2533,7 @@
|
|
|
2533
2533
|
</div>
|
|
2534
2534
|
|
|
2535
2535
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2536
|
-
`}};
|
|
2536
|
+
`}};L.styles=f`
|
|
2537
2537
|
:host {
|
|
2538
2538
|
display: inline-flex;
|
|
2539
2539
|
align-items: center;
|
|
@@ -2636,7 +2636,7 @@
|
|
|
2636
2636
|
svg path {
|
|
2637
2637
|
stroke: var(--color-border-white);
|
|
2638
2638
|
}
|
|
2639
|
-
`;M([a({type:Boolean,reflect:!0})],
|
|
2639
|
+
`;M([a({type:Boolean,reflect:!0})],L.prototype,"checked",2);M([a({type:Boolean,reflect:!0})],L.prototype,"indeterminate",2);M([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);M([a({type:String,reflect:!0})],L.prototype,"size",2);M([a({type:Boolean})],L.prototype,"showLabel",2);M([a({type:String})],L.prototype,"label",2);M([a({type:String})],L.prototype,"name",2);M([a({type:String})],L.prototype,"value",2);M([a({type:String,reflect:!0})],L.prototype,"inputId",2);M([Ce("input")],L.prototype,"inputEl",2);L=M([g("o-checkbox")],L);var Pi=Object.defineProperty,Bi=Object.getOwnPropertyDescriptor,V=(o,t,e,n)=>{for(var i=n>1?void 0:n?Bi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Pi(t,e,i),i};let zi=0,D=class extends p{constructor(){super(),this.checked=!1,this.disabled=!1,this.size="S",this.showLabel=!0,this.label="Radio button",this.name="",this.value="on",this.inputId="",this.inputId||(this.inputId=`o-radio-${++zi}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(o){if(o.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2640
2640
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2641
2641
|
|
|
2642
2642
|
<div class="box" role="radio" tabindex=${this.disabled?-1:0} aria-checked=${String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.handleClick} @keydown=${this.handleKeyDown}>
|
|
@@ -2949,11 +2949,11 @@
|
|
|
2949
2949
|
d="m 1237.15,72.3984 c -3.61,1.5625 -7.64,0.6211 -10.76,-1.5898 -3.47,-2.4688 -6.01,-6.207 -8.42,-9.6484 l -2.61,-3.7305 c -3.58,-5.1094 -9.55,-13.6992 -12.29,-16.1094 -5.74,-5.1289 -9.34,-6.6094 -53,-6.6094 -33.15,0 -37.81,0.9883 -43.8,4.1602 -5.52,2.7891 -7.77,10.7773 -7.77,13.6484 0,3.3594 -0.2,14.711 -0.45,28.7422 -0.39,22.6093 -0.93,52.2383 -0.93,66.5083 v 2.082 c 61.53,-0.032 57.15,-0.524 65,-2.762 2.14,-0.75 4.31,-3.918 6.04,-9.07 0,0 1.62,-4.02 1.63,-4.032 1.32,-3.277 2.66,-6.867 5.45,-9.207 3.1,-2.609 8.34,-2.961 11.82,-0.832 2.53,1.551 4.41,4.86 5.34,7.641 1.18,3.469 1.06,7.031 0.47,10.601 -0.42,2.528 -1.65,14.649 -0.88,22.661 0.36,3.359 0.91,7.339 1.4,11.039 0.81,5.937 1.45,11.25 1.45,13.039 0,10.769 -6.83,13.64 -10.87,13.64 -7.45,0 -10.98,-7.148 -12.29,-9.8 -5.17,-10.34 -7.99,-12.258 -8.92,-12.77 -1.75,-1.09 -4.81,-1.93 -26.44,-1.93 h -39.2 v 107.52 c 0,4.422 0.17,7.101 0.34,8.738 15.96,0.774 76.93,0.524 87.71,-1.476 3.62,-0.602 9.08,-1.5 17.68,-21.911 1.36,-3.211 3.03,-6.711 5.7,-9.043 3,-2.609 7.9,-3.558 11.48,-1.648 3.15,1.672 4.77,5.262 5.42,8.621 0.48,2.52 0.57,5.379 0.02,7.899 -1.68,7.71 -2.32,17.339 -2.74,23.718 l -0.42,5.41 c -1.6,9.993 -5.84,15.063 -12.6,15.063 -1.95,0 -3.97,-0.121 -6.59,-0.27 -4.29,-0.261 -10.36,-0.652 -21.14,-0.652 -8.99,0 -29.44,-0.219 -50.5,-0.437 -22.25,-0.231 -45.19,-0.493 -55.89,-0.493 -7.8,0 -14.28,0.411 -20.23,0.77 -5.38,0.32 -10.33,0.621 -15.39,0.621 -8.85,0 -15.02,-4.461 -15.02,-10.859 0,-3.692 1.73,-10.231 13.17,-12.532 11.25,-2.488 15.05,-3.339 15.05,-28.168 0,-97.863 -0.47,-142.242 -2.32,-215.7808 -0.34,-15.5196 -5.21,-19.0821 -18.87,-21.3594 C 1027,30.8984 1016.62,29 1016.62,19.6719 c 0,-1.9727 0.81,-11.80081 16.89,-11.80081 1.95,0 6.58,0.3086 12.45,0.71875 9.5,0.67969 22.45,1.60156 31.94,1.60156 17.71,0 38.65,-0.41015 60.92,-0.83984 25.46,-0.49218 52.62,-1.01172 78.73,-1.01172 4,0 9.62,1.69926 13.67,9.76956 2.26,4.4687 4.54,12.8906 7.15,22.6094 1.18,4.4218 2.39,8.9531 3.55,12.8203 0.89,2.9804 1.73,5.9726 1.57,9.1211 -0.2,3.9804 -2.49,7.9804 -6.34,9.7382" /><path
|
|
2950
2950
|
id="path52"
|
|
2951
2951
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2952
|
-
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var Fi=Object.defineProperty,Ri=Object.getOwnPropertyDescriptor,
|
|
2952
|
+
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var Fi=Object.defineProperty,Ri=Object.getOwnPropertyDescriptor,E=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ri(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Fi(t,e,i),i};const ae=class ae extends p{constructor(){super(...arguments),this.ispagedesigner=!1,this._classPopin="",this.open=!1,this.background="",this.backgroundUrl="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.lockScroll=!0,this.variant="fullscreen",this.maxWidth="640px",this.showBackButton=!1,this.contrast=!1,this.iconSize="large",this._labelId=`title-${Math.random().toString(36).slice(2)}`,this._onBackdropClick=t=>{var n;if(!this.open||!this.closeOnBackdrop)return;const e=t.composedPath()[0];(n=e==null?void 0:e.classList)!=null&&n.contains("backdrop")&&this._requestClose("backdrop")}}get classPopin(){return this.ispagedesigner?"pagedesigner-popin "+this._classPopin:this._classPopin}set classPopin(t){this._classPopin=t}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),super.disconnectedCallback()}updated(t){if(t.has("background")||t.has("backgroundUrl")){let e="";this.background&&this.background.trim()?e=this.background.trim():this.backgroundUrl&&this.backgroundUrl.trim()&&(e=`url('${this.backgroundUrl.trim()}') center/cover no-repeat`),this.style.setProperty("--_bg",e)}if(t.has("open")&&this.lockScroll){const e=document==null?void 0:document.body;e&&(e.style.overflow=this.open?"hidden":""),this.open?this.updateComplete.then(()=>{var i;(i=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||i.focus(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_onBackClick(){this.dispatchEvent(new CustomEvent("back",{bubbles:!0,composed:!0}))}_requestClose(t){const e=new CustomEvent("request-close",{bubbles:!0,composed:!0,detail:{reason:t}});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}_renderCloseButton(){return customElements.get("o-icon-button")?l`
|
|
2953
2953
|
<o-icon-button
|
|
2954
2954
|
data-close-btn
|
|
2955
2955
|
icon="cross"
|
|
2956
|
-
size="
|
|
2956
|
+
size="${this.iconSize}"
|
|
2957
2957
|
bgstyle="none-${this.contrast?"contrast":"light"}"
|
|
2958
2958
|
status="empty"
|
|
2959
2959
|
type="button"
|
|
@@ -2966,7 +2966,7 @@
|
|
|
2966
2966
|
<div part="back">
|
|
2967
2967
|
<o-icon-button
|
|
2968
2968
|
icon="arrowLeft"
|
|
2969
|
-
size="
|
|
2969
|
+
size="${this.iconSize}"
|
|
2970
2970
|
status="empty"
|
|
2971
2971
|
class="return-btn"
|
|
2972
2972
|
bgstyle="none-${this.contrast?"contrast":"light"}"
|
|
@@ -3013,6 +3013,7 @@
|
|
|
3013
3013
|
--_bg-blur: var(--popin-backdrop-blur, 2px);
|
|
3014
3014
|
--_header-height: 64px;
|
|
3015
3015
|
--_max-width: var(--popin-max-width, 640px);
|
|
3016
|
+
--_logo-width: 176px;
|
|
3016
3017
|
}
|
|
3017
3018
|
:host([ispagedesigner]) {
|
|
3018
3019
|
position: relative;
|
|
@@ -3086,7 +3087,7 @@
|
|
|
3086
3087
|
|
|
3087
3088
|
.brand { display: inline-flex; align-items: center; gap: var(--spacing-s, 8px); }
|
|
3088
3089
|
::slotted([slot="logo"]) { display: inline-flex; height: 28px; line-height: 0; }
|
|
3089
|
-
[slot="logo"] svg, [slot="logo-contrast"] svg { width: 176px; height: auto; }
|
|
3090
|
+
[slot="logo"] svg, [slot="logo-contrast"] svg { width: var(--_logo-width, 176px); height: auto; }
|
|
3090
3091
|
[slot="logo"] svg path { fill: #fff !important; }
|
|
3091
3092
|
|
|
3092
3093
|
[part="close"] { position: absolute; top: 16px; right: 36px; }
|
|
@@ -3110,7 +3111,7 @@
|
|
|
3110
3111
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3111
3112
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3112
3113
|
}
|
|
3113
|
-
`;let
|
|
3114
|
+
`;let $=ae;E([a({type:Boolean,reflect:!0})],$.prototype,"ispagedesigner",2);E([a({type:String,reflect:!0})],$.prototype,"classPopin",1);E([a({type:Boolean,reflect:!0})],$.prototype,"open",2);E([a({type:String,reflect:!0})],$.prototype,"background",2);E([a({type:String,attribute:"background-url",reflect:!0})],$.prototype,"backgroundUrl",2);E([a({type:Boolean,attribute:"close-on-esc"})],$.prototype,"closeOnEsc",2);E([a({type:Boolean,attribute:"close-on-backdrop"})],$.prototype,"closeOnBackdrop",2);E([a({type:Boolean,attribute:"lock-scroll"})],$.prototype,"lockScroll",2);E([a({type:String,reflect:!0})],$.prototype,"variant",2);E([a({type:String,attribute:"max-width"})],$.prototype,"maxWidth",2);E([a({type:Boolean,reflect:!0})],$.prototype,"showBackButton",2);E([a({type:Boolean,reflect:!0})],$.prototype,"contrast",2);E([a({type:String,reflect:!0})],$.prototype,"iconSize",2);E([et()],$.prototype,"_labelId",2);customElements.define("o-popin",$);var Ui=Object.defineProperty,Ni=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ni(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ui(t,e,i),i};let m=class extends p{constructor(){super(...arguments),this.type="cart | notifyme",this.titleProduct="",this.descriptionProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.salesPercentage="",this.oldPrice="",this.imageUrl="https://placehold.co/112x140",this.outOfStock=!1,this.altImage="",this.fullwidth=!1,this.current=!1,this.hideIcon=!1,this.tagText=""}onClick(o){var e,n,i;const t=o.target;(e=t==null?void 0:t.classList)!=null&&e.contains("add-to-bag")||(n=t==null?void 0:t.classList)!=null&&n.contains("js-availability-notify-details-routine")||((i=this.onClickTile)==null||i.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var o;(o=this.onClickIcon)==null||o.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.hideIcon?"":l`
|
|
3114
3115
|
<o-icon-button
|
|
3115
3116
|
@click=${this.onClickIcons}
|
|
3116
3117
|
icon=${this.type==="notifyme"?"notifyme":"cart"}
|
|
@@ -3121,7 +3122,7 @@
|
|
|
3121
3122
|
strokewidth="0"
|
|
3122
3123
|
class=${this.type==="notifyme"?"js-availability-notify-details-routine":"add-to-bag"}
|
|
3123
3124
|
></o-icon-button>
|
|
3124
|
-
|
|
3125
|
+
`}render(){return l`
|
|
3125
3126
|
<button type="button"
|
|
3126
3127
|
class="tile fullpointer ${this.fullwidth?"fullwidth":""} ${this.current?"current":""}" @click=${this.onClick}>
|
|
3127
3128
|
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
@@ -3135,7 +3136,7 @@
|
|
|
3135
3136
|
${this.descriptionProduct?l`<div class="description">${this.descriptionProduct}</div>`:""}
|
|
3136
3137
|
${this.salesPercentage&&this.oldPrice?l`<div class="discount-info"><o-tag bgstyle="background-emphasis">${this.salesPercentage}</o-tag> <span class="old-price">${this.oldPrice}</span></div>`:""}
|
|
3137
3138
|
<div class="details">
|
|
3138
|
-
<div>
|
|
3139
|
+
<div class="price-info">
|
|
3139
3140
|
${this.mainPrice?l`<span class="main-price">${this.mainPrice}</span>`:""}
|
|
3140
3141
|
${this.perLiter?l`<span class="per-liter">${this.perLiter}</span>`:""}
|
|
3141
3142
|
</div>
|
|
@@ -3198,19 +3199,20 @@
|
|
|
3198
3199
|
justify-content: space-between;
|
|
3199
3200
|
row-gap: var(--spacing-s);
|
|
3200
3201
|
min-height: 140px;
|
|
3202
|
+
}
|
|
3201
3203
|
|
|
3202
|
-
|
|
3204
|
+
.info:has(o-tag),.info:has(.discount-info) {
|
|
3203
3205
|
justify-content: flex-start;
|
|
3204
3206
|
}
|
|
3205
|
-
}
|
|
3206
3207
|
|
|
3207
3208
|
.info .title {
|
|
3209
|
+
|
|
3210
|
+
color: var(--color-content-body, #3F2B2E);
|
|
3208
3211
|
font-family: var(--font-family-loccitane-serif);
|
|
3209
|
-
font-size: var(--font-size-
|
|
3210
|
-
font-weight: var(--font-weight-400);
|
|
3211
|
-
|
|
3212
|
-
|
|
3213
|
-
letter-spacing: var(--letter-spacing-100);
|
|
3212
|
+
font-size: var(--font-size-200, 16px);
|
|
3213
|
+
font-weight: var(--font-weight-400, 400);
|
|
3214
|
+
line-height: var(--line-height-200, 20px);
|
|
3215
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
3214
3216
|
text-align: left;
|
|
3215
3217
|
}
|
|
3216
3218
|
|
|
@@ -3275,21 +3277,33 @@
|
|
|
3275
3277
|
}
|
|
3276
3278
|
|
|
3277
3279
|
.main-price {
|
|
3278
|
-
|
|
3279
|
-
|
|
3280
|
-
|
|
3281
|
-
|
|
3282
|
-
|
|
3280
|
+
color: var(--color-content-body, #3F2B2E);
|
|
3281
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3282
|
+
font-size: var(--font-size-150, 14px);
|
|
3283
|
+
font-style: normal;
|
|
3284
|
+
font-weight: var(--font-weight-400, 400);
|
|
3285
|
+
line-height: var(--line-height-200, 20px); /* 142.857% */
|
|
3286
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
3283
3287
|
}
|
|
3284
3288
|
|
|
3285
3289
|
.per-liter {
|
|
3286
|
-
|
|
3287
|
-
|
|
3288
|
-
|
|
3289
|
-
|
|
3290
|
+
color: var(--color-content-description, #7E7173);
|
|
3291
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3292
|
+
font-size: var(--font-size-100, 12px);
|
|
3293
|
+
font-style: normal;
|
|
3294
|
+
font-weight: var(--font-weight-400, 400);
|
|
3295
|
+
line-height: var(--line-height-160, 16px);
|
|
3296
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
3297
|
+
}
|
|
3298
|
+
|
|
3299
|
+
.price-info {
|
|
3300
|
+
display: flex;
|
|
3301
|
+
column-gap: var(--spacing-xs);
|
|
3302
|
+
align-items: center;
|
|
3303
|
+
height: 32px;
|
|
3290
3304
|
}
|
|
3291
3305
|
|
|
3292
3306
|
.fullpointer {
|
|
3293
3307
|
cursor: pointer;
|
|
3294
3308
|
}
|
|
3295
|
-
`;w([a({type:String})],m.prototype,"type",2);w([a({type:String})],m.prototype,"titleProduct",2);w([a({type:String})],m.prototype,"descriptionProduct",2);w([a({type:String})],m.prototype,"volume",2);w([a({type:String})],m.prototype,"perLiter",2);w([a({type:String})],m.prototype,"mainPrice",2);w([a({type:String})],m.prototype,"salesPercentage",2);w([a({type:String})],m.prototype,"oldPrice",2);w([a({type:String})],m.prototype,"imageUrl",2);w([a({type:Boolean})],m.prototype,"outOfStock",2);w([a({type:String})],m.prototype,"altImage",2);w([a({type:Boolean})],m.prototype,"fullwidth",2);w([a({type:Boolean})],m.prototype,"current",2);w([a({type:Boolean})],m.prototype,"
|
|
3309
|
+
`;w([a({type:String})],m.prototype,"type",2);w([a({type:String})],m.prototype,"titleProduct",2);w([a({type:String})],m.prototype,"descriptionProduct",2);w([a({type:String})],m.prototype,"volume",2);w([a({type:String})],m.prototype,"perLiter",2);w([a({type:String})],m.prototype,"mainPrice",2);w([a({type:String})],m.prototype,"salesPercentage",2);w([a({type:String})],m.prototype,"oldPrice",2);w([a({type:String})],m.prototype,"imageUrl",2);w([a({type:Boolean})],m.prototype,"outOfStock",2);w([a({type:String})],m.prototype,"altImage",2);w([a({type:Boolean})],m.prototype,"fullwidth",2);w([a({type:Boolean})],m.prototype,"current",2);w([a({type:Boolean})],m.prototype,"hideIcon",2);w([a({type:String})],m.prototype,"tagText",2);w([a({attribute:!1})],m.prototype,"onClickTile",2);w([a({attribute:!1})],m.prototype,"onClickIcon",2);m=w([g("o-medium-tile")],m);
|
package/index.mjs
CHANGED
|
@@ -294,8 +294,8 @@ const Fe = (o, t) => {
|
|
|
294
294
|
let i, r = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", s = ft;
|
|
295
295
|
for (let c = 0; c < e; c++) {
|
|
296
296
|
const h = o[c];
|
|
297
|
-
let x,
|
|
298
|
-
for (; q < h.length && (s.lastIndex = q,
|
|
297
|
+
let x, _, v = -1, q = 0;
|
|
298
|
+
for (; q < h.length && (s.lastIndex = q, _ = s.exec(h), _ !== null); ) q = s.lastIndex, s === ft ? _[1] === "!--" ? s = ue : _[1] !== void 0 ? s = fe : _[2] !== void 0 ? (ke.test(_[2]) && (i = RegExp("</" + _[2], "g")), s = it) : _[3] !== void 0 && (s = it) : s === it ? _[0] === ">" ? (s = i ?? ft, v = -1) : _[1] === void 0 ? v = -2 : (v = s.lastIndex - _[2].length, x = _[1], s = _[3] === void 0 ? it : _[3] === '"' ? ge : ve) : s === ge || s === ve ? s = it : s === ue || s === fe ? s = ft : (s = it, i = void 0);
|
|
299
299
|
const X = s === it && o[c + 1].startsWith("/>") ? " " : "";
|
|
300
300
|
r += s === ft ? h + He : v >= 0 ? (n.push(x), h.slice(0, v) + we + h.slice(v) + Y + X) : h + Y + (v === -2 ? c : X);
|
|
301
301
|
}
|
|
@@ -306,7 +306,7 @@ class xt {
|
|
|
306
306
|
let i;
|
|
307
307
|
this.parts = [];
|
|
308
308
|
let r = 0, s = 0;
|
|
309
|
-
const c = t.length - 1, h = this.parts, [x,
|
|
309
|
+
const c = t.length - 1, h = this.parts, [x, _] = Fe(t, e);
|
|
310
310
|
if (this.el = xt.createElement(x, n), nt.currentNode = this.el.content, e === 2 || e === 3) {
|
|
311
311
|
const v = this.el.content.firstChild;
|
|
312
312
|
v.replaceWith(...v.childNodes);
|
|
@@ -314,7 +314,7 @@ class xt {
|
|
|
314
314
|
for (; (i = nt.nextNode()) !== null && h.length < c; ) {
|
|
315
315
|
if (i.nodeType === 1) {
|
|
316
316
|
if (i.hasAttributes()) for (const v of i.getAttributeNames()) if (v.endsWith(we)) {
|
|
317
|
-
const q =
|
|
317
|
+
const q = _[s++], X = i.getAttribute(v).split(Y), At = /([.?@])?(.*)/.exec(q);
|
|
318
318
|
h.push({ type: 1, index: r, name: At[2], strings: X, ctor: At[1] === "." ? Ue : At[1] === "?" ? Ne : At[1] === "@" ? Ve : Ot }), i.removeAttribute(v);
|
|
319
319
|
} else v.startsWith(Y) && (h.push({ type: 6, index: r }), i.removeAttribute(v));
|
|
320
320
|
if (ke.test(i.tagName)) {
|
|
@@ -1878,7 +1878,7 @@ b([
|
|
|
1878
1878
|
u = b([
|
|
1879
1879
|
g("o-side-panel")
|
|
1880
1880
|
], u);
|
|
1881
|
-
var No = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor,
|
|
1881
|
+
var No = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, k = (o, t, e, n) => {
|
|
1882
1882
|
for (var i = n > 1 ? void 0 : n ? Vo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1883
1883
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1884
1884
|
return n && i && No(t, e, i), i;
|
|
@@ -2156,55 +2156,55 @@ y.styles = f`
|
|
|
2156
2156
|
}
|
|
2157
2157
|
//End icon movment on hover
|
|
2158
2158
|
`;
|
|
2159
|
-
|
|
2159
|
+
k([
|
|
2160
2160
|
a()
|
|
2161
2161
|
], y.prototype, "type", 2);
|
|
2162
|
-
|
|
2162
|
+
k([
|
|
2163
2163
|
a()
|
|
2164
2164
|
], y.prototype, "value", 2);
|
|
2165
|
-
|
|
2165
|
+
k([
|
|
2166
2166
|
a({ type: String, reflect: !0 })
|
|
2167
2167
|
], y.prototype, "variant", 2);
|
|
2168
|
-
|
|
2168
|
+
k([
|
|
2169
2169
|
a({ type: String })
|
|
2170
2170
|
], y.prototype, "text", 2);
|
|
2171
|
-
|
|
2171
|
+
k([
|
|
2172
2172
|
a({ type: String })
|
|
2173
2173
|
], y.prototype, "textsecond", 2);
|
|
2174
|
-
|
|
2174
|
+
k([
|
|
2175
2175
|
a({ type: Boolean, reflect: !0 })
|
|
2176
2176
|
], y.prototype, "fullwidth", 2);
|
|
2177
|
-
|
|
2177
|
+
k([
|
|
2178
2178
|
a({ type: Boolean, reflect: !0 })
|
|
2179
2179
|
], y.prototype, "disabled", 2);
|
|
2180
|
-
|
|
2180
|
+
k([
|
|
2181
2181
|
a({ type: String })
|
|
2182
2182
|
], y.prototype, "startIconModel", 2);
|
|
2183
|
-
|
|
2183
|
+
k([
|
|
2184
2184
|
a({ type: String })
|
|
2185
2185
|
], y.prototype, "endIconModel", 2);
|
|
2186
|
-
|
|
2186
|
+
k([
|
|
2187
2187
|
a({ type: Boolean, reflect: !0, attribute: "starticon" })
|
|
2188
2188
|
], y.prototype, "startIcon", 2);
|
|
2189
|
-
|
|
2189
|
+
k([
|
|
2190
2190
|
a({ type: Boolean, reflect: !0, attribute: "endicon" })
|
|
2191
2191
|
], y.prototype, "endIcon", 2);
|
|
2192
|
-
|
|
2192
|
+
k([
|
|
2193
2193
|
a({ type: String, attribute: "paneltarget" })
|
|
2194
2194
|
], y.prototype, "panelTarget", 2);
|
|
2195
|
-
|
|
2195
|
+
k([
|
|
2196
2196
|
a({ type: String })
|
|
2197
2197
|
], y.prototype, "href", 2);
|
|
2198
|
-
|
|
2198
|
+
k([
|
|
2199
2199
|
a({ type: String })
|
|
2200
2200
|
], y.prototype, "target", 2);
|
|
2201
|
-
|
|
2201
|
+
k([
|
|
2202
2202
|
a({ type: Boolean, reflect: !0 })
|
|
2203
2203
|
], y.prototype, "underlined", 2);
|
|
2204
|
-
|
|
2204
|
+
k([
|
|
2205
2205
|
a({ type: Boolean, reflect: !0 })
|
|
2206
2206
|
], y.prototype, "withbadge", 2);
|
|
2207
|
-
y =
|
|
2207
|
+
y = k([
|
|
2208
2208
|
g("o-button")
|
|
2209
2209
|
], y);
|
|
2210
2210
|
var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, It = (o, t, e, n) => {
|
|
@@ -4398,38 +4398,38 @@ se.styles = f`
|
|
|
4398
4398
|
cursor: pointer;
|
|
4399
4399
|
}
|
|
4400
4400
|
`;
|
|
4401
|
-
let
|
|
4401
|
+
let A = se;
|
|
4402
4402
|
N([
|
|
4403
4403
|
a({ type: String })
|
|
4404
|
-
],
|
|
4404
|
+
], A.prototype, "type");
|
|
4405
4405
|
N([
|
|
4406
4406
|
a({ type: String })
|
|
4407
|
-
],
|
|
4407
|
+
], A.prototype, "titleProduct");
|
|
4408
4408
|
N([
|
|
4409
4409
|
a({ type: String })
|
|
4410
|
-
],
|
|
4410
|
+
], A.prototype, "volume");
|
|
4411
4411
|
N([
|
|
4412
4412
|
a({ type: String })
|
|
4413
|
-
],
|
|
4413
|
+
], A.prototype, "perLiter");
|
|
4414
4414
|
N([
|
|
4415
4415
|
a({ type: String })
|
|
4416
|
-
],
|
|
4416
|
+
], A.prototype, "mainPrice");
|
|
4417
4417
|
N([
|
|
4418
4418
|
a({ type: String })
|
|
4419
|
-
],
|
|
4419
|
+
], A.prototype, "imageUrl");
|
|
4420
4420
|
N([
|
|
4421
4421
|
a({ type: String })
|
|
4422
|
-
],
|
|
4422
|
+
], A.prototype, "altImage");
|
|
4423
4423
|
N([
|
|
4424
4424
|
a({ type: Boolean })
|
|
4425
|
-
],
|
|
4425
|
+
], A.prototype, "fullwidth");
|
|
4426
4426
|
N([
|
|
4427
4427
|
a({ type: String })
|
|
4428
|
-
],
|
|
4428
|
+
], A.prototype, "tagText");
|
|
4429
4429
|
N([
|
|
4430
4430
|
a({ type: Function })
|
|
4431
|
-
],
|
|
4432
|
-
customElements.define("mini-tile",
|
|
4431
|
+
], A.prototype, "onClickTile");
|
|
4432
|
+
customElements.define("mini-tile", A);
|
|
4433
4433
|
var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, ne = (o, t, e, n) => {
|
|
4434
4434
|
for (var i = n > 1 ? void 0 : n ? _i(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4435
4435
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
@@ -4679,7 +4679,7 @@ var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, M = (o, t,
|
|
|
4679
4679
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4680
4680
|
return n && i && Ei(t, e, i), i;
|
|
4681
4681
|
};
|
|
4682
|
-
let Li = 0,
|
|
4682
|
+
let Li = 0, L = class extends p {
|
|
4683
4683
|
constructor() {
|
|
4684
4684
|
super(), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.size = "S", this.showLabel = !0, this.label = "Checkbox", this.name = "", this.value = "on", this.inputId = "", this.inputId || (this.inputId = `o-checkbox-${++Li}`);
|
|
4685
4685
|
}
|
|
@@ -4719,7 +4719,7 @@ let Li = 0, A = class extends p {
|
|
|
4719
4719
|
`;
|
|
4720
4720
|
}
|
|
4721
4721
|
};
|
|
4722
|
-
|
|
4722
|
+
L.styles = f`
|
|
4723
4723
|
:host {
|
|
4724
4724
|
display: inline-flex;
|
|
4725
4725
|
align-items: center;
|
|
@@ -4825,37 +4825,37 @@ A.styles = f`
|
|
|
4825
4825
|
`;
|
|
4826
4826
|
M([
|
|
4827
4827
|
a({ type: Boolean, reflect: !0 })
|
|
4828
|
-
],
|
|
4828
|
+
], L.prototype, "checked", 2);
|
|
4829
4829
|
M([
|
|
4830
4830
|
a({ type: Boolean, reflect: !0 })
|
|
4831
|
-
],
|
|
4831
|
+
], L.prototype, "indeterminate", 2);
|
|
4832
4832
|
M([
|
|
4833
4833
|
a({ type: Boolean, reflect: !0 })
|
|
4834
|
-
],
|
|
4834
|
+
], L.prototype, "disabled", 2);
|
|
4835
4835
|
M([
|
|
4836
4836
|
a({ type: String, reflect: !0 })
|
|
4837
|
-
],
|
|
4837
|
+
], L.prototype, "size", 2);
|
|
4838
4838
|
M([
|
|
4839
4839
|
a({ type: Boolean })
|
|
4840
|
-
],
|
|
4840
|
+
], L.prototype, "showLabel", 2);
|
|
4841
4841
|
M([
|
|
4842
4842
|
a({ type: String })
|
|
4843
|
-
],
|
|
4843
|
+
], L.prototype, "label", 2);
|
|
4844
4844
|
M([
|
|
4845
4845
|
a({ type: String })
|
|
4846
|
-
],
|
|
4846
|
+
], L.prototype, "name", 2);
|
|
4847
4847
|
M([
|
|
4848
4848
|
a({ type: String })
|
|
4849
|
-
],
|
|
4849
|
+
], L.prototype, "value", 2);
|
|
4850
4850
|
M([
|
|
4851
4851
|
a({ type: String, reflect: !0 })
|
|
4852
|
-
],
|
|
4852
|
+
], L.prototype, "inputId", 2);
|
|
4853
4853
|
M([
|
|
4854
4854
|
Ce("input")
|
|
4855
|
-
],
|
|
4856
|
-
|
|
4855
|
+
], L.prototype, "inputEl", 2);
|
|
4856
|
+
L = M([
|
|
4857
4857
|
g("o-checkbox")
|
|
4858
|
-
],
|
|
4858
|
+
], L);
|
|
4859
4859
|
var Pi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, V = (o, t, e, n) => {
|
|
4860
4860
|
for (var i = n > 1 ? void 0 : n ? Bi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4861
4861
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
@@ -5304,14 +5304,14 @@ const ji = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
|
5304
5304
|
id="path52"
|
|
5305
5305
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
5306
5306
|
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;
|
|
5307
|
-
var Fi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor,
|
|
5307
|
+
var Fi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, E = (o, t, e, n) => {
|
|
5308
5308
|
for (var i = n > 1 ? void 0 : n ? Ri(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5309
5309
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5310
5310
|
return n && i && Fi(t, e, i), i;
|
|
5311
5311
|
};
|
|
5312
5312
|
const ae = class ae extends p {
|
|
5313
5313
|
constructor() {
|
|
5314
|
-
super(...arguments), this.ispagedesigner = !1, this._classPopin = "", this.open = !1, this.background = "", this.backgroundUrl = "", this.closeOnEsc = !0, this.closeOnBackdrop = !0, this.lockScroll = !0, this.variant = "fullscreen", this.maxWidth = "640px", this.showBackButton = !1, this.contrast = !1, this._labelId = `title-${Math.random().toString(36).slice(2)}`, this._onBackdropClick = (t) => {
|
|
5314
|
+
super(...arguments), this.ispagedesigner = !1, this._classPopin = "", this.open = !1, this.background = "", this.backgroundUrl = "", this.closeOnEsc = !0, this.closeOnBackdrop = !0, this.lockScroll = !0, this.variant = "fullscreen", this.maxWidth = "640px", this.showBackButton = !1, this.contrast = !1, this.iconSize = "large", this._labelId = `title-${Math.random().toString(36).slice(2)}`, this._onBackdropClick = (t) => {
|
|
5315
5315
|
var n;
|
|
5316
5316
|
if (!this.open || !this.closeOnBackdrop) return;
|
|
5317
5317
|
const e = t.composedPath()[0];
|
|
@@ -5362,7 +5362,7 @@ const ae = class ae extends p {
|
|
|
5362
5362
|
<o-icon-button
|
|
5363
5363
|
data-close-btn
|
|
5364
5364
|
icon="cross"
|
|
5365
|
-
size="
|
|
5365
|
+
size="${this.iconSize}"
|
|
5366
5366
|
bgstyle="none-${this.contrast ? "contrast" : "light"}"
|
|
5367
5367
|
status="empty"
|
|
5368
5368
|
type="button"
|
|
@@ -5378,7 +5378,7 @@ const ae = class ae extends p {
|
|
|
5378
5378
|
<div part="back">
|
|
5379
5379
|
<o-icon-button
|
|
5380
5380
|
icon="arrowLeft"
|
|
5381
|
-
size="
|
|
5381
|
+
size="${this.iconSize}"
|
|
5382
5382
|
status="empty"
|
|
5383
5383
|
class="return-btn"
|
|
5384
5384
|
bgstyle="none-${this.contrast ? "contrast" : "light"}"
|
|
@@ -5431,6 +5431,7 @@ ae.styles = f`
|
|
|
5431
5431
|
--_bg-blur: var(--popin-backdrop-blur, 2px);
|
|
5432
5432
|
--_header-height: 64px;
|
|
5433
5433
|
--_max-width: var(--popin-max-width, 640px);
|
|
5434
|
+
--_logo-width: 176px;
|
|
5434
5435
|
}
|
|
5435
5436
|
:host([ispagedesigner]) {
|
|
5436
5437
|
position: relative;
|
|
@@ -5504,7 +5505,7 @@ ae.styles = f`
|
|
|
5504
5505
|
|
|
5505
5506
|
.brand { display: inline-flex; align-items: center; gap: var(--spacing-s, 8px); }
|
|
5506
5507
|
::slotted([slot="logo"]) { display: inline-flex; height: 28px; line-height: 0; }
|
|
5507
|
-
[slot="logo"] svg, [slot="logo-contrast"] svg { width: 176px; height: auto; }
|
|
5508
|
+
[slot="logo"] svg, [slot="logo-contrast"] svg { width: var(--_logo-width, 176px); height: auto; }
|
|
5508
5509
|
[slot="logo"] svg path { fill: #fff !important; }
|
|
5509
5510
|
|
|
5510
5511
|
[part="close"] { position: absolute; top: 16px; right: 36px; }
|
|
@@ -5529,47 +5530,50 @@ ae.styles = f`
|
|
|
5529
5530
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
5530
5531
|
}
|
|
5531
5532
|
`;
|
|
5532
|
-
let
|
|
5533
|
-
|
|
5533
|
+
let $ = ae;
|
|
5534
|
+
E([
|
|
5534
5535
|
a({ type: Boolean, reflect: !0 })
|
|
5535
|
-
],
|
|
5536
|
-
|
|
5536
|
+
], $.prototype, "ispagedesigner", 2);
|
|
5537
|
+
E([
|
|
5537
5538
|
a({ type: String, reflect: !0 })
|
|
5538
|
-
],
|
|
5539
|
-
|
|
5539
|
+
], $.prototype, "classPopin", 1);
|
|
5540
|
+
E([
|
|
5540
5541
|
a({ type: Boolean, reflect: !0 })
|
|
5541
|
-
],
|
|
5542
|
-
|
|
5542
|
+
], $.prototype, "open", 2);
|
|
5543
|
+
E([
|
|
5543
5544
|
a({ type: String, reflect: !0 })
|
|
5544
|
-
],
|
|
5545
|
-
|
|
5545
|
+
], $.prototype, "background", 2);
|
|
5546
|
+
E([
|
|
5546
5547
|
a({ type: String, attribute: "background-url", reflect: !0 })
|
|
5547
|
-
],
|
|
5548
|
-
|
|
5548
|
+
], $.prototype, "backgroundUrl", 2);
|
|
5549
|
+
E([
|
|
5549
5550
|
a({ type: Boolean, attribute: "close-on-esc" })
|
|
5550
|
-
],
|
|
5551
|
-
|
|
5551
|
+
], $.prototype, "closeOnEsc", 2);
|
|
5552
|
+
E([
|
|
5552
5553
|
a({ type: Boolean, attribute: "close-on-backdrop" })
|
|
5553
|
-
],
|
|
5554
|
-
|
|
5554
|
+
], $.prototype, "closeOnBackdrop", 2);
|
|
5555
|
+
E([
|
|
5555
5556
|
a({ type: Boolean, attribute: "lock-scroll" })
|
|
5556
|
-
],
|
|
5557
|
-
|
|
5557
|
+
], $.prototype, "lockScroll", 2);
|
|
5558
|
+
E([
|
|
5558
5559
|
a({ type: String, reflect: !0 })
|
|
5559
|
-
],
|
|
5560
|
-
|
|
5560
|
+
], $.prototype, "variant", 2);
|
|
5561
|
+
E([
|
|
5561
5562
|
a({ type: String, attribute: "max-width" })
|
|
5562
|
-
],
|
|
5563
|
-
|
|
5563
|
+
], $.prototype, "maxWidth", 2);
|
|
5564
|
+
E([
|
|
5564
5565
|
a({ type: Boolean, reflect: !0 })
|
|
5565
|
-
],
|
|
5566
|
-
|
|
5566
|
+
], $.prototype, "showBackButton", 2);
|
|
5567
|
+
E([
|
|
5567
5568
|
a({ type: Boolean, reflect: !0 })
|
|
5568
|
-
],
|
|
5569
|
-
|
|
5569
|
+
], $.prototype, "contrast", 2);
|
|
5570
|
+
E([
|
|
5571
|
+
a({ type: String, reflect: !0 })
|
|
5572
|
+
], $.prototype, "iconSize", 2);
|
|
5573
|
+
E([
|
|
5570
5574
|
et()
|
|
5571
|
-
],
|
|
5572
|
-
customElements.define("o-popin",
|
|
5575
|
+
], $.prototype, "_labelId", 2);
|
|
5576
|
+
customElements.define("o-popin", $);
|
|
5573
5577
|
var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, w = (o, t, e, n) => {
|
|
5574
5578
|
for (var i = n > 1 ? void 0 : n ? Ni(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5575
5579
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
@@ -5577,16 +5581,19 @@ var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, w = (o, t,
|
|
|
5577
5581
|
};
|
|
5578
5582
|
let m = class extends p {
|
|
5579
5583
|
constructor() {
|
|
5580
|
-
super(...arguments), this.type = "cart | notifyme", this.titleProduct = "", this.descriptionProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.salesPercentage = "", this.oldPrice = "", this.imageUrl = "https://placehold.co/112x140", this.outOfStock = !1, this.altImage = "", this.fullwidth = !1, this.current = !1, this.
|
|
5584
|
+
super(...arguments), this.type = "cart | notifyme", this.titleProduct = "", this.descriptionProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.salesPercentage = "", this.oldPrice = "", this.imageUrl = "https://placehold.co/112x140", this.outOfStock = !1, this.altImage = "", this.fullwidth = !1, this.current = !1, this.hideIcon = !1, this.tagText = "";
|
|
5581
5585
|
}
|
|
5582
|
-
onClick() {
|
|
5583
|
-
|
|
5586
|
+
onClick(o) {
|
|
5587
|
+
var e, n, i;
|
|
5588
|
+
const t = o.target;
|
|
5589
|
+
(e = t == null ? void 0 : t.classList) != null && e.contains("add-to-bag") || (n = t == null ? void 0 : t.classList) != null && n.contains("js-availability-notify-details-routine") || ((i = this.onClickTile) == null || i.call(this), this.dispatchEvent(new CustomEvent("tile-click", { bubbles: !0, composed: !0 })));
|
|
5584
5590
|
}
|
|
5585
5591
|
onClickIcons() {
|
|
5586
|
-
|
|
5592
|
+
var o;
|
|
5593
|
+
(o = this.onClickIcon) == null || o.call(this), this.dispatchEvent(new CustomEvent("tile-icon-click", { bubbles: !0, composed: !0 }));
|
|
5587
5594
|
}
|
|
5588
5595
|
get icons() {
|
|
5589
|
-
return this.
|
|
5596
|
+
return this.hideIcon ? "" : l`
|
|
5590
5597
|
<o-icon-button
|
|
5591
5598
|
@click=${this.onClickIcons}
|
|
5592
5599
|
icon=${this.type === "notifyme" ? "notifyme" : "cart"}
|
|
@@ -5597,7 +5604,7 @@ let m = class extends p {
|
|
|
5597
5604
|
strokewidth="0"
|
|
5598
5605
|
class=${this.type === "notifyme" ? "js-availability-notify-details-routine" : "add-to-bag"}
|
|
5599
5606
|
></o-icon-button>
|
|
5600
|
-
|
|
5607
|
+
`;
|
|
5601
5608
|
}
|
|
5602
5609
|
render() {
|
|
5603
5610
|
return l`
|
|
@@ -5614,7 +5621,7 @@ let m = class extends p {
|
|
|
5614
5621
|
${this.descriptionProduct ? l`<div class="description">${this.descriptionProduct}</div>` : ""}
|
|
5615
5622
|
${this.salesPercentage && this.oldPrice ? l`<div class="discount-info"><o-tag bgstyle="background-emphasis">${this.salesPercentage}</o-tag> <span class="old-price">${this.oldPrice}</span></div>` : ""}
|
|
5616
5623
|
<div class="details">
|
|
5617
|
-
<div>
|
|
5624
|
+
<div class="price-info">
|
|
5618
5625
|
${this.mainPrice ? l`<span class="main-price">${this.mainPrice}</span>` : ""}
|
|
5619
5626
|
${this.perLiter ? l`<span class="per-liter">${this.perLiter}</span>` : ""}
|
|
5620
5627
|
</div>
|
|
@@ -5680,19 +5687,20 @@ m.styles = f`
|
|
|
5680
5687
|
justify-content: space-between;
|
|
5681
5688
|
row-gap: var(--spacing-s);
|
|
5682
5689
|
min-height: 140px;
|
|
5690
|
+
}
|
|
5683
5691
|
|
|
5684
|
-
|
|
5692
|
+
.info:has(o-tag),.info:has(.discount-info) {
|
|
5685
5693
|
justify-content: flex-start;
|
|
5686
5694
|
}
|
|
5687
|
-
}
|
|
5688
5695
|
|
|
5689
5696
|
.info .title {
|
|
5697
|
+
|
|
5698
|
+
color: var(--color-content-body, #3F2B2E);
|
|
5690
5699
|
font-family: var(--font-family-loccitane-serif);
|
|
5691
|
-
font-size: var(--font-size-
|
|
5692
|
-
font-weight: var(--font-weight-400);
|
|
5693
|
-
|
|
5694
|
-
|
|
5695
|
-
letter-spacing: var(--letter-spacing-100);
|
|
5700
|
+
font-size: var(--font-size-200, 16px);
|
|
5701
|
+
font-weight: var(--font-weight-400, 400);
|
|
5702
|
+
line-height: var(--line-height-200, 20px);
|
|
5703
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5696
5704
|
text-align: left;
|
|
5697
5705
|
}
|
|
5698
5706
|
|
|
@@ -5757,18 +5765,30 @@ m.styles = f`
|
|
|
5757
5765
|
}
|
|
5758
5766
|
|
|
5759
5767
|
.main-price {
|
|
5760
|
-
|
|
5761
|
-
|
|
5762
|
-
|
|
5763
|
-
|
|
5764
|
-
|
|
5768
|
+
color: var(--color-content-body, #3F2B2E);
|
|
5769
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5770
|
+
font-size: var(--font-size-150, 14px);
|
|
5771
|
+
font-style: normal;
|
|
5772
|
+
font-weight: var(--font-weight-400, 400);
|
|
5773
|
+
line-height: var(--line-height-200, 20px); /* 142.857% */
|
|
5774
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
5765
5775
|
}
|
|
5766
5776
|
|
|
5767
5777
|
.per-liter {
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5778
|
+
color: var(--color-content-description, #7E7173);
|
|
5779
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
5780
|
+
font-size: var(--font-size-100, 12px);
|
|
5781
|
+
font-style: normal;
|
|
5782
|
+
font-weight: var(--font-weight-400, 400);
|
|
5783
|
+
line-height: var(--line-height-160, 16px);
|
|
5784
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
5785
|
+
}
|
|
5786
|
+
|
|
5787
|
+
.price-info {
|
|
5788
|
+
display: flex;
|
|
5789
|
+
column-gap: var(--spacing-xs);
|
|
5790
|
+
align-items: center;
|
|
5791
|
+
height: 32px;
|
|
5772
5792
|
}
|
|
5773
5793
|
|
|
5774
5794
|
.fullpointer {
|
|
@@ -5816,15 +5836,15 @@ w([
|
|
|
5816
5836
|
], m.prototype, "current", 2);
|
|
5817
5837
|
w([
|
|
5818
5838
|
a({ type: Boolean })
|
|
5819
|
-
], m.prototype, "
|
|
5839
|
+
], m.prototype, "hideIcon", 2);
|
|
5820
5840
|
w([
|
|
5821
5841
|
a({ type: String })
|
|
5822
5842
|
], m.prototype, "tagText", 2);
|
|
5823
5843
|
w([
|
|
5824
|
-
a({
|
|
5844
|
+
a({ attribute: !1 })
|
|
5825
5845
|
], m.prototype, "onClickTile", 2);
|
|
5826
5846
|
w([
|
|
5827
|
-
a({
|
|
5847
|
+
a({ attribute: !1 })
|
|
5828
5848
|
], m.prototype, "onClickIcon", 2);
|
|
5829
5849
|
m = w([
|
|
5830
5850
|
g("o-medium-tile")
|