@florid-kit/components 0.10.1 → 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 +26 -25
- package/index.mjs +132 -125
- package/package.json +1 -1
package/components/popin.d.ts
CHANGED
package/index.js
CHANGED
|
@@ -12,11 +12,11 @@
|
|
|
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,
|
|
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
|
|
19
|
-
*/const rt=globalThis;let p=class extends ct{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=Ze(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 Q}};var me;p._$litElement$=!0,p.finalized=!0,(me=rt.litElementHydrateSupport)==null||me.call(rt,{LitElement:p});const
|
|
19
|
+
*/const rt=globalThis;let p=class extends ct{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=Ze(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 Q}};var me;p._$litElement$=!0,p.finalized=!0,(me=rt.litElementHydrateSupport)==null||me.call(rt,{LitElement:p});const jt=rt.litElementPolyfillSupport;jt==null||jt({LitElement:p});(rt.litElementVersions??(rt.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2023 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: Apache-2.0
|
|
50
|
-
*/const Gt=Symbol("internals"),
|
|
50
|
+
*/const Gt=Symbol("internals"),Ft=Symbol("privateInternals");function Xt(o){var t;class e extends o{get[(t=Gt,t)](){return this[Ft]||(this[Ft]=this.attachInternals()),this[Ft]}}return e}/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -176,7 +176,7 @@
|
|
|
176
176
|
* @license
|
|
177
177
|
* Copyright 2018 Google LLC
|
|
178
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
|
-
*/const P=o=>o??d;var
|
|
179
|
+
*/const P=o=>o??d;var jo=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Fo(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&&jo(t,e,i),i};let B=class extends p{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,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=Z[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
180
180
|
${this.type==="span"?l`
|
|
181
181
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
182
182
|
${C(e)}
|
|
@@ -403,7 +403,7 @@
|
|
|
403
403
|
.sr-only {
|
|
404
404
|
display: none;
|
|
405
405
|
}
|
|
406
|
-
`;
|
|
406
|
+
`;F([a({type:String,reflect:!0})],B.prototype,"bgstyle",2);F([a({type:String,reflect:!0})],B.prototype,"size",2);F([a({type:String,reflect:!0})],B.prototype,"status",2);F([a({type:String,reflect:!0})],B.prototype,"type",2);F([a({type:String})],B.prototype,"strokewidth",2);F([a({type:String})],B.prototype,"icon",2);F([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);F([a({type:Boolean})],B.prototype,"showSrLabel",2);F([a({type:String})],B.prototype,"srLabel",2);B=F([g("o-icon-button")],B);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(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&&Ro(t,e,i),i};let u=class extends p{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,n;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,e,n;(n=this.getFocusableElements().map(i=>this.resolveFocusable(i)).filter(i=>!!i&&!i.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((e=this.shadowRoot)==null?void 0:e.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(o){var e;const t=o.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((e=o.shadowRoot)==null?void 0:e.querySelector("button, .button"))??o:o}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail),this.addEventListener("focusin",o=>{o.composedPath()[0]===this&&this.focusFirstInPanel()})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var i,r,s,c,h;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(s=((r=t.shadowRoot)==null?void 0:r.querySelector("button"))??t)==null?void 0:s.focus)==null||c.call(s,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.headerTitle)}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),h=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...c,...h)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e;if(this.showHeader){const n=(t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"),i=this.resolveFocusable(n);(e=i==null?void 0:i.focus)==null||e.call(i,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
407
407
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
408
408
|
${this.showHeaderStartIcon?l`
|
|
409
409
|
<o-icon-button
|
|
@@ -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)}
|
|
@@ -1144,7 +1144,7 @@
|
|
|
1144
1144
|
text-decoration: underline;
|
|
1145
1145
|
cursor: pointer;
|
|
1146
1146
|
}
|
|
1147
|
-
`;Dt([a({type:Number})],pt.prototype,"rating",2);Dt([a({type:String})],pt.prototype,"reviewCount",2);Dt([a({type:String})],pt.prototype,"href",2);pt=Dt([g("o-rating")],pt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(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&&Jo(t,e,i),i};let
|
|
1147
|
+
`;Dt([a({type:Number})],pt.prototype,"rating",2);Dt([a({type:String})],pt.prototype,"reviewCount",2);Dt([a({type:String})],pt.prototype,"href",2);pt=Dt([g("o-rating")],pt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(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&&Jo(t,e,i),i};let j=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1148
1148
|
<o-icon-button
|
|
1149
1149
|
icon="playerv"
|
|
1150
1150
|
size="xsmall"
|
|
@@ -1173,7 +1173,7 @@
|
|
|
1173
1173
|
</li>
|
|
1174
1174
|
`})}
|
|
1175
1175
|
</ul>
|
|
1176
|
-
`}};
|
|
1176
|
+
`}};j.styles=f`
|
|
1177
1177
|
:host {
|
|
1178
1178
|
display: flex;
|
|
1179
1179
|
gap: 5px;
|
|
@@ -1278,7 +1278,7 @@
|
|
|
1278
1278
|
height: 0;
|
|
1279
1279
|
width: 0;
|
|
1280
1280
|
}
|
|
1281
|
-
`;ot([a({type:Array})],
|
|
1281
|
+
`;ot([a({type:Array})],j.prototype,"thumbnails",2);ot([a({type:Number})],j.prototype,"activeIndex",2);ot([a({type:Array})],j.prototype,"disabledIndexes",2);ot([a({type:String})],j.prototype,"maxWidth",2);ot([a({type:String})],j.prototype,"altressource",2);ot([a({type:Object})],j.prototype,"swiperInstance",2);ot([et()],j.prototype,"focusedIndex",2);j=ot([g("thumbnail-navigation")],j);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,te=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(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&&ti(t,e,i),i};let wt=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1282
1282
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1283
1283
|
`}};wt.styles=f`
|
|
1284
1284
|
.tag {
|
|
@@ -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}>
|
|
@@ -2869,7 +2869,7 @@
|
|
|
2869
2869
|
:host([dimmed]) .overlay {
|
|
2870
2870
|
opacity: var(--overlay-opacity, 1);
|
|
2871
2871
|
}
|
|
2872
|
-
`;ut([a({type:String})],tt.prototype,"imageUrl",2);ut([a({type:String})],tt.prototype,"imageAlt",2);ut([a({type:String})],tt.prototype,"hoverUrl",2);ut([a({type:String})],tt.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],tt.prototype,"dimmed",2);tt=ut([g("o-arch-image")],tt);const
|
|
2872
|
+
`;ut([a({type:String})],tt.prototype,"imageUrl",2);ut([a({type:String})],tt.prototype,"imageAlt",2);ut([a({type:String})],tt.prototype,"hoverUrl",2);ut([a({type:String})],tt.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],tt.prototype,"dimmed",2);tt=ut([g("o-arch-image")],tt);const ji=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2873
2873
|
<svg
|
|
2874
2874
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2875
2875
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -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
|
|
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"}"
|
|
@@ -2992,7 +2992,7 @@
|
|
|
2992
2992
|
<header part="header">
|
|
2993
2993
|
${this.showBackButton?this._renderBackButton():null}
|
|
2994
2994
|
<div class="brand">
|
|
2995
|
-
<span slot="logo${this.contrast?"-contrast":""}">${C(
|
|
2995
|
+
<span slot="logo${this.contrast?"-contrast":""}">${C(ji)}</span>
|
|
2996
2996
|
</div>
|
|
2997
2997
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
2998
2998
|
</header>
|
|
@@ -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||""}" />`:""}
|
|
@@ -3198,11 +3199,11 @@
|
|
|
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 {
|
|
3208
3209
|
|
|
@@ -3305,4 +3306,4 @@
|
|
|
3305
3306
|
.fullpointer {
|
|
3306
3307
|
cursor: pointer;
|
|
3307
3308
|
}
|
|
3308
|
-
`;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
|
@@ -284,18 +284,18 @@ ct.elementStyles = [], ct.shadowRootOptions = { mode: "open" }, ct[vt("elementPr
|
|
|
284
284
|
*/
|
|
285
285
|
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 = `[
|
|
286
286
|
\f\r]`, ft = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ue = /-->/g, fe = />/g, it = RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^
|
|
287
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), ve = /'/g, ge = /"/g, ke = /^(?:script|style|textarea|title)$/i,
|
|
287
|
+
\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 = /* @__PURE__ */ new WeakMap(), nt = st.createTreeWalker(st, 129);
|
|
288
288
|
function _e(o, t) {
|
|
289
289
|
if (!Wt(o) || !o.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
290
290
|
return pe !== void 0 ? pe.createHTML(t) : t;
|
|
291
291
|
}
|
|
292
|
-
const
|
|
292
|
+
const Fe = (o, t) => {
|
|
293
293
|
const e = o.length - 1, n = [];
|
|
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)) {
|
|
@@ -546,8 +546,8 @@ let p = class extends ct {
|
|
|
546
546
|
};
|
|
547
547
|
var me;
|
|
548
548
|
p._$litElement$ = !0, p.finalized = !0, (me = rt.litElementHydrateSupport) == null || me.call(rt, { LitElement: p });
|
|
549
|
-
const
|
|
550
|
-
|
|
549
|
+
const jt = rt.litElementPolyfillSupport;
|
|
550
|
+
jt == null || jt({ LitElement: p });
|
|
551
551
|
(rt.litElementVersions ?? (rt.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
@@ -635,12 +635,12 @@ f`
|
|
|
635
635
|
* Copyright 2023 Google LLC
|
|
636
636
|
* SPDX-License-Identifier: Apache-2.0
|
|
637
637
|
*/
|
|
638
|
-
const Gt = Symbol("internals"),
|
|
638
|
+
const Gt = Symbol("internals"), Ft = Symbol("privateInternals");
|
|
639
639
|
function Xt(o) {
|
|
640
640
|
var t;
|
|
641
641
|
class e extends o {
|
|
642
642
|
get [(t = Gt, t)]() {
|
|
643
|
-
return this[
|
|
643
|
+
return this[Ft] || (this[Ft] = this.attachInternals()), this[Ft];
|
|
644
644
|
}
|
|
645
645
|
}
|
|
646
646
|
return e;
|
|
@@ -1057,10 +1057,10 @@ const ye = Jt(Mo);
|
|
|
1057
1057
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1058
1058
|
*/
|
|
1059
1059
|
const P = (o) => o ?? d;
|
|
1060
|
-
var
|
|
1061
|
-
for (var i = n > 1 ? void 0 : n ?
|
|
1060
|
+
var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, F = (o, t, e, n) => {
|
|
1061
|
+
for (var i = n > 1 ? void 0 : n ? Fo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1062
1062
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1063
|
-
return n && i &&
|
|
1063
|
+
return n && i && jo(t, e, i), i;
|
|
1064
1064
|
};
|
|
1065
1065
|
let B = class extends p {
|
|
1066
1066
|
constructor() {
|
|
@@ -1302,34 +1302,34 @@ B.styles = f`
|
|
|
1302
1302
|
display: none;
|
|
1303
1303
|
}
|
|
1304
1304
|
`;
|
|
1305
|
-
|
|
1305
|
+
F([
|
|
1306
1306
|
a({ type: String, reflect: !0 })
|
|
1307
1307
|
], B.prototype, "bgstyle", 2);
|
|
1308
|
-
|
|
1308
|
+
F([
|
|
1309
1309
|
a({ type: String, reflect: !0 })
|
|
1310
1310
|
], B.prototype, "size", 2);
|
|
1311
|
-
|
|
1311
|
+
F([
|
|
1312
1312
|
a({ type: String, reflect: !0 })
|
|
1313
1313
|
], B.prototype, "status", 2);
|
|
1314
|
-
|
|
1314
|
+
F([
|
|
1315
1315
|
a({ type: String, reflect: !0 })
|
|
1316
1316
|
], B.prototype, "type", 2);
|
|
1317
|
-
|
|
1317
|
+
F([
|
|
1318
1318
|
a({ type: String })
|
|
1319
1319
|
], B.prototype, "strokewidth", 2);
|
|
1320
|
-
|
|
1320
|
+
F([
|
|
1321
1321
|
a({ type: String })
|
|
1322
1322
|
], B.prototype, "icon", 2);
|
|
1323
|
-
|
|
1323
|
+
F([
|
|
1324
1324
|
a({ type: Boolean, reflect: !0 })
|
|
1325
1325
|
], B.prototype, "disabled", 2);
|
|
1326
|
-
|
|
1326
|
+
F([
|
|
1327
1327
|
a({ type: Boolean })
|
|
1328
1328
|
], B.prototype, "showSrLabel", 2);
|
|
1329
|
-
|
|
1329
|
+
F([
|
|
1330
1330
|
a({ type: String })
|
|
1331
1331
|
], B.prototype, "srLabel", 2);
|
|
1332
|
-
B =
|
|
1332
|
+
B = F([
|
|
1333
1333
|
g("o-icon-button")
|
|
1334
1334
|
], B);
|
|
1335
1335
|
var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
|
|
@@ -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) => {
|
|
@@ -2569,7 +2569,7 @@ var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (o, t
|
|
|
2569
2569
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2570
2570
|
return n && i && Jo(t, e, i), i;
|
|
2571
2571
|
};
|
|
2572
|
-
let
|
|
2572
|
+
let j = class extends p {
|
|
2573
2573
|
constructor() {
|
|
2574
2574
|
super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
|
|
2575
2575
|
<o-icon-button
|
|
@@ -2660,7 +2660,7 @@ let F = class extends p {
|
|
|
2660
2660
|
`;
|
|
2661
2661
|
}
|
|
2662
2662
|
};
|
|
2663
|
-
|
|
2663
|
+
j.styles = f`
|
|
2664
2664
|
:host {
|
|
2665
2665
|
display: flex;
|
|
2666
2666
|
gap: 5px;
|
|
@@ -2768,28 +2768,28 @@ F.styles = f`
|
|
|
2768
2768
|
`;
|
|
2769
2769
|
ot([
|
|
2770
2770
|
a({ type: Array })
|
|
2771
|
-
],
|
|
2771
|
+
], j.prototype, "thumbnails", 2);
|
|
2772
2772
|
ot([
|
|
2773
2773
|
a({ type: Number })
|
|
2774
|
-
],
|
|
2774
|
+
], j.prototype, "activeIndex", 2);
|
|
2775
2775
|
ot([
|
|
2776
2776
|
a({ type: Array })
|
|
2777
|
-
],
|
|
2777
|
+
], j.prototype, "disabledIndexes", 2);
|
|
2778
2778
|
ot([
|
|
2779
2779
|
a({ type: String })
|
|
2780
|
-
],
|
|
2780
|
+
], j.prototype, "maxWidth", 2);
|
|
2781
2781
|
ot([
|
|
2782
2782
|
a({ type: String })
|
|
2783
|
-
],
|
|
2783
|
+
], j.prototype, "altressource", 2);
|
|
2784
2784
|
ot([
|
|
2785
2785
|
a({ type: Object })
|
|
2786
|
-
],
|
|
2786
|
+
], j.prototype, "swiperInstance", 2);
|
|
2787
2787
|
ot([
|
|
2788
2788
|
et()
|
|
2789
|
-
],
|
|
2790
|
-
|
|
2789
|
+
], j.prototype, "focusedIndex", 2);
|
|
2790
|
+
j = ot([
|
|
2791
2791
|
g("thumbnail-navigation")
|
|
2792
|
-
],
|
|
2792
|
+
], j);
|
|
2793
2793
|
var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, te = (o, t, e, n) => {
|
|
2794
2794
|
for (var i = n > 1 ? void 0 : n ? ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
2795
2795
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
@@ -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);
|
|
@@ -5223,7 +5223,7 @@ ut([
|
|
|
5223
5223
|
tt = ut([
|
|
5224
5224
|
g("o-arch-image")
|
|
5225
5225
|
], tt);
|
|
5226
|
-
const
|
|
5226
|
+
const ji = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
5227
5227
|
<svg
|
|
5228
5228
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
5229
5229
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -5304,14 +5304,14 @@ const Fi = `<?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
|
|
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
|
-
return n && i &&
|
|
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"}"
|
|
@@ -5407,7 +5407,7 @@ const ae = class ae extends p {
|
|
|
5407
5407
|
<header part="header">
|
|
5408
5408
|
${this.showBackButton ? this._renderBackButton() : null}
|
|
5409
5409
|
<div class="brand">
|
|
5410
|
-
<span slot="logo${this.contrast ? "-contrast" : ""}">${C(
|
|
5410
|
+
<span slot="logo${this.contrast ? "-contrast" : ""}">${C(ji)}</span>
|
|
5411
5411
|
</div>
|
|
5412
5412
|
<div part="close${this.contrast ? "-contrast" : ""}">${this._renderCloseButton()}</div>
|
|
5413
5413
|
</header>
|
|
@@ -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`
|
|
@@ -5680,11 +5687,11 @@ 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 {
|
|
5690
5697
|
|
|
@@ -5829,15 +5836,15 @@ w([
|
|
|
5829
5836
|
], m.prototype, "current", 2);
|
|
5830
5837
|
w([
|
|
5831
5838
|
a({ type: Boolean })
|
|
5832
|
-
], m.prototype, "
|
|
5839
|
+
], m.prototype, "hideIcon", 2);
|
|
5833
5840
|
w([
|
|
5834
5841
|
a({ type: String })
|
|
5835
5842
|
], m.prototype, "tagText", 2);
|
|
5836
5843
|
w([
|
|
5837
|
-
a({
|
|
5844
|
+
a({ attribute: !1 })
|
|
5838
5845
|
], m.prototype, "onClickTile", 2);
|
|
5839
5846
|
w([
|
|
5840
|
-
a({
|
|
5847
|
+
a({ attribute: !1 })
|
|
5841
5848
|
], m.prototype, "onClickIcon", 2);
|
|
5842
5849
|
m = w([
|
|
5843
5850
|
g("o-medium-tile")
|