@florid-kit/components 0.10.36 → 0.10.38
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/assets/icons/icons.d.ts +43 -1
- package/components/icon-button.d.ts +6 -5
- package/components/mediumtile.d.ts +1 -0
- package/index.js +98 -98
- package/index.mjs +370 -350
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const Lt=globalThis,Zt=Lt.ShadowRoot&&(Lt.ShadyCSS===void 0||Lt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Kt=Symbol(),ce=new WeakMap;let we=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Kt)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(Zt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=ce.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&ce.set(e,t))}return t}toString(){return this.cssText}};const
|
|
5
|
+
*/const Lt=globalThis,Zt=Lt.ShadowRoot&&(Lt.ShadyCSS===void 0||Lt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Kt=Symbol(),ce=new WeakMap;let we=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Kt)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(Zt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=ce.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&ce.set(e,t))}return t}toString(){return this.cssText}};const Pe=o=>new we(typeof o=="string"?o:o+"",void 0,Kt),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 we(e,o,Kt)},Be=(o,t)=>{if(Zt)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)}},he=Zt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return Pe(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:ze,defineProperty:Oe,getOwnPropertyDescriptor:Ie,getOwnPropertyNames:De,getOwnPropertySymbols:He,getPrototypeOf:Te}=Object,J=globalThis,de=J.trustedTypes,Me=de?de.emptyScript:"",Tt=J.reactiveElementPolyfillSupport,gt=(o,t)=>o,Pt={toAttribute(o,t){switch(t){case Boolean:o=o?Me:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Wt=(o,t)=>!ze(o,t),pe={attribute:!0,type:String,converter:Pt,reflect:!1,useDefault:!1,hasChanged:Wt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),J.litPropertyMetadata??(J.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=pe){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Oe(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=Ie(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??pe}static _$Ei(){if(this.hasOwnProperty(gt("elementProperties")))return;const t=Te(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(gt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(gt("properties"))){const e=this.properties,n=[...De(e),...He(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(he(i))}else t!==void 0&&e.push(he(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Be(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:Pt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:Pt;this._$Em=i,this[i]=h.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Wt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,h=this[r];c!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};ct.elementStyles=[],ct.shadowRootOptions={mode:"open"},ct[gt("elementProperties")]=new Map,ct[gt("finalized")]=new Map,Tt==null||Tt({ReactiveElement:ct}),(J.reactiveElementVersions??(J.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const bt=globalThis,Bt=bt.trustedTypes,ue=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,$e="$lit$",
|
|
13
|
+
*/const bt=globalThis,Bt=bt.trustedTypes,ue=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,$e="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,ke="?"+Y,je=`<${ke}>`,st=document,mt=()=>st.createComment(""),xt=o=>o===null||typeof o!="object"&&typeof o!="function",Gt=Array.isArray,Fe=o=>Gt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Mt=`[
|
|
14
14
|
\f\r]`,vt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,fe=/-->/g,ve=/>/g,it=RegExp(`>|${Mt}(?:([^\\s"'>=/]+)(${Mt}*=${Mt}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,be=/"/g,_e=/^(?:script|style|textarea|title)$/i,
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ge=/'/g,be=/"/g,_e=/^(?:script|style|textarea|title)$/i,Re=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Re(1),Q=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ye=new WeakMap,nt=st.createTreeWalker(st,129);function Ce(o,t){if(!Gt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ue!==void 0?ue.createHTML(t):t}const Ue=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=vt;for(let c=0;c<e;c++){const h=o[c];let v,w,g=-1,V=0;for(;V<h.length&&(s.lastIndex=V,w=s.exec(h),w!==null);)V=s.lastIndex,s===vt?w[1]==="!--"?s=fe:w[1]!==void 0?s=ve:w[2]!==void 0?(_e.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=it):w[3]!==void 0&&(s=it):s===it?w[0]===">"?(s=i??vt,g=-1):w[1]===void 0?g=-2:(g=s.lastIndex-w[2].length,v=w[1],s=w[3]===void 0?it:w[3]==='"'?be:ge):s===be||s===ge?s=it:s===fe||s===ve?s=vt:(s=it,i=void 0);const X=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===vt?h+je:g>=0?(n.push(v),h.slice(0,g)+$e+h.slice(g)+Y+X):h+Y+(g===-2?c:X)}return[Ce(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class wt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[v,w]=Ue(t,e);if(this.el=wt.createElement(v,n),nt.currentNode=this.el.content,e===2||e===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const g of i.getAttributeNames())if(g.endsWith($e)){const V=w[s++],X=i.getAttribute(g).split(Y),At=/([.?@])?(.*)/.exec(V);h.push({type:1,index:r,name:At[2],strings:X,ctor:At[1]==="."?qe:At[1]==="?"?Ve:At[1]==="@"?Ze:Ot}),i.removeAttribute(g)}else g.startsWith(Y)&&(h.push({type:6,index:r}),i.removeAttribute(g));if(_e.test(i.tagName)){const g=i.textContent.split(Y),V=g.length-1;if(V>0){i.textContent=Bt?Bt.emptyScript:"";for(let X=0;X<V;X++)i.append(g[X],mt()),nt.nextNode(),h.push({type:2,index:++r});i.append(g[V],mt())}}}else if(i.nodeType===8)if(i.data===ke)h.push({type:2,index:r});else{let g=-1;for(;(g=i.data.indexOf(Y,g+1))!==-1;)h.push({type:7,index:r}),g+=Y.length-1}r++}}static createElement(t,e){const n=st.createElement("template");return n.innerHTML=t,n}}function ht(o,t,e=o,n){var s,c;if(t===Q)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=xt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=ht(o,i._$AS(o,t.values),i,n)),t}class Ne{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??st).importNode(e,!0);nt.currentNode=i;let r=nt.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let v;h.type===2?v=new Et(r,r.nextSibling,this,t):h.type===1?v=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(v=new Ke(r,this,t)),this._$AV.push(v),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=nt.nextNode(),s++)}return nt.currentNode=st,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class Et{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ht(this,t,e),xt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==Q&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Fe(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&xt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=wt.createElement(Ce(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Ne(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=ye.get(t.strings);return e===void 0&&ye.set(t.strings,e=new wt(t)),e}k(t){Gt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new Et(this.O(mt()),this.O(mt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class 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=!xt(t)||t!==this._$AH&&t!==Q,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===Q&&(v=this._$AH[h]),s||(s=!xt(v)||v!==this._$AH[h]),v===d?t=d:t!==d&&(t+=(v??"")+r[h+1]),this._$AH[h]=v}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class qe extends Ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ve extends Ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ze extends Ot{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=ht(this,t,e,0)??d)===Q)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Ke{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){ht(this,t)}}const jt=bt.litHtmlPolyfillSupport;jt==null||jt(wt,Et),(bt.litHtmlVersions??(bt.litHtmlVersions=[])).push("3.3.0");const We=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new Et(t.insertBefore(mt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const rt=globalThis;let u=class extends ct{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=
|
|
19
|
+
*/const rt=globalThis;let u=class extends ct{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=We(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return Q}};var xe;u._$litElement$=!0,u.finalized=!0,(xe=rt.litElementHydrateSupport)==null||xe.call(rt,{LitElement:u});const Ft=rt.litElementPolyfillSupport;Ft==null||Ft({LitElement:u});(rt.litElementVersions??(rt.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,19 +24,19 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Ge={attribute:!0,type:String,converter:Pt,reflect:!1,hasChanged:Wt},Xe=(o=Ge,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"?Xe(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
|
|
31
|
-
*/function
|
|
31
|
+
*/function K(o){return a({...o,state:!0,attribute:!1})}/**
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/const
|
|
35
|
+
*/const Ye=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);/**
|
|
36
36
|
* @license
|
|
37
37
|
* Copyright 2017 Google LLC
|
|
38
38
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
-
*/function Se(o,t){return(e,n,i)=>{const r=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return
|
|
39
|
+
*/function Se(o,t){return(e,n,i)=>{const r=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return Ye(e,n,{get(){return r(this)}})}}const at=f`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
`;f`
|
|
@@ -63,108 +63,108 @@
|
|
|
63
63
|
* @license
|
|
64
64
|
* Copyright 2023 Google LLC
|
|
65
65
|
* SPDX-License-Identifier: Apache-2.0
|
|
66
|
-
*/function
|
|
66
|
+
*/function Je(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Yt]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const Qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
67
67
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
68
68
|
</svg>
|
|
69
|
-
`,
|
|
69
|
+
`,to=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
70
70
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
71
71
|
</svg>
|
|
72
|
-
`,
|
|
72
|
+
`,eo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
73
73
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
74
74
|
</svg>
|
|
75
|
-
`,
|
|
75
|
+
`,oo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
76
76
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
77
77
|
</svg>
|
|
78
|
-
`,
|
|
78
|
+
`,io=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
79
79
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
80
80
|
</svg>
|
|
81
|
-
`,
|
|
81
|
+
`,no=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
82
82
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
83
83
|
</svg>
|
|
84
|
-
`,
|
|
84
|
+
`,ro=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
85
85
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
86
86
|
</svg>
|
|
87
|
-
`,
|
|
87
|
+
`,so=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
88
88
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
89
89
|
</svg>
|
|
90
|
-
`,
|
|
90
|
+
`,ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
91
91
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834Z" fill="#3F2B2E"/>
|
|
92
92
|
</svg>
|
|
93
|
-
`,
|
|
93
|
+
`,lo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
94
94
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
95
95
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
96
96
|
</svg>
|
|
97
|
-
`,
|
|
97
|
+
`,co=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
98
98
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
99
99
|
</svg>
|
|
100
|
-
`,
|
|
100
|
+
`,ho=`<?xml version="1.0" encoding="utf-8"?>
|
|
101
101
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
102
102
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
103
103
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
104
104
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
105
105
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
106
106
|
</svg>
|
|
107
|
-
`,
|
|
107
|
+
`,po=`<?xml version="1.0" encoding="utf-8"?>
|
|
108
108
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
109
109
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
110
110
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
111
111
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
112
112
|
</svg>
|
|
113
|
-
`,
|
|
113
|
+
`,uo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
114
114
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
115
115
|
</svg>
|
|
116
|
-
`,
|
|
116
|
+
`,fo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
117
117
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
118
118
|
</svg>
|
|
119
|
-
`,
|
|
119
|
+
`,vo=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
120
120
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
121
121
|
</svg>
|
|
122
|
-
`,
|
|
122
|
+
`,go=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
123
123
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
124
124
|
</svg>
|
|
125
|
-
`,
|
|
125
|
+
`,bo=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
126
126
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
127
127
|
</svg>
|
|
128
|
-
`,
|
|
128
|
+
`,yo=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
129
129
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
130
130
|
</svg>
|
|
131
|
-
`,
|
|
131
|
+
`,mo=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
132
132
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
133
133
|
</svg>
|
|
134
|
-
`,
|
|
134
|
+
`,xo=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
135
135
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
136
136
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
137
137
|
</svg>
|
|
138
|
-
`,
|
|
138
|
+
`,wo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
139
139
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
140
140
|
</svg>
|
|
141
|
-
|
|
141
|
+
`,$o=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
142
142
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
143
|
-
</svg
|
|
143
|
+
</svg>`,ko=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
144
144
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
145
145
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
146
146
|
</svg>
|
|
147
|
-
`,
|
|
147
|
+
`,_o=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
148
148
|
<path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
|
|
149
149
|
</svg>
|
|
150
|
-
`,
|
|
150
|
+
`,Co=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
151
151
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
|
|
152
152
|
</svg>
|
|
153
|
-
`,
|
|
153
|
+
`,So=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
154
154
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
155
155
|
</svg>
|
|
156
|
-
`,
|
|
156
|
+
`,Eo=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
157
157
|
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
158
158
|
</svg>
|
|
159
|
-
`,
|
|
159
|
+
`,Ao=`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
|
|
160
160
|
<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
161
|
-
</svg>`,
|
|
161
|
+
</svg>`,Lo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
162
162
|
<path d="M4.5 8L11.5 13L11.5 3L4.5 8Z" fill="#3F2B2E"/>
|
|
163
163
|
</svg>
|
|
164
|
-
`,
|
|
164
|
+
`,Po=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
165
165
|
<path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
|
|
166
166
|
</svg>
|
|
167
|
-
`,
|
|
167
|
+
`,Ee={wishlist:Qe,playerv:to,chevronRight:eo,chevronLeft:oo,icoPlus:ho,icoMinus:po,"star-0":io,"star-25":no,"star-50":ro,"star-75":so,"star-100":ao,cross:lo,search:co,arrowLeft:uo,arrowTop:fo,cart:vo,notifyme:go,triangledown:bo,triangleup:yo,checkstroke:mo,pause:xo,mapDualArrow:wo,swipeDualArrow:ko,backToBag:Eo,checkbox:Ao,sliderLeftArrow:Lo,sliderRightArrow:Po},Bo={xsmall:8,small:12,medium:16,large:24},zo=(o,{size:t,bgstyle:e})=>{const n=Bo[t],i=e==="none-light"||e==="none-contrast";return{svg:Ee[o]??"",pixelSize:n,shouldApplyLogicalSize:i}},tt=Ee,Oo={strikeDiagonal:$o},Io={success:_o,error:Co,info:So};/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2017 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -172,7 +172,7 @@
|
|
|
172
172
|
* @license
|
|
173
173
|
* Copyright 2017 Google LLC
|
|
174
174
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
175
|
-
*/class Ut extends ee{constructor(t){if(super(t),this.it=d,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===
|
|
175
|
+
*/class Ut extends ee{constructor(t){if(super(t),this.it=d,t.type!==Qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===Q)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Ut.directiveName="unsafeHTML",Ut.resultType=1;/**
|
|
176
176
|
* @license
|
|
177
177
|
* Copyright 2017 Google LLC
|
|
178
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -180,29 +180,29 @@
|
|
|
180
180
|
* @license
|
|
181
181
|
* Copyright 2020 Google LLC
|
|
182
182
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
183
|
-
*/const
|
|
183
|
+
*/const Do=o=>o.strings===void 0;/**
|
|
184
184
|
* @license
|
|
185
185
|
* Copyright 2017 Google LLC
|
|
186
186
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
187
|
-
*/const yt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),yt(i,t);return!0},zt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},
|
|
187
|
+
*/const yt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),yt(i,t);return!0},zt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Ae=o=>{for(let t;t=o._$AM;o=t){let e=t._$AN;if(e===void 0)t._$AN=e=new Set;else if(e.has(o))break;e.add(o),Mo(t)}};function Ho(o){this._$AN!==void 0?(zt(this),this._$AM=o,Ae(this)):this._$AM=o}function To(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)yt(n[r],!1),zt(n[r]);else n!=null&&(yt(n,!1),zt(n));else yt(this,o)}const Mo=o=>{o.type==Qt.CHILD&&(o._$AP??(o._$AP=To),o._$AQ??(o._$AQ=Ho))};class jo extends ee{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),Ae(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(yt(this,t),zt(this))}setValue(t){if(Do(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class Fo extends jo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ro extends Fo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Uo extends Ro{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const me=te(Uo);/**
|
|
188
188
|
* @license
|
|
189
189
|
* Copyright 2018 Google LLC
|
|
190
190
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
191
|
-
*/const P=o=>o??d;var
|
|
191
|
+
*/const P=o=>o??d;var No=Object.defineProperty,qo=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};let B=class extends u{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){if(!this.icon)return d;const{svg:o,pixelSize:t,shouldApplyLogicalSize:e}=zo(this.icon,{size:this.size,bgstyle:this.bgstyle}),n=`icon-${this.icon}`,i=e?` width="${t}" height="${t}"`:"",r=o.replace("<svg",`<svg aria-hidden="true" focusable="false" part="svg"${i}`).replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),s=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,c=this.showSrLabel?null:"icon";return l`
|
|
192
192
|
${this.type==="span"?l`
|
|
193
|
-
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${
|
|
194
|
-
${S(
|
|
193
|
+
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}" ?disabled="${this.disabled}">
|
|
194
|
+
${S(r)}
|
|
195
195
|
</span>
|
|
196
196
|
`:l`
|
|
197
197
|
<button
|
|
198
198
|
type="button"
|
|
199
|
-
aria-label=${P(
|
|
199
|
+
aria-label=${P(c)}
|
|
200
200
|
aria-describedby=${this.getAttribute("aria-describedby")||d}
|
|
201
|
-
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${
|
|
201
|
+
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${n}"
|
|
202
202
|
?disabled="${this.disabled}"
|
|
203
203
|
>
|
|
204
|
-
${S(
|
|
205
|
-
${
|
|
204
|
+
${S(r)}
|
|
205
|
+
${s}
|
|
206
206
|
</button>
|
|
207
207
|
`}
|
|
208
208
|
`}};B.styles=f`
|
|
@@ -288,8 +288,8 @@
|
|
|
288
288
|
|
|
289
289
|
.icon-button.none-light.small svg,
|
|
290
290
|
.icon-button.none-contrast.small svg {
|
|
291
|
-
width:
|
|
292
|
-
height:
|
|
291
|
+
width: 12px;
|
|
292
|
+
height: 12px;
|
|
293
293
|
}
|
|
294
294
|
|
|
295
295
|
.icon-button.none-light.medium svg,
|
|
@@ -387,7 +387,7 @@
|
|
|
387
387
|
.sr-only {
|
|
388
388
|
${Xt}
|
|
389
389
|
}
|
|
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
|
|
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 Vo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?Zo(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&&Vo(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,w=g=>{o.preventDefault(),o.stopPropagation(),g.focus()};if(c&&v){if(!o.shiftKey&&e===v)return w(c);if(o.shiftKey&&e===c)return w(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
|
|
@@ -709,7 +709,7 @@
|
|
|
709
709
|
overflow: auto;
|
|
710
710
|
box-sizing: border-box;
|
|
711
711
|
}
|
|
712
|
-
`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";p.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],p.prototype,"open",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],p.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],p.prototype,"labelAriaDialogPanel",2);b([a({type:String,reflect:!0})],p.prototype,"addToBagProductCount",2);b([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);b([a({type:Boolean})],p.prototype,"showDetail",2);b([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=b([y("o-side-panel")],p);var
|
|
712
|
+
`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";p.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],p.prototype,"open",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],p.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],p.prototype,"labelAriaDialogPanel",2);b([a({type:String,reflect:!0})],p.prototype,"addToBagProductCount",2);b([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);b([a({type:Boolean})],p.prototype,"showDetail",2);b([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=b([y("o-side-panel")],p);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,_=(o,t,e,n)=>{for(var i=n>1?void 0:n?Wo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ko(t,e,i),i};const Go=Jt(u);let m=class extends Go{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1,this.hideRoleButton=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[Yt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof p&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),t.openPanel()):console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=tt[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}
|
|
@@ -738,7 +738,7 @@
|
|
|
738
738
|
`:l`<slot></slot>`}
|
|
739
739
|
${this.endIcon?this.renderIcon("end"):d}
|
|
740
740
|
</a>
|
|
741
|
-
`}};
|
|
741
|
+
`}};Je(m);m.formAssociated=!0;m.styles=f`
|
|
742
742
|
:host {
|
|
743
743
|
--button-border: transparent;
|
|
744
744
|
--badge-outer-width: 19px;
|
|
@@ -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
|
-
`;
|
|
947
|
+
`;_([a()],m.prototype,"type",2);_([a()],m.prototype,"value",2);_([a({type:String,reflect:!0})],m.prototype,"variant",2);_([a({type:String})],m.prototype,"text",2);_([a({type:String})],m.prototype,"textsecond",2);_([a({type:Boolean,reflect:!0})],m.prototype,"fullwidth",2);_([a({type:Boolean,reflect:!0})],m.prototype,"disabled",2);_([a({type:String})],m.prototype,"startIconModel",2);_([a({type:String})],m.prototype,"endIconModel",2);_([a({type:Boolean,reflect:!0,attribute:"starticon"})],m.prototype,"startIcon",2);_([a({type:Boolean,reflect:!0,attribute:"endicon"})],m.prototype,"endIcon",2);_([a({type:String,attribute:"paneltarget"})],m.prototype,"panelTarget",2);_([a({type:String})],m.prototype,"href",2);_([a({type:String})],m.prototype,"target",2);_([a({type:Boolean,reflect:!0})],m.prototype,"underlined",2);_([a({type:Boolean,reflect:!0})],m.prototype,"withbadge",2);_([a({type:Boolean,reflect:!0})],m.prototype,"hideRoleButton",2);m=_([y("o-button")],m);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Xo(t,e,i),i};let 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=tt.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,7 +1003,7 @@
|
|
|
1003
1003
|
.sr-only {
|
|
1004
1004
|
${Xt}
|
|
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([y("o-wishlist-button")],dt);var
|
|
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 Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,lt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let Z=class extends u{constructor(){super(...arguments),this.href="",this.target="",this.template="standard",this.inverse=!1,this.endIcon=!1,this.reverseEndIcon=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){const o=!!this.href,t=l`
|
|
1007
1007
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
1008
1008
|
<o-icon-button
|
|
1009
1009
|
icon="chevronLeft"
|
|
@@ -1032,7 +1032,7 @@
|
|
|
1032
1032
|
>
|
|
1033
1033
|
${t}
|
|
1034
1034
|
</a>
|
|
1035
|
-
`:l`<span class="link-wrapper">${t}</span>`}};
|
|
1035
|
+
`:l`<span class="link-wrapper">${t}</span>`}};Z.styles=f`
|
|
1036
1036
|
:host([template="standard"]) .link-wrapper {
|
|
1037
1037
|
color: var(--color-content-action-secondary);
|
|
1038
1038
|
font-size: var(--font-size-200);
|
|
@@ -1114,10 +1114,10 @@
|
|
|
1114
1114
|
transform: translateX(-4px);
|
|
1115
1115
|
}
|
|
1116
1116
|
}
|
|
1117
|
-
`;lt([a({type:String})],
|
|
1117
|
+
`;lt([a({type:String})],Z.prototype,"href",2);lt([a({type:String})],Z.prototype,"target",2);lt([a({type:String,reflect:!0})],Z.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],Z.prototype,"reverseEndIcon",2);Z=lt([y("o-link")],Z);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let 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`
|
|
1118
1118
|
<div class="rating">
|
|
1119
1119
|
<div class="stars">
|
|
1120
|
-
${o.map(t=>l`<span class="star">${S(
|
|
1120
|
+
${o.map(t=>l`<span class="star">${S(tt[t]??"")}</span>`)}
|
|
1121
1121
|
</div>
|
|
1122
1122
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1123
1123
|
</div>
|
|
@@ -1154,7 +1154,7 @@
|
|
|
1154
1154
|
text-decoration: underline;
|
|
1155
1155
|
cursor: pointer;
|
|
1156
1156
|
}
|
|
1157
|
-
`;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
|
|
1157
|
+
`;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 oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&oi(t,e,i),i};let F=class extends u{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1158
1158
|
<o-icon-button
|
|
1159
1159
|
icon="playerv"
|
|
1160
1160
|
size="xsmall"
|
|
@@ -1287,7 +1287,7 @@
|
|
|
1287
1287
|
height: 0;
|
|
1288
1288
|
width: 0;
|
|
1289
1289
|
}
|
|
1290
|
-
`;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([
|
|
1290
|
+
`;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([K()],F.prototype,"focusedIndex",2);F=ot([y("thumbnail-navigation")],F);var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,oe=(o,t,e,n)=>{for(var i=n>1?void 0:n?ri(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ni(t,e,i),i};let $t=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1291
1291
|
<p class="tag ${this.bgstyle}"><slot></slot></p>
|
|
1292
1292
|
`}};$t.styles=f`
|
|
1293
1293
|
.tag {
|
|
@@ -1345,7 +1345,7 @@
|
|
|
1345
1345
|
text-overflow: ellipsis;
|
|
1346
1346
|
}
|
|
1347
1347
|
|
|
1348
|
-
`;oe([a({type:String,reflect:!0})],$t.prototype,"type",2);oe([a({type:String,reflect:!0})],$t.prototype,"bgstyle",2);$t=oe([y("o-tag")],$t);var
|
|
1348
|
+
`;oe([a({type:String,reflect:!0})],$t.prototype,"type",2);oe([a({type:String,reflect:!0})],$t.prototype,"bgstyle",2);$t=oe([y("o-tag")],$t);var si=Object.defineProperty,ai=Object.getOwnPropertyDescriptor,ie=(o,t,e,n)=>{for(var i=n>1?void 0:n?ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&si(t,e,i),i};let kt=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1349
1349
|
<div class="tooltip">
|
|
1350
1350
|
<span class="tooltiptext">${this.text}</span>
|
|
1351
1351
|
<slot></slot>
|
|
@@ -1442,7 +1442,7 @@
|
|
|
1442
1442
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1443
1443
|
}
|
|
1444
1444
|
|
|
1445
|
-
`;ie([a({type:String,reflect:!0})],kt.prototype,"type",2);ie([a({type:String,reflect:!0})],kt.prototype,"text",2);kt=ie([y("o-tooltip")],kt);var
|
|
1445
|
+
`;ie([a({type:String,reflect:!0})],kt.prototype,"type",2);ie([a({type:String,reflect:!0})],kt.prototype,"text",2);kt=ie([y("o-tooltip")],kt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,W=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&li(t,e,i),i};let 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=tt.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1446
1446
|
<button
|
|
1447
1447
|
role="combobox"
|
|
1448
1448
|
aria-haspopup="listbox"
|
|
@@ -1502,7 +1502,7 @@
|
|
|
1502
1502
|
background-color: var(--color-container-bg-default);
|
|
1503
1503
|
cursor: pointer;
|
|
1504
1504
|
border-radius: var(--radius-m);
|
|
1505
|
-
border: var(--border-m) solid var(--color-border-
|
|
1505
|
+
border: var(--border-m) solid var(--color-border-secondary);
|
|
1506
1506
|
display: flex;
|
|
1507
1507
|
justify-content: space-between;
|
|
1508
1508
|
width: 100%;
|
|
@@ -1544,7 +1544,7 @@
|
|
|
1544
1544
|
list-style: none;
|
|
1545
1545
|
margin: 4px 0 0 0;
|
|
1546
1546
|
padding: 0;
|
|
1547
|
-
border: var(--border-m) solid var(--color-border-
|
|
1547
|
+
border: var(--border-m) solid var(--color-border-secondary);
|
|
1548
1548
|
position: absolute;
|
|
1549
1549
|
background: white;
|
|
1550
1550
|
height: auto;
|
|
@@ -1561,7 +1561,7 @@
|
|
|
1561
1561
|
align-items: center;
|
|
1562
1562
|
padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-s);
|
|
1563
1563
|
cursor: pointer;
|
|
1564
|
-
border-bottom: var(--border-s) solid var(--color-border-
|
|
1564
|
+
border-bottom: var(--border-s) solid var(--color-border-secondary);
|
|
1565
1565
|
}
|
|
1566
1566
|
|
|
1567
1567
|
li a {
|
|
@@ -1628,7 +1628,7 @@
|
|
|
1628
1628
|
input[type="hidden"] {
|
|
1629
1629
|
display: none;
|
|
1630
1630
|
}
|
|
1631
|
-
`;
|
|
1631
|
+
`;W([a({type:Array,reflect:!0})],T.prototype,"options",2);W([a({type:String,reflect:!0})],T.prototype,"value",2);W([a({type:String,reflect:!0})],T.prototype,"name",2);W([a({type:Boolean,reflect:!0})],T.prototype,"disabled",2);W([a({type:String,reflect:!0})],T.prototype,"width",2);W([K()],T.prototype,"open",2);W([K()],T.prototype,"activeIndex",2);W([K()],T.prototype,"menuWidth",2);T=W([y("o-dropdown")],T);var hi=Object.getOwnPropertyDescriptor,di=(o,t,e,n)=>{for(var i=n>1?void 0:n?hi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let qt=class extends u{render(){return l` <span class="dots"></span> `}};qt.styles=f`
|
|
1632
1632
|
:host {
|
|
1633
1633
|
display: flex;
|
|
1634
1634
|
align-items: center;
|
|
@@ -1658,7 +1658,7 @@
|
|
|
1658
1658
|
|
|
1659
1659
|
:host([aria-current="true"]) .dots {
|
|
1660
1660
|
background-color: var(--color-container-action-primary-default);
|
|
1661
|
-
border: 0.5px solid var(--color-border-
|
|
1661
|
+
border: 0.5px solid var(--color-border-light);
|
|
1662
1662
|
width: 8px;
|
|
1663
1663
|
height: 8px;
|
|
1664
1664
|
}
|
|
@@ -1670,7 +1670,7 @@
|
|
|
1670
1670
|
:host([aria-current="true"]:active) .dots {
|
|
1671
1671
|
background-color: var(--color-container-action-primary-pressed);
|
|
1672
1672
|
}
|
|
1673
|
-
`;qt=
|
|
1673
|
+
`;qt=di([y("o-dots")],qt);var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&pi(t,e,i),i};let 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=tt.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1674
1674
|
<button
|
|
1675
1675
|
role="combobox"
|
|
1676
1676
|
aria-haspopup="listbox"
|
|
@@ -1748,7 +1748,7 @@
|
|
|
1748
1748
|
background-color: var(--color-container-bg-default);
|
|
1749
1749
|
cursor: pointer;
|
|
1750
1750
|
border-radius: var(--radius-m);
|
|
1751
|
-
border: var(--border-m) solid var(--color-border-
|
|
1751
|
+
border: var(--border-m) solid var(--color-border-secondary);
|
|
1752
1752
|
padding: 0;
|
|
1753
1753
|
overflow: hidden;
|
|
1754
1754
|
}
|
|
@@ -1803,7 +1803,7 @@
|
|
|
1803
1803
|
list-style: none;
|
|
1804
1804
|
margin: 4px 0 0 0;
|
|
1805
1805
|
padding: 0;
|
|
1806
|
-
border: var(--border-m) solid var(--color-border-
|
|
1806
|
+
border: var(--border-m) solid var(--color-border-secondary);
|
|
1807
1807
|
position: absolute;
|
|
1808
1808
|
background: white;
|
|
1809
1809
|
height: auto;
|
|
@@ -1819,7 +1819,7 @@
|
|
|
1819
1819
|
justify-content: space-between;
|
|
1820
1820
|
align-items: center;
|
|
1821
1821
|
cursor: pointer;
|
|
1822
|
-
border-bottom: var(--border-s) solid var(--color-border-
|
|
1822
|
+
border-bottom: var(--border-s) solid var(--color-border-secondary);
|
|
1823
1823
|
gap: var(--spacing-l);
|
|
1824
1824
|
padding-right: var(--spacing-l);
|
|
1825
1825
|
}
|
|
@@ -1907,12 +1907,12 @@
|
|
|
1907
1907
|
input[type="hidden"] {
|
|
1908
1908
|
display: none;
|
|
1909
1909
|
}
|
|
1910
|
-
`;U([a({type:Array,reflect:!0})],z.prototype,"options",2);U([a({type:String,reflect:!0})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"name",2);U([a({type:String,reflect:!0})],z.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"width",2);U([
|
|
1910
|
+
`;U([a({type:Array,reflect:!0})],z.prototype,"options",2);U([a({type:String,reflect:!0})],z.prototype,"value",2);U([a({type:String,reflect:!0})],z.prototype,"name",2);U([a({type:String,reflect:!0})],z.prototype,"additionaltext",2);U([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);U([a({type:String,reflect:!0})],z.prototype,"width",2);U([K()],z.prototype,"open",2);U([K()],z.prototype,"activeIndex",2);U([K()],z.prototype,"menuWidth",2);z=U([y("o-dropdown-variant")],z);/**
|
|
1911
1911
|
* @license
|
|
1912
1912
|
* Copyright 2018 Google LLC
|
|
1913
1913
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1914
|
-
*/const
|
|
1915
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${
|
|
1914
|
+
*/const Le="important",fi=" !"+Le,vi=te(class extends ee{constructor(o){var t;if(super(o),o.type!==Qt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(fi);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Le:""):e[n]=i}}return Q}});var gi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,ne=(o,t,e,n)=>{for(var i=n>1?void 0:n?bi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&gi(t,e,i),i};let _t=class extends u{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=s=>{const c=document.createElement("textarea");return c.innerHTML=s,c.value},t=this.option&&this.option.clickable,e={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?o(this.option.title):"",i=this.option&&this.option.description?o(this.option.description):"",r=l`
|
|
1915
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${vi(e)} />`:""}
|
|
1916
1916
|
<div class="m-reassurance-content">
|
|
1917
1917
|
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
1918
1918
|
<p class="a-reassurance-description">${P(i)}</p>
|
|
@@ -1998,7 +1998,7 @@
|
|
|
1998
1998
|
-webkit-box-orient: vertical;
|
|
1999
1999
|
overflow: hidden;
|
|
2000
2000
|
}
|
|
2001
|
-
`;ne([a({type:Object,reflect:!0})],_t.prototype,"option",2);ne([a({type:Number,reflect:!0})],_t.prototype,"imageSize",2);_t=ne([y("o-reassurance")],_t);var
|
|
2001
|
+
`;ne([a({type:Object,reflect:!0})],_t.prototype,"option",2);ne([a({type:Number,reflect:!0})],_t.prototype,"imageSize",2);_t=ne([y("o-reassurance")],_t);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,G=(o,t,e,n)=>{for(var i=n>1?void 0:n?mi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&yi(t,e,i),i};const xi=Jt(u);let O=class extends xi{constructor(){super(...arguments),this.link="",this.name="",this.value="",this.text="",this.size="standard",this.selected=!1,this.fullwidth=!1,this.inactive=!1}handleClick(o){this.selected||(this.selected=!0);const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}render(){const o=this.text;return this.link?l`
|
|
2002
2002
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":d}"
|
|
2003
2003
|
aria-current="${this.selected?"true":d}">
|
|
2004
2004
|
${o?this.text:l`<slot></slot>`}
|
|
@@ -2101,7 +2101,7 @@
|
|
|
2101
2101
|
display: inline-flex;
|
|
2102
2102
|
align-items: center;
|
|
2103
2103
|
}
|
|
2104
|
-
`;
|
|
2104
|
+
`;G([a({type:String,reflect:!0})],O.prototype,"link",2);G([a({reflect:!0})],O.prototype,"name",2);G([a({reflect:!0})],O.prototype,"value",2);G([a({type:String})],O.prototype,"text",2);G([a({type:String,reflect:!0})],O.prototype,"size",2);G([a({type:Boolean,reflect:!0})],O.prototype,"selected",2);G([a({type:Boolean,reflect:!0})],O.prototype,"fullwidth",2);G([a({type:Boolean,reflect:!0})],O.prototype,"inactive",2);O=G([y("o-chip")],O);var wi=Object.defineProperty,$i=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?$i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&wi(t,e,i),i};let Ct=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof O?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2105
2105
|
<slot></slot>
|
|
2106
2106
|
`}};Ct.styles=f`
|
|
2107
2107
|
:host {
|
|
@@ -2110,7 +2110,7 @@
|
|
|
2110
2110
|
flex-wrap: wrap;
|
|
2111
2111
|
gap: var(--spacing-s);
|
|
2112
2112
|
}
|
|
2113
|
-
`;re([a({reflect:!0})],Ct.prototype,"name",2);re([a({reflect:!0})],Ct.prototype,"value",2);Ct=re([y("o-chipset")],Ct);var
|
|
2113
|
+
`;re([a({reflect:!0})],Ct.prototype,"name",2);re([a({reflect:!0})],Ct.prototype,"value",2);Ct=re([y("o-chipset")],Ct);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,N=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};const Ci=Jt(u);let I=class extends Ci{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=tt[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=Oo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return S(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2114
2114
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2115
2115
|
aria-label=${this.ariaLabel||d} aria-pressed=${this.selected}>
|
|
2116
2116
|
${o?l`
|
|
@@ -2161,7 +2161,7 @@
|
|
|
2161
2161
|
--button-text: var(--color-content-action-primary);
|
|
2162
2162
|
--button-text-hover: var(--color-content-action-primary);
|
|
2163
2163
|
--button-border: var(--color-container-filter-default);
|
|
2164
|
-
--button-strikethrough-stroke: var(--color-border-
|
|
2164
|
+
--button-strikethrough-stroke: var(--color-border-light);
|
|
2165
2165
|
}
|
|
2166
2166
|
|
|
2167
2167
|
:host([disabled]),
|
|
@@ -2252,7 +2252,7 @@
|
|
|
2252
2252
|
stroke-width: 4px;
|
|
2253
2253
|
stroke-linecap: round;
|
|
2254
2254
|
}
|
|
2255
|
-
`;N([a({reflect:!0})],I.prototype,"name",2);N([a({reflect:!0})],I.prototype,"value",2);N([a({type:String,reflect:!0})],I.prototype,"type",2);N([a({type:String,reflect:!0})],I.prototype,"href",2);N([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);N([a({type:String})],I.prototype,"text",2);N([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=N([y("o-filter-chip")],I);var
|
|
2255
|
+
`;N([a({reflect:!0})],I.prototype,"name",2);N([a({reflect:!0})],I.prototype,"value",2);N([a({type:String,reflect:!0})],I.prototype,"type",2);N([a({type:String,reflect:!0})],I.prototype,"href",2);N([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);N([a({type:String})],I.prototype,"text",2);N([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);N([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);N([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=N([y("o-filter-chip")],I);var Si=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&&Si(t,e,i),i};const ae=class ae extends u{constructor(){super(...arguments),this.type="cart | chevron",this.titleProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.imageUrl="https://placehold.co/56x70",this.altImage="",this.fullwidth=!1,this.tagText=""}onClick(t){var n,i;const e=t.target;(n=e==null?void 0:e.classList)!=null&&n.contains("add-to-bag")||((i=this.onClickTile)==null||i.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var t;(t=this.onClickIcon)==null||t.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.type==="chevron"?l`
|
|
2256
2256
|
<o-icon-button
|
|
2257
2257
|
@click=${this.onClickIcons}
|
|
2258
2258
|
icon="chevronRight"
|
|
@@ -2406,7 +2406,7 @@
|
|
|
2406
2406
|
.fullpointer {
|
|
2407
2407
|
cursor: pointer;
|
|
2408
2408
|
}
|
|
2409
|
-
`;let E=ae;M([a({type:String})],E.prototype,"type");M([a({type:String})],E.prototype,"titleProduct");M([a({type:String})],E.prototype,"volume");M([a({type:String})],E.prototype,"perLiter");M([a({type:String})],E.prototype,"mainPrice");M([a({type:String})],E.prototype,"imageUrl");M([a({type:String})],E.prototype,"altImage");M([a({type:Boolean})],E.prototype,"fullwidth");M([a({type:String})],E.prototype,"tagText");M([a({attribute:!1})],E.prototype,"onClickTile");M([a({attribute:!1})],E.prototype,"onClickIcon");customElements.define("mini-tile",E);var
|
|
2409
|
+
`;let E=ae;M([a({type:String})],E.prototype,"type");M([a({type:String})],E.prototype,"titleProduct");M([a({type:String})],E.prototype,"volume");M([a({type:String})],E.prototype,"perLiter");M([a({type:String})],E.prototype,"mainPrice");M([a({type:String})],E.prototype,"imageUrl");M([a({type:String})],E.prototype,"altImage");M([a({type:Boolean})],E.prototype,"fullwidth");M([a({type:String})],E.prototype,"tagText");M([a({attribute:!1})],E.prototype,"onClickTile");M([a({attribute:!1})],E.prototype,"onClickIcon");customElements.define("mini-tile",E);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,Ht=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let ut=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=0,this.srlabel=""}render(){return l`
|
|
2410
2410
|
<span class="badge">
|
|
2411
2411
|
${this.text?l`${this.text} <span class="sr-only">${this.srlabel}</span>`:l`<slot></slot>`}
|
|
2412
2412
|
</span>
|
|
@@ -2447,7 +2447,7 @@
|
|
|
2447
2447
|
.sr-only {
|
|
2448
2448
|
${Xt}
|
|
2449
2449
|
}
|
|
2450
|
-
`;Ht([a({type:String,reflect:!0})],ut.prototype,"variant",2);Ht([a({type:Number})],ut.prototype,"text",2);Ht([a({type:String})],ut.prototype,"srlabel",2);ut=Ht([y("o-badge")],ut);var
|
|
2450
|
+
`;Ht([a({type:String,reflect:!0})],ut.prototype,"variant",2);Ht([a({type:Number})],ut.prototype,"text",2);Ht([a({type:String})],ut.prototype,"srlabel",2);ut=Ht([y("o-badge")],ut);var Li=Object.defineProperty,Pi=Object.getOwnPropertyDescriptor,H=(o,t,e,n)=>{for(var i=n>1?void 0:n?Pi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Li(t,e,i),i};let A=class extends u{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,i;var o=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const r=window.getComputedStyle(e),s=parseInt(r.getPropertyValue("line-height").replace("px","")),c=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=Io[this.icon].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"');return l`
|
|
2451
2451
|
<div class="o-toast">
|
|
2452
2452
|
<div class="o-toast-icon">
|
|
2453
2453
|
${S(t)}
|
|
@@ -2540,7 +2540,7 @@
|
|
|
2540
2540
|
.o-toast-icon {
|
|
2541
2541
|
height: 16px;
|
|
2542
2542
|
}
|
|
2543
|
-
`;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
|
|
2543
|
+
`;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 Bi=Object.defineProperty,zi=Object.getOwnPropertyDescriptor,j=(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,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-${++Oi}`)}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(tt.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=S(tt.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2544
2544
|
<input
|
|
2545
2545
|
type="checkbox"
|
|
2546
2546
|
id=${this.inputId}
|
|
@@ -2652,13 +2652,13 @@
|
|
|
2652
2652
|
}
|
|
2653
2653
|
|
|
2654
2654
|
.indeterminate path {
|
|
2655
|
-
fill: var(--color-border-
|
|
2655
|
+
fill: var(--color-border-light);
|
|
2656
2656
|
}
|
|
2657
2657
|
|
|
2658
2658
|
svg path {
|
|
2659
|
-
stroke: var(--color-border-
|
|
2659
|
+
stroke: var(--color-border-light);
|
|
2660
2660
|
}
|
|
2661
|
-
`;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([Se("input")],L.prototype,"inputEl",2);L=j([y("o-checkbox")],L);var
|
|
2661
|
+
`;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([Se("input")],L.prototype,"inputEl",2);L=j([y("o-checkbox")],L);var Ii=Object.defineProperty,Di=Object.getOwnPropertyDescriptor,q=(o,t,e,n)=>{for(var i=n>1?void 0:n?Di(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 Hi=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-${++Hi}`)}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`
|
|
2662
2662
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2663
2663
|
|
|
2664
2664
|
<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}>
|
|
@@ -2755,7 +2755,7 @@
|
|
|
2755
2755
|
width: 0;
|
|
2756
2756
|
height: 0;
|
|
2757
2757
|
}
|
|
2758
|
-
`;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([Se("input")],D.prototype,"inputEl",2);D=q([y("o-radio")],D);var
|
|
2758
|
+
`;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([Se("input")],D.prototype,"inputEl",2);D=q([y("o-radio")],D);var Ti=Object.getOwnPropertyDescriptor,Mi=(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=s(i)||i);return i};let Vt=class extends u{render(){return l`
|
|
2759
2759
|
<nav aria-label="Breadcrumbs">
|
|
2760
2760
|
<ul>
|
|
2761
2761
|
<slot></slot>
|
|
@@ -2772,7 +2772,7 @@
|
|
|
2772
2772
|
margin: var(--spacing-4-xs);
|
|
2773
2773
|
padding: var(--spacing-4-xs);
|
|
2774
2774
|
}
|
|
2775
|
-
`;Vt=
|
|
2775
|
+
`;Vt=Mi([y("o-breadcrumbs")],Vt);var ji=Object.defineProperty,Fi=Object.getOwnPropertyDescriptor,se=(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&&ji(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`
|
|
2776
2776
|
<li>
|
|
2777
2777
|
<a
|
|
2778
2778
|
href="${this.href}"
|
|
@@ -2823,7 +2823,7 @@
|
|
|
2823
2823
|
:host(.a--tabfocus) {
|
|
2824
2824
|
outline: none !important;
|
|
2825
2825
|
}
|
|
2826
|
-
`;se([a({type:String})],St.prototype,"href",2);se([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=se([y("o-breadcrumb")],St);var
|
|
2826
|
+
`;se([a({type:String})],St.prototype,"href",2);se([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=se([y("o-breadcrumb")],St);var Ri=Object.defineProperty,Ui=Object.getOwnPropertyDescriptor,ft=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ri(t,e,i),i};let et=class extends u{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1}render(){return l`<div class="card">
|
|
2827
2827
|
<svg aria-hidden="true">
|
|
2828
2828
|
<defs>
|
|
2829
2829
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -2906,7 +2906,7 @@
|
|
|
2906
2906
|
:host([dimmed]) .overlay {
|
|
2907
2907
|
opacity: var(--overlay-opacity, 1);
|
|
2908
2908
|
}
|
|
2909
|
-
`;ft([a({type:String})],et.prototype,"imageUrl",2);ft([a({type:String})],et.prototype,"imageAlt",2);ft([a({type:String})],et.prototype,"hoverUrl",2);ft([a({type:String})],et.prototype,"hoverAlt",2);ft([a({type:Boolean,reflect:!0})],et.prototype,"dimmed",2);et=ft([y("o-arch-image")],et);const
|
|
2909
|
+
`;ft([a({type:String})],et.prototype,"imageUrl",2);ft([a({type:String})],et.prototype,"imageAlt",2);ft([a({type:String})],et.prototype,"hoverUrl",2);ft([a({type:String})],et.prototype,"hoverAlt",2);ft([a({type:Boolean,reflect:!0})],et.prototype,"dimmed",2);et=ft([y("o-arch-image")],et);const Ni=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2910
2910
|
<svg
|
|
2911
2911
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2912
2912
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -2986,7 +2986,7 @@
|
|
|
2986
2986
|
d="m 1237.15,72.3984 c -3.61,1.5625 -7.64,0.6211 -10.76,-1.5898 -3.47,-2.4688 -6.01,-6.207 -8.42,-9.6484 l -2.61,-3.7305 c -3.58,-5.1094 -9.55,-13.6992 -12.29,-16.1094 -5.74,-5.1289 -9.34,-6.6094 -53,-6.6094 -33.15,0 -37.81,0.9883 -43.8,4.1602 -5.52,2.7891 -7.77,10.7773 -7.77,13.6484 0,3.3594 -0.2,14.711 -0.45,28.7422 -0.39,22.6093 -0.93,52.2383 -0.93,66.5083 v 2.082 c 61.53,-0.032 57.15,-0.524 65,-2.762 2.14,-0.75 4.31,-3.918 6.04,-9.07 0,0 1.62,-4.02 1.63,-4.032 1.32,-3.277 2.66,-6.867 5.45,-9.207 3.1,-2.609 8.34,-2.961 11.82,-0.832 2.53,1.551 4.41,4.86 5.34,7.641 1.18,3.469 1.06,7.031 0.47,10.601 -0.42,2.528 -1.65,14.649 -0.88,22.661 0.36,3.359 0.91,7.339 1.4,11.039 0.81,5.937 1.45,11.25 1.45,13.039 0,10.769 -6.83,13.64 -10.87,13.64 -7.45,0 -10.98,-7.148 -12.29,-9.8 -5.17,-10.34 -7.99,-12.258 -8.92,-12.77 -1.75,-1.09 -4.81,-1.93 -26.44,-1.93 h -39.2 v 107.52 c 0,4.422 0.17,7.101 0.34,8.738 15.96,0.774 76.93,0.524 87.71,-1.476 3.62,-0.602 9.08,-1.5 17.68,-21.911 1.36,-3.211 3.03,-6.711 5.7,-9.043 3,-2.609 7.9,-3.558 11.48,-1.648 3.15,1.672 4.77,5.262 5.42,8.621 0.48,2.52 0.57,5.379 0.02,7.899 -1.68,7.71 -2.32,17.339 -2.74,23.718 l -0.42,5.41 c -1.6,9.993 -5.84,15.063 -12.6,15.063 -1.95,0 -3.97,-0.121 -6.59,-0.27 -4.29,-0.261 -10.36,-0.652 -21.14,-0.652 -8.99,0 -29.44,-0.219 -50.5,-0.437 -22.25,-0.231 -45.19,-0.493 -55.89,-0.493 -7.8,0 -14.28,0.411 -20.23,0.77 -5.38,0.32 -10.33,0.621 -15.39,0.621 -8.85,0 -15.02,-4.461 -15.02,-10.859 0,-3.692 1.73,-10.231 13.17,-12.532 11.25,-2.488 15.05,-3.339 15.05,-28.168 0,-97.863 -0.47,-142.242 -2.32,-215.7808 -0.34,-15.5196 -5.21,-19.0821 -18.87,-21.3594 C 1027,30.8984 1016.62,29 1016.62,19.6719 c 0,-1.9727 0.81,-11.80081 16.89,-11.80081 1.95,0 6.58,0.3086 12.45,0.71875 9.5,0.67969 22.45,1.60156 31.94,1.60156 17.71,0 38.65,-0.41015 60.92,-0.83984 25.46,-0.49218 52.62,-1.01172 78.73,-1.01172 4,0 9.62,1.69926 13.67,9.76956 2.26,4.4687 4.54,12.8906 7.15,22.6094 1.18,4.4218 2.39,8.9531 3.55,12.8203 0.89,2.9804 1.73,5.9726 1.57,9.1211 -0.2,3.9804 -2.49,7.9804 -6.34,9.7382" /><path
|
|
2987
2987
|
id="path52"
|
|
2988
2988
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2989
|
-
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var
|
|
2989
|
+
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var qi=Object.defineProperty,Vi=Object.getOwnPropertyDescriptor,C=(o,t,e,n)=>{for(var i=n>1?void 0:n?Vi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&qi(t,e,i),i};const le=class le extends u{constructor(){super(...arguments),this.ispagedesigner=!1,this._classPopin="",this.open=!1,this.background="",this.backgroundUrl="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.lockScroll=!0,this.variant="fullscreen",this.maxWidth="640px",this.showBackButton=!1,this.contrast=!1,this.iconSize="large",this.hideHeaderOnScroll=!1,this._labelId=`title-${Math.random().toString(36).slice(2)}`,this._headerHidden=!1,this._onBackdropClick=t=>{var n;if(!this.open||!this.closeOnBackdrop)return;const e=t.composedPath()[0];(n=e==null?void 0:e.classList)!=null&&n.contains("backdrop")&&this._requestClose("backdrop")},this._onScroll=t=>{if(!this.hideHeaderOnScroll||!this.open)return;const i=t.target.scrollTop>50;i!==this._headerHidden&&(this._headerHidden=i,this.requestUpdate())}}get classPopin(){return this.ispagedesigner?"pagedesigner-popin "+this._classPopin:this._classPopin}set classPopin(t){this._classPopin=t}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),this._onScroll=this._onScroll.bind(this),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),this._removeScrollListener(),super.disconnectedCallback()}updated(t){if(t.has("background")||t.has("backgroundUrl")){let e="";this.background&&this.background.trim()?e=this.background.trim():this.backgroundUrl&&this.backgroundUrl.trim()&&(e=`url('${this.backgroundUrl.trim()}') center/cover no-repeat`),this.style.setProperty("--_bg",e)}if(t.has("open")){if(this.lockScroll){const e=document==null?void 0:document.body;e&&(e.style.overflow=this.open&&!this.ispagedesigner?"hidden":"")}this.open?this.updateComplete.then(()=>{var n;(n=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||n.focus(),this._setupScrollListener(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):(this._removeScrollListener(),this._headerHidden=!1,this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})))}(t.has("hideHeaderOnScroll")||t.has("open"))&&(this.open?this._setupScrollListener():this._removeScrollListener())}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_setupScrollListener(){this.hideHeaderOnScroll&&(this._removeScrollListener(),this.updateComplete.then(()=>{const t=this.renderRoot.querySelector('main[part="body"]');t&&t.addEventListener("scroll",this._onScroll,{passive:!0})}))}_removeScrollListener(){const t=this.renderRoot.querySelector('main[part="body"]');t&&t.removeEventListener("scroll",this._onScroll)}_onBackClick(){this.dispatchEvent(new CustomEvent("back",{bubbles:!0,composed:!0}))}_requestClose(t){const e=new CustomEvent("request-close",{bubbles:!0,composed:!0,detail:{reason:t}});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}_renderCloseButton(){return customElements.get("o-icon-button")?l`
|
|
2990
2990
|
<o-icon-button
|
|
2991
2991
|
data-close-btn
|
|
2992
2992
|
icon="cross"
|
|
@@ -3029,7 +3029,7 @@
|
|
|
3029
3029
|
<header part="header" class="${e}">
|
|
3030
3030
|
${this.showBackButton?this._renderBackButton():null}
|
|
3031
3031
|
<div class="brand">
|
|
3032
|
-
<span slot="logo${this.contrast?"-contrast":""}">${S(
|
|
3032
|
+
<span slot="logo${this.contrast?"-contrast":""}">${S(Ni)}</span>
|
|
3033
3033
|
</div>
|
|
3034
3034
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
3035
3035
|
</header>
|
|
@@ -3173,7 +3173,7 @@
|
|
|
3173
3173
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3174
3174
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3175
3175
|
}
|
|
3176
|
-
`;let $=le;C([a({type:Boolean,reflect:!0})],$.prototype,"ispagedesigner",2);C([a({type:String,reflect:!0})],$.prototype,"classPopin",1);C([a({type:Boolean,reflect:!0})],$.prototype,"open",2);C([a({type:String,reflect:!0})],$.prototype,"background",2);C([a({type:String,attribute:"background-url",reflect:!0})],$.prototype,"backgroundUrl",2);C([a({type:Boolean,attribute:"close-on-esc"})],$.prototype,"closeOnEsc",2);C([a({type:Boolean,attribute:"close-on-backdrop"})],$.prototype,"closeOnBackdrop",2);C([a({type:Boolean,attribute:"lock-scroll"})],$.prototype,"lockScroll",2);C([a({type:String,reflect:!0})],$.prototype,"variant",2);C([a({type:String,attribute:"max-width"})],$.prototype,"maxWidth",2);C([a({type:Boolean,reflect:!0})],$.prototype,"showBackButton",2);C([a({type:Boolean,reflect:!0})],$.prototype,"contrast",2);C([a({type:String,reflect:!0})],$.prototype,"iconSize",2);C([a({type:Boolean,attribute:"hide-header-on-scroll"})],$.prototype,"hideHeaderOnScroll",2);C([
|
|
3176
|
+
`;let $=le;C([a({type:Boolean,reflect:!0})],$.prototype,"ispagedesigner",2);C([a({type:String,reflect:!0})],$.prototype,"classPopin",1);C([a({type:Boolean,reflect:!0})],$.prototype,"open",2);C([a({type:String,reflect:!0})],$.prototype,"background",2);C([a({type:String,attribute:"background-url",reflect:!0})],$.prototype,"backgroundUrl",2);C([a({type:Boolean,attribute:"close-on-esc"})],$.prototype,"closeOnEsc",2);C([a({type:Boolean,attribute:"close-on-backdrop"})],$.prototype,"closeOnBackdrop",2);C([a({type:Boolean,attribute:"lock-scroll"})],$.prototype,"lockScroll",2);C([a({type:String,reflect:!0})],$.prototype,"variant",2);C([a({type:String,attribute:"max-width"})],$.prototype,"maxWidth",2);C([a({type:Boolean,reflect:!0})],$.prototype,"showBackButton",2);C([a({type:Boolean,reflect:!0})],$.prototype,"contrast",2);C([a({type:String,reflect:!0})],$.prototype,"iconSize",2);C([a({type:Boolean,attribute:"hide-header-on-scroll"})],$.prototype,"hideHeaderOnScroll",2);C([K()],$.prototype,"_labelId",2);C([K()],$.prototype,"_headerHidden",2);customElements.define("o-popin",$);var Zi=Object.defineProperty,Ki=Object.getOwnPropertyDescriptor,k=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ki(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Zi(t,e,i),i};let x=class extends u{constructor(){super(...arguments),this.type="cart | notifyme",this.titleProduct="",this.descriptionProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.salesPercentage="",this.oldPrice="",this.imageUrl="https://placehold.co/112x140",this.outOfStock=!1,this.outOfStockText="Out of stock",this.altImage="",this.fullwidth=!1,this.current=!1,this.hideIcon=!1,this.tagText=""}onClick(o){var e,n,i;const t=o.target;(e=t==null?void 0:t.classList)!=null&&e.contains("add-to-bag")||(n=t==null?void 0:t.classList)!=null&&n.contains("js-availability-notify-details-routine")||((i=this.onClickTile)==null||i.call(this),this.dispatchEvent(new CustomEvent("tile-click",{bubbles:!0,composed:!0})))}onClickIcons(){var o;(o=this.onClickIcon)==null||o.call(this),this.dispatchEvent(new CustomEvent("tile-icon-click",{bubbles:!0,composed:!0}))}get icons(){return this.hideIcon?"":l`
|
|
3177
3177
|
<o-icon-button
|
|
3178
3178
|
@click=${this.onClickIcons}
|
|
3179
3179
|
icon=${this.type==="notifyme"?"notifyme":"cart"}
|
|
@@ -3194,7 +3194,7 @@
|
|
|
3194
3194
|
<div class="info">
|
|
3195
3195
|
${this.tagText?l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>`:""}
|
|
3196
3196
|
${this.outOfStock?l`<o-tag type="nostock" role="status" aria-live="polite"
|
|
3197
|
-
|
|
3197
|
+
>${this.outOfStockText}</o-tag
|
|
3198
3198
|
>`:""}
|
|
3199
3199
|
<div class="title-volume">
|
|
3200
3200
|
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
@@ -3218,7 +3218,7 @@
|
|
|
3218
3218
|
</div>
|
|
3219
3219
|
</div>
|
|
3220
3220
|
</button>
|
|
3221
|
-
`}};
|
|
3221
|
+
`}};x.styles=f`
|
|
3222
3222
|
:host {
|
|
3223
3223
|
display: block;
|
|
3224
3224
|
max-width: 100%;
|
|
@@ -3386,4 +3386,4 @@
|
|
|
3386
3386
|
.fullpointer {
|
|
3387
3387
|
cursor: pointer;
|
|
3388
3388
|
}
|
|
3389
|
-
`;
|
|
3389
|
+
`;k([a({type:String})],x.prototype,"type",2);k([a({type:String})],x.prototype,"titleProduct",2);k([a({type:String})],x.prototype,"descriptionProduct",2);k([a({type:String})],x.prototype,"volume",2);k([a({type:String})],x.prototype,"perLiter",2);k([a({type:String})],x.prototype,"mainPrice",2);k([a({type:String})],x.prototype,"salesPercentage",2);k([a({type:String})],x.prototype,"oldPrice",2);k([a({type:String})],x.prototype,"imageUrl",2);k([a({type:Boolean})],x.prototype,"outOfStock",2);k([a({type:String})],x.prototype,"outOfStockText",2);k([a({type:String})],x.prototype,"altImage",2);k([a({type:Boolean})],x.prototype,"fullwidth",2);k([a({type:Boolean})],x.prototype,"current",2);k([a({type:Boolean})],x.prototype,"hideIcon",2);k([a({type:String})],x.prototype,"tagText",2);k([a({attribute:!1})],x.prototype,"onClickTile",2);k([a({attribute:!1})],x.prototype,"onClickIcon",2);x=k([y("o-medium-tile")],x);
|