@florid-kit/components 0.10.40 → 0.10.42
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/arch-image.d.ts +1 -0
- package/components/minitile.d.ts +1 -0
- package/index.js +64 -50
- package/index.mjs +231 -211
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
* @license
|
|
7
7
|
* Copyright 2017 Google LLC
|
|
8
8
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
9
|
-
*/const{is:
|
|
9
|
+
*/const{is:Oe,defineProperty:ze,getOwnPropertyDescriptor:Ie,getOwnPropertyNames:De,getOwnPropertySymbols:He,getPrototypeOf:Te}=Object,Q=globalThis,de=Q.trustedTypes,Me=de?de.emptyScript:"",Tt=Q.reactiveElementPolyfillSupport,gt=(o,t)=>o,Pt={toAttribute(o,t){switch(t){case Boolean:o=o?Me: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}},Wt=(o,t)=>!Oe(o,t),pe={attribute:!0,type:String,converter:Pt,reflect:!1,useDefault:!1,hasChanged:Wt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),Q.litPropertyMetadata??(Q.litPropertyMetadata=new WeakMap);let ht=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=pe){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}=Ie(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)??pe}static _$Ei(){if(this.hasOwnProperty(gt("elementProperties")))return;const t=Te(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(gt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(gt("properties"))){const e=this.properties,n=[...De(e),...He(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(he(i))}else t!==void 0&&e.push(he(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 Be(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??Wt)(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){}};ht.elementStyles=[],ht.shadowRootOptions={mode:"open"},ht[gt("elementProperties")]=new Map,ht[gt("finalized")]=new Map,Tt==null||Tt({ReactiveElement:ht}),(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 bt=globalThis,Bt=bt.trustedTypes,ue=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,$e="$lit$",
|
|
13
|
+
*/const bt=globalThis,Bt=bt.trustedTypes,ue=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,$e="$lit$",J=`lit$${Math.random().toFixed(9).slice(2)}$`,ke="?"+J,je=`<${ke}>`,st=document,mt=()=>st.createComment(""),xt=o=>o===null||typeof o!="object"&&typeof o!="function",Gt=Array.isArray,Fe=o=>Gt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Mt=`[
|
|
14
14
|
\f\r]`,vt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,fe=/-->/g,ve=/>/g,it=RegExp(`>|${Mt}(?:([^\\s"'>=/]+)(${Mt}*=${Mt}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,be=/"/g,_e=/^(?:script|style|textarea|title)$/i,Re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Re(1),
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,be=/"/g,_e=/^(?:script|style|textarea|title)$/i,Re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Re(1),tt=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ye=new WeakMap,nt=st.createTreeWalker(st,129);function Ce(o,t){if(!Gt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ue!==void 0?ue.createHTML(t):t}const Ue=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=vt;for(let c=0;c<e;c++){const h=o[c];let v,w,g=-1,V=0;for(;V<h.length&&(s.lastIndex=V,w=s.exec(h),w!==null);)V=s.lastIndex,s===vt?w[1]==="!--"?s=fe:w[1]!==void 0?s=ve:w[2]!==void 0?(_e.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=it):w[3]!==void 0&&(s=it):s===it?w[0]===">"?(s=i??vt,g=-1):w[1]===void 0?g=-2:(g=s.lastIndex-w[2].length,v=w[1],s=w[3]===void 0?it:w[3]==='"'?be:ge):s===be||s===ge?s=it:s===fe||s===ve?s=vt:(s=it,i=void 0);const Y=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===vt?h+je:g>=0?(n.push(v),h.slice(0,g)+$e+h.slice(g)+J+Y):h+J+(g===-2?c:Y)}return[Ce(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class wt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[v,w]=Ue(t,e);if(this.el=wt.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($e)){const V=w[s++],Y=i.getAttribute(g).split(J),At=/([.?@])?(.*)/.exec(V);h.push({type:1,index:r,name:At[2],strings:Y,ctor:At[1]==="."?qe:At[1]==="?"?Ve:At[1]==="@"?Ze:zt}),i.removeAttribute(g)}else g.startsWith(J)&&(h.push({type:6,index:r}),i.removeAttribute(g));if(_e.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],mt()),nt.nextNode(),h.push({type:2,index:++r});i.append(g[V],mt())}}}else if(i.nodeType===8)if(i.data===ke)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 dt(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=xt(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=dt(o,i._$AS(o,t.values),i,n)),t}class Ne{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 Ke(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=dt(this,t,e),xt(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):Fe(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&&xt(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=wt.createElement(Ce(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 Ne(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=ye.get(t.strings);return e===void 0&&ye.set(t.strings,e=new wt(t)),e}k(t){Gt(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(mt()),this.O(mt()),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 zt{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=dt(this,t,e,0),s=!xt(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=dt(this,c[n+h],e,h),v===tt&&(v=this._$AH[h]),s||(s=!xt(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 qe extends zt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ve extends zt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ze extends zt{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=dt(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 Ke{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){dt(this,t)}}const jt=bt.litHtmlPolyfillSupport;jt==null||jt(wt,Et),(bt.litHtmlVersions??(bt.litHtmlVersions=[])).push("3.3.0");const We=(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(mt(),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
|
|
19
|
+
*/const rt=globalThis;let u=class extends ht{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=We(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 xe;u._$litElement$=!0,u.finalized=!0,(xe=rt.litElementHydrateSupport)==null||xe.call(rt,{LitElement:u});const Ft=rt.litElementPolyfillSupport;Ft==null||Ft({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
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function W(o){return a({...o,state:!0,attribute:!1})}/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
`,Po=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
165
165
|
<path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
|
|
166
166
|
</svg>
|
|
167
|
-
`,Ee={wishlist:Qe,playerv:to,chevronRight:eo,chevronLeft:oo,icoPlus:ho,icoMinus:po,"star-0":io,"star-25":no,"star-50":ro,"star-75":so,"star-100":ao,cross:lo,search:co,arrowLeft:uo,arrowTop:fo,cart:vo,notifyme:go,triangledown:bo,triangleup:yo,checkstroke:mo,pause:xo,mapDualArrow:wo,swipeDualArrow:ko,backToBag:Eo,checkbox:Ao,sliderLeftArrow:Lo,sliderRightArrow:Po},Bo={xsmall:8,small:12,medium:16,large:24},
|
|
167
|
+
`,Ee={wishlist:Qe,playerv:to,chevronRight:eo,chevronLeft:oo,icoPlus:ho,icoMinus:po,"star-0":io,"star-25":no,"star-50":ro,"star-75":so,"star-100":ao,cross:lo,search:co,arrowLeft:uo,arrowTop:fo,cart:vo,notifyme:go,triangledown:bo,triangleup:yo,checkstroke:mo,pause:xo,mapDualArrow:wo,swipeDualArrow:ko,backToBag:Eo,checkbox:Ao,sliderLeftArrow:Lo,sliderRightArrow:Po},Bo={xsmall:8,small:12,medium:16,large:24},Oo=(o,{size:t,bgstyle:e})=>{const n=Bo[t],i=e==="none-light"||e==="none-contrast";return{svg:Ee[o]??"",pixelSize:n,shouldApplyLogicalSize:i}},et=Ee,zo={strikeDiagonal:$o},Io={success:_o,error:Co,info:So};/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2017 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -172,11 +172,11 @@
|
|
|
172
172
|
* @license
|
|
173
173
|
* Copyright 2017 Google LLC
|
|
174
174
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
175
|
-
*/class Ut extends ee{constructor(t){if(super(t),this.it=d,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===
|
|
175
|
+
*/class Ut extends ee{constructor(t){if(super(t),this.it=d,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===tt)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ut.directiveName="unsafeHTML",Ut.resultType=1;/**
|
|
176
176
|
* @license
|
|
177
177
|
* Copyright 2017 Google LLC
|
|
178
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
|
-
*/class Nt extends Ut{}Nt.directiveName="unsafeSVG",Nt.resultType=2;const
|
|
179
|
+
*/class Nt extends Ut{}Nt.directiveName="unsafeSVG",Nt.resultType=2;const E=te(Nt);/**
|
|
180
180
|
* @license
|
|
181
181
|
* Copyright 2020 Google LLC
|
|
182
182
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -184,14 +184,14 @@
|
|
|
184
184
|
* @license
|
|
185
185
|
* Copyright 2017 Google LLC
|
|
186
186
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
187
|
-
*/const yt=(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),yt(i,t);return!0},
|
|
187
|
+
*/const yt=(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),yt(i,t);return!0},Ot=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)},Ae=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),Mo(t)}};function Ho(o){this._$AN!==void 0?(Ot(this),this._$AM=o,Ae(this)):this._$AM=o}function To(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++)yt(n[r],!1),Ot(n[r]);else n!=null&&(yt(n,!1),Ot(n));else yt(this,o)}const Mo=o=>{o.type==Qt.CHILD&&(o._$AP??(o._$AP=To),o._$AQ??(o._$AQ=Ho))};class jo extends ee{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),Ae(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&&(yt(this,t),Ot(this))}setValue(t){if(Do(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 Fo extends jo{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 Ro extends Fo{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 Uo extends Ro{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 me=te(Uo);/**
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2018 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const P=o=>o??d;var No=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};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="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:o,pixelSize:t,shouldApplyLogicalSize:e}=
|
|
191
|
+
*/const P=o=>o??d;var No=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};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="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:o,pixelSize:t,shouldApplyLogicalSize:e}=Oo(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,i=e?` width="${t}" height="${t}"`:"",r=o.replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${i}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),s=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,c=this.showSrLabel?null:"icon";return l`
|
|
192
192
|
${this.type==="span"?l`
|
|
193
193
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">
|
|
194
|
-
${
|
|
194
|
+
${E(r)}
|
|
195
195
|
</span>
|
|
196
196
|
`:l`
|
|
197
197
|
<button
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
|
|
202
202
|
?disabled="${this.disabled}"
|
|
203
203
|
>
|
|
204
|
-
${
|
|
204
|
+
${E(r)}
|
|
205
205
|
${s}
|
|
206
206
|
</button>
|
|
207
207
|
`}
|
|
@@ -709,7 +709,7 @@
|
|
|
709
709
|
overflow: auto;
|
|
710
710
|
box-sizing: border-box;
|
|
711
711
|
}
|
|
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 Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,_=(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};const Go=Jt(u);let m=class extends Go{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[Yt].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=
|
|
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 Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,_=(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};const Go=Jt(u);let m=class extends Go{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[Yt].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=et[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${E(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
713
713
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
714
714
|
aria-describedby=${this.getAttribute("aria-describedby")||d} >
|
|
715
715
|
${this.startIcon?this.renderIcon("start"):d}
|
|
@@ -944,12 +944,12 @@
|
|
|
944
944
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
945
945
|
transform: translateX(4px);
|
|
946
946
|
}
|
|
947
|
-
`;_([a()],m.prototype,"type",2);_([a()],m.prototype,"value",2);_([a({type:String,reflect:!0})],m.prototype,"variant",2);_([a({type:String})],m.prototype,"text",2);_([a({type:String})],m.prototype,"textsecond",2);_([a({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);_([a({type:Boolean,reflect:!0})],m.prototype,"disabled",2);_([a({type:String})],m.prototype,"startIconModel",2);_([a({type:String})],m.prototype,"endIconModel",2);_([a({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);_([a({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);_([a({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);_([a({type:String})],m.prototype,"href",2);_([a({type:String})],m.prototype,"target",2);_([a({type:Boolean,reflect:!0})],m.prototype,"underlined",2);_([a({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);_([a({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=_([y("o-button")],m);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Xo(t,e,i),i};let
|
|
947
|
+
`;_([a()],m.prototype,"type",2);_([a()],m.prototype,"value",2);_([a({type:String,reflect:!0})],m.prototype,"variant",2);_([a({type:String})],m.prototype,"text",2);_([a({type:String})],m.prototype,"textsecond",2);_([a({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);_([a({type:Boolean,reflect:!0})],m.prototype,"disabled",2);_([a({type:String})],m.prototype,"startIconModel",2);_([a({type:String})],m.prototype,"endIconModel",2);_([a({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);_([a({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);_([a({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);_([a({type:String})],m.prototype,"href",2);_([a({type:String})],m.prototype,"target",2);_([a({type:Boolean,reflect:!0})],m.prototype,"underlined",2);_([a({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);_([a({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=_([y("o-button")],m);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Xo(t,e,i),i};let pt=class extends u{constructor(){super(...arguments),this.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=et.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
948
948
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
949
949
|
<span class="sr-only">${this.label}</span>
|
|
950
|
-
${
|
|
950
|
+
${E(o)}
|
|
951
951
|
</button>
|
|
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()}};
|
|
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()}};pt.styles=f`
|
|
953
953
|
:host {
|
|
954
954
|
display: inline-flex;
|
|
955
955
|
justify-content: center;
|
|
@@ -1003,7 +1003,7 @@
|
|
|
1003
1003
|
.sr-only {
|
|
1004
1004
|
${Xt}
|
|
1005
1005
|
}
|
|
1006
|
-
`;It([a({type:String,reflect:!0})],
|
|
1006
|
+
`;It([a({type:String,reflect:!0})],pt.prototype,"status",2);It([a({type:String,reflect:!0})],pt.prototype,"ariaDescribedBy",2);It([a({type:String,reflect:!0})],pt.prototype,"label",2);pt=It([y("o-wishlist-button")],pt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,lt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let Z=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,t=l`
|
|
1007
1007
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
1008
1008
|
<o-icon-button
|
|
1009
1009
|
icon="chevronLeft"
|
|
@@ -1118,14 +1118,14 @@
|
|
|
1118
1118
|
transform: translateX(-4px);
|
|
1119
1119
|
}
|
|
1120
1120
|
}
|
|
1121
|
-
`;lt([a({type:String})],Z.prototype,"href",2);lt([a({type:String})],Z.prototype,"target",2);lt([a({type:String,reflect:!0})],Z.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"reverseEndIcon",2);Z=lt([y("o-link")],Z);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let
|
|
1121
|
+
`;lt([a({type:String})],Z.prototype,"href",2);lt([a({type:String})],Z.prototype,"target",2);lt([a({type:String,reflect:!0})],Z.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"reverseEndIcon",2);Z=lt([y("o-link")],Z);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let ut=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`
|
|
1122
1122
|
<div class="rating">
|
|
1123
1123
|
<div class="stars">
|
|
1124
|
-
${o.map(t=>l`<span class="star">${
|
|
1124
|
+
${o.map(t=>l`<span class="star">${E(et[t]??"")}</span>`)}
|
|
1125
1125
|
</div>
|
|
1126
1126
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1127
1127
|
</div>
|
|
1128
|
-
`}};
|
|
1128
|
+
`}};ut.styles=f`
|
|
1129
1129
|
svg {
|
|
1130
1130
|
width: 12px;
|
|
1131
1131
|
height: 12px;
|
|
@@ -1158,7 +1158,7 @@
|
|
|
1158
1158
|
text-decoration: underline;
|
|
1159
1159
|
cursor: pointer;
|
|
1160
1160
|
}
|
|
1161
|
-
`;Dt([a({type:Number})],
|
|
1161
|
+
`;Dt([a({type:Number})],ut.prototype,"rating",2);Dt([a({type:String})],ut.prototype,"reviewCount",2);Dt([a({type:String})],ut.prototype,"href",2);ut=Dt([y("o-rating")],ut);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&oi(t,e,i),i};let 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`
|
|
1162
1162
|
<o-icon-button
|
|
1163
1163
|
icon="playerv"
|
|
1164
1164
|
size="xsmall"
|
|
@@ -1291,7 +1291,7 @@
|
|
|
1291
1291
|
height: 0;
|
|
1292
1292
|
width: 0;
|
|
1293
1293
|
}
|
|
1294
|
-
`;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([
|
|
1294
|
+
`;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 ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,oe=(o,t,e,n)=>{for(var i=n>1?void 0:n?ri(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ni(t,e,i),i};let $t=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1295
1295
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
1296
1296
|
`}};$t.styles=f`
|
|
1297
1297
|
.tag {
|
|
@@ -1446,7 +1446,7 @@
|
|
|
1446
1446
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1447
1447
|
}
|
|
1448
1448
|
|
|
1449
|
-
`;ie([a({type:String,reflect:!0})],kt.prototype,"type",2);ie([a({type:String,reflect:!0})],kt.prototype,"text",2);kt=ie([y("o-tooltip")],kt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,
|
|
1449
|
+
`;ie([a({type:String,reflect:!0})],kt.prototype,"type",2);ie([a({type:String,reflect:!0})],kt.prototype,"text",2);kt=ie([y("o-tooltip")],kt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,G=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&li(t,e,i),i};let M=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=et.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1450
1450
|
<button
|
|
1451
1451
|
role="combobox"
|
|
1452
1452
|
aria-haspopup="listbox"
|
|
@@ -1486,15 +1486,15 @@
|
|
|
1486
1486
|
${e.url?l`
|
|
1487
1487
|
<a href="${e.url}">
|
|
1488
1488
|
<span>${e.label}</span>
|
|
1489
|
-
${e.value===this.value?l`<span class="check">${
|
|
1489
|
+
${e.value===this.value?l`<span class="check">${E(o)}</span>`:null}
|
|
1490
1490
|
</a>`:l`
|
|
1491
1491
|
<span>${e.label}</span>
|
|
1492
|
-
${e.value===this.value?l`<span class="check">${
|
|
1492
|
+
${e.value===this.value?l`<span class="check">${E(o)}</span>`:null}`}
|
|
1493
1493
|
</li>`)}
|
|
1494
1494
|
</ul>`:null}
|
|
1495
1495
|
|
|
1496
1496
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1497
|
-
`}};
|
|
1497
|
+
`}};M.styles=f`
|
|
1498
1498
|
:host {
|
|
1499
1499
|
display: inline-block;
|
|
1500
1500
|
position: relative;
|
|
@@ -1632,7 +1632,7 @@
|
|
|
1632
1632
|
input[type="hidden"] {
|
|
1633
1633
|
display: none;
|
|
1634
1634
|
}
|
|
1635
|
-
`;
|
|
1635
|
+
`;G([a({type:Array,reflect:!0})],M.prototype,"options",2);G([a({type:String,reflect:!0})],M.prototype,"value",2);G([a({type:String,reflect:!0})],M.prototype,"name",2);G([a({type:Boolean,reflect:!0})],M.prototype,"disabled",2);G([a({type:String,reflect:!0})],M.prototype,"width",2);G([W()],M.prototype,"open",2);G([W()],M.prototype,"activeIndex",2);G([W()],M.prototype,"menuWidth",2);M=G([y("o-dropdown")],M);var hi=Object.getOwnPropertyDescriptor,di=(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=s(i)||i);return i};let qt=class extends u{render(){return l` <span class="dots"></span> `}};qt.styles=f`
|
|
1636
1636
|
:host {
|
|
1637
1637
|
display: flex;
|
|
1638
1638
|
align-items: center;
|
|
@@ -1674,7 +1674,7 @@
|
|
|
1674
1674
|
:host([aria-current="true"]:active) .dots {
|
|
1675
1675
|
background-color: var(--color-container-action-primary-pressed);
|
|
1676
1676
|
}
|
|
1677
|
-
`;qt=di([y("o-dots")],qt);var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&pi(t,e,i),i};let
|
|
1677
|
+
`;qt=di([y("o-dots")],qt);var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&pi(t,e,i),i};let O=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=et.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1678
1678
|
<button
|
|
1679
1679
|
role="combobox"
|
|
1680
1680
|
aria-haspopup="listbox"
|
|
@@ -1728,7 +1728,7 @@
|
|
|
1728
1728
|
<div class="right">
|
|
1729
1729
|
<span class="additional-text">${P(e.additionaltext)}</span>
|
|
1730
1730
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1731
|
-
<span class="check">${
|
|
1731
|
+
<span class="check">${E(o)}</span>`:null}
|
|
1732
1732
|
</div>
|
|
1733
1733
|
</a>
|
|
1734
1734
|
</li>
|
|
@@ -1736,7 +1736,7 @@
|
|
|
1736
1736
|
</ul>`:null}
|
|
1737
1737
|
|
|
1738
1738
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1739
|
-
`}};
|
|
1739
|
+
`}};O.styles=f`
|
|
1740
1740
|
:host {
|
|
1741
1741
|
display: inline-block;
|
|
1742
1742
|
position: relative;
|
|
@@ -1912,11 +1912,11 @@
|
|
|
1912
1912
|
input[type="hidden"] {
|
|
1913
1913
|
display: none;
|
|
1914
1914
|
}
|
|
1915
|
-
`;U([a({type:Array,reflect:!0})],
|
|
1915
|
+
`;U([a({type:Array,reflect:!0})],O.prototype,"options",2);U([a({type:String,reflect:!0})],O.prototype,"value",2);U([a({type:String,reflect:!0})],O.prototype,"name",2);U([a({type:String,reflect:!0})],O.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);U([a({type:String,reflect:!0})],O.prototype,"width",2);U([W()],O.prototype,"open",2);U([W()],O.prototype,"activeIndex",2);U([W()],O.prototype,"menuWidth",2);O=U([y("o-dropdown-variant")],O);/**
|
|
1916
1916
|
* @license
|
|
1917
1917
|
* Copyright 2018 Google LLC
|
|
1918
1918
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1919
|
-
*/const Le="important",fi=" !"+Le,vi=te(class extends ee{constructor(o){var t;if(super(o),o.type!==Qt.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(fi);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Le:""):e[n]=i}}return
|
|
1919
|
+
*/const Le="important",fi=" !"+Le,vi=te(class extends ee{constructor(o){var t;if(super(o),o.type!==Qt.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(fi);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Le:""):e[n]=i}}return tt}});var gi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,ne=(o,t,e,n)=>{for(var i=n>1?void 0:n?bi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&gi(t,e,i),i};let _t=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`
|
|
1920
1920
|
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${vi(e)} />`:""}
|
|
1921
1921
|
<div class="m-reassurance-content">
|
|
1922
1922
|
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
@@ -2003,7 +2003,7 @@
|
|
|
2003
2003
|
-webkit-box-orient: vertical;
|
|
2004
2004
|
overflow: hidden;
|
|
2005
2005
|
}
|
|
2006
|
-
`;ne([a({type:Object,reflect:!0})],_t.prototype,"option",2);ne([a({type:Number,reflect:!0})],_t.prototype,"imageSize",2);_t=ne([y("o-reassurance")],_t);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,
|
|
2006
|
+
`;ne([a({type:Object,reflect:!0})],_t.prototype,"option",2);ne([a({type:Number,reflect:!0})],_t.prototype,"imageSize",2);_t=ne([y("o-reassurance")],_t);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,X=(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};const xi=Jt(u);let z=class extends xi{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`
|
|
2007
2007
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":d}"
|
|
2008
2008
|
aria-current="${this.selected?"true":d}">
|
|
2009
2009
|
${o?this.text:l`<slot></slot>`}
|
|
@@ -2013,7 +2013,7 @@
|
|
|
2013
2013
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2014
2014
|
${o?this.text:l`<slot></slot>`}
|
|
2015
2015
|
</button>
|
|
2016
|
-
`}};
|
|
2016
|
+
`}};z.styles=f`
|
|
2017
2017
|
:host {
|
|
2018
2018
|
cursor: pointer;
|
|
2019
2019
|
display: inline-flex;
|
|
@@ -2106,7 +2106,7 @@
|
|
|
2106
2106
|
display: inline-flex;
|
|
2107
2107
|
align-items: center;
|
|
2108
2108
|
}
|
|
2109
|
-
`;
|
|
2109
|
+
`;X([a({type:String,reflect:!0})],z.prototype,"link",2);X([a({reflect:!0})],z.prototype,"name",2);X([a({reflect:!0})],z.prototype,"value",2);X([a({type:String})],z.prototype,"text",2);X([a({type:String,reflect:!0})],z.prototype,"size",2);X([a({type:Boolean,reflect:!0})],z.prototype,"selected",2);X([a({type:Boolean,reflect:!0})],z.prototype,"fullwidth",2);X([a({type:Boolean,reflect:!0})],z.prototype,"inactive",2);z=X([y("o-chip")],z);var wi=Object.defineProperty,$i=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?$i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&wi(t,e,i),i};let Ct=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof z?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`
|
|
2110
2110
|
<slot></slot>
|
|
2111
2111
|
`}};Ct.styles=f`
|
|
2112
2112
|
:host {
|
|
@@ -2115,7 +2115,7 @@
|
|
|
2115
2115
|
flex-wrap: wrap;
|
|
2116
2116
|
gap: var(--spacing-s);
|
|
2117
2117
|
}
|
|
2118
|
-
`;re([a({reflect:!0})],Ct.prototype,"name",2);re([a({reflect:!0})],Ct.prototype,"value",2);Ct=re([y("o-chipset")],Ct);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};const Ci=Jt(u);let I=class extends Ci{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=
|
|
2118
|
+
`;re([a({reflect:!0})],Ct.prototype,"name",2);re([a({reflect:!0})],Ct.prototype,"value",2);Ct=re([y("o-chipset")],Ct);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};const Ci=Jt(u);let I=class extends Ci{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=et[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${E(o)}</span>`}strikeThroughImg(){const o=zo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return E(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2119
2119
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2120
2120
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2121
2121
|
${o?l`
|
|
@@ -2257,7 +2257,7 @@
|
|
|
2257
2257
|
stroke-width: 4px;
|
|
2258
2258
|
stroke-linecap: round;
|
|
2259
2259
|
}
|
|
2260
|
-
`;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 Si=Object.defineProperty,
|
|
2260
|
+
`;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 Si=Object.defineProperty,H=(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&&Si(t,e,i),i};const ae=class ae 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="",this.outOfStock=!1}onClick(t){var n,i,r;const e=t.target;(n=e==null?void 0:e.classList)!=null&&n.contains("add-to-bag")||(i=e==null?void 0:e.classList)!=null&&i.contains("js-availability-notify-details-cart")||((r=this.onClickTile)==null||r.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`
|
|
2261
2261
|
<o-icon-button
|
|
2262
2262
|
@click=${this.onClickIcons}
|
|
2263
2263
|
icon="chevronRight"
|
|
@@ -2273,13 +2273,13 @@
|
|
|
2273
2273
|
`:l`
|
|
2274
2274
|
<o-icon-button
|
|
2275
2275
|
@click=${this.onClickIcons}
|
|
2276
|
-
icon
|
|
2276
|
+
icon=${this.outOfStock?"notifyme":"cart"}
|
|
2277
2277
|
size="small"
|
|
2278
2278
|
bgstyle="background-contrast"
|
|
2279
2279
|
type="span"
|
|
2280
2280
|
status="empty"
|
|
2281
2281
|
strokewidth="0"
|
|
2282
|
-
class
|
|
2282
|
+
class=${this.outOfStock?"js-availability-notify-details-cart":"add-to-bag"}
|
|
2283
2283
|
></o-icon-button>
|
|
2284
2284
|
`}render(){return l`
|
|
2285
2285
|
<button
|
|
@@ -2289,7 +2289,9 @@
|
|
|
2289
2289
|
>
|
|
2290
2290
|
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
2291
2291
|
<div class="info">
|
|
2292
|
-
${this.
|
|
2292
|
+
${this.outOfStock?l`<o-tag type="nostock" role="status" aria-live="polite"
|
|
2293
|
+
>${this.tagText}</o-tag
|
|
2294
|
+
>`:this.tagText?l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>`:""}
|
|
2293
2295
|
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
2294
2296
|
<div class="details">
|
|
2295
2297
|
${this.volume?l`<span class="volume-info">${this.volume}</span>`:""}
|
|
@@ -2411,11 +2413,11 @@
|
|
|
2411
2413
|
.fullpointer {
|
|
2412
2414
|
cursor: pointer;
|
|
2413
2415
|
}
|
|
2414
|
-
`;let
|
|
2416
|
+
`;let S=ae;H([a({type:String})],S.prototype,"type");H([a({type:String})],S.prototype,"titleProduct");H([a({type:String})],S.prototype,"volume");H([a({type:String})],S.prototype,"perLiter");H([a({type:String})],S.prototype,"mainPrice");H([a({type:String})],S.prototype,"imageUrl");H([a({type:String})],S.prototype,"altImage");H([a({type:Boolean})],S.prototype,"fullwidth");H([a({type:String})],S.prototype,"tagText");H([a({type:Boolean})],S.prototype,"outOfStock");H([a({attribute:!1})],S.prototype,"onClickTile");H([a({attribute:!1})],S.prototype,"onClickIcon");customElements.define("mini-tile",S);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,Ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let ft=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return l`
|
|
2415
2417
|
<span class="badge">
|
|
2416
2418
|
${this.text?l`${this.text} <span class="sr-only">${this.srlabel}</span>`:l`<slot></slot>`}
|
|
2417
2419
|
</span>
|
|
2418
|
-
`}};
|
|
2420
|
+
`}};ft.styles=f`
|
|
2419
2421
|
:host([variant]) {
|
|
2420
2422
|
--badge-width: 19px;
|
|
2421
2423
|
display: inline-block;
|
|
@@ -2452,10 +2454,10 @@
|
|
|
2452
2454
|
.sr-only {
|
|
2453
2455
|
${Xt}
|
|
2454
2456
|
}
|
|
2455
|
-
`;Ht([a({type:String,reflect:!0})],
|
|
2457
|
+
`;Ht([a({type:String,reflect:!0})],ft.prototype,"variant",2);Ht([a({type:Number})],ft.prototype,"text",2);Ht([a({type:String})],ft.prototype,"srlabel",2);ft=Ht([y("o-badge")],ft);var Li=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Pi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Li(t,e,i),i};let 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=Io[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`
|
|
2456
2458
|
<div class="o-toast">
|
|
2457
2459
|
<div class="o-toast-icon">
|
|
2458
|
-
${
|
|
2460
|
+
${E(t)}
|
|
2459
2461
|
</div>
|
|
2460
2462
|
<div class="o-toast-text">
|
|
2461
2463
|
${this.text}
|
|
@@ -2545,7 +2547,7 @@
|
|
|
2545
2547
|
.o-toast-icon {
|
|
2546
2548
|
height: 16px;
|
|
2547
2549
|
}
|
|
2548
|
-
`;
|
|
2550
|
+
`;T([a({type:String,reflect:!0})],A.prototype,"icon",2);T([a({type:String,reflect:!0})],A.prototype,"text",2);T([a({type:String,reflect:!0})],A.prototype,"verticalanchor",2);T([a({type:String,reflect:!0})],A.prototype,"horizontalanchor",2);T([a({type:Number,reflect:!0})],A.prototype,"verticaloffset",2);T([a({type:Number,reflect:!0})],A.prototype,"horizontaloffset",2);T([a({type:Number,reflect:!0})],A.prototype,"animationduration",2);T([a({type:String,reflect:!0})],A.prototype,"animationaxis",2);T([a({type:Boolean,reflect:!0})],A.prototype,"animated",2);T([a({type:Number,reflect:!0})],A.prototype,"lifeduration",2);T([a({type:Boolean,reflect:!0})],A.prototype,"multiline",2);A=T([y("o-toast")],A);var Bi=Object.defineProperty,Oi=Object.getOwnPropertyDescriptor,j=(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&&Bi(t,e,i),i};let zi=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-${++zi}`)}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=E(et.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=E(et.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2549
2551
|
<input
|
|
2550
2552
|
type="checkbox"
|
|
2551
2553
|
id=${this.inputId}
|
|
@@ -2828,7 +2830,7 @@
|
|
|
2828
2830
|
:host(.a--tabfocus) {
|
|
2829
2831
|
outline: none !important;
|
|
2830
2832
|
}
|
|
2831
|
-
`;se([a({type:String})],St.prototype,"href",2);se([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=se([y("o-breadcrumb")],St);var Ri=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,
|
|
2833
|
+
`;se([a({type:String})],St.prototype,"href",2);se([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=se([y("o-breadcrumb")],St);var Ri=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,ct=(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};let K=class extends u{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1,this.showHover=!1}render(){return l`<div class="card">
|
|
2832
2834
|
<svg aria-hidden="true">
|
|
2833
2835
|
<defs>
|
|
2834
2836
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -2839,7 +2841,7 @@
|
|
|
2839
2841
|
<img src="${this.imageUrl}" alt="${this.imageAlt}" class="card-img base" loading="lazy" />
|
|
2840
2842
|
${this.hoverUrl?l`<img src="${this.hoverUrl}" alt="${this.hoverAlt||this.imageAlt}" class="card-img hover" loading="lazy" />`:""}
|
|
2841
2843
|
<div class="overlay" part="overlay"></div>
|
|
2842
|
-
</div>`}};
|
|
2844
|
+
</div>`}};K.styles=f`
|
|
2843
2845
|
:host {
|
|
2844
2846
|
--card-width : 175px;
|
|
2845
2847
|
--card-height : 260px;
|
|
@@ -2886,6 +2888,18 @@
|
|
|
2886
2888
|
z-index: 2;
|
|
2887
2889
|
}
|
|
2888
2890
|
|
|
2891
|
+
.card-img.base {
|
|
2892
|
+
z-index: 1;
|
|
2893
|
+
}
|
|
2894
|
+
|
|
2895
|
+
:host([showhover]) .card-img.hover {
|
|
2896
|
+
opacity: 1;
|
|
2897
|
+
}
|
|
2898
|
+
|
|
2899
|
+
:host([showhover]) .card-img.base {
|
|
2900
|
+
opacity: 0;
|
|
2901
|
+
}
|
|
2902
|
+
|
|
2889
2903
|
@media (hover: hover) and (pointer: fine) {
|
|
2890
2904
|
.card:hover .card-img.hover {
|
|
2891
2905
|
opacity: 1;
|
|
@@ -2911,7 +2925,7 @@
|
|
|
2911
2925
|
:host([dimmed]) .overlay {
|
|
2912
2926
|
opacity: var(--overlay-opacity, 1);
|
|
2913
2927
|
}
|
|
2914
|
-
`;
|
|
2928
|
+
`;ct([a({type:String})],K.prototype,"imageUrl",2);ct([a({type:String})],K.prototype,"imageAlt",2);ct([a({type:String})],K.prototype,"hoverUrl",2);ct([a({type:String})],K.prototype,"hoverAlt",2);ct([a({type:Boolean,reflect:!0})],K.prototype,"dimmed",2);ct([a({type:Boolean,reflect:!0,attribute:"showhover"})],K.prototype,"showHover",2);K=ct([y("o-arch-image")],K);const Ni=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2915
2929
|
<svg
|
|
2916
2930
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2917
2931
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -3034,7 +3048,7 @@
|
|
|
3034
3048
|
<header part="header" class="${e}">
|
|
3035
3049
|
${this.showBackButton?this._renderBackButton():null}
|
|
3036
3050
|
<div class="brand">
|
|
3037
|
-
<span slot="logo${this.contrast?"-contrast":""}">${
|
|
3051
|
+
<span slot="logo${this.contrast?"-contrast":""}">${E(Ni)}</span>
|
|
3038
3052
|
</div>
|
|
3039
3053
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
3040
3054
|
</header>
|
|
@@ -3178,7 +3192,7 @@
|
|
|
3178
3192
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3179
3193
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3180
3194
|
}
|
|
3181
|
-
`;let $=le;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([
|
|
3195
|
+
`;let $=le;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 Zi=Object.defineProperty,Ki=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ki(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&&Zi(t,e,i),i};let x=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.outOfStockText="Out of stock",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`
|
|
3182
3196
|
<o-icon-button
|
|
3183
3197
|
@click=${this.onClickIcons}
|
|
3184
3198
|
icon=${this.type==="notifyme"?"notifyme":"cart"}
|