@florid-kit/components 0.10.29 → 0.10.31
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/index.js +44 -44
- package/index.mjs +97 -94
- package/package.json +1 -1
|
@@ -16,6 +16,7 @@ export declare class OccitaneSidePanel extends LitElement {
|
|
|
16
16
|
headerTitle: string;
|
|
17
17
|
headerTitleClassName: string;
|
|
18
18
|
labelDialog: string;
|
|
19
|
+
labelAriaDialogPanel: string;
|
|
19
20
|
addToBagProductCount: string;
|
|
20
21
|
closeButtonLabel: string;
|
|
21
22
|
goBackButtonLabel: string;
|
package/index.js
CHANGED
|
@@ -2,17 +2,17 @@
|
|
|
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 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)},
|
|
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:
|
|
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,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=
|
|
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
|
|
@@ -20,11 +20,11 @@
|
|
|
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 We={attribute:!0,type:String,converter:
|
|
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
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
`,Lo=`<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
|
-
`,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},
|
|
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};/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2017 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2018 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/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`
|
|
192
192
|
${this.type==="span"?l`
|
|
193
193
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
194
194
|
${S(e)}
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
`:l`
|
|
197
197
|
<button
|
|
198
198
|
type="button"
|
|
199
|
-
aria-label=${
|
|
199
|
+
aria-label=${P(i)}
|
|
200
200
|
aria-describedby=${this.getAttribute("aria-describedby")||d}
|
|
201
201
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
202
202
|
?disabled="${this.disabled}"
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
${n}
|
|
206
206
|
</button>
|
|
207
207
|
`}
|
|
208
|
-
`}};
|
|
208
|
+
`}};B.styles=f`
|
|
209
209
|
:host {
|
|
210
210
|
display: inline-flex;
|
|
211
211
|
justify-content: center;
|
|
@@ -387,7 +387,7 @@
|
|
|
387
387
|
.sr-only {
|
|
388
388
|
${Se}
|
|
389
389
|
}
|
|
390
|
-
`;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.labelAriaDialogPanel||"panel-title")}_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`
|
|
391
391
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
392
392
|
${this.showHeaderStartIcon?l`
|
|
393
393
|
<o-icon-button
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
class="panel"
|
|
427
427
|
role="dialog"
|
|
428
428
|
aria-modal="true"
|
|
429
|
-
aria-label="panel-title"
|
|
429
|
+
aria-label="${this.labelAriaDialogPanel||"panel-title"}"
|
|
430
430
|
style="z-index: ${this.zIndex+1}"
|
|
431
431
|
tabindex="-1"
|
|
432
432
|
>
|
|
@@ -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};
|
|
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`
|
|
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,7 +944,7 @@
|
|
|
944
944
|
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
945
945
|
transform: translateX(4px);
|
|
946
946
|
}
|
|
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([
|
|
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`
|
|
948
948
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
949
949
|
<span class="sr-only">${this.label}</span>
|
|
950
950
|
${S(o)}
|
|
@@ -1003,10 +1003,10 @@
|
|
|
1003
1003
|
.sr-only {
|
|
1004
1004
|
${Se}
|
|
1005
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([
|
|
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`
|
|
1007
1007
|
<a
|
|
1008
1008
|
href="${o}"
|
|
1009
|
-
target="${
|
|
1009
|
+
target="${P(this.target||void 0)}"
|
|
1010
1010
|
@click="${this._handleClick}"
|
|
1011
1011
|
>
|
|
1012
1012
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -1111,7 +1111,7 @@
|
|
|
1111
1111
|
transform: translateX(-4px);
|
|
1112
1112
|
}
|
|
1113
1113
|
}
|
|
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([
|
|
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`
|
|
1115
1115
|
<div class="rating">
|
|
1116
1116
|
<div class="stars">
|
|
1117
1117
|
${o.map(t=>l`<span class="star">${S(Z[t]??"")}</span>`)}
|
|
@@ -1151,7 +1151,7 @@
|
|
|
1151
1151
|
text-decoration: underline;
|
|
1152
1152
|
cursor: pointer;
|
|
1153
1153
|
}
|
|
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([
|
|
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`
|
|
1155
1155
|
<o-icon-button
|
|
1156
1156
|
icon="playerv"
|
|
1157
1157
|
size="xsmall"
|
|
@@ -1284,7 +1284,7 @@
|
|
|
1284
1284
|
height: 0;
|
|
1285
1285
|
width: 0;
|
|
1286
1286
|
}
|
|
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([
|
|
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`
|
|
1288
1288
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
1289
1289
|
`}};wt.styles=f`
|
|
1290
1290
|
.tag {
|
|
@@ -1347,7 +1347,7 @@
|
|
|
1347
1347
|
}
|
|
1348
1348
|
}
|
|
1349
1349
|
|
|
1350
|
-
`;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`
|
|
1351
1351
|
<div class="tooltip">
|
|
1352
1352
|
<span class="tooltiptext">${this.text}</span>
|
|
1353
1353
|
<slot></slot>
|
|
@@ -1444,7 +1444,7 @@
|
|
|
1444
1444
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1445
1445
|
}
|
|
1446
1446
|
|
|
1447
|
-
`;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`
|
|
1448
1448
|
<button
|
|
1449
1449
|
role="combobox"
|
|
1450
1450
|
aria-haspopup="listbox"
|
|
@@ -1630,7 +1630,7 @@
|
|
|
1630
1630
|
input[type="hidden"] {
|
|
1631
1631
|
display: none;
|
|
1632
1632
|
}
|
|
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([
|
|
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`
|
|
1634
1634
|
:host {
|
|
1635
1635
|
display: flex;
|
|
1636
1636
|
align-items: center;
|
|
@@ -1672,7 +1672,7 @@
|
|
|
1672
1672
|
:host([aria-current="true"]:active) .dots {
|
|
1673
1673
|
background-color: var(--color-container-action-primary-pressed);
|
|
1674
1674
|
}
|
|
1675
|
-
`;Nt=li([
|
|
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`
|
|
1676
1676
|
<button
|
|
1677
1677
|
role="combobox"
|
|
1678
1678
|
aria-haspopup="listbox"
|
|
@@ -1686,7 +1686,7 @@
|
|
|
1686
1686
|
?disabled=${this.disabled}
|
|
1687
1687
|
class="btn-dropdown"
|
|
1688
1688
|
>
|
|
1689
|
-
<img alt="${
|
|
1689
|
+
<img alt="${P(t==null?void 0:t.label)}" src="${P(t==null?void 0:t.imgurl)}" />
|
|
1690
1690
|
<span id="dropdown-label" class="label">
|
|
1691
1691
|
${t?t.label:"Select an option"}
|
|
1692
1692
|
</span>
|
|
@@ -1720,11 +1720,11 @@
|
|
|
1720
1720
|
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1721
1721
|
@click=${()=>this.selectOption(e)}
|
|
1722
1722
|
>
|
|
1723
|
-
<a href="${
|
|
1724
|
-
<img alt="${
|
|
1723
|
+
<a href="${P(e.url)}">
|
|
1724
|
+
<img alt="${P(e.label)}" src="${P(e.imgurl)}" />
|
|
1725
1725
|
<span class="label">${e.label}</span>
|
|
1726
1726
|
<div class="right">
|
|
1727
|
-
<span class="additional-text">${
|
|
1727
|
+
<span class="additional-text">${P(e.additionaltext)}</span>
|
|
1728
1728
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1729
1729
|
<span class="check">${S(o)}</span>`:null}
|
|
1730
1730
|
</div>
|
|
@@ -1909,17 +1909,17 @@
|
|
|
1909
1909
|
input[type="hidden"] {
|
|
1910
1910
|
display: none;
|
|
1911
1911
|
}
|
|
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([
|
|
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);/**
|
|
1913
1913
|
* @license
|
|
1914
1914
|
* Copyright 2018 Google LLC
|
|
1915
1915
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1916
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="${
|
|
1917
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${pi(e)} />`:""}
|
|
1918
1918
|
<div class="m-reassurance-content">
|
|
1919
|
-
<h3 class="a-reassurance-text">${
|
|
1920
|
-
<p class="a-reassurance-description">${
|
|
1919
|
+
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
1920
|
+
<p class="a-reassurance-description">${P(i)}</p>
|
|
1921
1921
|
</div>
|
|
1922
|
-
`;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`
|
|
1923
1923
|
:host {
|
|
1924
1924
|
display: inline-block;
|
|
1925
1925
|
position: relative;
|
|
@@ -2000,7 +2000,7 @@
|
|
|
2000
2000
|
-webkit-box-orient: vertical;
|
|
2001
2001
|
overflow: hidden;
|
|
2002
2002
|
}
|
|
2003
|
-
`;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`
|
|
2004
2004
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}"
|
|
2005
2005
|
aria-hidden="${this.inactive?"true":d}" aria-current="${this.selected?"true":d}">
|
|
2006
2006
|
${o?this.text:l`<slot></slot>`}
|
|
@@ -2103,7 +2103,7 @@
|
|
|
2103
2103
|
display: inline-flex;
|
|
2104
2104
|
align-items: center;
|
|
2105
2105
|
}
|
|
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([
|
|
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`
|
|
2107
2107
|
<slot></slot>
|
|
2108
2108
|
`}};_t.styles=f`
|
|
2109
2109
|
:host {
|
|
@@ -2112,7 +2112,7 @@
|
|
|
2112
2112
|
flex-wrap: wrap;
|
|
2113
2113
|
gap: var(--spacing-s);
|
|
2114
2114
|
}
|
|
2115
|
-
`;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`
|
|
2116
2116
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2117
2117
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2118
2118
|
${o?l`
|
|
@@ -2254,7 +2254,7 @@
|
|
|
2254
2254
|
stroke-width: 4px;
|
|
2255
2255
|
stroke-linecap: round;
|
|
2256
2256
|
}
|
|
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([
|
|
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`
|
|
2258
2258
|
<o-icon-button
|
|
2259
2259
|
@click=${this.onClickIcons}
|
|
2260
2260
|
icon="chevronRight"
|
|
@@ -2446,7 +2446,7 @@
|
|
|
2446
2446
|
color: var(--text-color);
|
|
2447
2447
|
}
|
|
2448
2448
|
|
|
2449
|
-
`;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`
|
|
2450
2450
|
<div class="o-toast">
|
|
2451
2451
|
<div class="o-toast-icon">
|
|
2452
2452
|
${S(t)}
|
|
@@ -2539,7 +2539,7 @@
|
|
|
2539
2539
|
.o-toast-icon {
|
|
2540
2540
|
height: 16px;
|
|
2541
2541
|
}
|
|
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([
|
|
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`
|
|
2543
2543
|
<input
|
|
2544
2544
|
type="checkbox"
|
|
2545
2545
|
id=${this.inputId}
|
|
@@ -2657,7 +2657,7 @@
|
|
|
2657
2657
|
svg path {
|
|
2658
2658
|
stroke: var(--color-border-white);
|
|
2659
2659
|
}
|
|
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([
|
|
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`
|
|
2661
2661
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2662
2662
|
|
|
2663
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}>
|
|
@@ -2754,7 +2754,7 @@
|
|
|
2754
2754
|
width: 0;
|
|
2755
2755
|
height: 0;
|
|
2756
2756
|
}
|
|
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([
|
|
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`
|
|
2758
2758
|
<nav aria-label="Breadcrumbs">
|
|
2759
2759
|
<ul>
|
|
2760
2760
|
<slot></slot>
|
|
@@ -2771,7 +2771,7 @@
|
|
|
2771
2771
|
margin: var(--spacing-4-xs);
|
|
2772
2772
|
padding: var(--spacing-4-xs);
|
|
2773
2773
|
}
|
|
2774
|
-
`;qt=Di([
|
|
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`
|
|
2775
2775
|
<li>
|
|
2776
2776
|
<a
|
|
2777
2777
|
href="${this.href}"
|
|
@@ -2822,7 +2822,7 @@
|
|
|
2822
2822
|
:host(.a--tabfocus) {
|
|
2823
2823
|
outline: none !important;
|
|
2824
2824
|
}
|
|
2825
|
-
`;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">
|
|
2826
2826
|
<svg aria-hidden="true">
|
|
2827
2827
|
<defs>
|
|
2828
2828
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -2905,7 +2905,7 @@
|
|
|
2905
2905
|
:host([dimmed]) .overlay {
|
|
2906
2906
|
opacity: var(--overlay-opacity, 1);
|
|
2907
2907
|
}
|
|
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([
|
|
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"?>
|
|
2909
2909
|
<svg
|
|
2910
2910
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2911
2911
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -3385,4 +3385,4 @@
|
|
|
3385
3385
|
.fullpointer {
|
|
3386
3386
|
cursor: pointer;
|
|
3387
3387
|
}
|
|
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=_([
|
|
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);
|
package/index.mjs
CHANGED
|
@@ -29,7 +29,7 @@ const Le = (o) => new xe(typeof o == "string" ? o : o + "", void 0, Zt), f = (o,
|
|
|
29
29
|
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.");
|
|
30
30
|
})(i) + o[r + 1], o[0]);
|
|
31
31
|
return new xe(e, o, Zt);
|
|
32
|
-
},
|
|
32
|
+
}, Pe = (o, t) => {
|
|
33
33
|
if (Vt) o.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
|
|
34
34
|
else for (const e of t) {
|
|
35
35
|
const n = document.createElement("style"), i = Lt.litNonce;
|
|
@@ -45,7 +45,7 @@ const Le = (o) => new xe(typeof o == "string" ? o : o + "", void 0, Zt), f = (o,
|
|
|
45
45
|
* Copyright 2017 Google LLC
|
|
46
46
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
47
47
|
*/
|
|
48
|
-
const { is:
|
|
48
|
+
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) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
51
|
o = o ? Te : null;
|
|
@@ -73,7 +73,7 @@ const { is: Pe, defineProperty: ze, getOwnPropertyDescriptor: Oe, getOwnProperty
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
return e;
|
|
76
|
-
} }, Kt = (o, t) => !
|
|
76
|
+
} }, Kt = (o, t) => !Be(o, t), de = { attribute: !0, type: String, converter: Pt, reflect: !1, useDefault: !1, hasChanged: Kt };
|
|
77
77
|
Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), Q.litPropertyMetadata ?? (Q.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
|
|
78
78
|
let ct = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
@@ -159,7 +159,7 @@ let ct = class extends HTMLElement {
|
|
|
159
159
|
}
|
|
160
160
|
createRenderRoot() {
|
|
161
161
|
const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
|
|
162
|
-
return
|
|
162
|
+
return Pe(t, this.constructor.elementStyles), t;
|
|
163
163
|
}
|
|
164
164
|
connectedCallback() {
|
|
165
165
|
var t;
|
|
@@ -184,7 +184,7 @@ let ct = class extends HTMLElement {
|
|
|
184
184
|
var r;
|
|
185
185
|
const n = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, n);
|
|
186
186
|
if (i !== void 0 && n.reflect === !0) {
|
|
187
|
-
const s = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter :
|
|
187
|
+
const s = (((r = n.converter) == null ? void 0 : r.toAttribute) !== void 0 ? n.converter : Pt).toAttribute(e, n.type);
|
|
188
188
|
this._$Em = t, s == null ? this.removeAttribute(i) : this.setAttribute(i, s), this._$Em = null;
|
|
189
189
|
}
|
|
190
190
|
}
|
|
@@ -192,7 +192,7 @@ let ct = class extends HTMLElement {
|
|
|
192
192
|
var r, s;
|
|
193
193
|
const n = this.constructor, i = n._$Eh.get(t);
|
|
194
194
|
if (i !== void 0 && this._$Em !== i) {
|
|
195
|
-
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 :
|
|
195
|
+
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;
|
|
196
196
|
this._$Em = i, this[i] = h.fromAttribute(e, c.type) ?? ((s = this._$Ej) == null ? void 0 : s.get(i)) ?? null, this._$Em = null;
|
|
197
197
|
}
|
|
198
198
|
}
|
|
@@ -282,7 +282,7 @@ ct.elementStyles = [], ct.shadowRootOptions = { mode: "open" }, ct[vt("elementPr
|
|
|
282
282
|
* Copyright 2017 Google LLC
|
|
283
283
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
284
284
|
*/
|
|
285
|
-
const gt = globalThis,
|
|
285
|
+
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 = `[
|
|
286
286
|
\f\r]`, ft = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ue = /-->/g, fe = />/g, it = RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^
|
|
287
287
|
\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 = /* @__PURE__ */ new WeakMap(), nt = st.createTreeWalker(st, 129);
|
|
288
288
|
function _e(o, t) {
|
|
@@ -320,7 +320,7 @@ class xt {
|
|
|
320
320
|
if (ke.test(i.tagName)) {
|
|
321
321
|
const g = i.textContent.split(J), V = g.length - 1;
|
|
322
322
|
if (V > 0) {
|
|
323
|
-
i.textContent =
|
|
323
|
+
i.textContent = Bt ? Bt.emptyScript : "";
|
|
324
324
|
for (let Y = 0; Y < V; Y++) i.append(g[Y], yt()), nt.nextNode(), h.push({ type: 2, index: ++r });
|
|
325
325
|
i.append(g[V], yt());
|
|
326
326
|
}
|
|
@@ -554,7 +554,7 @@ jt == null || jt({ LitElement: u });
|
|
|
554
554
|
* Copyright 2017 Google LLC
|
|
555
555
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
556
556
|
*/
|
|
557
|
-
const
|
|
557
|
+
const y = (o) => (t, e) => {
|
|
558
558
|
e !== void 0 ? e.addInitializer(() => {
|
|
559
559
|
customElements.define(o, t);
|
|
560
560
|
}) : customElements.define(o, t);
|
|
@@ -564,7 +564,7 @@ const b = (o) => (t, e) => {
|
|
|
564
564
|
* Copyright 2017 Google LLC
|
|
565
565
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
566
566
|
*/
|
|
567
|
-
const We = { attribute: !0, type: String, converter:
|
|
567
|
+
const We = { attribute: !0, type: String, converter: Pt, reflect: !1, hasChanged: Kt }, Ge = (o = We, t, e) => {
|
|
568
568
|
const { kind: n, metadata: i } = e;
|
|
569
569
|
let r = globalThis.litPropertyMetadata.get(i);
|
|
570
570
|
if (r === void 0 && globalThis.litPropertyMetadata.set(i, r = /* @__PURE__ */ new Map()), n === "setter" && ((o = Object.create(o)).wrapped = !0), r.set(e.name, o), n === "accessor") {
|
|
@@ -819,9 +819,9 @@ const Je = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="h
|
|
|
819
819
|
checkbox: Eo,
|
|
820
820
|
sliderLeftArrow: Ao,
|
|
821
821
|
sliderRightArrow: Lo
|
|
822
|
-
}, Bo = {
|
|
823
|
-
strikeDiagonal: wo
|
|
824
822
|
}, Po = {
|
|
823
|
+
strikeDiagonal: wo
|
|
824
|
+
}, Bo = {
|
|
825
825
|
success: ko,
|
|
826
826
|
error: _o,
|
|
827
827
|
info: Co
|
|
@@ -1069,13 +1069,13 @@ const ye = Jt(jo);
|
|
|
1069
1069
|
* Copyright 2018 Google LLC
|
|
1070
1070
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1071
1071
|
*/
|
|
1072
|
-
const
|
|
1072
|
+
const P = (o) => o ?? d;
|
|
1073
1073
|
var Fo = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, R = (o, t, e, n) => {
|
|
1074
1074
|
for (var i = n > 1 ? void 0 : n ? Ro(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1075
1075
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1076
1076
|
return n && i && Fo(t, e, i), i;
|
|
1077
1077
|
};
|
|
1078
|
-
let
|
|
1078
|
+
let B = class extends u {
|
|
1079
1079
|
constructor() {
|
|
1080
1080
|
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 = "";
|
|
1081
1081
|
}
|
|
@@ -1092,7 +1092,7 @@ let P = class extends u {
|
|
|
1092
1092
|
` : l`
|
|
1093
1093
|
<button
|
|
1094
1094
|
type="button"
|
|
1095
|
-
aria-label=${
|
|
1095
|
+
aria-label=${P(i)}
|
|
1096
1096
|
aria-describedby=${this.getAttribute("aria-describedby") || d}
|
|
1097
1097
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
1098
1098
|
?disabled="${this.disabled}"
|
|
@@ -1104,7 +1104,7 @@ let P = class extends u {
|
|
|
1104
1104
|
`;
|
|
1105
1105
|
}
|
|
1106
1106
|
};
|
|
1107
|
-
|
|
1107
|
+
B.styles = f`
|
|
1108
1108
|
:host {
|
|
1109
1109
|
display: inline-flex;
|
|
1110
1110
|
justify-content: center;
|
|
@@ -1289,42 +1289,42 @@ P.styles = f`
|
|
|
1289
1289
|
`;
|
|
1290
1290
|
R([
|
|
1291
1291
|
a({ type: String, reflect: !0 })
|
|
1292
|
-
],
|
|
1292
|
+
], B.prototype, "bgstyle", 2);
|
|
1293
1293
|
R([
|
|
1294
1294
|
a({ type: String, reflect: !0 })
|
|
1295
|
-
],
|
|
1295
|
+
], B.prototype, "size", 2);
|
|
1296
1296
|
R([
|
|
1297
1297
|
a({ type: String, reflect: !0 })
|
|
1298
|
-
],
|
|
1298
|
+
], B.prototype, "status", 2);
|
|
1299
1299
|
R([
|
|
1300
1300
|
a({ type: String, reflect: !0 })
|
|
1301
|
-
],
|
|
1301
|
+
], B.prototype, "type", 2);
|
|
1302
1302
|
R([
|
|
1303
1303
|
a({ type: String })
|
|
1304
|
-
],
|
|
1304
|
+
], B.prototype, "strokewidth", 2);
|
|
1305
1305
|
R([
|
|
1306
1306
|
a({ type: String })
|
|
1307
|
-
],
|
|
1307
|
+
], B.prototype, "icon", 2);
|
|
1308
1308
|
R([
|
|
1309
1309
|
a({ type: Boolean, reflect: !0 })
|
|
1310
|
-
],
|
|
1310
|
+
], B.prototype, "disabled", 2);
|
|
1311
1311
|
R([
|
|
1312
1312
|
a({ type: Boolean })
|
|
1313
|
-
],
|
|
1313
|
+
], B.prototype, "showSrLabel", 2);
|
|
1314
1314
|
R([
|
|
1315
1315
|
a({ type: String })
|
|
1316
|
-
],
|
|
1317
|
-
|
|
1318
|
-
|
|
1319
|
-
],
|
|
1320
|
-
var Uo = Object.defineProperty, No = Object.getOwnPropertyDescriptor,
|
|
1316
|
+
], B.prototype, "srLabel", 2);
|
|
1317
|
+
B = R([
|
|
1318
|
+
y("o-icon-button")
|
|
1319
|
+
], B);
|
|
1320
|
+
var Uo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, b = (o, t, e, n) => {
|
|
1321
1321
|
for (var i = n > 1 ? void 0 : n ? No(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
1322
1322
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
1323
1323
|
return n && i && Uo(t, e, i), i;
|
|
1324
1324
|
};
|
|
1325
1325
|
let p = class extends u {
|
|
1326
1326
|
constructor() {
|
|
1327
|
-
super(...arguments), this.open = !1, this.showHeader = !0, this.showFooter = !1, this.showHeaderStartIcon = !1, this.headerTitle = "", this.headerTitleClassName = "panel-title", this.labelDialog = "", this.addToBagProductCount = "", this.closeButtonLabel = "Close the modal", this.goBackButtonLabel = "Go back to", this.firstButtonLabel = "Close", this.firstButtonVariant = "primary", this.firstButtonProps = {}, this.onFirstButtonClickClose = !1, this.secondButtonLabel = "", this.secondButtonVariant = "secondary", this.secondButtonProps = {}, this.onSecondButtonClickClose = !1, this.disablePortal = !1, this.zIndex = 99, this.initialized = !1, this.showDetail = !1, this.isHidingDetail = !1, this.previousFocusedElement = null, this.previousFocusedSelector = null, this._onOpenDetail = async (o) => {
|
|
1327
|
+
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) => {
|
|
1328
1328
|
var e, n;
|
|
1329
1329
|
const t = ((e = o.detail) == null ? void 0 : e.origin) ?? document.activeElement;
|
|
1330
1330
|
if (this._detailOriginEl = t, this._detailOriginClass = (t == null ? void 0 : t.className) ?? "", this.showDetail = !0, this.showHeaderStartIcon = !0, await this.updateComplete, this._detailOriginClass) {
|
|
@@ -1390,7 +1390,7 @@ let p = class extends u {
|
|
|
1390
1390
|
if (!t) return;
|
|
1391
1391
|
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 });
|
|
1392
1392
|
const n = (h = this.shadowRoot) == null ? void 0 : h.querySelector('.panel[role="dialog"]');
|
|
1393
|
-
n && n.setAttribute("aria-label", this.
|
|
1393
|
+
n && n.setAttribute("aria-label", this.labelAriaDialogPanel || "panel-title");
|
|
1394
1394
|
}
|
|
1395
1395
|
_restoreFocusToOrigin() {
|
|
1396
1396
|
var t, e;
|
|
@@ -1561,7 +1561,7 @@ let p = class extends u {
|
|
|
1561
1561
|
class="panel"
|
|
1562
1562
|
role="dialog"
|
|
1563
1563
|
aria-modal="true"
|
|
1564
|
-
aria-label="panel-title"
|
|
1564
|
+
aria-label="${this.labelAriaDialogPanel || "panel-title"}"
|
|
1565
1565
|
style="z-index: ${this.zIndex + 1}"
|
|
1566
1566
|
tabindex="-1"
|
|
1567
1567
|
>
|
|
@@ -1855,77 +1855,80 @@ p.shadowRootOptions = {
|
|
|
1855
1855
|
// This helps send focus into the first focusable in shadow when host is focused
|
|
1856
1856
|
delegatesFocus: !0
|
|
1857
1857
|
};
|
|
1858
|
-
|
|
1858
|
+
b([
|
|
1859
1859
|
a({ type: Boolean, reflect: !0 })
|
|
1860
1860
|
], p.prototype, "open", 2);
|
|
1861
|
-
|
|
1861
|
+
b([
|
|
1862
1862
|
a({ type: Boolean, reflect: !0 })
|
|
1863
1863
|
], p.prototype, "showHeader", 2);
|
|
1864
|
-
|
|
1864
|
+
b([
|
|
1865
1865
|
a({ type: Boolean, reflect: !0 })
|
|
1866
1866
|
], p.prototype, "showFooter", 2);
|
|
1867
|
-
|
|
1867
|
+
b([
|
|
1868
1868
|
a({ type: Boolean, reflect: !0 })
|
|
1869
1869
|
], p.prototype, "showHeaderStartIcon", 2);
|
|
1870
|
-
|
|
1870
|
+
b([
|
|
1871
1871
|
a({ type: String, reflect: !0 })
|
|
1872
1872
|
], p.prototype, "headerTitle", 2);
|
|
1873
|
-
|
|
1873
|
+
b([
|
|
1874
1874
|
a({ type: String, reflect: !0 })
|
|
1875
1875
|
], p.prototype, "headerTitleClassName", 2);
|
|
1876
|
-
|
|
1876
|
+
b([
|
|
1877
1877
|
a({ type: String, reflect: !0 })
|
|
1878
1878
|
], p.prototype, "labelDialog", 2);
|
|
1879
|
-
|
|
1879
|
+
b([
|
|
1880
|
+
a({ type: String, reflect: !0 })
|
|
1881
|
+
], p.prototype, "labelAriaDialogPanel", 2);
|
|
1882
|
+
b([
|
|
1880
1883
|
a({ type: String, reflect: !0 })
|
|
1881
1884
|
], p.prototype, "addToBagProductCount", 2);
|
|
1882
|
-
|
|
1885
|
+
b([
|
|
1883
1886
|
a({ type: String, reflect: !0 })
|
|
1884
1887
|
], p.prototype, "closeButtonLabel", 2);
|
|
1885
|
-
|
|
1888
|
+
b([
|
|
1886
1889
|
a({ type: String, reflect: !0 })
|
|
1887
1890
|
], p.prototype, "goBackButtonLabel", 2);
|
|
1888
|
-
|
|
1891
|
+
b([
|
|
1889
1892
|
a({ type: String, reflect: !0 })
|
|
1890
1893
|
], p.prototype, "firstButtonLabel", 2);
|
|
1891
|
-
|
|
1894
|
+
b([
|
|
1892
1895
|
a({ type: String, reflect: !0 })
|
|
1893
1896
|
], p.prototype, "firstButtonVariant", 2);
|
|
1894
|
-
|
|
1897
|
+
b([
|
|
1895
1898
|
a({ type: Object, reflect: !0 })
|
|
1896
1899
|
], p.prototype, "firstButtonProps", 2);
|
|
1897
|
-
|
|
1900
|
+
b([
|
|
1898
1901
|
a({ type: Boolean, reflect: !0 })
|
|
1899
1902
|
], p.prototype, "onFirstButtonClickClose", 2);
|
|
1900
|
-
|
|
1903
|
+
b([
|
|
1901
1904
|
a({ type: String, reflect: !0 })
|
|
1902
1905
|
], p.prototype, "secondButtonLabel", 2);
|
|
1903
|
-
|
|
1906
|
+
b([
|
|
1904
1907
|
a({ type: String, reflect: !0 })
|
|
1905
1908
|
], p.prototype, "secondButtonVariant", 2);
|
|
1906
|
-
|
|
1909
|
+
b([
|
|
1907
1910
|
a({ type: Object, reflect: !0 })
|
|
1908
1911
|
], p.prototype, "secondButtonProps", 2);
|
|
1909
|
-
|
|
1912
|
+
b([
|
|
1910
1913
|
a({ type: Boolean, reflect: !0 })
|
|
1911
1914
|
], p.prototype, "onSecondButtonClickClose", 2);
|
|
1912
|
-
|
|
1915
|
+
b([
|
|
1913
1916
|
a({ type: Boolean, reflect: !0 })
|
|
1914
1917
|
], p.prototype, "disablePortal", 2);
|
|
1915
|
-
|
|
1918
|
+
b([
|
|
1916
1919
|
a({ type: Number, reflect: !0 })
|
|
1917
1920
|
], p.prototype, "zIndex", 2);
|
|
1918
|
-
|
|
1921
|
+
b([
|
|
1919
1922
|
a({ type: Boolean, reflect: !0 })
|
|
1920
1923
|
], p.prototype, "initialized", 2);
|
|
1921
|
-
|
|
1924
|
+
b([
|
|
1922
1925
|
a({ type: Boolean })
|
|
1923
1926
|
], p.prototype, "showDetail", 2);
|
|
1924
|
-
|
|
1927
|
+
b([
|
|
1925
1928
|
a({ type: Boolean })
|
|
1926
1929
|
], p.prototype, "isHidingDetail", 2);
|
|
1927
|
-
p =
|
|
1928
|
-
|
|
1930
|
+
p = b([
|
|
1931
|
+
y("o-side-panel")
|
|
1929
1932
|
], p);
|
|
1930
1933
|
var qo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, k = (o, t, e, n) => {
|
|
1931
1934
|
for (var i = n > 1 ? void 0 : n ? Vo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -2263,7 +2266,7 @@ k([
|
|
|
2263
2266
|
a({ type: Boolean, reflect: !0 })
|
|
2264
2267
|
], m.prototype, "hideRoleButton", 2);
|
|
2265
2268
|
m = k([
|
|
2266
|
-
|
|
2269
|
+
y("o-button")
|
|
2267
2270
|
], m);
|
|
2268
2271
|
var Ko = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, It = (o, t, e, n) => {
|
|
2269
2272
|
for (var i = n > 1 ? void 0 : n ? Wo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -2376,7 +2379,7 @@ It([
|
|
|
2376
2379
|
a({ type: String, reflect: !0 })
|
|
2377
2380
|
], dt.prototype, "label", 2);
|
|
2378
2381
|
dt = It([
|
|
2379
|
-
|
|
2382
|
+
y("o-wishlist-button")
|
|
2380
2383
|
], dt);
|
|
2381
2384
|
var Go = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, lt = (o, t, e, n) => {
|
|
2382
2385
|
for (var i = n > 1 ? void 0 : n ? Xo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -2395,7 +2398,7 @@ let K = class extends u {
|
|
|
2395
2398
|
return l`
|
|
2396
2399
|
<a
|
|
2397
2400
|
href="${o}"
|
|
2398
|
-
target="${
|
|
2401
|
+
target="${P(this.target || void 0)}"
|
|
2399
2402
|
@click="${this._handleClick}"
|
|
2400
2403
|
>
|
|
2401
2404
|
${this.endIcon && this.reverseEndIcon ? l`
|
|
@@ -2523,7 +2526,7 @@ lt([
|
|
|
2523
2526
|
a({ type: Boolean, reflect: !0 })
|
|
2524
2527
|
], K.prototype, "reverseEndIcon", 2);
|
|
2525
2528
|
K = lt([
|
|
2526
|
-
|
|
2529
|
+
y("o-link")
|
|
2527
2530
|
], K);
|
|
2528
2531
|
var Yo = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, Dt = (o, t, e, n) => {
|
|
2529
2532
|
for (var i = n > 1 ? void 0 : n ? Jo(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -2601,7 +2604,7 @@ Dt([
|
|
|
2601
2604
|
a({ type: String })
|
|
2602
2605
|
], pt.prototype, "href", 2);
|
|
2603
2606
|
pt = Dt([
|
|
2604
|
-
|
|
2607
|
+
y("o-rating")
|
|
2605
2608
|
], pt);
|
|
2606
2609
|
var Qo = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, ot = (o, t, e, n) => {
|
|
2607
2610
|
for (var i = n > 1 ? void 0 : n ? ti(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -2826,7 +2829,7 @@ ot([
|
|
|
2826
2829
|
W()
|
|
2827
2830
|
], F.prototype, "focusedIndex", 2);
|
|
2828
2831
|
F = ot([
|
|
2829
|
-
|
|
2832
|
+
y("thumbnail-navigation")
|
|
2830
2833
|
], F);
|
|
2831
2834
|
var ei = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, te = (o, t, e, n) => {
|
|
2832
2835
|
for (var i = n > 1 ? void 0 : n ? oi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -2912,7 +2915,7 @@ te([
|
|
|
2912
2915
|
a({ type: String, reflect: !0 })
|
|
2913
2916
|
], wt.prototype, "bgstyle", 2);
|
|
2914
2917
|
wt = te([
|
|
2915
|
-
|
|
2918
|
+
y("o-tag")
|
|
2916
2919
|
], wt);
|
|
2917
2920
|
var ii = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, ee = (o, t, e, n) => {
|
|
2918
2921
|
for (var i = n > 1 ? void 0 : n ? ni(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -3032,7 +3035,7 @@ ee([
|
|
|
3032
3035
|
a({ type: String, reflect: !0 })
|
|
3033
3036
|
], $t.prototype, "text", 2);
|
|
3034
3037
|
$t = ee([
|
|
3035
|
-
|
|
3038
|
+
y("o-tooltip")
|
|
3036
3039
|
], $t);
|
|
3037
3040
|
var ri = Object.defineProperty, si = Object.getOwnPropertyDescriptor, G = (o, t, e, n) => {
|
|
3038
3041
|
for (var i = n > 1 ? void 0 : n ? si(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -3326,7 +3329,7 @@ G([
|
|
|
3326
3329
|
W()
|
|
3327
3330
|
], T.prototype, "menuWidth", 2);
|
|
3328
3331
|
T = G([
|
|
3329
|
-
|
|
3332
|
+
y("o-dropdown")
|
|
3330
3333
|
], T);
|
|
3331
3334
|
var ai = Object.getOwnPropertyDescriptor, li = (o, t, e, n) => {
|
|
3332
3335
|
for (var i = n > 1 ? void 0 : n ? ai(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -3382,7 +3385,7 @@ Nt.styles = f`
|
|
|
3382
3385
|
}
|
|
3383
3386
|
`;
|
|
3384
3387
|
Nt = li([
|
|
3385
|
-
|
|
3388
|
+
y("o-dots")
|
|
3386
3389
|
], Nt);
|
|
3387
3390
|
var ci = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, U = (o, t, e, n) => {
|
|
3388
3391
|
for (var i = n > 1 ? void 0 : n ? hi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -3473,7 +3476,7 @@ let z = class extends u {
|
|
|
3473
3476
|
?disabled=${this.disabled}
|
|
3474
3477
|
class="btn-dropdown"
|
|
3475
3478
|
>
|
|
3476
|
-
<img alt="${
|
|
3479
|
+
<img alt="${P(t == null ? void 0 : t.label)}" src="${P(t == null ? void 0 : t.imgurl)}" />
|
|
3477
3480
|
<span id="dropdown-label" class="label">
|
|
3478
3481
|
${t ? t.label : "Select an option"}
|
|
3479
3482
|
</span>
|
|
@@ -3508,11 +3511,11 @@ let z = class extends u {
|
|
|
3508
3511
|
class="${n === this.activeIndex ? "active" : ""} ${e.disabled ? "disabled" : ""}"
|
|
3509
3512
|
@click=${() => this.selectOption(e)}
|
|
3510
3513
|
>
|
|
3511
|
-
<a href="${
|
|
3512
|
-
<img alt="${
|
|
3514
|
+
<a href="${P(e.url)}">
|
|
3515
|
+
<img alt="${P(e.label)}" src="${P(e.imgurl)}" />
|
|
3513
3516
|
<span class="label">${e.label}</span>
|
|
3514
3517
|
<div class="right">
|
|
3515
|
-
<span class="additional-text">${
|
|
3518
|
+
<span class="additional-text">${P(e.additionaltext)}</span>
|
|
3516
3519
|
${e.value === this.value && !e.additionaltext ? l`
|
|
3517
3520
|
<span class="check">${S(o)}</span>` : null}
|
|
3518
3521
|
</div>
|
|
@@ -3730,7 +3733,7 @@ U([
|
|
|
3730
3733
|
W()
|
|
3731
3734
|
], z.prototype, "menuWidth", 2);
|
|
3732
3735
|
z = U([
|
|
3733
|
-
|
|
3736
|
+
y("o-dropdown-variant")
|
|
3734
3737
|
], z);
|
|
3735
3738
|
/**
|
|
3736
3739
|
* @license
|
|
@@ -3780,13 +3783,13 @@ let kt = class extends u {
|
|
|
3780
3783
|
width: `${this.imageSize}px`,
|
|
3781
3784
|
height: `${this.imageSize}px`
|
|
3782
3785
|
}, n = this.option && this.option.title ? o(this.option.title) : "", i = this.option && this.option.description ? o(this.option.description) : "", r = l`
|
|
3783
|
-
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${
|
|
3786
|
+
${this.option.imgurl ? l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${pi(e)} />` : ""}
|
|
3784
3787
|
<div class="m-reassurance-content">
|
|
3785
|
-
<h3 class="a-reassurance-text">${
|
|
3786
|
-
<p class="a-reassurance-description">${
|
|
3788
|
+
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
3789
|
+
<p class="a-reassurance-description">${P(i)}</p>
|
|
3787
3790
|
</div>
|
|
3788
3791
|
`;
|
|
3789
|
-
return t ? l`<a href="${
|
|
3792
|
+
return t ? l`<a href="${P(this.option.url)}" class="reassurance-item clickable">${r}</a>` : l`<div class="reassurance-item">${r}</div>`;
|
|
3790
3793
|
}
|
|
3791
3794
|
};
|
|
3792
3795
|
kt.styles = f`
|
|
@@ -3878,7 +3881,7 @@ oe([
|
|
|
3878
3881
|
a({ type: Number, reflect: !0 })
|
|
3879
3882
|
], kt.prototype, "imageSize", 2);
|
|
3880
3883
|
kt = oe([
|
|
3881
|
-
|
|
3884
|
+
y("o-reassurance")
|
|
3882
3885
|
], kt);
|
|
3883
3886
|
var vi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, X = (o, t, e, n) => {
|
|
3884
3887
|
for (var i = n > 1 ? void 0 : n ? gi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -4029,7 +4032,7 @@ X([
|
|
|
4029
4032
|
a({ type: Boolean, reflect: !0 })
|
|
4030
4033
|
], O.prototype, "inactive", 2);
|
|
4031
4034
|
O = X([
|
|
4032
|
-
|
|
4035
|
+
y("o-chip")
|
|
4033
4036
|
], O);
|
|
4034
4037
|
var yi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, ie = (o, t, e, n) => {
|
|
4035
4038
|
for (var i = n > 1 ? void 0 : n ? mi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -4067,7 +4070,7 @@ ie([
|
|
|
4067
4070
|
a({ reflect: !0 })
|
|
4068
4071
|
], _t.prototype, "value", 2);
|
|
4069
4072
|
_t = ie([
|
|
4070
|
-
|
|
4073
|
+
y("o-chipset")
|
|
4071
4074
|
], _t);
|
|
4072
4075
|
var xi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, N = (o, t, e, n) => {
|
|
4073
4076
|
for (var i = n > 1 ? void 0 : n ? wi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -4094,7 +4097,7 @@ let I = class extends $i {
|
|
|
4094
4097
|
return l`<span class="cross-icon">${S(o)}</span>`;
|
|
4095
4098
|
}
|
|
4096
4099
|
strikeThroughImg() {
|
|
4097
|
-
const o =
|
|
4100
|
+
const o = Po[this.strikethroughImgName].replace(
|
|
4098
4101
|
"<svg",
|
|
4099
4102
|
'<svg aria-hidden="true" focusable="false" part="strikethrough"'
|
|
4100
4103
|
).replace(/stroke=[#"'a-z1-9]*/gi, "");
|
|
@@ -4276,7 +4279,7 @@ N([
|
|
|
4276
4279
|
a({ type: Boolean, reflect: !0 })
|
|
4277
4280
|
], I.prototype, "fullwidth", 2);
|
|
4278
4281
|
I = N([
|
|
4279
|
-
|
|
4282
|
+
y("o-filter-chip")
|
|
4280
4283
|
], I);
|
|
4281
4284
|
var ki = Object.defineProperty, M = (o, t, e, n) => {
|
|
4282
4285
|
for (var i = void 0, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -4556,7 +4559,7 @@ ne([
|
|
|
4556
4559
|
a({ type: String })
|
|
4557
4560
|
], Ct.prototype, "text", 2);
|
|
4558
4561
|
Ct = ne([
|
|
4559
|
-
|
|
4562
|
+
y("o-badge")
|
|
4560
4563
|
], Ct);
|
|
4561
4564
|
var Si = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, H = (o, t, e, n) => {
|
|
4562
4565
|
for (var i = n > 1 ? void 0 : n ? Ei(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -4607,7 +4610,7 @@ let A = class extends u {
|
|
|
4607
4610
|
});
|
|
4608
4611
|
}
|
|
4609
4612
|
render() {
|
|
4610
|
-
const t =
|
|
4613
|
+
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"');
|
|
4611
4614
|
return l`
|
|
4612
4615
|
<div class="o-toast">
|
|
4613
4616
|
<div class="o-toast-icon">
|
|
@@ -4739,16 +4742,16 @@ H([
|
|
|
4739
4742
|
a({ type: Boolean, reflect: !0 })
|
|
4740
4743
|
], A.prototype, "multiline", 2);
|
|
4741
4744
|
A = H([
|
|
4742
|
-
|
|
4745
|
+
y("o-toast")
|
|
4743
4746
|
], A);
|
|
4744
4747
|
var Ai = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, j = (o, t, e, n) => {
|
|
4745
4748
|
for (var i = n > 1 ? void 0 : n ? Li(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4746
4749
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4747
4750
|
return n && i && Ai(t, e, i), i;
|
|
4748
4751
|
};
|
|
4749
|
-
let
|
|
4752
|
+
let Pi = 0, L = class extends u {
|
|
4750
4753
|
constructor() {
|
|
4751
|
-
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-${++
|
|
4754
|
+
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}`);
|
|
4752
4755
|
}
|
|
4753
4756
|
toggle() {
|
|
4754
4757
|
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 })));
|
|
@@ -4920,12 +4923,12 @@ j([
|
|
|
4920
4923
|
Ce("input")
|
|
4921
4924
|
], L.prototype, "inputEl", 2);
|
|
4922
4925
|
L = j([
|
|
4923
|
-
|
|
4926
|
+
y("o-checkbox")
|
|
4924
4927
|
], L);
|
|
4925
|
-
var
|
|
4928
|
+
var Bi = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, q = (o, t, e, n) => {
|
|
4926
4929
|
for (var i = n > 1 ? void 0 : n ? zi(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
4927
4930
|
(s = o[r]) && (i = (n ? s(t, e, i) : s(i)) || i);
|
|
4928
|
-
return n && i &&
|
|
4931
|
+
return n && i && Bi(t, e, i), i;
|
|
4929
4932
|
};
|
|
4930
4933
|
let Oi = 0, D = class extends u {
|
|
4931
4934
|
constructor() {
|
|
@@ -5079,7 +5082,7 @@ q([
|
|
|
5079
5082
|
Ce("input")
|
|
5080
5083
|
], D.prototype, "inputEl", 2);
|
|
5081
5084
|
D = q([
|
|
5082
|
-
|
|
5085
|
+
y("o-radio")
|
|
5083
5086
|
], D);
|
|
5084
5087
|
var Ii = Object.getOwnPropertyDescriptor, Di = (o, t, e, n) => {
|
|
5085
5088
|
for (var i = n > 1 ? void 0 : n ? Ii(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -5110,7 +5113,7 @@ qt.styles = f`
|
|
|
5110
5113
|
}
|
|
5111
5114
|
`;
|
|
5112
5115
|
qt = Di([
|
|
5113
|
-
|
|
5116
|
+
y("o-breadcrumbs")
|
|
5114
5117
|
], qt);
|
|
5115
5118
|
var Hi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, re = (o, t, e, n) => {
|
|
5116
5119
|
for (var i = n > 1 ? void 0 : n ? Ti(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -5187,7 +5190,7 @@ re([
|
|
|
5187
5190
|
a({ type: Boolean, reflect: !0 })
|
|
5188
5191
|
], St.prototype, "active", 2);
|
|
5189
5192
|
St = re([
|
|
5190
|
-
|
|
5193
|
+
y("o-breadcrumb")
|
|
5191
5194
|
], St);
|
|
5192
5195
|
var Mi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, ut = (o, t, e, n) => {
|
|
5193
5196
|
for (var i = n > 1 ? void 0 : n ? ji(t, e) : t, r = o.length - 1, s; r >= 0; r--)
|
|
@@ -5302,7 +5305,7 @@ ut([
|
|
|
5302
5305
|
a({ type: Boolean, reflect: !0 })
|
|
5303
5306
|
], et.prototype, "dimmed", 2);
|
|
5304
5307
|
et = ut([
|
|
5305
|
-
|
|
5308
|
+
y("o-arch-image")
|
|
5306
5309
|
], et);
|
|
5307
5310
|
const Fi = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
5308
5311
|
<svg
|
|
@@ -6000,5 +6003,5 @@ _([
|
|
|
6000
6003
|
a({ attribute: !1 })
|
|
6001
6004
|
], w.prototype, "onClickIcon", 2);
|
|
6002
6005
|
w = _([
|
|
6003
|
-
|
|
6006
|
+
y("o-medium-tile")
|
|
6004
6007
|
], w);
|