@florid-kit/components 0.10.17 → 0.10.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +32 -32
- package/index.mjs +112 -95
- package/package.json +1 -1
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$",J=`lit$${Math.random().toFixed(9).slice(2)}$`,$e="?"+J,Te=`<${$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",Tt=`[
|
|
14
14
|
\f\r]`,ft=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ue=/-->/g,fe=/>/g,it=RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^
|
|
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),tt=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
|
|
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),tt=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,V=0;for(;V<h.length&&(s.lastIndex=V,_=s.exec(h),_!==null);)V=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 Y=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===ft?h+Te:v>=0?(n.push(x),h.slice(0,v)+we+h.slice(v)+J+Y):h+J+(v===-2?c:Y)}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 V=_[s++],Y=i.getAttribute(v).split(J),Lt=/([.?@])?(.*)/.exec(V);h.push({type:1,index:r,name:Lt[2],strings:Y,ctor:Lt[1]==="."?Ue:Lt[1]==="?"?Ne:Lt[1]==="@"?qe:Ot}),i.removeAttribute(v)}else v.startsWith(J)&&(h.push({type:6,index:r}),i.removeAttribute(v));if(ke.test(i.tagName)){const v=i.textContent.split(J),V=v.length-1;if(V>0){i.textContent=Bt?Bt.emptyScript:"";for(let Y=0;Y<V;Y++)i.append(v[Y],yt()),nt.nextNode(),h.push({type:2,index:++r});i.append(v[V],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(J,v+1))!==-1;)h.push({type:7,index:r}),v+=J.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===tt)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 Ve(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!==tt&&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!==tt,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===tt&&(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 qe 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)===tt)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 Ve{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
|
|
19
|
+
*/const rt=globalThis;let u=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 tt}};var me;u._$litElement$=!0,u.finalized=!0,(me=rt.litElementHydrateSupport)==null||me.call(rt,{LitElement:u});const jt=rt.litElementPolyfillSupport;jt==null||jt({LitElement:u});(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
|
|
@@ -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 jo=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,R=(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
|
|
179
|
+
*/const P=o=>o??d;var jo=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,R=(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 u{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
|
${S(e)}
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
.sr-only {
|
|
375
375
|
display: none;
|
|
376
376
|
}
|
|
377
|
-
`;R([a({type:String,reflect:!0})],B.prototype,"bgstyle",2);R([a({type:String,reflect:!0})],B.prototype,"size",2);R([a({type:String,reflect:!0})],B.prototype,"status",2);R([a({type:String,reflect:!0})],B.prototype,"type",2);R([a({type:String})],B.prototype,"strokewidth",2);R([a({type:String})],B.prototype,"icon",2);R([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);R([a({type:Boolean})],B.prototype,"showSrLabel",2);R([a({type:String})],B.prototype,"srLabel",2);B=R([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
|
|
377
|
+
`;R([a({type:String,reflect:!0})],B.prototype,"bgstyle",2);R([a({type:String,reflect:!0})],B.prototype,"size",2);R([a({type:String,reflect:!0})],B.prototype,"status",2);R([a({type:String,reflect:!0})],B.prototype,"type",2);R([a({type:String})],B.prototype,"strokewidth",2);R([a({type:String})],B.prototype,"icon",2);R([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);R([a({type:Boolean})],B.prototype,"showSrLabel",2);R([a({type:String})],B.prototype,"srLabel",2);B=R([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 p=class extends u{constructor(){super(...arguments),this.open=!1,this.showHeader=!0,this.showFooter=!1,this.showHeaderStartIcon=!1,this.headerTitle="",this.headerTitleClassName="panel-title",this.labelDialog="",this.addToBagProductCount="",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){var i;if(o.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const e=this.getDeepActiveElement();if(this.showDetail){const r=t.querySelector(".detail-view .return-btn"),s=t.querySelector(".detail-view .close-btn"),c=r?this.resolveFocusable(r):null,h=s?this.resolveFocusable(s):null;if(o.shiftKey&&c&&e===c&&h){o.preventDefault(),o.stopPropagation(),h.focus({preventScroll:!0});return}if(!o.shiftKey&&h&&e===h){o.preventDefault(),o.stopPropagation(),(((i=t.querySelector(".detail-scroller"))==null?void 0:i.querySelector(p.focusablesSelector))??c??h).focus({preventScroll:!0});return}}const n=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&n&&n.contains(e)){o.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.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(p.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`
|
|
378
378
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
379
379
|
${this.showHeaderStartIcon?l`
|
|
380
380
|
<o-icon-button
|
|
@@ -412,7 +412,7 @@
|
|
|
412
412
|
class="panel"
|
|
413
413
|
role="dialog"
|
|
414
414
|
aria-modal="true"
|
|
415
|
-
aria-
|
|
415
|
+
aria-label="panel-title"
|
|
416
416
|
style="z-index: ${this.zIndex+1}"
|
|
417
417
|
tabindex="-1"
|
|
418
418
|
>
|
|
@@ -460,7 +460,7 @@
|
|
|
460
460
|
`:null}
|
|
461
461
|
</div>
|
|
462
462
|
</div>
|
|
463
|
-
`}};
|
|
463
|
+
`}};p.styles=f`
|
|
464
464
|
:host {
|
|
465
465
|
--z-overlay: 99;
|
|
466
466
|
--z-panel: 100;
|
|
@@ -695,7 +695,7 @@
|
|
|
695
695
|
overflow: auto;
|
|
696
696
|
box-sizing: border-box;
|
|
697
697
|
}
|
|
698
|
-
`;
|
|
698
|
+
`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";p.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],p.prototype,"open",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],p.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],p.prototype,"addToBagProductCount",2);b([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);b([a({type:Boolean})],p.prototype,"showDetail",2);b([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=b([g("o-side-panel")],p);var No=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,k=(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&&No(t,e,i),i};const Vo=Xt(u);let y=class extends Vo{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 p&&(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"}">${S(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
699
699
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
700
700
|
${this.startIcon?this.renderIcon("start"):d}
|
|
701
701
|
${o?l`
|
|
@@ -929,7 +929,7 @@
|
|
|
929
929
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
930
930
|
transform: translateX(4px);
|
|
931
931
|
}
|
|
932
|
-
`;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
|
|
932
|
+
`;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 u{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`
|
|
933
933
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
934
934
|
<span class="sr-only">${this.label}</span>
|
|
935
935
|
${S(o)}
|
|
@@ -998,7 +998,7 @@
|
|
|
998
998
|
width: 0.1rem !important;
|
|
999
999
|
white-space: nowrap !important;
|
|
1000
1000
|
}
|
|
1001
|
-
`;It([a({type:String,reflect:!0})],dt.prototype,"status",2);It([a({type:String,reflect:!0})],dt.prototype,"ariaDescribedBy",2);It([a({type:String,reflect:!0})],dt.prototype,"label",2);dt=It([g("o-wishlist-button")],dt);var Wo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,lt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Go(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&&Wo(t,e,i),i};let K=class extends
|
|
1001
|
+
`;It([a({type:String,reflect:!0})],dt.prototype,"status",2);It([a({type:String,reflect:!0})],dt.prototype,"ariaDescribedBy",2);It([a({type:String,reflect:!0})],dt.prototype,"label",2);dt=It([g("o-wishlist-button")],dt);var Wo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,lt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Go(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&&Wo(t,e,i),i};let K=class extends u{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=this.href||"#";return l`
|
|
1002
1002
|
<a
|
|
1003
1003
|
href="${o}"
|
|
1004
1004
|
target="${P(this.target||void 0)}"
|
|
@@ -1106,7 +1106,7 @@
|
|
|
1106
1106
|
transform: translateX(-4px);
|
|
1107
1107
|
}
|
|
1108
1108
|
}
|
|
1109
|
-
`;lt([a({type:String})],K.prototype,"href",2);lt([a({type:String})],K.prototype,"target",2);lt([a({type:String,reflect:!0})],K.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"reverseEndIcon",2);K=lt([g("o-link")],K);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(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&&Xo(t,e,i),i};let pt=class extends
|
|
1109
|
+
`;lt([a({type:String})],K.prototype,"href",2);lt([a({type:String})],K.prototype,"target",2);lt([a({type:String,reflect:!0})],K.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"reverseEndIcon",2);K=lt([g("o-link")],K);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(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&&Xo(t,e,i),i};let pt=class extends u{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
1110
1110
|
<div class="rating">
|
|
1111
1111
|
<div class="stars">
|
|
1112
1112
|
${o.map(t=>l`<span class="star">${S(Z[t]??"")}</span>`)}
|
|
@@ -1146,7 +1146,7 @@
|
|
|
1146
1146
|
text-decoration: underline;
|
|
1147
1147
|
cursor: pointer;
|
|
1148
1148
|
}
|
|
1149
|
-
`;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 F=class extends
|
|
1149
|
+
`;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 F=class extends u{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1150
1150
|
<o-icon-button
|
|
1151
1151
|
icon="playerv"
|
|
1152
1152
|
size="xsmall"
|
|
@@ -1279,7 +1279,7 @@
|
|
|
1279
1279
|
height: 0;
|
|
1280
1280
|
width: 0;
|
|
1281
1281
|
}
|
|
1282
|
-
`;ot([a({type:Array})],F.prototype,"thumbnails",2);ot([a({type:Number})],F.prototype,"activeIndex",2);ot([a({type:Array})],F.prototype,"disabledIndexes",2);ot([a({type:String})],F.prototype,"maxWidth",2);ot([a({type:String})],F.prototype,"altressource",2);ot([a({type:Object})],F.prototype,"swiperInstance",2);ot([W()],F.prototype,"focusedIndex",2);F=ot([g("thumbnail-navigation")],F);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
|
|
1282
|
+
`;ot([a({type:Array})],F.prototype,"thumbnails",2);ot([a({type:Number})],F.prototype,"activeIndex",2);ot([a({type:Array})],F.prototype,"disabledIndexes",2);ot([a({type:String})],F.prototype,"maxWidth",2);ot([a({type:String})],F.prototype,"altressource",2);ot([a({type:Object})],F.prototype,"swiperInstance",2);ot([W()],F.prototype,"focusedIndex",2);F=ot([g("thumbnail-navigation")],F);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 u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1283
1283
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1284
1284
|
`}};wt.styles=f`
|
|
1285
1285
|
.tag {
|
|
@@ -1340,7 +1340,7 @@
|
|
|
1340
1340
|
}
|
|
1341
1341
|
}
|
|
1342
1342
|
|
|
1343
|
-
`;te([a({type:String,reflect:!0})],wt.prototype,"type",2);te([a({type:String,reflect:!0})],wt.prototype,"bgstyle",2);wt=te([g("o-tag")],wt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ee=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(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&&oi(t,e,i),i};let $t=class extends
|
|
1343
|
+
`;te([a({type:String,reflect:!0})],wt.prototype,"type",2);te([a({type:String,reflect:!0})],wt.prototype,"bgstyle",2);wt=te([g("o-tag")],wt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ee=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(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&&oi(t,e,i),i};let $t=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1344
1344
|
<div class="tooltip">
|
|
1345
1345
|
<span class="tooltiptext">${this.text}</span>
|
|
1346
1346
|
<slot></slot>
|
|
@@ -1437,7 +1437,7 @@
|
|
|
1437
1437
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1438
1438
|
}
|
|
1439
1439
|
|
|
1440
|
-
`;ee([a({type:String,reflect:!0})],$t.prototype,"type",2);ee([a({type:String,reflect:!0})],$t.prototype,"text",2);$t=ee([g("o-tooltip")],$t);var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,G=(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&&ni(t,e,i),i};let T=class extends
|
|
1440
|
+
`;ee([a({type:String,reflect:!0})],$t.prototype,"type",2);ee([a({type:String,reflect:!0})],$t.prototype,"text",2);$t=ee([g("o-tooltip")],$t);var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,G=(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&&ni(t,e,i),i};let T=class extends u{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=Z.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1441
1441
|
<button
|
|
1442
1442
|
role="combobox"
|
|
1443
1443
|
aria-haspopup="listbox"
|
|
@@ -1623,7 +1623,7 @@
|
|
|
1623
1623
|
input[type="hidden"] {
|
|
1624
1624
|
display: none;
|
|
1625
1625
|
}
|
|
1626
|
-
`;G([a({type:Array,reflect:!0})],T.prototype,"options",2);G([a({type:String,reflect:!0})],T.prototype,"value",2);G([a({type:String,reflect:!0})],T.prototype,"name",2);G([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2);G([a({type:String,reflect:!0})],T.prototype,"width",2);G([W()],T.prototype,"open",2);G([W()],T.prototype,"activeIndex",2);G([W()],T.prototype,"menuWidth",2);T=G([g("o-dropdown")],T);var si=Object.getOwnPropertyDescriptor,ai=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Nt=class extends
|
|
1626
|
+
`;G([a({type:Array,reflect:!0})],T.prototype,"options",2);G([a({type:String,reflect:!0})],T.prototype,"value",2);G([a({type:String,reflect:!0})],T.prototype,"name",2);G([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2);G([a({type:String,reflect:!0})],T.prototype,"width",2);G([W()],T.prototype,"open",2);G([W()],T.prototype,"activeIndex",2);G([W()],T.prototype,"menuWidth",2);T=G([g("o-dropdown")],T);var si=Object.getOwnPropertyDescriptor,ai=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Nt=class extends u{render(){return l` <span class="dots"></span> `}};Nt.styles=f`
|
|
1627
1627
|
:host {
|
|
1628
1628
|
display: flex;
|
|
1629
1629
|
align-items: center;
|
|
@@ -1665,7 +1665,7 @@
|
|
|
1665
1665
|
:host([aria-current="true"]:active) .dots {
|
|
1666
1666
|
background-color: var(--color-container-action-primary-pressed);
|
|
1667
1667
|
}
|
|
1668
|
-
`;Nt=ai([g("o-dots")],Nt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(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&&li(t,e,i),i};let z=class extends
|
|
1668
|
+
`;Nt=ai([g("o-dots")],Nt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(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&&li(t,e,i),i};let z=class extends u{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=Z.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1669
1669
|
<button
|
|
1670
1670
|
role="combobox"
|
|
1671
1671
|
aria-haspopup="listbox"
|
|
@@ -1906,7 +1906,7 @@
|
|
|
1906
1906
|
* @license
|
|
1907
1907
|
* Copyright 2018 Google LLC
|
|
1908
1908
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1909
|
-
*/const Ee="important",hi=" !"+Ee,di=Jt(class extends Qt{constructor(o){var t;if(super(o),o.type!==Yt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(hi);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Ee:""):e[n]=i}}return tt}});var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,oe=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(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 kt=class extends
|
|
1909
|
+
*/const Ee="important",hi=" !"+Ee,di=Jt(class extends Qt{constructor(o){var t;if(super(o),o.type!==Yt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(hi);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Ee:""):e[n]=i}}return tt}});var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,oe=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(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 kt=class extends u{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=s=>{const c=document.createElement("textarea");return c.innerHTML=s,c.value},t=this.option&&this.option.clickable,e={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?o(this.option.title):"",i=this.option&&this.option.description?o(this.option.description):"",r=l`
|
|
1910
1910
|
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${di(e)} />`:""}
|
|
1911
1911
|
<div class="m-reassurance-content">
|
|
1912
1912
|
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
@@ -1993,14 +1993,14 @@
|
|
|
1993
1993
|
-webkit-box-orient: vertical;
|
|
1994
1994
|
overflow: hidden;
|
|
1995
1995
|
}
|
|
1996
|
-
`;oe([a({type:Object,reflect:!0})],kt.prototype,"option",2);oe([a({type:Number,reflect:!0})],kt.prototype,"imageSize",2);kt=oe([g("o-reassurance")],kt);var fi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(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 gi=Xt(
|
|
1996
|
+
`;oe([a({type:Object,reflect:!0})],kt.prototype,"option",2);oe([a({type:Number,reflect:!0})],kt.prototype,"imageSize",2);kt=oe([g("o-reassurance")],kt);var fi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(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 gi=Xt(u);let O=class extends gi{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
|
|
1997
1997
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}"
|
|
1998
1998
|
aria-hidden="${this.inactive?"true":"false"}" aria-current="${this.selected?"true":d}">
|
|
1999
1999
|
${o?this.text:l`<slot></slot>`}
|
|
2000
2000
|
</a>
|
|
2001
2001
|
`:l`
|
|
2002
2002
|
<button type="button" class="button" @click=${this.handleClick}
|
|
2003
|
-
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2003
|
+
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2004
2004
|
${o?this.text:l`<slot></slot>`}
|
|
2005
2005
|
</button>
|
|
2006
2006
|
`}};O.styles=f`
|
|
@@ -2096,7 +2096,7 @@
|
|
|
2096
2096
|
display: inline-flex;
|
|
2097
2097
|
align-items: center;
|
|
2098
2098
|
}
|
|
2099
|
-
`;X([a({type:String,reflect:!0})],O.prototype,"link",2);X([a({reflect:!0})],O.prototype,"name",2);X([a({reflect:!0})],O.prototype,"value",2);X([a({type:String})],O.prototype,"text",2);X([a({type:String,reflect:!0})],O.prototype,"size",2);X([a({type:Boolean,reflect:!0})],O.prototype,"selected",2);X([a({type:Boolean,reflect:!0})],O.prototype,"fullwidth",2);X([a({type:Boolean,reflect:!0})],O.prototype,"inactive",2);O=X([g("o-chip")],O);var bi=Object.defineProperty,yi=Object.getOwnPropertyDescriptor,ie=(o,t,e,n)=>{for(var i=n>1?void 0:n?yi(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&&bi(t,e,i),i};let _t=class extends
|
|
2099
|
+
`;X([a({type:String,reflect:!0})],O.prototype,"link",2);X([a({reflect:!0})],O.prototype,"name",2);X([a({reflect:!0})],O.prototype,"value",2);X([a({type:String})],O.prototype,"text",2);X([a({type:String,reflect:!0})],O.prototype,"size",2);X([a({type:Boolean,reflect:!0})],O.prototype,"selected",2);X([a({type:Boolean,reflect:!0})],O.prototype,"fullwidth",2);X([a({type:Boolean,reflect:!0})],O.prototype,"inactive",2);O=X([g("o-chip")],O);var bi=Object.defineProperty,yi=Object.getOwnPropertyDescriptor,ie=(o,t,e,n)=>{for(var i=n>1?void 0:n?yi(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&&bi(t,e,i),i};let _t=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof O?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2100
2100
|
<slot></slot>
|
|
2101
2101
|
`}};_t.styles=f`
|
|
2102
2102
|
:host {
|
|
@@ -2105,9 +2105,9 @@
|
|
|
2105
2105
|
flex-wrap: wrap;
|
|
2106
2106
|
gap: var(--spacing-s);
|
|
2107
2107
|
}
|
|
2108
|
-
`;ie([a({reflect:!0})],_t.prototype,"name",2);ie([a({reflect:!0})],_t.prototype,"value",2);_t=ie([g("o-chipset")],_t);var mi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?xi(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&&mi(t,e,i),i};const wi=Xt(
|
|
2108
|
+
`;ie([a({reflect:!0})],_t.prototype,"name",2);ie([a({reflect:!0})],_t.prototype,"value",2);_t=ie([g("o-chipset")],_t);var mi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?xi(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&&mi(t,e,i),i};const wi=Xt(u);let I=class extends wi{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=Z[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${S(o)}</span>`}strikeThroughImg(){const o=Ao[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2109
2109
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2110
|
-
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2110
|
+
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2111
2111
|
${o?l`
|
|
2112
2112
|
${this.text?l`<span class="text">${this.text}</span>`:d}
|
|
2113
2113
|
`:l`
|
|
@@ -2247,7 +2247,7 @@
|
|
|
2247
2247
|
stroke-width: 4px;
|
|
2248
2248
|
stroke-linecap: round;
|
|
2249
2249
|
}
|
|
2250
|
-
`;N([a({reflect:!0})],I.prototype,"name",2);N([a({reflect:!0})],I.prototype,"value",2);N([a({type:String,reflect:!0})],I.prototype,"type",2);N([a({type:String,reflect:!0})],I.prototype,"href",2);N([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);N([a({type:String})],I.prototype,"text",2);N([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=N([g("o-filter-chip")],I);var $i=Object.defineProperty,M=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&$i(t,e,i),i};const se=class se extends
|
|
2250
|
+
`;N([a({reflect:!0})],I.prototype,"name",2);N([a({reflect:!0})],I.prototype,"value",2);N([a({type:String,reflect:!0})],I.prototype,"type",2);N([a({type:String,reflect:!0})],I.prototype,"href",2);N([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);N([a({type:String})],I.prototype,"text",2);N([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=N([g("o-filter-chip")],I);var $i=Object.defineProperty,M=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&$i(t,e,i),i};const se=class se extends u{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText=""}onClick(t){var n,i;const e=t.target;(n=e==null?void 0:e.classList)!=null&&n.contains("add-to-bag")||((i=this.onClickTile)==null||i.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?l`
|
|
2251
2251
|
<o-icon-button
|
|
2252
2252
|
@click=${this.onClickIcons}
|
|
2253
2253
|
icon="chevronRight"
|
|
@@ -2401,7 +2401,7 @@
|
|
|
2401
2401
|
.fullpointer {
|
|
2402
2402
|
cursor: pointer;
|
|
2403
2403
|
}
|
|
2404
|
-
`;let E=se;M([a({type:String})],E.prototype,"type");M([a({type:String})],E.prototype,"titleProduct");M([a({type:String})],E.prototype,"volume");M([a({type:String})],E.prototype,"perLiter");M([a({type:String})],E.prototype,"mainPrice");M([a({type:String})],E.prototype,"imageUrl");M([a({type:String})],E.prototype,"altImage");M([a({type:Boolean})],E.prototype,"fullwidth");M([a({type:String})],E.prototype,"tagText");M([a({attribute:!1})],E.prototype,"onClickTile");M([a({attribute:!1})],E.prototype,"onClickIcon");customElements.define("mini-tile",E);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
|
|
2404
|
+
`;let E=se;M([a({type:String})],E.prototype,"type");M([a({type:String})],E.prototype,"titleProduct");M([a({type:String})],E.prototype,"volume");M([a({type:String})],E.prototype,"perLiter");M([a({type:String})],E.prototype,"mainPrice");M([a({type:String})],E.prototype,"imageUrl");M([a({type:String})],E.prototype,"altImage");M([a({type:Boolean})],E.prototype,"fullwidth");M([a({type:String})],E.prototype,"tagText");M([a({attribute:!1})],E.prototype,"onClickTile");M([a({attribute:!1})],E.prototype,"onClickIcon");customElements.define("mini-tile",E);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 u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2405
2405
|
<span class="badge">
|
|
2406
2406
|
${this.text?this.text:l`<slot></slot>`}
|
|
2407
2407
|
</span>
|
|
@@ -2439,7 +2439,7 @@
|
|
|
2439
2439
|
color: var(--text-color);
|
|
2440
2440
|
}
|
|
2441
2441
|
|
|
2442
|
-
`;ne([a({type:String,reflect:!0})],Ct.prototype,"variant",2);ne([a({type:String})],Ct.prototype,"text",2);Ct=ne([g("o-badge")],Ct);var Ci=Object.defineProperty,Si=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Si(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&&Ci(t,e,i),i};let L=class extends
|
|
2442
|
+
`;ne([a({type:String,reflect:!0})],Ct.prototype,"variant",2);ne([a({type:String})],Ct.prototype,"text",2);Ct=ne([g("o-badge")],Ct);var Ci=Object.defineProperty,Si=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Si(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&&Ci(t,e,i),i};let L=class extends u{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,i;var o=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const r=window.getComputedStyle(e),s=parseInt(r.getPropertyValue("line-height").replace("px","")),c=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=Po[this.icon].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"');return l`
|
|
2443
2443
|
<div class="o-toast">
|
|
2444
2444
|
<div class="o-toast-icon">
|
|
2445
2445
|
${S(t)}
|
|
@@ -2532,7 +2532,7 @@
|
|
|
2532
2532
|
.o-toast-icon {
|
|
2533
2533
|
height: 16px;
|
|
2534
2534
|
}
|
|
2535
|
-
`;H([a({type:String,reflect:!0})],L.prototype,"icon",2);H([a({type:String,reflect:!0})],L.prototype,"text",2);H([a({type:String,reflect:!0})],L.prototype,"verticalanchor",2);H([a({type:String,reflect:!0})],L.prototype,"horizontalanchor",2);H([a({type:Number,reflect:!0})],L.prototype,"verticaloffset",2);H([a({type:Number,reflect:!0})],L.prototype,"horizontaloffset",2);H([a({type:Number,reflect:!0})],L.prototype,"animationduration",2);H([a({type:String,reflect:!0})],L.prototype,"animationaxis",2);H([a({type:Boolean,reflect:!0})],L.prototype,"animated",2);H([a({type:Number,reflect:!0})],L.prototype,"lifeduration",2);H([a({type:Boolean,reflect:!0})],L.prototype,"multiline",2);L=H([g("o-toast")],L);var Ei=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?Li(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 Ai=0,A=class extends
|
|
2535
|
+
`;H([a({type:String,reflect:!0})],L.prototype,"icon",2);H([a({type:String,reflect:!0})],L.prototype,"text",2);H([a({type:String,reflect:!0})],L.prototype,"verticalanchor",2);H([a({type:String,reflect:!0})],L.prototype,"horizontalanchor",2);H([a({type:Number,reflect:!0})],L.prototype,"verticaloffset",2);H([a({type:Number,reflect:!0})],L.prototype,"horizontaloffset",2);H([a({type:Number,reflect:!0})],L.prototype,"animationduration",2);H([a({type:String,reflect:!0})],L.prototype,"animationaxis",2);H([a({type:Boolean,reflect:!0})],L.prototype,"animated",2);H([a({type:Number,reflect:!0})],L.prototype,"lifeduration",2);H([a({type:Boolean,reflect:!0})],L.prototype,"multiline",2);L=H([g("o-toast")],L);var Ei=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,j=(o,t,e,n)=>{for(var i=n>1?void 0:n?Li(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 Ai=0,A=class extends u{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-${++Ai}`)}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=S(Z.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=S(Z.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2536
2536
|
<input
|
|
2537
2537
|
type="checkbox"
|
|
2538
2538
|
id=${this.inputId}
|
|
@@ -2650,7 +2650,7 @@
|
|
|
2650
2650
|
svg path {
|
|
2651
2651
|
stroke: var(--color-border-white);
|
|
2652
2652
|
}
|
|
2653
|
-
`;j([a({type:Boolean,reflect:!0})],A.prototype,"checked",2);j([a({type:Boolean,reflect:!0})],A.prototype,"indeterminate",2);j([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);j([a({type:String,reflect:!0})],A.prototype,"size",2);j([a({type:Boolean})],A.prototype,"showLabel",2);j([a({type:String})],A.prototype,"label",2);j([a({type:String})],A.prototype,"name",2);j([a({type:String})],A.prototype,"value",2);j([a({type:String,reflect:!0})],A.prototype,"inputId",2);j([Ce("input")],A.prototype,"inputEl",2);A=j([g("o-checkbox")],A);var Pi=Object.defineProperty,Bi=Object.getOwnPropertyDescriptor,q=(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
|
|
2653
|
+
`;j([a({type:Boolean,reflect:!0})],A.prototype,"checked",2);j([a({type:Boolean,reflect:!0})],A.prototype,"indeterminate",2);j([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);j([a({type:String,reflect:!0})],A.prototype,"size",2);j([a({type:Boolean})],A.prototype,"showLabel",2);j([a({type:String})],A.prototype,"label",2);j([a({type:String})],A.prototype,"name",2);j([a({type:String})],A.prototype,"value",2);j([a({type:String,reflect:!0})],A.prototype,"inputId",2);j([Ce("input")],A.prototype,"inputEl",2);A=j([g("o-checkbox")],A);var Pi=Object.defineProperty,Bi=Object.getOwnPropertyDescriptor,q=(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 u{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`
|
|
2654
2654
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2655
2655
|
|
|
2656
2656
|
<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}>
|
|
@@ -2747,7 +2747,7 @@
|
|
|
2747
2747
|
width: 0;
|
|
2748
2748
|
height: 0;
|
|
2749
2749
|
}
|
|
2750
|
-
`;q([a({type:Boolean,reflect:!0})],D.prototype,"checked",2);q([a({type:Boolean,reflect:!0})],D.prototype,"disabled",2);q([a({type:String,reflect:!0})],D.prototype,"size",2);q([a({type:Boolean})],D.prototype,"showLabel",2);q([a({type:String})],D.prototype,"label",2);q([a({type:String})],D.prototype,"name",2);q([a({type:String})],D.prototype,"value",2);q([a({type:String,reflect:!0})],D.prototype,"inputId",2);q([Ce("input")],D.prototype,"inputEl",2);D=q([g("o-radio")],D);var Oi=Object.getOwnPropertyDescriptor,Ii=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let qt=class extends
|
|
2750
|
+
`;q([a({type:Boolean,reflect:!0})],D.prototype,"checked",2);q([a({type:Boolean,reflect:!0})],D.prototype,"disabled",2);q([a({type:String,reflect:!0})],D.prototype,"size",2);q([a({type:Boolean})],D.prototype,"showLabel",2);q([a({type:String})],D.prototype,"label",2);q([a({type:String})],D.prototype,"name",2);q([a({type:String})],D.prototype,"value",2);q([a({type:String,reflect:!0})],D.prototype,"inputId",2);q([Ce("input")],D.prototype,"inputEl",2);D=q([g("o-radio")],D);var Oi=Object.getOwnPropertyDescriptor,Ii=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let qt=class extends u{render(){return l`
|
|
2751
2751
|
<nav aria-label="Breadcrumbs">
|
|
2752
2752
|
<ul>
|
|
2753
2753
|
<slot></slot>
|
|
@@ -2764,7 +2764,7 @@
|
|
|
2764
2764
|
margin: var(--spacing-4-xs);
|
|
2765
2765
|
padding: var(--spacing-4-xs);
|
|
2766
2766
|
}
|
|
2767
|
-
`;qt=Ii([g("o-breadcrumbs")],qt);var Di=Object.defineProperty,Hi=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?Hi(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&&Di(t,e,i),i};let St=class extends
|
|
2767
|
+
`;qt=Ii([g("o-breadcrumbs")],qt);var Di=Object.defineProperty,Hi=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?Hi(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&&Di(t,e,i),i};let St=class extends u{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){return this.active?l`<span aria-current="page"><slot></slot></span>`:l`
|
|
2768
2768
|
<li>
|
|
2769
2769
|
<a
|
|
2770
2770
|
href="${this.href}"
|
|
@@ -2813,7 +2813,7 @@
|
|
|
2813
2813
|
:host(.a--tabfocus) {
|
|
2814
2814
|
outline: none !important;
|
|
2815
2815
|
}
|
|
2816
|
-
`;re([a({type:String})],St.prototype,"href",2);re([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=re([g("o-breadcrumb")],St);var Ti=Object.defineProperty,Mi=Object.getOwnPropertyDescriptor,ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Mi(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 et=class extends
|
|
2816
|
+
`;re([a({type:String})],St.prototype,"href",2);re([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=re([g("o-breadcrumb")],St);var Ti=Object.defineProperty,Mi=Object.getOwnPropertyDescriptor,ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Mi(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 et=class extends u{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1}render(){return l`<div class="card">
|
|
2817
2817
|
<svg aria-hidden="true">
|
|
2818
2818
|
<defs>
|
|
2819
2819
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -2976,7 +2976,7 @@
|
|
|
2976
2976
|
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
|
|
2977
2977
|
id="path52"
|
|
2978
2978
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2979
|
-
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,C=(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
|
|
2979
|
+
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,C=(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 u{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.hideHeaderOnScroll=!1,this._labelId=`title-${Math.random().toString(36).slice(2)}`,this._headerHidden=!1,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")},this._onScroll=t=>{if(!this.hideHeaderOnScroll||!this.open)return;const i=t.target.scrollTop>50;i!==this._headerHidden&&(this._headerHidden=i,this.requestUpdate())}}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),this._onScroll=this._onScroll.bind(this),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),this._removeScrollListener(),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")){if(this.lockScroll){const e=document==null?void 0:document.body;e&&(e.style.overflow=this.open&&!this.ispagedesigner?"hidden":"")}this.open?this.updateComplete.then(()=>{var n;(n=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||n.focus(),this._setupScrollListener(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):(this._removeScrollListener(),this._headerHidden=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}(t.has("hideHeaderOnScroll")||t.has("open"))&&(this.open?this._setupScrollListener():this._removeScrollListener())}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_setupScrollListener(){this.hideHeaderOnScroll&&(this._removeScrollListener(),this.updateComplete.then(()=>{const t=this.renderRoot.querySelector('main[part="body"]');t&&t.addEventListener("scroll",this._onScroll,{passive:!0})}))}_removeScrollListener(){const t=this.renderRoot.querySelector('main[part="body"]');t&&t.removeEventListener("scroll",this._onScroll)}_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`
|
|
2980
2980
|
<o-icon-button
|
|
2981
2981
|
data-close-btn
|
|
2982
2982
|
icon="cross"
|
|
@@ -3163,7 +3163,7 @@
|
|
|
3163
3163
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3164
3164
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3165
3165
|
}
|
|
3166
|
-
`;let
|
|
3166
|
+
`;let w=ae;C([a({type:Boolean,reflect:!0})],w.prototype,"ispagedesigner",2);C([a({type:String,reflect:!0})],w.prototype,"classPopin",1);C([a({type:Boolean,reflect:!0})],w.prototype,"open",2);C([a({type:String,reflect:!0})],w.prototype,"background",2);C([a({type:String,attribute:"background-url",reflect:!0})],w.prototype,"backgroundUrl",2);C([a({type:Boolean,attribute:"close-on-esc"})],w.prototype,"closeOnEsc",2);C([a({type:Boolean,attribute:"close-on-backdrop"})],w.prototype,"closeOnBackdrop",2);C([a({type:Boolean,attribute:"lock-scroll"})],w.prototype,"lockScroll",2);C([a({type:String,reflect:!0})],w.prototype,"variant",2);C([a({type:String,attribute:"max-width"})],w.prototype,"maxWidth",2);C([a({type:Boolean,reflect:!0})],w.prototype,"showBackButton",2);C([a({type:Boolean,reflect:!0})],w.prototype,"contrast",2);C([a({type:String,reflect:!0})],w.prototype,"iconSize",2);C([a({type:Boolean,attribute:"hide-header-on-scroll"})],w.prototype,"hideHeaderOnScroll",2);C([W()],w.prototype,"_labelId",2);C([W()],w.prototype,"_headerHidden",2);customElements.define("o-popin",w);var Ui=Object.defineProperty,Ni=Object.getOwnPropertyDescriptor,$=(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 u{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`
|
|
3167
3167
|
<o-icon-button
|
|
3168
3168
|
@click=${this.onClickIcons}
|
|
3169
3169
|
icon=${this.type==="notifyme"?"notifyme":"cart"}
|
package/index.mjs
CHANGED
|
@@ -294,10 +294,10 @@ 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
|
|
298
|
-
for (; V < h.length && (s.lastIndex = V, _ = s.exec(h), _ !== null); ) V = 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,
|
|
297
|
+
let x, _, v = -1, V = 0;
|
|
298
|
+
for (; V < h.length && (s.lastIndex = V, _ = s.exec(h), _ !== null); ) V = 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 Y = s === it && o[c + 1].startsWith("/>") ? " " : "";
|
|
300
|
-
r += s === ft ? h + Te : v >= 0 ? (n.push(
|
|
300
|
+
r += s === ft ? h + Te : v >= 0 ? (n.push(x), h.slice(0, v) + we + h.slice(v) + J + Y) : h + J + (v === -2 ? c : Y);
|
|
301
301
|
}
|
|
302
302
|
return [_e(o, r + (o[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), n];
|
|
303
303
|
};
|
|
@@ -306,8 +306,8 @@ 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, [
|
|
310
|
-
if (this.el = xt.createElement(
|
|
309
|
+
const c = t.length - 1, h = this.parts, [x, _] = Fe(t, e);
|
|
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);
|
|
313
313
|
}
|
|
@@ -361,8 +361,8 @@ class Re {
|
|
|
361
361
|
let r = nt.nextNode(), s = 0, c = 0, h = n[0];
|
|
362
362
|
for (; h !== void 0; ) {
|
|
363
363
|
if (s === h.index) {
|
|
364
|
-
let
|
|
365
|
-
h.type === 2 ?
|
|
364
|
+
let x;
|
|
365
|
+
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 Ve(r, this, t)), this._$AV.push(x), h = n[++c];
|
|
366
366
|
}
|
|
367
367
|
s !== (h == null ? void 0 : h.index) && (r = nt.nextNode(), s++);
|
|
368
368
|
}
|
|
@@ -452,8 +452,8 @@ class Ot {
|
|
|
452
452
|
if (r === void 0) t = ht(this, t, e, 0), s = !mt(t) || t !== this._$AH && t !== tt, s && (this._$AH = t);
|
|
453
453
|
else {
|
|
454
454
|
const c = t;
|
|
455
|
-
let h,
|
|
456
|
-
for (t = r[0], h = 0; h < r.length - 1; h++)
|
|
455
|
+
let h, x;
|
|
456
|
+
for (t = r[0], h = 0; h < r.length - 1; h++) x = ht(this, c[n + h], e, h), x === tt && (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;
|
|
457
457
|
}
|
|
458
458
|
s && !i && this.j(t);
|
|
459
459
|
}
|
|
@@ -519,7 +519,7 @@ const Ze = (o, t, e) => {
|
|
|
519
519
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
520
520
|
*/
|
|
521
521
|
const rt = globalThis;
|
|
522
|
-
let
|
|
522
|
+
let u = class extends ct {
|
|
523
523
|
constructor() {
|
|
524
524
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
525
525
|
}
|
|
@@ -545,9 +545,9 @@ let p = class extends ct {
|
|
|
545
545
|
}
|
|
546
546
|
};
|
|
547
547
|
var me;
|
|
548
|
-
|
|
548
|
+
u._$litElement$ = !0, u.finalized = !0, (me = rt.litElementHydrateSupport) == null || me.call(rt, { LitElement: u });
|
|
549
549
|
const jt = rt.litElementPolyfillSupport;
|
|
550
|
-
jt == null || jt({ LitElement:
|
|
550
|
+
jt == null || jt({ LitElement: u });
|
|
551
551
|
(rt.litElementVersions ?? (rt.litElementVersions = [])).push("4.2.0");
|
|
552
552
|
/**
|
|
553
553
|
* @license
|
|
@@ -1062,7 +1062,7 @@ var jo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, R = (o, t,
|
|
|
1062
1062
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1063
1063
|
return n && i && jo(t, e, i), i;
|
|
1064
1064
|
};
|
|
1065
|
-
let B = class extends
|
|
1065
|
+
let B = class extends u {
|
|
1066
1066
|
constructor() {
|
|
1067
1067
|
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 = "";
|
|
1068
1068
|
}
|
|
@@ -1308,7 +1308,7 @@ var Ro = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, b = (o, t,
|
|
|
1308
1308
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1309
1309
|
return n && i && Ro(t, e, i), i;
|
|
1310
1310
|
};
|
|
1311
|
-
let
|
|
1311
|
+
let p = class extends u {
|
|
1312
1312
|
constructor() {
|
|
1313
1313
|
super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.headerTitleClassName = "panel-title", this.labelDialog = "", this.addToBagProductCount = "", 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) => {
|
|
1314
1314
|
var e, n;
|
|
@@ -1393,14 +1393,31 @@ let u = class extends p {
|
|
|
1393
1393
|
return t;
|
|
1394
1394
|
}
|
|
1395
1395
|
trapFocus(o) {
|
|
1396
|
+
var i;
|
|
1396
1397
|
if (o.key !== "Tab") return;
|
|
1397
|
-
const t = this.
|
|
1398
|
-
if (!
|
|
1398
|
+
const t = this.shadowRoot;
|
|
1399
|
+
if (!t) return;
|
|
1400
|
+
const e = this.getDeepActiveElement();
|
|
1401
|
+
if (this.showDetail) {
|
|
1402
|
+
const r = t.querySelector(".detail-view .return-btn"), s = t.querySelector(".detail-view .close-btn"), c = r ? this.resolveFocusable(r) : null, h = s ? this.resolveFocusable(s) : null;
|
|
1403
|
+
if (o.shiftKey && c && e === c && h) {
|
|
1404
|
+
o.preventDefault(), o.stopPropagation(), h.focus({ preventScroll: !0 });
|
|
1405
|
+
return;
|
|
1406
|
+
}
|
|
1407
|
+
if (!o.shiftKey && h && e === h) {
|
|
1408
|
+
o.preventDefault(), o.stopPropagation(), (((i = t.querySelector(".detail-scroller")) == null ? void 0 : i.querySelector(
|
|
1409
|
+
p.focusablesSelector
|
|
1410
|
+
)) ?? c ?? h).focus({ preventScroll: !0 });
|
|
1411
|
+
return;
|
|
1412
|
+
}
|
|
1413
|
+
}
|
|
1414
|
+
const n = this.renderRoot.querySelector(".close-btn");
|
|
1415
|
+
if (!o.shiftKey && n && n.contains(e)) {
|
|
1399
1416
|
o.preventDefault();
|
|
1400
|
-
const
|
|
1417
|
+
const r = this.renderRoot.querySelector(
|
|
1401
1418
|
".o-whats-inside--content p"
|
|
1402
1419
|
);
|
|
1403
|
-
|
|
1420
|
+
r == null || r.focus();
|
|
1404
1421
|
}
|
|
1405
1422
|
}
|
|
1406
1423
|
getFocusableElements() {
|
|
@@ -1411,7 +1428,7 @@ let u = class extends p {
|
|
|
1411
1428
|
}
|
|
1412
1429
|
function e(i) {
|
|
1413
1430
|
var s;
|
|
1414
|
-
const r = [i.matches(
|
|
1431
|
+
const r = [i.matches(p.focusablesSelector) ? i : []];
|
|
1415
1432
|
if (!["o-icon-button", "o-button"].includes(i.tagName.toLowerCase())) {
|
|
1416
1433
|
const c = Array.from(
|
|
1417
1434
|
i instanceof HTMLSlotElement ? i.assignedElements({ flatten: !0 }) : []
|
|
@@ -1517,7 +1534,7 @@ let u = class extends p {
|
|
|
1517
1534
|
class="panel"
|
|
1518
1535
|
role="dialog"
|
|
1519
1536
|
aria-modal="true"
|
|
1520
|
-
aria-
|
|
1537
|
+
aria-label="panel-title"
|
|
1521
1538
|
style="z-index: ${this.zIndex + 1}"
|
|
1522
1539
|
tabindex="-1"
|
|
1523
1540
|
>
|
|
@@ -1568,7 +1585,7 @@ let u = class extends p {
|
|
|
1568
1585
|
`;
|
|
1569
1586
|
}
|
|
1570
1587
|
};
|
|
1571
|
-
|
|
1588
|
+
p.styles = f`
|
|
1572
1589
|
:host {
|
|
1573
1590
|
--z-overlay: 99;
|
|
1574
1591
|
--z-panel: 100;
|
|
@@ -1804,91 +1821,91 @@ u.styles = f`
|
|
|
1804
1821
|
box-sizing: border-box;
|
|
1805
1822
|
}
|
|
1806
1823
|
`;
|
|
1807
|
-
|
|
1808
|
-
|
|
1809
|
-
|
|
1810
|
-
...
|
|
1824
|
+
p.focusablesSelector = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';
|
|
1825
|
+
p.focusablesCustomElementsSelector = "o-icon-button, o-button";
|
|
1826
|
+
p.shadowRootOptions = {
|
|
1827
|
+
...u.shadowRootOptions,
|
|
1811
1828
|
// This helps send focus into the first focusable in shadow when host is focused
|
|
1812
1829
|
delegatesFocus: !0
|
|
1813
1830
|
};
|
|
1814
1831
|
b([
|
|
1815
1832
|
a({ type: Boolean, reflect: !0 })
|
|
1816
|
-
],
|
|
1833
|
+
], p.prototype, "open", 2);
|
|
1817
1834
|
b([
|
|
1818
1835
|
a({ type: Boolean, reflect: !0 })
|
|
1819
|
-
],
|
|
1836
|
+
], p.prototype, "showHeader", 2);
|
|
1820
1837
|
b([
|
|
1821
1838
|
a({ type: Boolean, reflect: !0 })
|
|
1822
|
-
],
|
|
1839
|
+
], p.prototype, "showFooter", 2);
|
|
1823
1840
|
b([
|
|
1824
1841
|
a({ type: Boolean, reflect: !0 })
|
|
1825
|
-
],
|
|
1842
|
+
], p.prototype, "showHeaderStartIcon", 2);
|
|
1826
1843
|
b([
|
|
1827
1844
|
a({ type: String, reflect: !0 })
|
|
1828
|
-
],
|
|
1845
|
+
], p.prototype, "headerTitle", 2);
|
|
1829
1846
|
b([
|
|
1830
1847
|
a({ type: String, reflect: !0 })
|
|
1831
|
-
],
|
|
1848
|
+
], p.prototype, "headerTitleClassName", 2);
|
|
1832
1849
|
b([
|
|
1833
1850
|
a({ type: String, reflect: !0 })
|
|
1834
|
-
],
|
|
1851
|
+
], p.prototype, "labelDialog", 2);
|
|
1835
1852
|
b([
|
|
1836
1853
|
a({ type: String, reflect: !0 })
|
|
1837
|
-
],
|
|
1854
|
+
], p.prototype, "addToBagProductCount", 2);
|
|
1838
1855
|
b([
|
|
1839
1856
|
a({ type: String, reflect: !0 })
|
|
1840
|
-
],
|
|
1857
|
+
], p.prototype, "closeButtonLabel", 2);
|
|
1841
1858
|
b([
|
|
1842
1859
|
a({ type: String, reflect: !0 })
|
|
1843
|
-
],
|
|
1860
|
+
], p.prototype, "goBackButtonLabel", 2);
|
|
1844
1861
|
b([
|
|
1845
1862
|
a({ type: String, reflect: !0 })
|
|
1846
|
-
],
|
|
1863
|
+
], p.prototype, "firstButtonLabel", 2);
|
|
1847
1864
|
b([
|
|
1848
1865
|
a({ type: String, reflect: !0 })
|
|
1849
|
-
],
|
|
1866
|
+
], p.prototype, "firstButtonVariant", 2);
|
|
1850
1867
|
b([
|
|
1851
1868
|
a({ type: Object, reflect: !0 })
|
|
1852
|
-
],
|
|
1869
|
+
], p.prototype, "firstButtonProps", 2);
|
|
1853
1870
|
b([
|
|
1854
1871
|
a({ type: Boolean, reflect: !0 })
|
|
1855
|
-
],
|
|
1872
|
+
], p.prototype, "onFirstButtonClickClose", 2);
|
|
1856
1873
|
b([
|
|
1857
1874
|
a({ type: String, reflect: !0 })
|
|
1858
|
-
],
|
|
1875
|
+
], p.prototype, "secondButtonLabel", 2);
|
|
1859
1876
|
b([
|
|
1860
1877
|
a({ type: String, reflect: !0 })
|
|
1861
|
-
],
|
|
1878
|
+
], p.prototype, "secondButtonVariant", 2);
|
|
1862
1879
|
b([
|
|
1863
1880
|
a({ type: Object, reflect: !0 })
|
|
1864
|
-
],
|
|
1881
|
+
], p.prototype, "secondButtonProps", 2);
|
|
1865
1882
|
b([
|
|
1866
1883
|
a({ type: Boolean, reflect: !0 })
|
|
1867
|
-
],
|
|
1884
|
+
], p.prototype, "onSecondButtonClickClose", 2);
|
|
1868
1885
|
b([
|
|
1869
1886
|
a({ type: Boolean, reflect: !0 })
|
|
1870
|
-
],
|
|
1887
|
+
], p.prototype, "disablePortal", 2);
|
|
1871
1888
|
b([
|
|
1872
1889
|
a({ type: Number, reflect: !0 })
|
|
1873
|
-
],
|
|
1890
|
+
], p.prototype, "zIndex", 2);
|
|
1874
1891
|
b([
|
|
1875
1892
|
a({ type: Boolean, reflect: !0 })
|
|
1876
|
-
],
|
|
1893
|
+
], p.prototype, "initialized", 2);
|
|
1877
1894
|
b([
|
|
1878
1895
|
a({ type: Boolean })
|
|
1879
|
-
],
|
|
1896
|
+
], p.prototype, "showDetail", 2);
|
|
1880
1897
|
b([
|
|
1881
1898
|
a({ type: Boolean })
|
|
1882
|
-
],
|
|
1883
|
-
|
|
1899
|
+
], p.prototype, "isHidingDetail", 2);
|
|
1900
|
+
p = b([
|
|
1884
1901
|
g("o-side-panel")
|
|
1885
|
-
],
|
|
1902
|
+
], p);
|
|
1886
1903
|
var No = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, k = (o, t, e, n) => {
|
|
1887
1904
|
for (var i = n > 1 ? void 0 : n ? qo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1888
1905
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1889
1906
|
return n && i && No(t, e, i), i;
|
|
1890
1907
|
};
|
|
1891
|
-
const Vo = Xt(
|
|
1908
|
+
const Vo = Xt(u);
|
|
1892
1909
|
let y = class extends Vo {
|
|
1893
1910
|
constructor() {
|
|
1894
1911
|
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;
|
|
@@ -1905,7 +1922,7 @@ let y = class extends Vo {
|
|
|
1905
1922
|
handleClick(o) {
|
|
1906
1923
|
if (!(o instanceof KeyboardEvent && !["Enter", " "].includes(o.key)) && this.panelTarget) {
|
|
1907
1924
|
const t = document.getElementById(this.panelTarget);
|
|
1908
|
-
t instanceof
|
|
1925
|
+
t instanceof p && (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.`);
|
|
1909
1926
|
}
|
|
1910
1927
|
}
|
|
1911
1928
|
render() {
|
|
@@ -2222,7 +2239,7 @@ var Zo = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, It = (o, t
|
|
|
2222
2239
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2223
2240
|
return n && i && Zo(t, e, i), i;
|
|
2224
2241
|
};
|
|
2225
|
-
let dt = class extends
|
|
2242
|
+
let dt = class extends u {
|
|
2226
2243
|
constructor() {
|
|
2227
2244
|
super(...arguments), this.status = "empty", this.ariaDescribedBy = "a-product-name", this.label = "Add to wishlist", this.toggleStatus = () => {
|
|
2228
2245
|
this.status = this.status === "empty" ? "filled" : "empty", this.setAttribute("aria-pressed", String(this.status === "filled")), this.dispatchEvent(new CustomEvent("wishlist-toggle", {
|
|
@@ -2345,7 +2362,7 @@ var Wo = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, lt = (o, t
|
|
|
2345
2362
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2346
2363
|
return n && i && Wo(t, e, i), i;
|
|
2347
2364
|
};
|
|
2348
|
-
let K = class extends
|
|
2365
|
+
let K = class extends u {
|
|
2349
2366
|
constructor() {
|
|
2350
2367
|
super(...arguments), this.href = "", this.target = "", this.template = "standard", this.inverse = !1, this.endIcon = !1, this.reverseEndIcon = !1;
|
|
2351
2368
|
}
|
|
@@ -2492,7 +2509,7 @@ var Xo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Dt = (o, t
|
|
|
2492
2509
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2493
2510
|
return n && i && Xo(t, e, i), i;
|
|
2494
2511
|
};
|
|
2495
|
-
let pt = class extends
|
|
2512
|
+
let pt = class extends u {
|
|
2496
2513
|
constructor() {
|
|
2497
2514
|
super(...arguments), this.rating = 0;
|
|
2498
2515
|
}
|
|
@@ -2570,7 +2587,7 @@ var Jo = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ot = (o, t
|
|
|
2570
2587
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2571
2588
|
return n && i && Jo(t, e, i), i;
|
|
2572
2589
|
};
|
|
2573
|
-
let F = class extends
|
|
2590
|
+
let F = class extends u {
|
|
2574
2591
|
constructor() {
|
|
2575
2592
|
super(...arguments), this.thumbnails = [], this.activeIndex = 0, this.disabledIndexes = [], this.maxWidth = "100%", this.altressource = "visual", this.focusedIndex = 0, this.playerIconTemplate = l`
|
|
2576
2593
|
<o-icon-button
|
|
@@ -2795,7 +2812,7 @@ var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, te = (o, t
|
|
|
2795
2812
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2796
2813
|
return n && i && ti(t, e, i), i;
|
|
2797
2814
|
};
|
|
2798
|
-
let wt = class extends
|
|
2815
|
+
let wt = class extends u {
|
|
2799
2816
|
constructor() {
|
|
2800
2817
|
super(...arguments), this.type = "", this.bgstyle = "background-white";
|
|
2801
2818
|
}
|
|
@@ -2879,7 +2896,7 @@ var oi = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, ee = (o, t
|
|
|
2879
2896
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
2880
2897
|
return n && i && oi(t, e, i), i;
|
|
2881
2898
|
};
|
|
2882
|
-
let $t = class extends
|
|
2899
|
+
let $t = class extends u {
|
|
2883
2900
|
constructor() {
|
|
2884
2901
|
super(...arguments), this.type = "top", this.text = "";
|
|
2885
2902
|
}
|
|
@@ -2999,7 +3016,7 @@ var ni = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, G = (o, t,
|
|
|
2999
3016
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3000
3017
|
return n && i && ni(t, e, i), i;
|
|
3001
3018
|
};
|
|
3002
|
-
let T = class extends
|
|
3019
|
+
let T = class extends u {
|
|
3003
3020
|
constructor() {
|
|
3004
3021
|
super(...arguments), this.options = [], this.value = "", this.name = "", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
|
|
3005
3022
|
this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
|
|
@@ -3293,7 +3310,7 @@ var si = Object.getOwnPropertyDescriptor, ai = (o, t, e, n) => {
|
|
|
3293
3310
|
(s = o[r]) && (i = s(i) || i);
|
|
3294
3311
|
return i;
|
|
3295
3312
|
};
|
|
3296
|
-
let Nt = class extends
|
|
3313
|
+
let Nt = class extends u {
|
|
3297
3314
|
render() {
|
|
3298
3315
|
return l` <span class="dots"></span> `;
|
|
3299
3316
|
}
|
|
@@ -3349,7 +3366,7 @@ var li = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, U = (o, t,
|
|
|
3349
3366
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3350
3367
|
return n && i && li(t, e, i), i;
|
|
3351
3368
|
};
|
|
3352
|
-
let z = class extends
|
|
3369
|
+
let z = class extends u {
|
|
3353
3370
|
constructor() {
|
|
3354
3371
|
super(...arguments), this.options = [], this.value = "", this.name = "", this.additionaltext = "+X variant(s)", this.disabled = !1, this.width = "100%", this.open = !1, this.activeIndex = -1, this.menuWidth = "", this._handleOutsideClick = (o) => {
|
|
3355
3372
|
this.contains(o.target) || (this.open = !1, this.activeIndex = -1);
|
|
@@ -3728,7 +3745,7 @@ var pi = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, oe = (o, t
|
|
|
3728
3745
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3729
3746
|
return n && i && pi(t, e, i), i;
|
|
3730
3747
|
};
|
|
3731
|
-
let kt = class extends
|
|
3748
|
+
let kt = class extends u {
|
|
3732
3749
|
constructor() {
|
|
3733
3750
|
super(...arguments), this.option = {}, this.imageSize = 64;
|
|
3734
3751
|
}
|
|
@@ -3845,7 +3862,7 @@ var fi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, X = (o, t,
|
|
|
3845
3862
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3846
3863
|
return n && i && fi(t, e, i), i;
|
|
3847
3864
|
};
|
|
3848
|
-
const gi = Xt(
|
|
3865
|
+
const gi = Xt(u);
|
|
3849
3866
|
let O = class extends gi {
|
|
3850
3867
|
constructor() {
|
|
3851
3868
|
super(...arguments), this.link = "", this.name = "", this.value = "", this.text = "", this.size = "standard", this.selected = !1, this.fullwidth = !1, this.inactive = !1;
|
|
@@ -3864,7 +3881,7 @@ let O = class extends gi {
|
|
|
3864
3881
|
</a>
|
|
3865
3882
|
` : l`
|
|
3866
3883
|
<button type="button" class="button" @click=${this.handleClick}
|
|
3867
|
-
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
3884
|
+
aria-label=${this.ariaLabel || d} aria-pressed=${this.selected}>
|
|
3868
3885
|
${o ? this.text : l`<slot></slot>`}
|
|
3869
3886
|
</button>
|
|
3870
3887
|
`;
|
|
@@ -3996,7 +4013,7 @@ var bi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ie = (o, t
|
|
|
3996
4013
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
3997
4014
|
return n && i && bi(t, e, i), i;
|
|
3998
4015
|
};
|
|
3999
|
-
let _t = class extends
|
|
4016
|
+
let _t = class extends u {
|
|
4000
4017
|
constructor() {
|
|
4001
4018
|
super(), this.name = "", this.value = "", this.addEventListener("selected", this.onChipSelected);
|
|
4002
4019
|
}
|
|
@@ -4034,7 +4051,7 @@ var mi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, N = (o, t,
|
|
|
4034
4051
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4035
4052
|
return n && i && mi(t, e, i), i;
|
|
4036
4053
|
};
|
|
4037
|
-
const wi = Xt(
|
|
4054
|
+
const wi = Xt(u);
|
|
4038
4055
|
let I = class extends wi {
|
|
4039
4056
|
constructor() {
|
|
4040
4057
|
super(...arguments), this.name = "", this.value = "", this.type = "", this.text = "", this.selected = !1, this.disabled = !1, this.fullwidth = !1, this.crossIconName = "cross", this.strikethroughImgName = "strikeDiagonal";
|
|
@@ -4064,7 +4081,7 @@ let I = class extends wi {
|
|
|
4064
4081
|
const o = this.text;
|
|
4065
4082
|
return l`${this.type === "link" ? l`
|
|
4066
4083
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
4067
|
-
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
4084
|
+
aria-label=${this.ariaLabel || d} aria-pressed=${this.selected}>
|
|
4068
4085
|
${o ? l`
|
|
4069
4086
|
${this.text ? l`<span class="text">${this.text}</span>` : d}
|
|
4070
4087
|
` : l`
|
|
@@ -4243,7 +4260,7 @@ var $i = Object.defineProperty, M = (o, t, e, n) => {
|
|
|
4243
4260
|
(s = o[r]) && (i = s(t, e, i) || i);
|
|
4244
4261
|
return i && $i(t, e, i), i;
|
|
4245
4262
|
};
|
|
4246
|
-
const se = class se extends
|
|
4263
|
+
const se = class se extends u {
|
|
4247
4264
|
constructor() {
|
|
4248
4265
|
super(...arguments), this.type = "cart | chevron", this.titleProduct = "", this.volume = "", this.perLiter = "", this.mainPrice = "", this.imageUrl = "https://placehold.co/56x70", this.altImage = "", this.fullwidth = !1, this.tagText = "";
|
|
4249
4266
|
}
|
|
@@ -4462,7 +4479,7 @@ var ki = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, ne = (o, t
|
|
|
4462
4479
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4463
4480
|
return n && i && ki(t, e, i), i;
|
|
4464
4481
|
};
|
|
4465
|
-
let Ct = class extends
|
|
4482
|
+
let Ct = class extends u {
|
|
4466
4483
|
constructor() {
|
|
4467
4484
|
super(...arguments), this.variant = "cart", this.text = "";
|
|
4468
4485
|
}
|
|
@@ -4523,7 +4540,7 @@ var Ci = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, H = (o, t,
|
|
|
4523
4540
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4524
4541
|
return n && i && Ci(t, e, i), i;
|
|
4525
4542
|
};
|
|
4526
|
-
let L = class extends
|
|
4543
|
+
let L = class extends u {
|
|
4527
4544
|
constructor() {
|
|
4528
4545
|
super(...arguments), this.icon = "info", this.text = "Sample text", this.verticalanchor = "top", this.horizontalanchor = "right", this.verticaloffset = 24, this.horizontaloffset = 24, this.animationduration = 500, this.animationaxis = "horizontal", this.animated = !0, this.lifeduration = 5e3, this.multiline = !1;
|
|
4529
4546
|
}
|
|
@@ -4706,7 +4723,7 @@ var Ei = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, j = (o, t,
|
|
|
4706
4723
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4707
4724
|
return n && i && Ei(t, e, i), i;
|
|
4708
4725
|
};
|
|
4709
|
-
let Ai = 0, A = class extends
|
|
4726
|
+
let Ai = 0, A = class extends u {
|
|
4710
4727
|
constructor() {
|
|
4711
4728
|
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-${++Ai}`);
|
|
4712
4729
|
}
|
|
@@ -4887,7 +4904,7 @@ var Pi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, q = (o, t,
|
|
|
4887
4904
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4888
4905
|
return n && i && Pi(t, e, i), i;
|
|
4889
4906
|
};
|
|
4890
|
-
let zi = 0, D = class extends
|
|
4907
|
+
let zi = 0, D = class extends u {
|
|
4891
4908
|
constructor() {
|
|
4892
4909
|
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}`);
|
|
4893
4910
|
}
|
|
@@ -5046,7 +5063,7 @@ var Oi = Object.getOwnPropertyDescriptor, Ii = (o, t, e, n) => {
|
|
|
5046
5063
|
(s = o[r]) && (i = s(i) || i);
|
|
5047
5064
|
return i;
|
|
5048
5065
|
};
|
|
5049
|
-
let qt = class extends
|
|
5066
|
+
let qt = class extends u {
|
|
5050
5067
|
render() {
|
|
5051
5068
|
return l`
|
|
5052
5069
|
<nav aria-label="Breadcrumbs">
|
|
@@ -5077,7 +5094,7 @@ var Di = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, re = (o, t
|
|
|
5077
5094
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5078
5095
|
return n && i && Di(t, e, i), i;
|
|
5079
5096
|
};
|
|
5080
|
-
let St = class extends
|
|
5097
|
+
let St = class extends u {
|
|
5081
5098
|
constructor() {
|
|
5082
5099
|
super(...arguments), this.href = "", this.active = !1;
|
|
5083
5100
|
}
|
|
@@ -5152,7 +5169,7 @@ var Ti = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ut = (o, t
|
|
|
5152
5169
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5153
5170
|
return n && i && Ti(t, e, i), i;
|
|
5154
5171
|
};
|
|
5155
|
-
let et = class extends
|
|
5172
|
+
let et = class extends u {
|
|
5156
5173
|
constructor() {
|
|
5157
5174
|
super(...arguments), this.imageUrl = "", this.imageAlt = "", this.hoverUrl = "", this.hoverAlt = "", this.dimmed = !1;
|
|
5158
5175
|
}
|
|
@@ -5348,7 +5365,7 @@ var Fi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, C = (o, t,
|
|
|
5348
5365
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5349
5366
|
return n && i && Fi(t, e, i), i;
|
|
5350
5367
|
};
|
|
5351
|
-
const ae = class ae extends
|
|
5368
|
+
const ae = class ae extends u {
|
|
5352
5369
|
constructor() {
|
|
5353
5370
|
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.hideHeaderOnScroll = !1, this._labelId = `title-${Math.random().toString(36).slice(2)}`, this._headerHidden = !1, this._onBackdropClick = (t) => {
|
|
5354
5371
|
var n;
|
|
@@ -5613,62 +5630,62 @@ ae.styles = f`
|
|
|
5613
5630
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
5614
5631
|
}
|
|
5615
5632
|
`;
|
|
5616
|
-
let
|
|
5633
|
+
let w = ae;
|
|
5617
5634
|
C([
|
|
5618
5635
|
a({ type: Boolean, reflect: !0 })
|
|
5619
|
-
],
|
|
5636
|
+
], w.prototype, "ispagedesigner", 2);
|
|
5620
5637
|
C([
|
|
5621
5638
|
a({ type: String, reflect: !0 })
|
|
5622
|
-
],
|
|
5639
|
+
], w.prototype, "classPopin", 1);
|
|
5623
5640
|
C([
|
|
5624
5641
|
a({ type: Boolean, reflect: !0 })
|
|
5625
|
-
],
|
|
5642
|
+
], w.prototype, "open", 2);
|
|
5626
5643
|
C([
|
|
5627
5644
|
a({ type: String, reflect: !0 })
|
|
5628
|
-
],
|
|
5645
|
+
], w.prototype, "background", 2);
|
|
5629
5646
|
C([
|
|
5630
5647
|
a({ type: String, attribute: "background-url", reflect: !0 })
|
|
5631
|
-
],
|
|
5648
|
+
], w.prototype, "backgroundUrl", 2);
|
|
5632
5649
|
C([
|
|
5633
5650
|
a({ type: Boolean, attribute: "close-on-esc" })
|
|
5634
|
-
],
|
|
5651
|
+
], w.prototype, "closeOnEsc", 2);
|
|
5635
5652
|
C([
|
|
5636
5653
|
a({ type: Boolean, attribute: "close-on-backdrop" })
|
|
5637
|
-
],
|
|
5654
|
+
], w.prototype, "closeOnBackdrop", 2);
|
|
5638
5655
|
C([
|
|
5639
5656
|
a({ type: Boolean, attribute: "lock-scroll" })
|
|
5640
|
-
],
|
|
5657
|
+
], w.prototype, "lockScroll", 2);
|
|
5641
5658
|
C([
|
|
5642
5659
|
a({ type: String, reflect: !0 })
|
|
5643
|
-
],
|
|
5660
|
+
], w.prototype, "variant", 2);
|
|
5644
5661
|
C([
|
|
5645
5662
|
a({ type: String, attribute: "max-width" })
|
|
5646
|
-
],
|
|
5663
|
+
], w.prototype, "maxWidth", 2);
|
|
5647
5664
|
C([
|
|
5648
5665
|
a({ type: Boolean, reflect: !0 })
|
|
5649
|
-
],
|
|
5666
|
+
], w.prototype, "showBackButton", 2);
|
|
5650
5667
|
C([
|
|
5651
5668
|
a({ type: Boolean, reflect: !0 })
|
|
5652
|
-
],
|
|
5669
|
+
], w.prototype, "contrast", 2);
|
|
5653
5670
|
C([
|
|
5654
5671
|
a({ type: String, reflect: !0 })
|
|
5655
|
-
],
|
|
5672
|
+
], w.prototype, "iconSize", 2);
|
|
5656
5673
|
C([
|
|
5657
5674
|
a({ type: Boolean, attribute: "hide-header-on-scroll" })
|
|
5658
|
-
],
|
|
5675
|
+
], w.prototype, "hideHeaderOnScroll", 2);
|
|
5659
5676
|
C([
|
|
5660
5677
|
W()
|
|
5661
|
-
],
|
|
5678
|
+
], w.prototype, "_labelId", 2);
|
|
5662
5679
|
C([
|
|
5663
5680
|
W()
|
|
5664
|
-
],
|
|
5665
|
-
customElements.define("o-popin",
|
|
5681
|
+
], w.prototype, "_headerHidden", 2);
|
|
5682
|
+
customElements.define("o-popin", w);
|
|
5666
5683
|
var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, $ = (o, t, e, n) => {
|
|
5667
5684
|
for (var i = n > 1 ? void 0 : n ? Ni(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
5668
5685
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
5669
5686
|
return n && i && Ui(t, e, i), i;
|
|
5670
5687
|
};
|
|
5671
|
-
let m = class extends
|
|
5688
|
+
let m = class extends u {
|
|
5672
5689
|
constructor() {
|
|
5673
5690
|
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 = "";
|
|
5674
5691
|
}
|