@florid-kit/components 0.10.28 → 0.10.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/side-panel.d.ts +1 -0
- package/css.d.ts +1 -0
- package/index.js +124 -122
- package/index.mjs +341 -335
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const Lt=globalThis,Vt=Lt.ShadowRoot&&(Lt.ShadyCSS===void 0||Lt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Zt=Symbol(),le=new WeakMap;let xe=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Zt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Vt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=le.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&le.set(e,t))}return t}toString(){return this.cssText}};const
|
|
5
|
+
*/const Lt=globalThis,Vt=Lt.ShadowRoot&&(Lt.ShadyCSS===void 0||Lt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Zt=Symbol(),le=new WeakMap;let xe=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Zt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(Vt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=le.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&le.set(e,t))}return t}toString(){return this.cssText}};const Le=o=>new xe(typeof o=="string"?o:o+"",void 0,Zt),f=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new xe(e,o,Zt)},Pe=(o,t)=>{if(Vt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=Lt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},ce=Vt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return Le(e)})(o):o;/**
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:Be,defineProperty:
|
|
9
|
+
*/const{is:Be,defineProperty:ze,getOwnPropertyDescriptor:Oe,getOwnPropertyNames:Ie,getOwnPropertySymbols:De,getPrototypeOf:He}=Object,Q=globalThis,he=Q.trustedTypes,Te=he?he.emptyScript:"",Ht=Q.reactiveElementPolyfillSupport,vt=(o,t)=>o,Pt={toAttribute(o,t){switch(t){case Boolean:o=o?Te:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Kt=(o,t)=>!Be(o,t),de={attribute:!0,type:String,converter:Pt,reflect:!1,useDefault:!1,hasChanged:Kt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Q.litPropertyMetadata??(Q.litPropertyMetadata=new WeakMap);let ct=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=de){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&ze(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=Oe(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??de}static _$Ei(){if(this.hasOwnProperty(vt("elementProperties")))return;const t=He(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(vt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(vt("properties"))){const e=this.properties,n=[...Ie(e),...De(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(ce(i))}else t!==void 0&&e.push(ce(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Pe(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:Pt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:Pt;this._$Em=i,this[i]=h.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Kt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,h=this[r];c!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};ct.elementStyles=[],ct.shadowRootOptions={mode:"open"},ct[vt("elementProperties")]=new Map,ct[vt("finalized")]=new Map,Ht==null||Ht({ReactiveElement:ct}),(Q.reactiveElementVersions??(Q.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const gt=globalThis,
|
|
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,Me=`<${$e}>`,st=document,yt=()=>st.createComment(""),mt=o=>o===null||typeof o!="object"&&typeof o!="function",Wt=Array.isArray,je=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,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ve=/'/g,ge=/"/g,ke=/^(?:script|style|textarea|title)$/i,Fe=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Fe(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 Re=(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 v,x,g=-1,V=0;for(;V<h.length&&(s.lastIndex=V,x=s.exec(h),x!==null);)V=s.lastIndex,s===ft?x[1]==="!--"?s=ue:x[1]!==void 0?s=fe:x[2]!==void 0?(ke.test(x[2])&&(i=RegExp("</"+x[2],"g")),s=it):x[3]!==void 0&&(s=it):s===it?x[0]===">"?(s=i??ft,g=-1):x[1]===void 0?g=-2:(g=s.lastIndex-x[2].length,v=x[1],s=x[3]===void 0?it:x[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+Me:g>=0?(n.push(v),h.slice(0,g)+we+h.slice(g)+J+Y):h+J+(g===-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,[v,x]=Re(t,e);if(this.el=xt.createElement(v,n),nt.currentNode=this.el.content,e===2||e===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const g of i.getAttributeNames())if(g.endsWith(we)){const V=x[s++],Y=i.getAttribute(g).split(J),At=/([.?@])?(.*)/.exec(V);h.push({type:1,index:r,name:At[2],strings:Y,ctor:At[1]==="."?Ne:At[1]==="?"?qe:At[1]==="@"?Ve:Ot}),i.removeAttribute(g)}else g.startsWith(J)&&(h.push({type:6,index:r}),i.removeAttribute(g));if(ke.test(i.tagName)){const g=i.textContent.split(J),V=g.length-1;if(V>0){i.textContent=Bt?Bt.emptyScript:"";for(let Y=0;Y<V;Y++)i.append(g[Y],yt()),nt.nextNode(),h.push({type:2,index:++r});i.append(g[V],yt())}}}else if(i.nodeType===8)if(i.data===$e)h.push({type:2,index:r});else{let g=-1;for(;(g=i.data.indexOf(J,g+1))!==-1;)h.push({type:7,index:r}),g+=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 Ue{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 v;h.type===2?v=new Et(r,r.nextSibling,this,t):h.type===1?v=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(v=new Ze(r,this,t)),this._$AV.push(v),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):je(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 Ue(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,v;for(t=r[0],h=0;h<r.length-1;h++)v=ht(this,c[n+h],e,h),v===tt&&(v=this._$AH[h]),s||(s=!mt(v)||v!==this._$AH[h]),v===d?t=d:t!==d&&(t+=(v??"")+r[h+1]),this._$AH[h]=v}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ne extends Ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class qe extends Ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ve extends Ot{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=ht(this,t,e,0)??d)===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 Ze{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 Ke=(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 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=
|
|
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=Ke(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
|
|
23
|
-
*/const
|
|
23
|
+
*/const y=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const We={attribute:!0,type:String,converter:Pt,reflect:!1,hasChanged:Kt},Ge=(o=We,t,e)=>{const{kind:n,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),n==="accessor"){const{name:s}=e;return{set(c){const h=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,h,o)},init(c){return c!==void 0&&this.C(s,void 0,o,c),c}}}if(n==="setter"){const{name:s}=e;return function(c){const h=this[s];t.call(this,c),this.requestUpdate(s,h,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?Ge(o,t,e):((n,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,n),s?Object.getOwnPropertyDescriptor(i,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -32,17 +32,29 @@
|
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/const
|
|
35
|
+
*/const Xe=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function Ce(o,t){return(e,n,i)=>{const r=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return
|
|
39
|
+
*/function Ce(o,t){return(e,n,i)=>{const r=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return Xe(e,n,{get(){return r(this)}})}}const at=f`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
|
-
`;
|
|
42
|
+
`;f`
|
|
43
43
|
:host * {
|
|
44
44
|
box-sizing: border-box;
|
|
45
45
|
}
|
|
46
|
+
`;const Se=f`
|
|
47
|
+
border: 0 !important;
|
|
48
|
+
clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
|
|
49
|
+
-webkit-clip-path: inset(50%) !important;
|
|
50
|
+
clip-path: inset(50%) !important;
|
|
51
|
+
height: 0.1rem !important;
|
|
52
|
+
margin: -0.1rem !important;
|
|
53
|
+
overflow: hidden !important;
|
|
54
|
+
padding: 0 !important;
|
|
55
|
+
position: absolute !important;
|
|
56
|
+
width: 0.1rem !important;
|
|
57
|
+
white-space: nowrap !important;
|
|
46
58
|
`;/**
|
|
47
59
|
* @license
|
|
48
60
|
* Copyright 2023 Google LLC
|
|
@@ -51,108 +63,108 @@
|
|
|
51
63
|
* @license
|
|
52
64
|
* Copyright 2023 Google LLC
|
|
53
65
|
* SPDX-License-Identifier: Apache-2.0
|
|
54
|
-
*/function
|
|
66
|
+
*/function Ye(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Gt]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const Je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
55
67
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
56
68
|
</svg>
|
|
57
|
-
`,
|
|
69
|
+
`,Qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
58
70
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
59
71
|
</svg>
|
|
60
|
-
`,
|
|
72
|
+
`,to=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
61
73
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
62
74
|
</svg>
|
|
63
|
-
`,
|
|
75
|
+
`,eo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
64
76
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
65
77
|
</svg>
|
|
66
|
-
`,
|
|
78
|
+
`,oo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
67
79
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
68
80
|
</svg>
|
|
69
|
-
`,
|
|
81
|
+
`,io=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
70
82
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
71
83
|
</svg>
|
|
72
|
-
`,
|
|
84
|
+
`,no=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
73
85
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
74
86
|
</svg>
|
|
75
|
-
`,
|
|
87
|
+
`,ro=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
76
88
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
77
89
|
</svg>
|
|
78
|
-
`,
|
|
90
|
+
`,so=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
79
91
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
80
92
|
</svg>
|
|
81
|
-
`,
|
|
93
|
+
`,ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
82
94
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
83
95
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
84
96
|
</svg>
|
|
85
|
-
`,
|
|
97
|
+
`,lo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
86
98
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
87
99
|
</svg>
|
|
88
|
-
`,
|
|
100
|
+
`,co=`<?xml version="1.0" encoding="utf-8"?>
|
|
89
101
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
90
102
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
91
103
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
92
104
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
93
105
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
94
106
|
</svg>
|
|
95
|
-
`,
|
|
107
|
+
`,ho=`<?xml version="1.0" encoding="utf-8"?>
|
|
96
108
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
97
109
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
98
110
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
99
111
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
100
112
|
</svg>
|
|
101
|
-
`,
|
|
113
|
+
`,po=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
102
114
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
103
115
|
</svg>
|
|
104
|
-
`,
|
|
116
|
+
`,uo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
105
117
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
106
118
|
</svg>
|
|
107
|
-
`,
|
|
119
|
+
`,fo=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
108
120
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
109
121
|
</svg>
|
|
110
|
-
`,
|
|
122
|
+
`,vo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
111
123
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
112
124
|
</svg>
|
|
113
|
-
`,
|
|
125
|
+
`,go=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
114
126
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
115
127
|
</svg>
|
|
116
|
-
`,
|
|
128
|
+
`,bo=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
117
129
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
118
130
|
</svg>
|
|
119
|
-
`,
|
|
131
|
+
`,yo=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
120
132
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
121
133
|
</svg>
|
|
122
|
-
`,
|
|
134
|
+
`,mo=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
123
135
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
124
136
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
125
137
|
</svg>
|
|
126
|
-
`,
|
|
138
|
+
`,xo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
127
139
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
128
140
|
</svg>
|
|
129
|
-
`,
|
|
141
|
+
`,wo=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
130
142
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
131
|
-
</svg
|
|
143
|
+
</svg>`,$o=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
132
144
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
133
145
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
134
146
|
</svg>
|
|
135
|
-
|
|
147
|
+
`,ko=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
136
148
|
<path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
|
|
137
149
|
</svg>
|
|
138
|
-
`,
|
|
150
|
+
`,_o=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
139
151
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
|
|
140
152
|
</svg>
|
|
141
|
-
`,
|
|
153
|
+
`,Co=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
142
154
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
143
155
|
</svg>
|
|
144
|
-
`,
|
|
156
|
+
`,So=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
145
157
|
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
146
158
|
</svg>
|
|
147
|
-
`,
|
|
159
|
+
`,Eo=`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
|
|
148
160
|
<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
149
|
-
</svg>`,
|
|
161
|
+
</svg>`,Ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
150
162
|
<path d="M4.5 8L11.5 13L11.5 3L4.5 8Z" fill="#3F2B2E"/>
|
|
151
163
|
</svg>
|
|
152
|
-
`,
|
|
164
|
+
`,Lo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
153
165
|
<path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
|
|
154
166
|
</svg>
|
|
155
|
-
`,Z={wishlist:
|
|
167
|
+
`,Z={wishlist:Je,playerv:Qe,chevronRight:to,chevronLeft:eo,icoPlus:co,icoMinus:ho,"star-0":oo,"star-25":io,"star-50":no,"star-75":ro,"star-100":so,cross:ao,search:lo,arrowLeft:po,arrowTop:uo,cart:fo,notifyme:vo,triangledown:go,triangleup:bo,checkstroke:yo,pause:mo,mapDualArrow:xo,swipeDualArrow:$o,backToBag:So,checkbox:Eo,sliderLeftArrow:Ao,sliderRightArrow:Lo},Po={strikeDiagonal:wo},Bo={success:ko,error:_o,info:Co};/**
|
|
156
168
|
* @license
|
|
157
169
|
* Copyright 2017 Google LLC
|
|
158
170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -168,15 +180,15 @@
|
|
|
168
180
|
* @license
|
|
169
181
|
* Copyright 2020 Google LLC
|
|
170
182
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
171
|
-
*/const
|
|
183
|
+
*/const zo=o=>o.strings===void 0;/**
|
|
172
184
|
* @license
|
|
173
185
|
* Copyright 2017 Google LLC
|
|
174
186
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
175
|
-
*/const bt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),bt(i,t);return!0},zt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},
|
|
187
|
+
*/const bt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),bt(i,t);return!0},zt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Ee=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Do(t)}};function Oo(o){this._$AN!==void 0?(zt(this),this._$AM=o,Ee(this)):this._$AM=o}function Io(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)bt(n[r],!1),zt(n[r]);else n!=null&&(bt(n,!1),zt(n));else bt(this,o)}const Do=o=>{o.type==Yt.CHILD&&(o._$AP??(o._$AP=Io),o._$AQ??(o._$AQ=Oo))};class Ho extends Qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),Ee(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(bt(this,t),zt(this))}setValue(t){if(zo(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class To extends Ho{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Mo extends To{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class jo extends Mo{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const ye=Jt(jo);/**
|
|
176
188
|
* @license
|
|
177
189
|
* Copyright 2018 Google LLC
|
|
178
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
|
-
*/const
|
|
191
|
+
*/const P=o=>o??d;var Fo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ro(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&&Fo(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
192
|
${this.type==="span"?l`
|
|
181
193
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
182
194
|
${S(e)}
|
|
@@ -184,7 +196,7 @@
|
|
|
184
196
|
`:l`
|
|
185
197
|
<button
|
|
186
198
|
type="button"
|
|
187
|
-
aria-label=${
|
|
199
|
+
aria-label=${P(i)}
|
|
188
200
|
aria-describedby=${this.getAttribute("aria-describedby")||d}
|
|
189
201
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
190
202
|
?disabled="${this.disabled}"
|
|
@@ -193,7 +205,7 @@
|
|
|
193
205
|
${n}
|
|
194
206
|
</button>
|
|
195
207
|
`}
|
|
196
|
-
`}};
|
|
208
|
+
`}};B.styles=f`
|
|
197
209
|
:host {
|
|
198
210
|
display: inline-flex;
|
|
199
211
|
justify-content: center;
|
|
@@ -373,9 +385,9 @@
|
|
|
373
385
|
}
|
|
374
386
|
|
|
375
387
|
.sr-only {
|
|
376
|
-
|
|
388
|
+
${Se}
|
|
377
389
|
}
|
|
378
|
-
`;R([a({type:String,reflect:!0})],
|
|
390
|
+
`;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([y("o-icon-button")],B);var Uo=Object.defineProperty,No=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?No(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&&Uo(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.labelAriaDialogPanel="",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.previousFocusedSelector=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 r;if(o.key!=="Tab")return;const t=this.shadowRoot;if(!t)return;const e=this.getDeepActiveElement();if(this.showDetail){const s=t.querySelector(".detail-view .return-btn"),c=t.querySelector(".detail-view .close-btn"),h=s?this.resolveFocusable(s):null,v=c?this.resolveFocusable(c):null;if(o.shiftKey&&h&&e===h&&v){o.preventDefault(),o.stopPropagation(),v.focus({preventScroll:!0});return}if(!o.shiftKey&&v&&e===v){o.preventDefault(),o.stopPropagation(),(((r=t.querySelector(".detail-scroller"))==null?void 0:r.querySelector(p.focusablesSelector))??h??v).focus({preventScroll:!0});return}}if(document.querySelector("#refineandsortpopin")){const s=t.querySelector(".close-btn"),c=s?this.resolveFocusable(s):null,h=t.querySelector(".js-clear-refinements"),v=h?this.resolveFocusable(h):null,x=g=>{o.preventDefault(),o.stopPropagation(),g.focus()};if(c&&v){if(!o.shiftKey&&e===v)return x(c);if(o.shiftKey&&e===c)return x(v)}}const i=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&i&&i.contains(e)){o.preventDefault();const s=this.renderRoot.querySelector(".o-whats-inside--content p");s==null||s.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(){var t;this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.previousFocusedSelector=(t=this.previousFocusedElement)==null?void 0:t.getAttribute("paneltarget"),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 e,n;if(this.showHeader){const i=(e=this.shadowRoot)==null?void 0:e.querySelector(".panel .close-btn"),r=this.resolveFocusable(i);(n=r==null?void 0:r.focus)==null||n.call(r,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var e,n,i;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel");let o=this.previousFocusedElement;o!=null&&o.isConnected||(o=document.querySelector(`[paneltarget="${this.previousFocusedSelector}"]`)),(o==null?void 0:o.tagName.toLowerCase())==="o-button"?(i=(n=(e=o.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):o==null||o.focus();const t=this.renderRoot.querySelector(".panel");t&&t.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`
|
|
379
391
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
380
392
|
${this.showHeaderStartIcon?l`
|
|
381
393
|
<o-icon-button
|
|
@@ -414,7 +426,7 @@
|
|
|
414
426
|
class="panel"
|
|
415
427
|
role="dialog"
|
|
416
428
|
aria-modal="true"
|
|
417
|
-
aria-label="panel-title"
|
|
429
|
+
aria-label="${this.labelAriaDialogPanel||"panel-title"}"
|
|
418
430
|
style="z-index: ${this.zIndex+1}"
|
|
419
431
|
tabindex="-1"
|
|
420
432
|
>
|
|
@@ -462,7 +474,7 @@
|
|
|
462
474
|
`:null}
|
|
463
475
|
</div>
|
|
464
476
|
</div>
|
|
465
|
-
`}};p.styles=
|
|
477
|
+
`}};p.styles=f`
|
|
466
478
|
:host {
|
|
467
479
|
--z-overlay: 99;
|
|
468
480
|
--z-panel: 100;
|
|
@@ -697,7 +709,7 @@
|
|
|
697
709
|
overflow: auto;
|
|
698
710
|
box-sizing: border-box;
|
|
699
711
|
}
|
|
700
|
-
`;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};
|
|
712
|
+
`;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,"labelAriaDialogPanel",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([y("o-side-panel")],p);var qo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?Vo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&qo(t,e,i),i};const Zo=Xt(u);let m=class extends Zo{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,this.hideRoleButton=!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`
|
|
701
713
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
702
714
|
aria-describedby=${this.getAttribute("aria-describedby")||d} >
|
|
703
715
|
${this.startIcon?this.renderIcon("start"):d}
|
|
@@ -726,7 +738,7 @@
|
|
|
726
738
|
`:l`<slot></slot>`}
|
|
727
739
|
${this.endIcon?this.renderIcon("end"):d}
|
|
728
740
|
</a>
|
|
729
|
-
`}};
|
|
741
|
+
`}};Ye(m);m.formAssociated=!0;m.styles=f`
|
|
730
742
|
:host {
|
|
731
743
|
--button-border: transparent;
|
|
732
744
|
--badge-outer-width: 19px;
|
|
@@ -932,12 +944,12 @@
|
|
|
932
944
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
933
945
|
transform: translateX(4px);
|
|
934
946
|
}
|
|
935
|
-
`;k([a()],m.prototype,"type",2);k([a()],m.prototype,"value",2);k([a({type:String,reflect:!0})],m.prototype,"variant",2);k([a({type:String})],m.prototype,"text",2);k([a({type:String})],m.prototype,"textsecond",2);k([a({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);k([a({type:Boolean,reflect:!0})],m.prototype,"disabled",2);k([a({type:String})],m.prototype,"startIconModel",2);k([a({type:String})],m.prototype,"endIconModel",2);k([a({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);k([a({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);k([a({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);k([a({type:String})],m.prototype,"href",2);k([a({type:String})],m.prototype,"target",2);k([a({type:Boolean,reflect:!0})],m.prototype,"underlined",2);k([a({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);k([a({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=k([
|
|
947
|
+
`;k([a()],m.prototype,"type",2);k([a()],m.prototype,"value",2);k([a({type:String,reflect:!0})],m.prototype,"variant",2);k([a({type:String})],m.prototype,"text",2);k([a({type:String})],m.prototype,"textsecond",2);k([a({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);k([a({type:Boolean,reflect:!0})],m.prototype,"disabled",2);k([a({type:String})],m.prototype,"startIconModel",2);k([a({type:String})],m.prototype,"endIconModel",2);k([a({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);k([a({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);k([a({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);k([a({type:String})],m.prototype,"href",2);k([a({type:String})],m.prototype,"target",2);k([a({type:Boolean,reflect:!0})],m.prototype,"underlined",2);k([a({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);k([a({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=k([y("o-button")],m);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(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&&Ko(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`
|
|
936
948
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
937
949
|
<span class="sr-only">${this.label}</span>
|
|
938
950
|
${S(o)}
|
|
939
951
|
</button>
|
|
940
|
-
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};dt.styles=
|
|
952
|
+
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};dt.styles=f`
|
|
941
953
|
:host {
|
|
942
954
|
display: inline-flex;
|
|
943
955
|
justify-content: center;
|
|
@@ -989,22 +1001,12 @@
|
|
|
989
1001
|
}
|
|
990
1002
|
|
|
991
1003
|
.sr-only {
|
|
992
|
-
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
clip-path: inset(50%) !important;
|
|
996
|
-
height: 0.1rem !important;
|
|
997
|
-
margin: -0.1rem !important;
|
|
998
|
-
overflow: hidden !important;
|
|
999
|
-
padding: 0 !important;
|
|
1000
|
-
position: absolute !important;
|
|
1001
|
-
width: 0.1rem !important;
|
|
1002
|
-
white-space: nowrap !important;
|
|
1003
|
-
}
|
|
1004
|
-
`;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([b("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`
|
|
1004
|
+
${Se}
|
|
1005
|
+
}
|
|
1006
|
+
`;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([y("o-wishlist-button")],dt);var Go=Object.defineProperty,Xo=Object.getOwnPropertyDescriptor,lt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Xo(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&&Go(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`
|
|
1005
1007
|
<a
|
|
1006
1008
|
href="${o}"
|
|
1007
|
-
target="${
|
|
1009
|
+
target="${P(this.target||void 0)}"
|
|
1008
1010
|
@click="${this._handleClick}"
|
|
1009
1011
|
>
|
|
1010
1012
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -1027,7 +1029,7 @@
|
|
|
1027
1029
|
></o-icon-button>
|
|
1028
1030
|
`:null}
|
|
1029
1031
|
</a>
|
|
1030
|
-
`}};K.styles=
|
|
1032
|
+
`}};K.styles=f`
|
|
1031
1033
|
:host([template="standard"]) a {
|
|
1032
1034
|
color: var(--color-content-action-secondary);
|
|
1033
1035
|
font-size: var(--font-size-200);
|
|
@@ -1109,14 +1111,14 @@
|
|
|
1109
1111
|
transform: translateX(-4px);
|
|
1110
1112
|
}
|
|
1111
1113
|
}
|
|
1112
|
-
`;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([
|
|
1114
|
+
`;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([y("o-link")],K);var Yo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Jo(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&&Yo(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`
|
|
1113
1115
|
<div class="rating">
|
|
1114
1116
|
<div class="stars">
|
|
1115
1117
|
${o.map(t=>l`<span class="star">${S(Z[t]??"")}</span>`)}
|
|
1116
1118
|
</div>
|
|
1117
1119
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1118
1120
|
</div>
|
|
1119
|
-
`}};pt.styles=
|
|
1121
|
+
`}};pt.styles=f`
|
|
1120
1122
|
svg {
|
|
1121
1123
|
width: 12px;
|
|
1122
1124
|
height: 12px;
|
|
@@ -1149,7 +1151,7 @@
|
|
|
1149
1151
|
text-decoration: underline;
|
|
1150
1152
|
cursor: pointer;
|
|
1151
1153
|
}
|
|
1152
|
-
`;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([
|
|
1154
|
+
`;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([y("o-rating")],pt);var Qo=Object.defineProperty,ti=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?ti(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&&Qo(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`
|
|
1153
1155
|
<o-icon-button
|
|
1154
1156
|
icon="playerv"
|
|
1155
1157
|
size="xsmall"
|
|
@@ -1178,7 +1180,7 @@
|
|
|
1178
1180
|
</li>
|
|
1179
1181
|
`})}
|
|
1180
1182
|
</ul>
|
|
1181
|
-
`}};F.styles=
|
|
1183
|
+
`}};F.styles=f`
|
|
1182
1184
|
:host {
|
|
1183
1185
|
display: flex;
|
|
1184
1186
|
gap: 5px;
|
|
@@ -1282,9 +1284,9 @@
|
|
|
1282
1284
|
height: 0;
|
|
1283
1285
|
width: 0;
|
|
1284
1286
|
}
|
|
1285
|
-
`;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([
|
|
1287
|
+
`;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([y("thumbnail-navigation")],F);var ei=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,te=(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=(n?s(t,e,i):s(i))||i);return n&&i&&ei(t,e,i),i};let wt=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1286
1288
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
1287
|
-
`}};wt.styles=
|
|
1289
|
+
`}};wt.styles=f`
|
|
1288
1290
|
.tag {
|
|
1289
1291
|
display: inline-block;
|
|
1290
1292
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1345,12 +1347,12 @@
|
|
|
1345
1347
|
}
|
|
1346
1348
|
}
|
|
1347
1349
|
|
|
1348
|
-
`;te([a({type:String,reflect:!0})],wt.prototype,"type",2);te([a({type:String,reflect:!0})],wt.prototype,"bgstyle",2);wt=te([
|
|
1350
|
+
`;te([a({type:String,reflect:!0})],wt.prototype,"type",2);te([a({type:String,reflect:!0})],wt.prototype,"bgstyle",2);wt=te([y("o-tag")],wt);var ii=Object.defineProperty,ni=Object.getOwnPropertyDescriptor,ee=(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&&ii(t,e,i),i};let $t=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1349
1351
|
<div class="tooltip">
|
|
1350
1352
|
<span class="tooltiptext">${this.text}</span>
|
|
1351
1353
|
<slot></slot>
|
|
1352
1354
|
</div>
|
|
1353
|
-
`}};$t.styles=
|
|
1355
|
+
`}};$t.styles=f`
|
|
1354
1356
|
.tooltip {
|
|
1355
1357
|
position: relative;
|
|
1356
1358
|
display: inline-block;
|
|
@@ -1442,7 +1444,7 @@
|
|
|
1442
1444
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1443
1445
|
}
|
|
1444
1446
|
|
|
1445
|
-
`;ee([a({type:String,reflect:!0})],$t.prototype,"type",2);ee([a({type:String,reflect:!0})],$t.prototype,"text",2);$t=ee([
|
|
1447
|
+
`;ee([a({type:String,reflect:!0})],$t.prototype,"type",2);ee([a({type:String,reflect:!0})],$t.prototype,"text",2);$t=ee([y("o-tooltip")],$t);var ri=Object.defineProperty,si=Object.getOwnPropertyDescriptor,G=(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&&ri(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`
|
|
1446
1448
|
<button
|
|
1447
1449
|
role="combobox"
|
|
1448
1450
|
aria-haspopup="listbox"
|
|
@@ -1490,7 +1492,7 @@
|
|
|
1490
1492
|
</ul>`:null}
|
|
1491
1493
|
|
|
1492
1494
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1493
|
-
`}};T.styles=
|
|
1495
|
+
`}};T.styles=f`
|
|
1494
1496
|
:host {
|
|
1495
1497
|
display: inline-block;
|
|
1496
1498
|
position: relative;
|
|
@@ -1628,7 +1630,7 @@
|
|
|
1628
1630
|
input[type="hidden"] {
|
|
1629
1631
|
display: none;
|
|
1630
1632
|
}
|
|
1631
|
-
`;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([
|
|
1633
|
+
`;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([y("o-dropdown")],T);var ai=Object.getOwnPropertyDescriptor,li=(o,t,e,n)=>{for(var i=n>1?void 0:n?ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Nt=class extends u{render(){return l` <span class="dots"></span> `}};Nt.styles=f`
|
|
1632
1634
|
:host {
|
|
1633
1635
|
display: flex;
|
|
1634
1636
|
align-items: center;
|
|
@@ -1670,7 +1672,7 @@
|
|
|
1670
1672
|
:host([aria-current="true"]:active) .dots {
|
|
1671
1673
|
background-color: var(--color-container-action-primary-pressed);
|
|
1672
1674
|
}
|
|
1673
|
-
`;Nt=
|
|
1675
|
+
`;Nt=li([y("o-dots")],Nt);var ci=Object.defineProperty,hi=Object.getOwnPropertyDescriptor,U=(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&&ci(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`
|
|
1674
1676
|
<button
|
|
1675
1677
|
role="combobox"
|
|
1676
1678
|
aria-haspopup="listbox"
|
|
@@ -1684,7 +1686,7 @@
|
|
|
1684
1686
|
?disabled=${this.disabled}
|
|
1685
1687
|
class="btn-dropdown"
|
|
1686
1688
|
>
|
|
1687
|
-
<img alt="${
|
|
1689
|
+
<img alt="${P(t==null?void 0:t.label)}" src="${P(t==null?void 0:t.imgurl)}" />
|
|
1688
1690
|
<span id="dropdown-label" class="label">
|
|
1689
1691
|
${t?t.label:"Select an option"}
|
|
1690
1692
|
</span>
|
|
@@ -1718,11 +1720,11 @@
|
|
|
1718
1720
|
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1719
1721
|
@click=${()=>this.selectOption(e)}
|
|
1720
1722
|
>
|
|
1721
|
-
<a href="${
|
|
1722
|
-
<img alt="${
|
|
1723
|
+
<a href="${P(e.url)}">
|
|
1724
|
+
<img alt="${P(e.label)}" src="${P(e.imgurl)}" />
|
|
1723
1725
|
<span class="label">${e.label}</span>
|
|
1724
1726
|
<div class="right">
|
|
1725
|
-
<span class="additional-text">${
|
|
1727
|
+
<span class="additional-text">${P(e.additionaltext)}</span>
|
|
1726
1728
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1727
1729
|
<span class="check">${S(o)}</span>`:null}
|
|
1728
1730
|
</div>
|
|
@@ -1732,7 +1734,7 @@
|
|
|
1732
1734
|
</ul>`:null}
|
|
1733
1735
|
|
|
1734
1736
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1735
|
-
`}};z.styles=
|
|
1737
|
+
`}};z.styles=f`
|
|
1736
1738
|
:host {
|
|
1737
1739
|
display: inline-block;
|
|
1738
1740
|
position: relative;
|
|
@@ -1907,17 +1909,17 @@
|
|
|
1907
1909
|
input[type="hidden"] {
|
|
1908
1910
|
display: none;
|
|
1909
1911
|
}
|
|
1910
|
-
`;U([a({type:Array,reflect:!0})],z.prototype,"options",2);U([a({type:String,reflect:!0})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"name",2);U([a({type:String,reflect:!0})],z.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"width",2);U([W()],z.prototype,"open",2);U([W()],z.prototype,"activeIndex",2);U([W()],z.prototype,"menuWidth",2);z=U([
|
|
1912
|
+
`;U([a({type:Array,reflect:!0})],z.prototype,"options",2);U([a({type:String,reflect:!0})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"name",2);U([a({type:String,reflect:!0})],z.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"width",2);U([W()],z.prototype,"open",2);U([W()],z.prototype,"activeIndex",2);U([W()],z.prototype,"menuWidth",2);z=U([y("o-dropdown-variant")],z);/**
|
|
1911
1913
|
* @license
|
|
1912
1914
|
* Copyright 2018 Google LLC
|
|
1913
1915
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1914
|
-
*/const
|
|
1915
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1916
|
+
*/const Ae="important",di=" !"+Ae,pi=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(di);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Ae:""):e[n]=i}}return tt}});var ui=Object.defineProperty,fi=Object.getOwnPropertyDescriptor,oe=(o,t,e,n)=>{for(var i=n>1?void 0:n?fi(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 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`
|
|
1917
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${pi(e)} />`:""}
|
|
1916
1918
|
<div class="m-reassurance-content">
|
|
1917
|
-
<h3 class="a-reassurance-text">${
|
|
1918
|
-
<p class="a-reassurance-description">${
|
|
1919
|
+
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
1920
|
+
<p class="a-reassurance-description">${P(i)}</p>
|
|
1919
1921
|
</div>
|
|
1920
|
-
`;return t?l`<a href="${
|
|
1922
|
+
`;return t?l`<a href="${P(this.option.url)}" class="reassurance-item clickable">${r}</a>`:l`<div class="reassurance-item">${r}</div>`}};kt.styles=f`
|
|
1921
1923
|
:host {
|
|
1922
1924
|
display: inline-block;
|
|
1923
1925
|
position: relative;
|
|
@@ -1998,7 +2000,7 @@
|
|
|
1998
2000
|
-webkit-box-orient: vertical;
|
|
1999
2001
|
overflow: hidden;
|
|
2000
2002
|
}
|
|
2001
|
-
`;oe([a({type:Object,reflect:!0})],kt.prototype,"option",2);oe([a({type:Number,reflect:!0})],kt.prototype,"imageSize",2);kt=oe([
|
|
2003
|
+
`;oe([a({type:Object,reflect:!0})],kt.prototype,"option",2);oe([a({type:Number,reflect:!0})],kt.prototype,"imageSize",2);kt=oe([y("o-reassurance")],kt);var vi=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,X=(o,t,e,n)=>{for(var i=n>1?void 0:n?gi(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&&vi(t,e,i),i};const bi=Xt(u);let O=class extends bi{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`
|
|
2002
2004
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}"
|
|
2003
2005
|
aria-hidden="${this.inactive?"true":d}" aria-current="${this.selected?"true":d}">
|
|
2004
2006
|
${o?this.text:l`<slot></slot>`}
|
|
@@ -2008,7 +2010,7 @@
|
|
|
2008
2010
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2009
2011
|
${o?this.text:l`<slot></slot>`}
|
|
2010
2012
|
</button>
|
|
2011
|
-
`}};O.styles=
|
|
2013
|
+
`}};O.styles=f`
|
|
2012
2014
|
:host {
|
|
2013
2015
|
cursor: pointer;
|
|
2014
2016
|
display: inline-flex;
|
|
@@ -2101,16 +2103,16 @@
|
|
|
2101
2103
|
display: inline-flex;
|
|
2102
2104
|
align-items: center;
|
|
2103
2105
|
}
|
|
2104
|
-
`;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([
|
|
2106
|
+
`;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([y("o-chip")],O);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,ie=(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&&yi(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`
|
|
2105
2107
|
<slot></slot>
|
|
2106
|
-
`}};_t.styles=
|
|
2108
|
+
`}};_t.styles=f`
|
|
2107
2109
|
:host {
|
|
2108
2110
|
display: flex;
|
|
2109
2111
|
flex-direction: row;
|
|
2110
2112
|
flex-wrap: wrap;
|
|
2111
2113
|
gap: var(--spacing-s);
|
|
2112
2114
|
}
|
|
2113
|
-
`;ie([a({reflect:!0})],_t.prototype,"name",2);ie([a({reflect:!0})],_t.prototype,"value",2);_t=ie([
|
|
2115
|
+
`;ie([a({reflect:!0})],_t.prototype,"name",2);ie([a({reflect:!0})],_t.prototype,"value",2);_t=ie([y("o-chipset")],_t);var xi=Object.defineProperty,wi=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?wi(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&&xi(t,e,i),i};const $i=Xt(u);let I=class extends $i{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=Po[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`
|
|
2114
2116
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2115
2117
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2116
2118
|
${o?l`
|
|
@@ -2130,7 +2132,7 @@
|
|
|
2130
2132
|
</button>
|
|
2131
2133
|
`}
|
|
2132
2134
|
${this.disabled?this.strikeThroughImg():d}
|
|
2133
|
-
`}};I.styles=
|
|
2135
|
+
`}};I.styles=f`
|
|
2134
2136
|
:host {
|
|
2135
2137
|
cursor: pointer;
|
|
2136
2138
|
display: inline-flex;
|
|
@@ -2252,7 +2254,7 @@
|
|
|
2252
2254
|
stroke-width: 4px;
|
|
2253
2255
|
stroke-linecap: round;
|
|
2254
2256
|
}
|
|
2255
|
-
`;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([
|
|
2257
|
+
`;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([y("o-filter-chip")],I);var ki=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&&ki(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`
|
|
2256
2258
|
<o-icon-button
|
|
2257
2259
|
@click=${this.onClickIcons}
|
|
2258
2260
|
icon="chevronRight"
|
|
@@ -2294,7 +2296,7 @@
|
|
|
2294
2296
|
</div>
|
|
2295
2297
|
${this.icons}
|
|
2296
2298
|
</button>
|
|
2297
|
-
`}};se.styles=
|
|
2299
|
+
`}};se.styles=f`
|
|
2298
2300
|
:host {
|
|
2299
2301
|
display: block;
|
|
2300
2302
|
max-width: 100%;
|
|
@@ -2406,11 +2408,11 @@
|
|
|
2406
2408
|
.fullpointer {
|
|
2407
2409
|
cursor: pointer;
|
|
2408
2410
|
}
|
|
2409
|
-
`;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
|
|
2411
|
+
`;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 _i=Object.defineProperty,Ci=Object.getOwnPropertyDescriptor,ne=(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&&_i(t,e,i),i};let Ct=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2410
2412
|
<span class="badge">
|
|
2411
2413
|
${this.text?this.text:l`<slot></slot>`}
|
|
2412
2414
|
</span>
|
|
2413
|
-
`}};Ct.styles=
|
|
2415
|
+
`}};Ct.styles=f`
|
|
2414
2416
|
:host([variant]) {
|
|
2415
2417
|
--badge-width: 19px;
|
|
2416
2418
|
display: inline-block;
|
|
@@ -2444,7 +2446,7 @@
|
|
|
2444
2446
|
color: var(--text-color);
|
|
2445
2447
|
}
|
|
2446
2448
|
|
|
2447
|
-
`;ne([a({type:String,reflect:!0})],Ct.prototype,"variant",2);ne([a({type:String})],Ct.prototype,"text",2);Ct=ne([
|
|
2449
|
+
`;ne([a({type:String,reflect:!0})],Ct.prototype,"variant",2);ne([a({type:String})],Ct.prototype,"text",2);Ct=ne([y("o-badge")],Ct);var Si=Object.defineProperty,Ei=Object.getOwnPropertyDescriptor,H=(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&&Si(t,e,i),i};let A=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=Bo[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`
|
|
2448
2450
|
<div class="o-toast">
|
|
2449
2451
|
<div class="o-toast-icon">
|
|
2450
2452
|
${S(t)}
|
|
@@ -2460,7 +2462,7 @@
|
|
|
2460
2462
|
</o-icon-button>
|
|
2461
2463
|
</div>
|
|
2462
2464
|
</div>
|
|
2463
|
-
`}};A.styles=
|
|
2465
|
+
`}};A.styles=f`
|
|
2464
2466
|
:host {
|
|
2465
2467
|
--vertical-offset: 24px;
|
|
2466
2468
|
--horizontal-offset: 24px;
|
|
@@ -2537,7 +2539,7 @@
|
|
|
2537
2539
|
.o-toast-icon {
|
|
2538
2540
|
height: 16px;
|
|
2539
2541
|
}
|
|
2540
|
-
`;H([a({type:String,reflect:!0})],A.prototype,"icon",2);H([a({type:String,reflect:!0})],A.prototype,"text",2);H([a({type:String,reflect:!0})],A.prototype,"verticalanchor",2);H([a({type:String,reflect:!0})],A.prototype,"horizontalanchor",2);H([a({type:Number,reflect:!0})],A.prototype,"verticaloffset",2);H([a({type:Number,reflect:!0})],A.prototype,"horizontaloffset",2);H([a({type:Number,reflect:!0})],A.prototype,"animationduration",2);H([a({type:String,reflect:!0})],A.prototype,"animationaxis",2);H([a({type:Boolean,reflect:!0})],A.prototype,"animated",2);H([a({type:Number,reflect:!0})],A.prototype,"lifeduration",2);H([a({type:Boolean,reflect:!0})],A.prototype,"multiline",2);A=H([
|
|
2542
|
+
`;H([a({type:String,reflect:!0})],A.prototype,"icon",2);H([a({type:String,reflect:!0})],A.prototype,"text",2);H([a({type:String,reflect:!0})],A.prototype,"verticalanchor",2);H([a({type:String,reflect:!0})],A.prototype,"horizontalanchor",2);H([a({type:Number,reflect:!0})],A.prototype,"verticaloffset",2);H([a({type:Number,reflect:!0})],A.prototype,"horizontaloffset",2);H([a({type:Number,reflect:!0})],A.prototype,"animationduration",2);H([a({type:String,reflect:!0})],A.prototype,"animationaxis",2);H([a({type:Boolean,reflect:!0})],A.prototype,"animated",2);H([a({type:Number,reflect:!0})],A.prototype,"lifeduration",2);H([a({type:Boolean,reflect:!0})],A.prototype,"multiline",2);A=H([y("o-toast")],A);var Ai=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&&Ai(t,e,i),i};let Pi=0,L=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-${++Pi}`)}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`
|
|
2541
2543
|
<input
|
|
2542
2544
|
type="checkbox"
|
|
2543
2545
|
id=${this.inputId}
|
|
@@ -2553,7 +2555,7 @@
|
|
|
2553
2555
|
</div>
|
|
2554
2556
|
|
|
2555
2557
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2556
|
-
`}};L.styles=
|
|
2558
|
+
`}};L.styles=f`
|
|
2557
2559
|
:host {
|
|
2558
2560
|
display: inline-flex;
|
|
2559
2561
|
align-items: center;
|
|
@@ -2655,7 +2657,7 @@
|
|
|
2655
2657
|
svg path {
|
|
2656
2658
|
stroke: var(--color-border-white);
|
|
2657
2659
|
}
|
|
2658
|
-
`;j([a({type:Boolean,reflect:!0})],L.prototype,"checked",2);j([a({type:Boolean,reflect:!0})],L.prototype,"indeterminate",2);j([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);j([a({type:String,reflect:!0})],L.prototype,"size",2);j([a({type:Boolean})],L.prototype,"showLabel",2);j([a({type:String})],L.prototype,"label",2);j([a({type:String})],L.prototype,"name",2);j([a({type:String})],L.prototype,"value",2);j([a({type:String,reflect:!0})],L.prototype,"inputId",2);j([Ce("input")],L.prototype,"inputEl",2);L=j([
|
|
2660
|
+
`;j([a({type:Boolean,reflect:!0})],L.prototype,"checked",2);j([a({type:Boolean,reflect:!0})],L.prototype,"indeterminate",2);j([a({type:Boolean,reflect:!0})],L.prototype,"disabled",2);j([a({type:String,reflect:!0})],L.prototype,"size",2);j([a({type:Boolean})],L.prototype,"showLabel",2);j([a({type:String})],L.prototype,"label",2);j([a({type:String})],L.prototype,"name",2);j([a({type:String})],L.prototype,"value",2);j([a({type:String,reflect:!0})],L.prototype,"inputId",2);j([Ce("input")],L.prototype,"inputEl",2);L=j([y("o-checkbox")],L);var Bi=Object.defineProperty,zi=Object.getOwnPropertyDescriptor,q=(o,t,e,n)=>{for(var i=n>1?void 0:n?zi(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 Oi=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-${++Oi}`)}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`
|
|
2659
2661
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2660
2662
|
|
|
2661
2663
|
<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}>
|
|
@@ -2663,7 +2665,7 @@
|
|
|
2663
2665
|
</div>
|
|
2664
2666
|
|
|
2665
2667
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2666
|
-
`}};D.styles=
|
|
2668
|
+
`}};D.styles=f`
|
|
2667
2669
|
:host {
|
|
2668
2670
|
display: inline-flex;
|
|
2669
2671
|
align-items: center;
|
|
@@ -2752,13 +2754,13 @@
|
|
|
2752
2754
|
width: 0;
|
|
2753
2755
|
height: 0;
|
|
2754
2756
|
}
|
|
2755
|
-
`;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([
|
|
2757
|
+
`;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([y("o-radio")],D);var Ii=Object.getOwnPropertyDescriptor,Di=(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=s(i)||i);return i};let qt=class extends u{render(){return l`
|
|
2756
2758
|
<nav aria-label="Breadcrumbs">
|
|
2757
2759
|
<ul>
|
|
2758
2760
|
<slot></slot>
|
|
2759
2761
|
</ul>
|
|
2760
2762
|
</nav>
|
|
2761
|
-
`}};qt.styles=
|
|
2763
|
+
`}};qt.styles=f`
|
|
2762
2764
|
nav {
|
|
2763
2765
|
max-width: 144rem;
|
|
2764
2766
|
margin: auto;
|
|
@@ -2769,7 +2771,7 @@
|
|
|
2769
2771
|
margin: var(--spacing-4-xs);
|
|
2770
2772
|
padding: var(--spacing-4-xs);
|
|
2771
2773
|
}
|
|
2772
|
-
`;qt=
|
|
2774
|
+
`;qt=Di([y("o-breadcrumbs")],qt);var Hi=Object.defineProperty,Ti=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ti(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&&Hi(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`<p aria-current="page"><slot></slot></p>`:l`
|
|
2773
2775
|
<li>
|
|
2774
2776
|
<a
|
|
2775
2777
|
href="${this.href}"
|
|
@@ -2779,7 +2781,7 @@
|
|
|
2779
2781
|
<slot></slot>
|
|
2780
2782
|
</a>
|
|
2781
2783
|
</li>
|
|
2782
|
-
`}};St.styles=
|
|
2784
|
+
`}};St.styles=f`
|
|
2783
2785
|
:host(:not([active]))::after {
|
|
2784
2786
|
content: "/";
|
|
2785
2787
|
margin: 0 0.5rem;
|
|
@@ -2820,7 +2822,7 @@
|
|
|
2820
2822
|
:host(.a--tabfocus) {
|
|
2821
2823
|
outline: none !important;
|
|
2822
2824
|
}
|
|
2823
|
-
`;re([a({type:String})],St.prototype,"href",2);re([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=re([
|
|
2825
|
+
`;re([a({type:String})],St.prototype,"href",2);re([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=re([y("o-breadcrumb")],St);var Mi=Object.defineProperty,ji=Object.getOwnPropertyDescriptor,ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?ji(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};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">
|
|
2824
2826
|
<svg aria-hidden="true">
|
|
2825
2827
|
<defs>
|
|
2826
2828
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -2831,7 +2833,7 @@
|
|
|
2831
2833
|
<img src="${this.imageUrl}" alt="${this.imageAlt}" class="card-img base" loading="lazy" />
|
|
2832
2834
|
${this.hoverUrl?l`<img src="${this.hoverUrl}" alt="${this.hoverAlt||this.imageAlt}" class="card-img hover" loading="lazy" />`:""}
|
|
2833
2835
|
<div class="overlay" part="overlay"></div>
|
|
2834
|
-
</div>`}};et.styles=
|
|
2836
|
+
</div>`}};et.styles=f`
|
|
2835
2837
|
:host {
|
|
2836
2838
|
--card-width : 175px;
|
|
2837
2839
|
--card-height : 260px;
|
|
@@ -2903,7 +2905,7 @@
|
|
|
2903
2905
|
:host([dimmed]) .overlay {
|
|
2904
2906
|
opacity: var(--overlay-opacity, 1);
|
|
2905
2907
|
}
|
|
2906
|
-
`;ut([a({type:String})],et.prototype,"imageUrl",2);ut([a({type:String})],et.prototype,"imageAlt",2);ut([a({type:String})],et.prototype,"hoverUrl",2);ut([a({type:String})],et.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],et.prototype,"dimmed",2);et=ut([
|
|
2908
|
+
`;ut([a({type:String})],et.prototype,"imageUrl",2);ut([a({type:String})],et.prototype,"imageAlt",2);ut([a({type:String})],et.prototype,"hoverUrl",2);ut([a({type:String})],et.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],et.prototype,"dimmed",2);et=ut([y("o-arch-image")],et);const Fi=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2907
2909
|
<svg
|
|
2908
2910
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2909
2911
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -2983,7 +2985,7 @@
|
|
|
2983
2985
|
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
|
|
2984
2986
|
id="path52"
|
|
2985
2987
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2986
|
-
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
|
|
2988
|
+
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 Ri=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,C=(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&&Ri(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`
|
|
2987
2989
|
<o-icon-button
|
|
2988
2990
|
data-close-btn
|
|
2989
2991
|
icon="cross"
|
|
@@ -3026,7 +3028,7 @@
|
|
|
3026
3028
|
<header part="header" class="${e}">
|
|
3027
3029
|
${this.showBackButton?this._renderBackButton():null}
|
|
3028
3030
|
<div class="brand">
|
|
3029
|
-
<span slot="logo${this.contrast?"-contrast":""}">${S(
|
|
3031
|
+
<span slot="logo${this.contrast?"-contrast":""}">${S(Fi)}</span>
|
|
3030
3032
|
</div>
|
|
3031
3033
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
3032
3034
|
</header>
|
|
@@ -3035,7 +3037,7 @@
|
|
|
3035
3037
|
</main>
|
|
3036
3038
|
</section>
|
|
3037
3039
|
</div>
|
|
3038
|
-
`}};ae.styles=
|
|
3040
|
+
`}};ae.styles=f`
|
|
3039
3041
|
:host {
|
|
3040
3042
|
position: fixed;
|
|
3041
3043
|
inset: 0;
|
|
@@ -3170,7 +3172,7 @@
|
|
|
3170
3172
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3171
3173
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3172
3174
|
}
|
|
3173
|
-
`;let $=ae;C([a({type:Boolean,reflect:!0})],$.prototype,"ispagedesigner",2);C([a({type:String,reflect:!0})],$.prototype,"classPopin",1);C([a({type:Boolean,reflect:!0})],$.prototype,"open",2);C([a({type:String,reflect:!0})],$.prototype,"background",2);C([a({type:String,attribute:"background-url",reflect:!0})],$.prototype,"backgroundUrl",2);C([a({type:Boolean,attribute:"close-on-esc"})],$.prototype,"closeOnEsc",2);C([a({type:Boolean,attribute:"close-on-backdrop"})],$.prototype,"closeOnBackdrop",2);C([a({type:Boolean,attribute:"lock-scroll"})],$.prototype,"lockScroll",2);C([a({type:String,reflect:!0})],$.prototype,"variant",2);C([a({type:String,attribute:"max-width"})],$.prototype,"maxWidth",2);C([a({type:Boolean,reflect:!0})],$.prototype,"showBackButton",2);C([a({type:Boolean,reflect:!0})],$.prototype,"contrast",2);C([a({type:String,reflect:!0})],$.prototype,"iconSize",2);C([a({type:Boolean,attribute:"hide-header-on-scroll"})],$.prototype,"hideHeaderOnScroll",2);C([W()],$.prototype,"_labelId",2);C([W()],$.prototype,"_headerHidden",2);customElements.define("o-popin",$);var
|
|
3175
|
+
`;let $=ae;C([a({type:Boolean,reflect:!0})],$.prototype,"ispagedesigner",2);C([a({type:String,reflect:!0})],$.prototype,"classPopin",1);C([a({type:Boolean,reflect:!0})],$.prototype,"open",2);C([a({type:String,reflect:!0})],$.prototype,"background",2);C([a({type:String,attribute:"background-url",reflect:!0})],$.prototype,"backgroundUrl",2);C([a({type:Boolean,attribute:"close-on-esc"})],$.prototype,"closeOnEsc",2);C([a({type:Boolean,attribute:"close-on-backdrop"})],$.prototype,"closeOnBackdrop",2);C([a({type:Boolean,attribute:"lock-scroll"})],$.prototype,"lockScroll",2);C([a({type:String,reflect:!0})],$.prototype,"variant",2);C([a({type:String,attribute:"max-width"})],$.prototype,"maxWidth",2);C([a({type:Boolean,reflect:!0})],$.prototype,"showBackButton",2);C([a({type:Boolean,reflect:!0})],$.prototype,"contrast",2);C([a({type:String,reflect:!0})],$.prototype,"iconSize",2);C([a({type:Boolean,attribute:"hide-header-on-scroll"})],$.prototype,"hideHeaderOnScroll",2);C([W()],$.prototype,"_labelId",2);C([W()],$.prototype,"_headerHidden",2);customElements.define("o-popin",$);var Ni=Object.defineProperty,qi=Object.getOwnPropertyDescriptor,_=(o,t,e,n)=>{for(var i=n>1?void 0:n?qi(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 w=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`
|
|
3174
3176
|
<o-icon-button
|
|
3175
3177
|
@click=${this.onClickIcons}
|
|
3176
3178
|
icon=${this.type==="notifyme"?"notifyme":"cart"}
|
|
@@ -3215,7 +3217,7 @@
|
|
|
3215
3217
|
</div>
|
|
3216
3218
|
</div>
|
|
3217
3219
|
</button>
|
|
3218
|
-
`}};w.styles=
|
|
3220
|
+
`}};w.styles=f`
|
|
3219
3221
|
:host {
|
|
3220
3222
|
display: block;
|
|
3221
3223
|
max-width: 100%;
|
|
@@ -3383,4 +3385,4 @@
|
|
|
3383
3385
|
.fullpointer {
|
|
3384
3386
|
cursor: pointer;
|
|
3385
3387
|
}
|
|
3386
|
-
`;_([a({type:String})],w.prototype,"type",2);_([a({type:String})],w.prototype,"titleProduct",2);_([a({type:String})],w.prototype,"descriptionProduct",2);_([a({type:String})],w.prototype,"volume",2);_([a({type:String})],w.prototype,"perLiter",2);_([a({type:String})],w.prototype,"mainPrice",2);_([a({type:String})],w.prototype,"salesPercentage",2);_([a({type:String})],w.prototype,"oldPrice",2);_([a({type:String})],w.prototype,"imageUrl",2);_([a({type:Boolean})],w.prototype,"outOfStock",2);_([a({type:String})],w.prototype,"altImage",2);_([a({type:Boolean})],w.prototype,"fullwidth",2);_([a({type:Boolean})],w.prototype,"current",2);_([a({type:Boolean})],w.prototype,"hideIcon",2);_([a({type:String})],w.prototype,"tagText",2);_([a({attribute:!1})],w.prototype,"onClickTile",2);_([a({attribute:!1})],w.prototype,"onClickIcon",2);w=_([
|
|
3388
|
+
`;_([a({type:String})],w.prototype,"type",2);_([a({type:String})],w.prototype,"titleProduct",2);_([a({type:String})],w.prototype,"descriptionProduct",2);_([a({type:String})],w.prototype,"volume",2);_([a({type:String})],w.prototype,"perLiter",2);_([a({type:String})],w.prototype,"mainPrice",2);_([a({type:String})],w.prototype,"salesPercentage",2);_([a({type:String})],w.prototype,"oldPrice",2);_([a({type:String})],w.prototype,"imageUrl",2);_([a({type:Boolean})],w.prototype,"outOfStock",2);_([a({type:String})],w.prototype,"altImage",2);_([a({type:Boolean})],w.prototype,"fullwidth",2);_([a({type:Boolean})],w.prototype,"current",2);_([a({type:Boolean})],w.prototype,"hideIcon",2);_([a({type:String})],w.prototype,"tagText",2);_([a({attribute:!1})],w.prototype,"onClickTile",2);_([a({attribute:!1})],w.prototype,"onClickIcon",2);w=_([y("o-medium-tile")],w);
|