@florid-kit/components 0.9.22 → 0.9.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/arch-image.d.ts +15 -0
- package/index.js +152 -105
- package/index.mjs +594 -515
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,41 +2,41 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const kt=globalThis,Ut=kt.ShadowRoot&&(kt.ShadyCSS===void 0||kt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Nt=Symbol(),ie=new WeakMap;let fe=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Nt)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(Ut&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=ie.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&ie.set(e,t))}return t}toString(){return this.cssText}};const _e=o=>new fe(typeof o=="string"?o:o+"",void 0,Nt),v=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(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[n+1],o[0]);return new fe(e,o,Nt)},Ce=(o,t)=>{if(Ut)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const r=document.createElement("style"),i=kt.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},re=Ut?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return _e(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:ke,defineProperty:Se,getOwnPropertyDescriptor:Ae,getOwnPropertyNames:Ee,getOwnPropertySymbols:Le,getPrototypeOf:Pe}=Object,W=globalThis,ne=W.trustedTypes,Oe=ne?ne.emptyScript:"",It=W.reactiveElementPolyfillSupport,ht=(o,t)=>o,St={toAttribute(o,t){switch(t){case Boolean:o=o?Oe: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}},Ft=(o,t)=>!ke(o,t),se={attribute:!0,type:String,converter:St,reflect:!1,useDefault:!1,hasChanged:Ft};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let nt=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=se){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 r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&Se(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=Ae(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);n==null||n.call(this,s),this.requestUpdate(t,c,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??se}static _$Ei(){if(this.hasOwnProperty(ht("elementProperties")))return;const t=Pe(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ht("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ht("properties"))){const e=this.properties,r=[...Ee(e),...Le(e)];for(const i of r)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(const[e,r]of this.elementProperties){const i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const i of r)e.unshift(re(i))}else t!==void 0&&e.push(re(t));return e}static _$Eu(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r: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 r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Ce(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 r;return(r=e.hostConnected)==null?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){var n;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){const s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:St).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n,s;const r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=r.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((n=c.converter)==null?void 0:n.fromAttribute)!==void 0?c.converter:St;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,r){var i;if(t!==void 0){const n=this.constructor,s=this[t];if(r??(r=n.getPropertyOptions(t)),!((r.hasChanged??Ft)(s,e)||r.useDefault&&r.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(n._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:i,wrapped:n},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),n!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(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 r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,s]of this._$Ep)this[n]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,s]of i){const{wrapped:c}=s,h=this[n];c!==!0||this._$AL.has(n)||h===void 0||this.C(n,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$EO)==null||r.forEach(i=>{var n;return(n=i.hostUpdate)==null?void 0:n.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(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),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){}};nt.elementStyles=[],nt.shadowRootOptions={mode:"open"},nt[ht("elementProperties")]=new Map,nt[ht("finalized")]=new Map,It==null||It({ReactiveElement:nt}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const dt=globalThis,At=dt.trustedTypes,ae=At?At.createPolicy("lit-html",{createHTML:o=>o}):void 0,be="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,ge="?"+K,Ie=`<${ge}>`,tt=document,ut=()=>tt.createComment(""),vt=o=>o===null||typeof o!="object"&&typeof o!="function",Vt=Array.isArray,ze=o=>Vt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",zt=`[
|
|
14
|
+
\f\r]`,ct=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,le=/-->/g,ce=/>/g,J=RegExp(`>|${zt}(?:([^\\s"'>=/]+)(${zt}*=${zt}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),he=/'/g,de=/"/g,ye=/^(?:script|style|textarea|title)$/i,Be=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Be(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),pe=new WeakMap,Q=tt.createTreeWalker(tt,129);function me(o,t){if(!Vt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ae!==void 0?ae.createHTML(t):t}const De=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=ct;for(let c=0;c<e;c++){const h=o[c];let m,w,f=-1,U=0;for(;U<h.length&&(s.lastIndex=U,w=s.exec(h),w!==null);)U=s.lastIndex,s===ct?w[1]==="!--"?s=le:w[1]!==void 0?s=ce:w[2]!==void 0?(ye.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??ct,f=-1):w[1]===void 0?f=-2:(f=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?de:he):s===de||s===he?s=J:s===le||s===ce?s=ct:(s=J,i=void 0);const Z=s===J&&o[c+1].startsWith("/>")?" ":"";n+=s===ct?h+Ie:f>=0?(r.push(m),h.slice(0,f)+be+h.slice(f)+K+Z):h+K+(f===-2?c:Z)}return[me(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class ft{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const c=t.length-1,h=this.parts,[m,w]=De(t,e);if(this.el=ft.createElement(m,r),Q.currentNode=this.el.content,e===2||e===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(i=Q.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const f of i.getAttributeNames())if(f.endsWith(be)){const U=w[s++],Z=i.getAttribute(f).split(K),Ct=/([.?@])?(.*)/.exec(U);h.push({type:1,index:n,name:Ct[2],strings:Z,ctor:Ct[1]==="."?Te:Ct[1]==="?"?Me:Ct[1]==="@"?je:Lt}),i.removeAttribute(f)}else f.startsWith(K)&&(h.push({type:6,index:n}),i.removeAttribute(f));if(ye.test(i.tagName)){const f=i.textContent.split(K),U=f.length-1;if(U>0){i.textContent=At?At.emptyScript:"";for(let Z=0;Z<U;Z++)i.append(f[Z],ut()),Q.nextNode(),h.push({type:2,index:++n});i.append(f[U],ut())}}}else if(i.nodeType===8)if(i.data===ge)h.push({type:2,index:n});else{let f=-1;for(;(f=i.data.indexOf(K,f+1))!==-1;)h.push({type:7,index:n}),f+=K.length-1}n++}}static createElement(t,e){const r=tt.createElement("template");return r.innerHTML=t,r}}function st(o,t,e=o,r){var s,c;if(t===G)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=vt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=st(o,i._$AS(o,t.values),i,r)),t}class He{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:r}=this._$AD,i=((t==null?void 0:t.creationScope)??tt).importNode(e,!0);Q.currentNode=i;let n=Q.nextNode(),s=0,c=0,h=r[0];for(;h!==void 0;){if(s===h.index){let m;h.type===2?m=new $t(n,n.nextSibling,this,t):h.type===1?m=new h.ctor(n,h.name,h.strings,this,t):h.type===6&&(m=new Re(n,this,t)),this._$AV.push(m),h=r[++c]}s!==(h==null?void 0:h.index)&&(n=Q.nextNode(),s++)}return Q.currentNode=tt,i}p(t){let e=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class $t{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,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=st(this,t,e),vt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ze(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&&vt(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=ft.createElement(me(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const s=new He(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=pe.get(t.strings);return e===void 0&&pe.set(t.strings,e=new ft(t)),e}k(t){Vt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of t)i===e.length?e.push(r=new $t(this.O(ut()),this.O(ut()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.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 Lt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,i){const n=this.strings;let s=!1;if(n===void 0)t=st(this,t,e,0),s=!vt(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const c=t;let h,m;for(t=n[0],h=0;h<n.length-1;h++)m=st(this,c[r+h],e,h),m===G&&(m=this._$AH[h]),s||(s=!vt(m)||m!==this._$AH[h]),m===d?t=d:t!==d&&(t+=(m??"")+n[h+1]),this._$AH[h]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Te extends Lt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Me extends Lt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class je extends Lt{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=st(this,t,e,0)??d)===G)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),n&&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 Re{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){st(this,t)}}const Bt=dt.litHtmlPolyfillSupport;Bt==null||Bt(ft,$t),(dt.litHtmlVersions??(dt.litHtmlVersions=[])).push("3.3.0");const Ue=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new $t(t.insertBefore(ut(),n),n,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 Y=globalThis;let u=class extends
|
|
19
|
+
*/const Y=globalThis;let u=class extends nt{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=Ue(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 G}};var ve;u._$litElement$=!0,u.finalized=!0,(ve=Y.litElementHydrateSupport)==null||ve.call(Y,{LitElement:u});const Dt=Y.litElementPolyfillSupport;Dt==null||Dt({LitElement:u});(Y.litElementVersions??(Y.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const b=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Ne={attribute:!0,type:String,converter:St,reflect:!1,hasChanged:Ft},Fe=(o=Ne,t,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="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(r==="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: "+r)};function a(o){return(t,e)=>typeof e=="object"?Fe(o,t,e):((r,i,n)=>{const s=i.hasOwnProperty(n);return i.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(i,n):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 ot(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 Ve=(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
|
|
39
|
+
*/function xe(o,t){return(e,r,i)=>{const n=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return Ve(e,r,{get(){return n(this)}})}}const it=v`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
`;v`
|
|
@@ -47,133 +47,133 @@
|
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2023 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: Apache-2.0
|
|
50
|
-
*/const
|
|
50
|
+
*/const qt=Symbol("internals"),Ht=Symbol("privateInternals");function Zt(o){var t;class e extends o{get[(t=qt,t)](){return this[Ht]||(this[Ht]=this.attachInternals()),this[Ht]}}return e}/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
54
|
-
*/function
|
|
54
|
+
*/function qe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[qt]:n}=e,{form:s}=n;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!r.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}),n.setFormValue(e.value),s.requestSubmit()}})})}const Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
55
55
|
<path d="M8 3.6275C7.06799 0.971489 3.25399 -0.0226278 1.67414 2.30983C0.0877404 4.65197 1.67414 6.99412 2.62598 8.33249C3.0147 8.87905 8 14 8 14C8 14 12.9853 8.87905 13.374 8.33249C14.3259 6.99412 15.9123 4.65197 14.3259 2.30983C12.746 -0.0226277 8.97167 0.971489 8 3.6275Z" stroke="#3F2B2E" stroke-linecap="round"/>
|
|
56
56
|
</svg>
|
|
57
|
-
`,
|
|
57
|
+
`,Ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
58
58
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
59
59
|
</svg>
|
|
60
|
-
`,
|
|
60
|
+
`,We=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
61
61
|
<path d="M12.2266 8.16162C11.0953 9.26599 8.72489 11.8788 5.11546 16L4.63062 15.7172C5.78886 13.4007 7.17607 10.8283 8.79223 8C7.17607 5.17172 5.78886 2.59933 4.63062 0.282827L5.11546 0C8.72489 4.12121 11.0953 6.73401 12.2266 7.83838V8.16162Z" fill="#3F2B2E"/>
|
|
62
62
|
</svg>
|
|
63
|
-
`,
|
|
63
|
+
`,Ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
64
64
|
<path d="M5 7.83838C6.02128 6.73401 8.16109 4.12121 11.4195 0L11.8571 0.282829C10.8116 2.59933 9.55927 5.17172 8.1003 8C9.55927 10.8283 10.8115 13.4007 11.8571 15.7172L11.4195 16C8.16109 11.8788 6.02128 9.266 5 8.16162L5 7.83838Z" fill="#3F2B2E"/>
|
|
65
65
|
</svg>
|
|
66
|
-
`,
|
|
66
|
+
`,Xe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
67
67
|
<path d="M12.2834 14.4585L7.98873 11.3928L3.69404 14.4585L5.33977 9.4972L1 6.39639H6.36554L8 1.4585L9.63446 6.39639H15L10.6602 9.4972L12.306 14.4585H12.2834ZM7.98873 10.328L10.6602 12.2353L9.64573 9.15787L12.2721 7.28568H9.02576L8 4.17317L6.97424 7.28568H3.72786L6.35427 9.15787L5.33977 12.2353L8.01127 10.328H7.98873Z" fill="#3F2B2E"/>
|
|
68
68
|
</svg>
|
|
69
|
-
`,
|
|
69
|
+
`,Je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
70
70
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM6.36554 11.5396V7.32718H6.97424L8 4.21467L9.02576 7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L8 10.3812L6.36554 11.5513V11.5396Z" fill="#3F2B2E"/>
|
|
71
71
|
</svg>
|
|
72
|
-
`,
|
|
72
|
+
`,Qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
73
73
|
<path d="M15 6.39639H9.63446L8 1.4585L6.36554 6.39639H1L5.33977 9.4972L3.69404 14.4585L7.98873 11.3928L12.2834 14.4585L10.6377 9.4972L14.9775 6.39639H15ZM10.6715 12.2353L8.05636 10.3631V4.32528L9.03704 7.27398H12.2834L9.65701 9.14616L10.6715 12.2236V12.2353Z" fill="#3F2B2E"/>
|
|
74
74
|
</svg>
|
|
75
|
-
`,
|
|
75
|
+
`,Ye=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
76
76
|
<path d="M15 6.43789H9.63446L8 1.5L6.36554 6.43789H1L5.33977 9.5387L3.69404 14.5L7.98873 11.4343L9.46538 12.4874L12.2834 14.5H12.306L10.6602 9.5387L15 6.43789ZM9.46538 11.4226V7.32718H12.2721L9.64573 9.19937L10.6602 12.2768L9.46538 11.4226Z" fill="#3F2B2E"/>
|
|
77
77
|
</svg>
|
|
78
|
-
`,
|
|
78
|
+
`,to=`<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.2834Z" fill="#3F2B2E"/>
|
|
80
80
|
</svg>
|
|
81
|
-
`,
|
|
81
|
+
`,eo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
82
82
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
83
83
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
84
84
|
</svg>
|
|
85
|
-
`,
|
|
85
|
+
`,oo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
86
86
|
<path d="M7.12506 1C10.5018 1 13.2509 3.74834 13.251 7.125C13.2511 8.59738 12.7172 10.0206 11.7491 11.1299L14.8731 14.2539C15.0433 14.4253 15.0435 14.7018 14.8731 14.873C14.7913 14.9555 14.6797 15.002 14.5635 15.002C14.4475 15.0019 14.3357 14.9554 14.254 14.873L11.1309 11.749C10.0555 12.6818 8.6564 13.251 7.12506 13.251C3.7484 13.2508 1.00006 10.5017 1.00006 7.125C1.00025 3.74846 3.74852 1.00019 7.12506 1ZM7.12506 1.875C4.22971 1.87522 1.87506 4.23058 1.87506 7.12598C1.87532 10.0212 4.22987 12.3758 7.12506 12.376C10.0204 12.376 12.3758 10.0213 12.376 7.12598C12.376 4.23044 10.0206 1.875 7.12506 1.875Z" fill="#3F2B2E"/>
|
|
87
87
|
</svg>
|
|
88
|
-
`,
|
|
88
|
+
`,io=`<?xml version="1.0" encoding="utf-8"?>
|
|
89
89
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
90
90
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
91
91
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
92
92
|
<path class="st0" d="M40,20c0,0.7-0.6,1.2-1.2,1.2H21.2v17.5c0,0.7-0.6,1.2-1.2,1.2s-1.2-0.6-1.2-1.2V21.2H1.2C0.6,21.2,0,20.7,0,20
|
|
93
93
|
s0.6-1.2,1.2-1.2h17.5V1.2C18.8,0.6,19.3,0,20,0s1.2,0.6,1.2,1.2v17.5h17.5C39.4,18.8,40,19.3,40,20z"/>
|
|
94
94
|
</svg>
|
|
95
|
-
`,
|
|
95
|
+
`,ro=`<?xml version="1.0" encoding="utf-8"?>
|
|
96
96
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
97
97
|
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
98
98
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
99
99
|
<path class="st0" d="M38.8,20.5H1.2c-0.7,0-1.2-0.6-1.2-1.2S0.6,18,1.2,18h37.5c0.7,0,1.2,0.6,1.2,1.2S39.4,20.5,38.8,20.5z"/>
|
|
100
100
|
</svg>
|
|
101
|
-
`,
|
|
101
|
+
`,no=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
102
102
|
<path d="M15.0009 8.12175C15.0009 8.36347 14.805 8.55943 14.5634 8.55943H2.49495L7.43502 13.5017C7.60609 13.6726 7.60628 13.9499 7.43546 14.1211C7.26464 14.2922 6.98749 14.2924 6.81642 14.1215L1.13 8.43163C1.04685 8.34998 1 8.23831 1 8.12175C1 8.00518 1.04685 7.89351 1.13 7.81187L6.81642 2.12286C6.98808 1.95699 7.26094 1.95937 7.4297 2.12819C7.59845 2.29702 7.60082 2.57001 7.43502 2.74175L2.49495 7.68406H14.5634C14.805 7.68406 15.0009 7.88002 15.0009 8.12175Z" fill="#3F2B2E"/>
|
|
103
103
|
</svg>
|
|
104
|
-
`,
|
|
104
|
+
`,so=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
105
105
|
<path d="M14.1218 7.43502C13.9504 7.60543 13.6735 7.60543 13.5021 7.43502L8.55961 2.49408V14.5625C8.55961 14.8041 8.36365 15 8.12192 15C7.88018 15 7.68422 14.8041 7.68422 14.5625V2.49408L2.74177 7.43502C2.57002 7.60082 2.29703 7.59845 2.1282 7.4297C1.95936 7.26094 1.95699 6.98808 2.12287 6.81642L7.81203 1.13C7.89368 1.04685 8.00535 1 8.12192 1C8.23848 1 8.35015 1.04685 8.4318 1.13L14.121 6.81642C14.2921 6.98702 14.2925 7.26395 14.1218 7.43502Z" fill="#3F2B2E"/>
|
|
106
106
|
</svg>
|
|
107
|
-
`,
|
|
107
|
+
`,ao=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
108
108
|
<path d="M6.33317 8.00033C6.33317 3.95024 7.52708 0.666992 8.99984 0.666992C10.4726 0.666992 11.6665 3.95024 11.6665 8.00033M5.33317 15.3337H12.6665L16.3332 6.20033C14.9582 5.76699 12.2998 5.33366 8.99984 5.33366C5.69984 5.33366 3.49984 5.76699 1.6665 6.20033L5.33317 15.3337Z" stroke="#3F2B2E"/>
|
|
109
109
|
</svg>
|
|
110
|
-
`,
|
|
110
|
+
`,lo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
111
111
|
<path d="M7.99376 14.4486C7.46684 14.4486 6.93991 14.251 6.54472 13.8558C6.14953 13.4606 5.8202 12.9995 5.68847 12.4067H3.77837C2.98798 12.4067 2.59279 12.4067 2.32933 12.1433C2.13173 12.0116 2 11.7481 2 11.5505C2 11.2212 2.13173 10.826 2.52692 10.1673L2.92212 9.4428C3.31731 8.78415 3.51491 8.05963 3.64664 7.3351L3.84423 5.68847C3.97596 4.63462 4.43702 3.7125 5.22741 3.05385C6.01779 2.39519 7.00578 2 7.99376 2C8.98174 2 10.0356 2.39519 10.7601 3.05385C11.5505 3.7125 12.0116 4.70049 12.1433 5.68847L12.3409 7.26924C12.4067 8.05963 12.6702 8.78415 13.0654 9.37693L13.4606 10.1015C13.8558 10.7601 14.0534 11.0894 13.9875 11.4846C13.9875 11.7481 13.8558 11.9457 13.6582 12.0774C13.3947 12.3409 12.9995 12.3409 12.2092 12.3409H10.2991C10.1673 12.9337 9.83799 13.4606 9.4428 13.7899C9.04761 14.1851 8.52068 14.3827 7.99376 14.3827V14.4486ZM6.28126 12.4067C6.41299 12.8019 6.61058 13.1971 6.93991 13.4606C7.5327 13.9875 8.45482 13.9875 9.11347 13.4606C9.4428 13.1971 9.6404 12.8019 9.77213 12.4067H6.28126ZM7.99376 2.65865C7.13751 2.65865 6.28126 2.98798 5.6226 3.58077C4.96395 4.17356 4.56875 4.96395 4.43702 5.88606L4.23943 7.46684C4.1077 8.32309 3.84423 9.11347 3.44904 9.83799L3.05385 10.5625C2.72452 11.0894 2.59279 11.3529 2.59279 11.5505C2.59279 11.6164 2.59279 11.7481 2.72452 11.814C2.85625 11.8798 3.25144 11.8798 3.77837 11.8798H12.2092C12.7361 11.8798 13.1971 11.8798 13.263 11.814C13.3289 11.814 13.3947 11.6822 13.3947 11.5505C13.3947 11.4188 13.1971 11.0894 12.9337 10.5625L12.5385 9.83799C12.0774 9.11347 11.814 8.32309 11.7481 7.5327L11.5505 5.88606C11.4846 5.02981 11.0236 4.17356 10.3649 3.58077C9.70626 2.98798 8.85001 2.65865 7.99376 2.65865Z" fill="#3F2B2E"/>
|
|
112
112
|
</svg>
|
|
113
|
-
`,
|
|
113
|
+
`,co=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
114
114
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
115
115
|
</svg>
|
|
116
|
-
`,
|
|
116
|
+
`,ho=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
117
117
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
118
118
|
</svg>
|
|
119
|
-
`,
|
|
119
|
+
`,po=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
120
120
|
<path d="M5.24611 10.4659C5.04705 10.4654 4.85616 10.3867 4.71465 10.2467L0.210718 5.74273C-0.0737595 5.44819 -0.0696911 4.98 0.219862 4.69045C0.509415 4.4009 0.977603 4.39683 1.27214 4.6813L5.18306 8.59071L10.6628 1.74024C10.9219 1.41646 11.3945 1.36403 11.7183 1.62314C12.042 1.88225 12.0945 2.35477 11.8354 2.67856L5.83012 10.1851C5.69763 10.3521 5.49956 10.4539 5.28665 10.4643L5.24611 10.4659Z" fill="#3F2B2E"/>
|
|
121
121
|
</svg>
|
|
122
|
-
`,
|
|
122
|
+
`,uo=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
123
123
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
124
124
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
125
125
|
</svg>
|
|
126
|
-
`,
|
|
126
|
+
`,vo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
127
127
|
<path d="M10.5037 5.99925C10.7795 5.99925 11.0037 6.22311 11.0037 6.49925V14.2922L13.1462 12.1448C13.3411 11.9498 13.6573 11.95 13.8523 12.1448H13.8533C14.0482 12.34 14.0481 12.6565 13.8533 12.8518L10.8572 15.8518C10.6618 16.0471 10.3455 16.0471 10.1501 15.8518L7.15406 12.8518C6.96522 12.6557 6.96774 12.3444 7.15992 12.1516C7.35242 11.9588 7.66416 11.9556 7.86011 12.1448L10.0046 14.2922V6.49925C10.0046 6.22319 10.228 5.99938 10.5037 5.99925ZM5.15699 0.145737C5.35218 -0.0485278 5.66791 -0.0486304 5.86304 0.145737L8.85913 3.14574C9.04829 3.34183 9.04562 3.65402 8.85327 3.84691C8.66066 4.03978 8.34902 4.04225 8.15308 3.85277L6.00952 1.70628V9.49925C6.0095 9.77533 5.78621 9.99918 5.5105 9.99925C5.23473 9.99925 5.0115 9.77538 5.01148 9.49925V1.70628L2.86695 3.85179C2.74288 3.98695 2.55447 4.04321 2.37671 3.99828C2.1991 3.95328 2.06051 3.81475 2.01538 3.63695C1.97026 3.45902 2.02608 3.27015 2.16089 3.14574L5.15699 0.145737Z" fill="#001022"/>
|
|
128
128
|
</svg>
|
|
129
|
-
`,
|
|
129
|
+
`,fo=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
130
130
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
131
|
-
</svg>`,
|
|
131
|
+
</svg>`,bo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
132
132
|
<path d="M2.31202e-08 7.85218C0.974855 6.83983 3.01741 4.44477 6.12766 0.666992L6.54545 0.926252C5.54739 3.04971 4.35203 5.40773 2.95938 8.00033C4.35203 10.5929 5.54739 12.9509 6.54545 15.0744L6.12766 15.3337C3.01741 11.5559 0.974855 9.16082 0 8.14847L2.31202e-08 7.85218Z" fill="#3F2B2E"/>
|
|
133
133
|
<path d="M16 8.14847C15.0251 9.16082 12.9826 11.5559 9.87234 15.3337L9.45455 15.0744C10.4526 12.9509 11.648 10.5929 13.0406 8.00033C11.648 5.40773 10.4526 3.04971 9.45455 0.92625L9.87234 0.666992C12.9826 4.44477 15.0251 6.83983 16 7.85218V8.14847Z" fill="#3F2B2E"/>
|
|
134
134
|
</svg>
|
|
135
|
-
`,
|
|
135
|
+
`,go=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
136
136
|
<path d="M8 0.458496C12.4183 0.458496 16 4.04022 16 8.4585C16 12.8768 12.4183 16.4585 8 16.4585C3.58172 16.4585 0 12.8768 0 8.4585C0 4.04022 3.58172 0.458496 8 0.458496ZM11.8115 5.56787C11.5953 5.39556 11.2797 5.43075 11.1074 5.64697L7.45801 10.2104L4.85254 7.60596C4.65647 7.41684 4.34516 7.41943 4.15234 7.61182C3.95956 7.8046 3.95626 8.11678 4.14551 8.31299L7.14551 11.313C7.23977 11.4062 7.36741 11.4592 7.5 11.4595L7.52832 11.4585C7.67017 11.4503 7.80168 11.3818 7.89062 11.271L11.8906 6.271C12.0629 6.05485 12.0275 5.74022 11.8115 5.56787Z" fill="#3B7902"/>
|
|
137
137
|
</svg>
|
|
138
|
-
`,
|
|
138
|
+
`,yo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
139
139
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12C8.55229 12 9 11.5523 9 11C9 10.4477 8.55229 10 8 10ZM7.5 4C7.22386 4 7 4.22386 7 4.5V8.5C7 8.77614 7.22386 9 7.5 9H8.5C8.77614 9 9 8.77614 9 8.5V4.5C9 4.22386 8.77614 4 8.5 4H7.5Z" fill="#BB0218"/>
|
|
140
140
|
</svg>
|
|
141
|
-
`,
|
|
141
|
+
`,mo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
142
142
|
<path d="M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM7.16602 6.1084V12H8.84668V6.1084H7.16602ZM8.00684 2.64062C7.45497 2.64062 7.01096 3.09591 7.01074 3.63574C7.01074 4.18774 7.45484 4.63184 8.00684 4.63184C8.55862 4.63159 9.00195 4.18759 9.00195 3.63574C9.00174 3.09606 8.55849 2.64088 8.00684 2.64062Z" fill="#4572A6"/>
|
|
143
143
|
</svg>
|
|
144
|
-
`,
|
|
144
|
+
`,xo=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
145
145
|
<path d="M16.0003 10.1648C16.0003 13.2904 13.4583 15.8332 10.3336 15.8332H7.00026C6.81617 15.8332 6.66693 15.6839 6.66693 15.4997C6.66693 15.3156 6.81617 15.1663 7.00026 15.1663H10.3336C13.0909 15.1663 15.3336 12.923 15.3336 10.1648C15.3336 7.40663 13.0909 5.16328 10.3336 5.16328H1.13826L3.90226 7.92812C4.0326 8.05831 4.03275 8.26955 3.9026 8.39993C3.77244 8.5303 3.56127 8.53045 3.43093 8.40026L0.0975955 5.06592C-0.0325318 4.93571 -0.0325318 4.72465 0.0975955 4.59444L3.43093 1.2601C3.56172 1.13374 3.76962 1.13555 3.8982 1.26416C4.02678 1.39278 4.02859 1.60075 3.90226 1.73158L1.13826 4.49641H10.3336C13.4583 4.49641 16.0003 7.03918 16.0003 10.1648Z" fill="#001022"/>
|
|
146
146
|
</svg>
|
|
147
|
-
`,
|
|
147
|
+
`,wo=`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
|
|
148
148
|
<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
149
|
-
</svg>`,
|
|
149
|
+
</svg>`,N={wishlist:Ze,playerv:Ke,chevronRight:We,chevronLeft:Ge,icoPlus:io,icoMinus:ro,"star-0":Xe,"star-25":Je,"star-50":Qe,"star-75":Ye,"star-100":to,cross:eo,search:oo,arrowLeft:no,arrowTop:so,cart:ao,notifyme:lo,triangledown:co,triangleup:ho,checkstroke:po,pause:uo,mapDualArrow:vo,swipeDualArrow:bo,backToBag:xo,checkbox:wo},$o={strikeDiagonal:fo},_o={success:go,error:yo,info:mo};/**
|
|
150
150
|
* @license
|
|
151
151
|
* Copyright 2017 Google LLC
|
|
152
152
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
153
|
-
*/const
|
|
153
|
+
*/const Kt={ATTRIBUTE:1,CHILD:2},Wt=o=>(...t)=>({_$litDirective$:o,values:t});let Gt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
154
154
|
* @license
|
|
155
155
|
* Copyright 2017 Google LLC
|
|
156
156
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
157
|
-
*/class
|
|
157
|
+
*/class Tt extends Gt{constructor(t){if(super(t),this.it=d,t.type!==Kt.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===G)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:[]}}}Tt.directiveName="unsafeHTML",Tt.resultType=1;/**
|
|
158
158
|
* @license
|
|
159
159
|
* Copyright 2017 Google LLC
|
|
160
160
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
161
|
-
*/class
|
|
161
|
+
*/class Mt extends Tt{}Mt.directiveName="unsafeSVG",Mt.resultType=2;const _=Wt(Mt);/**
|
|
162
162
|
* @license
|
|
163
163
|
* Copyright 2020 Google LLC
|
|
164
164
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
165
|
-
*/const
|
|
165
|
+
*/const Co=o=>o.strings===void 0;/**
|
|
166
166
|
* @license
|
|
167
167
|
* Copyright 2017 Google LLC
|
|
168
168
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
169
|
-
*/const
|
|
169
|
+
*/const pt=(o,t)=>{var r;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(r=i._$AO)==null||r.call(i,t,!1),pt(i,t);return!0},Et=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)},we=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),Ao(t)}};function ko(o){this._$AN!==void 0?(Et(this),this._$AM=o,we(this)):this._$AM=o}function So(o,t=!1,e=0){const r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)pt(r[n],!1),Et(r[n]);else r!=null&&(pt(r,!1),Et(r));else pt(this,o)}const Ao=o=>{o.type==Kt.CHILD&&(o._$AP??(o._$AP=So),o._$AQ??(o._$AQ=ko))};class Eo extends Gt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),we(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(pt(this,t),Et(this))}setValue(t){if(Co(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 Lo extends Eo{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var r;this.element!==t.element&&(this.element=t.element),this.host=((r=t.options)===null||r===void 0?void 0:r.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];n!==e[i]&&(r[i]=n)}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&(r[i]=void 0)}}class Po extends Lo{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const r=t[e];r!==this.eventData[e]&&this.applyEvent(e,r)}}applyEvent(t,e){const{prevData:r,element:i}=this;this.eventData[t]=e,r[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:r}=this;delete this.eventData[t],r.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 r in t){const i=r.slice(1),n=t[r];e.removeEventListener(i,this,n)}}reconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.addEventListener(i,this,n)}}}class Oo extends Po{apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];if(n===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=n,this.applyEvent(s,n);break;case".":r[s]=n;break;case"?":n?r.setAttribute(s,""):r.removeAttribute(s);break;default:n!=null?r.setAttribute(i,String(n)):r.removeAttribute(i);break}}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e){const n=i.slice(1);if(!t||!(i in t)&&r[n]===e[i])switch(i[0]){case"@":this.groomEvent(n,e[i]);break;case".":r[n]=void 0;break;case"?":r.removeAttribute(n);break;default:r.removeAttribute(i);break}}}}const ue=Wt(Oo);/**
|
|
170
170
|
* @license
|
|
171
171
|
* Copyright 2018 Google LLC
|
|
172
172
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
173
|
-
*/const S=o=>o??d;var
|
|
173
|
+
*/const S=o=>o??d;var Io=Object.defineProperty,zo=Object.getOwnPropertyDescriptor,H=(o,t,e,r)=>{for(var i=r>1?void 0:r?zo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Io(t,e,i),i};let A=class extends u{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=N[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
174
174
|
${this.type==="span"?l`
|
|
175
175
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
176
|
-
${
|
|
176
|
+
${_(e)}
|
|
177
177
|
</span>
|
|
178
178
|
`:l`
|
|
179
179
|
<button
|
|
@@ -182,7 +182,7 @@
|
|
|
182
182
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
183
183
|
?disabled="${this.disabled}"
|
|
184
184
|
>
|
|
185
|
-
${
|
|
185
|
+
${_(e)}
|
|
186
186
|
${r}
|
|
187
187
|
</button>
|
|
188
188
|
`}
|
|
@@ -391,13 +391,13 @@
|
|
|
391
391
|
}
|
|
392
392
|
|
|
393
393
|
.icon-button:focus-visible {
|
|
394
|
-
${
|
|
394
|
+
${it}
|
|
395
395
|
}
|
|
396
396
|
|
|
397
397
|
.sr-only {
|
|
398
398
|
display: none;
|
|
399
399
|
}
|
|
400
|
-
`;H([a({type:String,reflect:!0})],A.prototype,"bgstyle",2);H([a({type:String,reflect:!0})],A.prototype,"size",2);H([a({type:String,reflect:!0})],A.prototype,"status",2);H([a({type:String,reflect:!0})],A.prototype,"type",2);H([a({type:String})],A.prototype,"strokewidth",2);H([a({type:String})],A.prototype,"icon",2);H([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);H([a({type:Boolean})],A.prototype,"showSrLabel",2);H([a({type:String})],A.prototype,"srLabel",2);A=H([
|
|
400
|
+
`;H([a({type:String,reflect:!0})],A.prototype,"bgstyle",2);H([a({type:String,reflect:!0})],A.prototype,"size",2);H([a({type:String,reflect:!0})],A.prototype,"status",2);H([a({type:String,reflect:!0})],A.prototype,"type",2);H([a({type:String})],A.prototype,"strokewidth",2);H([a({type:String})],A.prototype,"icon",2);H([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);H([a({type:Boolean})],A.prototype,"showSrLabel",2);H([a({type:String})],A.prototype,"srLabel",2);A=H([b("o-icon-button")],A);var Bo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,g=(o,t,e,r)=>{for(var i=r>1?void 0:r?Do(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Bo(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.closeButtonLabel="Close the modal",this.goBackButtonLabel="Go back to",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,r;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=(r=this.shadowRoot)==null?void 0:r.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}this._setPriceTabindex(),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 r=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(r){this.showHeaderStartIcon=!1;const n=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",n),i()};r.addEventListener("animationend",n)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const r=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];r&&(r.setAttribute("role","img"),r.hasAttribute("tabindex")||r.setAttribute("tabindex","-1"))}}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)}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,n,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=((n=t.shadowRoot)==null?void 0:n.querySelector("button"))??t)==null?void 0:s.focus)==null||c.call(s,{preventScroll:!0});const r=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');r&&r.setAttribute("aria-label",this.headerTitle)}_setPriceTabindex(){var r;const o=(r=this.shadowRoot)==null?void 0:r.querySelector('slot[name="detail"]');if(!o)return;const e=o.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll(".m-product-price-standard")));for(const i of e)i.hasAttribute("tabindex")||i.setAttribute("tabindex","0")}_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){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const n=[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);n.push(...c,...h)}return n.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e,r,i;if(this.showHeader){const n=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=n==null?void 0:n.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((r=s.focus)==null||r.call(s))}else{const n=this.getFocusableElements()[0];(i=n==null?void 0:n.focus)==null||i.call(n)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,r,i,n;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(r=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:r.focus)==null||i.call(r):(n=this.previousFocusedElement)==null||n.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
401
401
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
402
402
|
${this.showHeaderStartIcon?l`
|
|
403
403
|
<o-icon-button
|
|
@@ -459,7 +459,7 @@
|
|
|
459
459
|
variant="${this.firstButtonVariant}"
|
|
460
460
|
@click=${this.handleFirstClick}
|
|
461
461
|
@keydown=${this.handleFirstClick}
|
|
462
|
-
${
|
|
462
|
+
${ue(this.firstButtonProps)}
|
|
463
463
|
>
|
|
464
464
|
${this.firstButtonLabel}
|
|
465
465
|
</o-button>
|
|
@@ -470,7 +470,7 @@
|
|
|
470
470
|
variant="${this.secondButtonVariant}"
|
|
471
471
|
@click=${this.handleSecondClick}
|
|
472
472
|
@keydown=${this.handleSecondClick}
|
|
473
|
-
${
|
|
473
|
+
${ue(this.secondButtonProps)}
|
|
474
474
|
>
|
|
475
475
|
${this.secondButtonLabel}
|
|
476
476
|
</o-button>
|
|
@@ -593,7 +593,7 @@
|
|
|
593
593
|
|
|
594
594
|
.panel:focus-visible,
|
|
595
595
|
.close-btn:focus-visible {
|
|
596
|
-
${
|
|
596
|
+
${it}
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
[role="document"] {
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
.detail-content {
|
|
681
681
|
padding: var(--spacing-xl);
|
|
682
682
|
}
|
|
683
|
-
`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";
|
|
683
|
+
`;p.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';p.focusablesCustomElementsSelector="o-icon-button, o-button";g([a({type:Boolean,reflect:!0})],p.prototype,"open",2);g([a({type:Boolean,reflect:!0})],p.prototype,"showHeader",2);g([a({type:Boolean,reflect:!0})],p.prototype,"showFooter",2);g([a({type:Boolean,reflect:!0})],p.prototype,"showHeaderStartIcon",2);g([a({type:String,reflect:!0})],p.prototype,"headerTitle",2);g([a({type:String,reflect:!0})],p.prototype,"headerTitleClassName",2);g([a({type:String,reflect:!0})],p.prototype,"labelDialog",2);g([a({type:String,reflect:!0})],p.prototype,"closeButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"goBackButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"firstButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"firstButtonVariant",2);g([a({type:Object,reflect:!0})],p.prototype,"firstButtonProps",2);g([a({type:Boolean,reflect:!0})],p.prototype,"onFirstButtonClickClose",2);g([a({type:String,reflect:!0})],p.prototype,"secondButtonLabel",2);g([a({type:String,reflect:!0})],p.prototype,"secondButtonVariant",2);g([a({type:Object,reflect:!0})],p.prototype,"secondButtonProps",2);g([a({type:Boolean,reflect:!0})],p.prototype,"onSecondButtonClickClose",2);g([a({type:Boolean,reflect:!0})],p.prototype,"disablePortal",2);g([a({type:Number,reflect:!0})],p.prototype,"zIndex",2);g([a({type:Boolean,reflect:!0})],p.prototype,"initialized",2);g([a({type:Boolean})],p.prototype,"showDetail",2);g([a({type:Boolean})],p.prototype,"isHidingDetail",2);p=g([b("o-side-panel")],p);var Ho=Object.defineProperty,To=Object.getOwnPropertyDescriptor,x=(o,t,e,r)=>{for(var i=r>1?void 0:r?To(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ho(t,e,i),i};const Mo=Zt(u);let y=class extends Mo{constructor(){super(...arguments),this.type="submit",this.value="",this.variant="primary",this.text="",this.textsecond="",this.fullwidth=!1,this.disabled=!1,this.startIconModel="",this.endIconModel="",this.startIcon=!1,this.endIcon=!1,this.panelTarget="",this.href="",this.target="",this.underlined=!1,this.withbadge=!1}get name(){return this.getAttribute("name")??""}set name(o){this.setAttribute("name",o)}get form(){return this[qt].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=N[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${_(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
684
684
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
685
685
|
${this.startIcon?this.renderIcon("start"):d}
|
|
686
686
|
${o?l`
|
|
@@ -708,7 +708,7 @@
|
|
|
708
708
|
`:l`<slot></slot>`}
|
|
709
709
|
${this.endIcon?this.renderIcon("end"):d}
|
|
710
710
|
</a>
|
|
711
|
-
`}};
|
|
711
|
+
`}};qe(y);y.formAssociated=!0;y.styles=v`
|
|
712
712
|
:host {
|
|
713
713
|
--button-border: transparent;
|
|
714
714
|
--badge-outer-width: 19px;
|
|
@@ -825,7 +825,7 @@
|
|
|
825
825
|
}
|
|
826
826
|
|
|
827
827
|
.button:focus-visible {
|
|
828
|
-
${
|
|
828
|
+
${it};
|
|
829
829
|
}
|
|
830
830
|
|
|
831
831
|
span.text + span.text::before {
|
|
@@ -909,12 +909,12 @@
|
|
|
909
909
|
transform: translateX(4px);
|
|
910
910
|
}
|
|
911
911
|
//End icon movment on hover
|
|
912
|
-
`;x([a()],y.prototype,"type",2);x([a()],y.prototype,"value",2);x([a({type:String,reflect:!0})],y.prototype,"variant",2);x([a({type:String})],y.prototype,"text",2);x([a({type:String})],y.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],y.prototype,"disabled",2);x([a({type:String})],y.prototype,"startIconModel",2);x([a({type:String})],y.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);x([a({type:String})],y.prototype,"href",2);x([a({type:String})],y.prototype,"target",2);x([a({type:Boolean,reflect:!0})],y.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);y=x([
|
|
912
|
+
`;x([a()],y.prototype,"type",2);x([a()],y.prototype,"value",2);x([a({type:String,reflect:!0})],y.prototype,"variant",2);x([a({type:String})],y.prototype,"text",2);x([a({type:String})],y.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],y.prototype,"disabled",2);x([a({type:String})],y.prototype,"startIconModel",2);x([a({type:String})],y.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);x([a({type:String})],y.prototype,"href",2);x([a({type:String})],y.prototype,"target",2);x([a({type:Boolean,reflect:!0})],y.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);y=x([b("o-button")],y);var jo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,Pt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ro(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&jo(t,e,i),i};let at=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=N.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
913
913
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
914
914
|
<span class="sr-only">${this.label}</span>
|
|
915
|
-
${
|
|
915
|
+
${_(o)}
|
|
916
916
|
</button>
|
|
917
|
-
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};
|
|
917
|
+
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};at.styles=v`
|
|
918
918
|
:host {
|
|
919
919
|
display: inline-flex;
|
|
920
920
|
justify-content: center;
|
|
@@ -944,7 +944,7 @@
|
|
|
944
944
|
}
|
|
945
945
|
|
|
946
946
|
.wishlist-button:focus-visible {
|
|
947
|
-
${
|
|
947
|
+
${it};
|
|
948
948
|
}
|
|
949
949
|
|
|
950
950
|
.wishlist-button:hover svg path {
|
|
@@ -978,7 +978,7 @@
|
|
|
978
978
|
width: 0.1rem !important;
|
|
979
979
|
white-space: nowrap !important;
|
|
980
980
|
}
|
|
981
|
-
`;
|
|
981
|
+
`;Pt([a({type:String,reflect:!0})],at.prototype,"status",2);Pt([a({type:String,reflect:!0})],at.prototype,"ariaDescribedBy",2);Pt([a({type:String,reflect:!0})],at.prototype,"label",2);at=Pt([b("o-wishlist-button")],at);var Uo=Object.defineProperty,No=Object.getOwnPropertyDescriptor,rt=(o,t,e,r)=>{for(var i=r>1?void 0:r?No(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Uo(t,e,i),i};let F=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(),this.dispatchEvent(new CustomEvent("click",{detail:{href:this.href},bubbles:!0,composed:!0}))}render(){const o=this.href||"#";return l`
|
|
982
982
|
<a
|
|
983
983
|
href="${o}"
|
|
984
984
|
target="${S(this.target||void 0)}"
|
|
@@ -1004,7 +1004,7 @@
|
|
|
1004
1004
|
></o-icon-button>
|
|
1005
1005
|
`:null}
|
|
1006
1006
|
</a>
|
|
1007
|
-
`}};
|
|
1007
|
+
`}};F.styles=v`
|
|
1008
1008
|
:host([template="standard"]) a {
|
|
1009
1009
|
color: var(--color-content-action-secondary);
|
|
1010
1010
|
font-size: var(--font-size-200);
|
|
@@ -1091,14 +1091,14 @@
|
|
|
1091
1091
|
height: 1px;
|
|
1092
1092
|
}
|
|
1093
1093
|
/* End of underline effect */
|
|
1094
|
-
`;
|
|
1094
|
+
`;rt([a({type:String})],F.prototype,"href",2);rt([a({type:String})],F.prototype,"target",2);rt([a({type:String,reflect:!0})],F.prototype,"template",2);rt([a({type:Boolean,reflect:!0})],F.prototype,"inverse",2);rt([a({type:Boolean,reflect:!0})],F.prototype,"endIcon",2);rt([a({type:Boolean,reflect:!0})],F.prototype,"reverseEndIcon",2);F=rt([b("o-link")],F);var Fo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,Ot=(o,t,e,r)=>{for(var i=r>1?void 0:r?Vo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Fo(t,e,i),i};let lt=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 r;e>=1?r=100:e<=0?r=0:r=Math.round(e*100/25)*25,o.push(`star-${r}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
1095
1095
|
<div class="rating">
|
|
1096
1096
|
<div class="stars">
|
|
1097
|
-
${o.map(t=>l`<span class="star">${
|
|
1097
|
+
${o.map(t=>l`<span class="star">${_(N[t]??"")}</span>`)}
|
|
1098
1098
|
</div>
|
|
1099
1099
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1100
1100
|
</div>
|
|
1101
|
-
`}};
|
|
1101
|
+
`}};lt.styles=v`
|
|
1102
1102
|
svg {
|
|
1103
1103
|
width: 12px;
|
|
1104
1104
|
height: 12px;
|
|
@@ -1131,7 +1131,7 @@
|
|
|
1131
1131
|
text-decoration: underline;
|
|
1132
1132
|
cursor: pointer;
|
|
1133
1133
|
}
|
|
1134
|
-
`;
|
|
1134
|
+
`;Ot([a({type:Number})],lt.prototype,"rating",2);Ot([a({type:String})],lt.prototype,"reviewCount",2);Ot([a({type:String})],lt.prototype,"href",2);lt=Ot([b("o-rating")],lt);var qo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,X=(o,t,e,r)=>{for(var i=r>1?void 0:r?Zo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&qo(t,e,i),i};let D=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`
|
|
1135
1135
|
<o-icon-button
|
|
1136
1136
|
icon="playerv"
|
|
1137
1137
|
size="xsmall"
|
|
@@ -1265,9 +1265,9 @@
|
|
|
1265
1265
|
height: 0;
|
|
1266
1266
|
width: 0;
|
|
1267
1267
|
}
|
|
1268
|
-
`;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([
|
|
1268
|
+
`;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([ot()],D.prototype,"focusedIndex",2);D=X([b("thumbnail-navigation")],D);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,Xt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Wo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ko(t,e,i),i};let bt=class extends u{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1269
1269
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1270
|
-
`}};
|
|
1270
|
+
`}};bt.styles=v`
|
|
1271
1271
|
.tag {
|
|
1272
1272
|
display: inline-block;
|
|
1273
1273
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1324,12 +1324,12 @@
|
|
|
1324
1324
|
}
|
|
1325
1325
|
}
|
|
1326
1326
|
|
|
1327
|
-
`;
|
|
1327
|
+
`;Xt([a({type:String,reflect:!0})],bt.prototype,"type",2);Xt([a({type:String,reflect:!0})],bt.prototype,"bgstyle",2);bt=Xt([b("o-tag")],bt);var Go=Object.defineProperty,Xo=Object.getOwnPropertyDescriptor,Jt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Xo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Go(t,e,i),i};let gt=class extends u{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1328
1328
|
<div class="tooltip">
|
|
1329
1329
|
<span class="tooltiptext">${this.text}</span>
|
|
1330
1330
|
<slot></slot>
|
|
1331
1331
|
</div>
|
|
1332
|
-
`}};
|
|
1332
|
+
`}};gt.styles=v`
|
|
1333
1333
|
.tooltip {
|
|
1334
1334
|
position: relative;
|
|
1335
1335
|
display: inline-block;
|
|
@@ -1421,7 +1421,7 @@
|
|
|
1421
1421
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1422
1422
|
}
|
|
1423
1423
|
|
|
1424
|
-
`;
|
|
1424
|
+
`;Jt([a({type:String,reflect:!0})],gt.prototype,"type",2);Jt([a({type:String,reflect:!0})],gt.prototype,"text",2);gt=Jt([b("o-tooltip")],gt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,V=(o,t,e,r)=>{for(var i=r>1?void 0:r?Qo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Jo(t,e,i),i};let z=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=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1425
1425
|
<button
|
|
1426
1426
|
role="combobox"
|
|
1427
1427
|
aria-haspopup="listbox"
|
|
@@ -1461,10 +1461,10 @@
|
|
|
1461
1461
|
${e.url?l`
|
|
1462
1462
|
<a href="${e.url}">
|
|
1463
1463
|
<span>${e.label}</span>
|
|
1464
|
-
${e.value===this.value?l`<span class="check">${
|
|
1464
|
+
${e.value===this.value?l`<span class="check">${_(o)}</span>`:null}
|
|
1465
1465
|
</a>`:l`
|
|
1466
1466
|
<span>${e.label}</span>
|
|
1467
|
-
${e.value===this.value?l`<span class="check">${
|
|
1467
|
+
${e.value===this.value?l`<span class="check">${_(o)}</span>`:null}`}
|
|
1468
1468
|
</li>`)}
|
|
1469
1469
|
</ul>`:null}
|
|
1470
1470
|
|
|
@@ -1608,7 +1608,7 @@
|
|
|
1608
1608
|
input[type="hidden"] {
|
|
1609
1609
|
display: none;
|
|
1610
1610
|
}
|
|
1611
|
-
`;V([a({type:Array,reflect:!0})],z.prototype,"options",2);V([a({type:String,reflect:!0})],z.prototype,"value",2);V([a({type:String,reflect:!0})],z.prototype,"name",2);V([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);V([a({type:String,reflect:!0})],z.prototype,"width",2);V([
|
|
1611
|
+
`;V([a({type:Array,reflect:!0})],z.prototype,"options",2);V([a({type:String,reflect:!0})],z.prototype,"value",2);V([a({type:String,reflect:!0})],z.prototype,"name",2);V([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);V([a({type:String,reflect:!0})],z.prototype,"width",2);V([ot()],z.prototype,"open",2);V([ot()],z.prototype,"activeIndex",2);V([ot()],z.prototype,"menuWidth",2);z=V([b("o-dropdown")],z);var Yo=Object.getOwnPropertyDescriptor,ti=(o,t,e,r)=>{for(var i=r>1?void 0:r?Yo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let jt=class extends u{render(){return l` <span class="dots"></span> `}};jt.styles=v`
|
|
1612
1612
|
:host {
|
|
1613
1613
|
display: flex;
|
|
1614
1614
|
align-items: center;
|
|
@@ -1659,7 +1659,7 @@
|
|
|
1659
1659
|
background-color: var(--color-container-action-primary-pressed);
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
|
-
`;
|
|
1662
|
+
`;jt=ti([b("o-dots")],jt);var ei=Object.defineProperty,oi=Object.getOwnPropertyDescriptor,T=(o,t,e,r)=>{for(var i=r>1?void 0:r?oi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ei(t,e,i),i};let E=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=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1663
1663
|
<button
|
|
1664
1664
|
role="combobox"
|
|
1665
1665
|
aria-haspopup="listbox"
|
|
@@ -1713,7 +1713,7 @@
|
|
|
1713
1713
|
<div class="right">
|
|
1714
1714
|
<span class="additional-text">${S(e.additionaltext)}</span>
|
|
1715
1715
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1716
|
-
<span class="check">${
|
|
1716
|
+
<span class="check">${_(o)}</span>`:null}
|
|
1717
1717
|
</div>
|
|
1718
1718
|
</a>
|
|
1719
1719
|
</li>
|
|
@@ -1896,17 +1896,17 @@
|
|
|
1896
1896
|
input[type="hidden"] {
|
|
1897
1897
|
display: none;
|
|
1898
1898
|
}
|
|
1899
|
-
`;T([a({type:Array,reflect:!0})],E.prototype,"options",2);T([a({type:String,reflect:!0})],E.prototype,"value",2);T([a({type:String,reflect:!0})],E.prototype,"name",2);T([a({type:String,reflect:!0})],E.prototype,"additionaltext",2);T([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);T([a({type:String,reflect:!0})],E.prototype,"width",2);T([
|
|
1899
|
+
`;T([a({type:Array,reflect:!0})],E.prototype,"options",2);T([a({type:String,reflect:!0})],E.prototype,"value",2);T([a({type:String,reflect:!0})],E.prototype,"name",2);T([a({type:String,reflect:!0})],E.prototype,"additionaltext",2);T([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);T([a({type:String,reflect:!0})],E.prototype,"width",2);T([ot()],E.prototype,"open",2);T([ot()],E.prototype,"activeIndex",2);T([ot()],E.prototype,"menuWidth",2);E=T([b("o-dropdown-variant")],E);/**
|
|
1900
1900
|
* @license
|
|
1901
1901
|
* Copyright 2018 Google LLC
|
|
1902
1902
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1903
|
-
*/const
|
|
1904
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${S(
|
|
1903
|
+
*/const $e="important",ii=" !"+$e,ri=Wt(class extends Gt{constructor(o){var t;if(super(o),o.type!==Kt.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 r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}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 r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(ii);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?$e:""):e[r]=i}}return G}});var ni=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?si(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ni(t,e,i),i};let yt=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`},r=this.option&&this.option.title?o(this.option.title):"",i=this.option&&this.option.description?o(this.option.description):"",n=l`
|
|
1904
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${S(r)}" aria-hidden="true" style=${ri(e)} />`:""}
|
|
1905
1905
|
<div class="m-reassurance-content">
|
|
1906
|
-
<h3 class="a-reassurance-text">${S(
|
|
1907
|
-
<p class="a-reassurance-description">${S(
|
|
1906
|
+
<h3 class="a-reassurance-text">${S(r)}</h3>
|
|
1907
|
+
<p class="a-reassurance-description">${S(i)}</p>
|
|
1908
1908
|
</div>
|
|
1909
|
-
`;return
|
|
1909
|
+
`;return t?l`<a href="${S(this.option.url)}" class="reassurance-item clickable">${n}</a>`:l`<div class="reassurance-item">${n}</div>`}};yt.styles=v`
|
|
1910
1910
|
:host {
|
|
1911
1911
|
display: inline-block;
|
|
1912
1912
|
position: relative;
|
|
@@ -1966,7 +1966,7 @@
|
|
|
1966
1966
|
letter-spacing: var(--letter-spacing-400);
|
|
1967
1967
|
text-transform: uppercase;
|
|
1968
1968
|
margin: var(--spacing-4-xs);
|
|
1969
|
-
|
|
1969
|
+
display: -webkit-box;
|
|
1970
1970
|
-webkit-line-clamp: 1;
|
|
1971
1971
|
line-clamp: 1;
|
|
1972
1972
|
-webkit-box-orient: vertical;
|
|
@@ -1987,7 +1987,7 @@
|
|
|
1987
1987
|
overflow: hidden;
|
|
1988
1988
|
}
|
|
1989
1989
|
}
|
|
1990
|
-
`;
|
|
1990
|
+
`;Qt([a({type:Object,reflect:!0})],yt.prototype,"option",2);Qt([a({type:Number,reflect:!0})],yt.prototype,"imageSize",2);yt=Qt([b("o-reassurance")],yt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,q=(o,t,e,r)=>{for(var i=r>1?void 0:r?li(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ai(t,e,i),i};const ci=Zt(u);let L=class extends ci{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`
|
|
1991
1991
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1992
1992
|
${o?this.text:l`<slot></slot>`}
|
|
1993
1993
|
</a>
|
|
@@ -2072,7 +2072,7 @@
|
|
|
2072
2072
|
}
|
|
2073
2073
|
|
|
2074
2074
|
&:focus-visible {
|
|
2075
|
-
${
|
|
2075
|
+
${it};
|
|
2076
2076
|
}
|
|
2077
2077
|
}
|
|
2078
2078
|
|
|
@@ -2085,16 +2085,16 @@
|
|
|
2085
2085
|
display: inline-flex;
|
|
2086
2086
|
align-items: center;
|
|
2087
2087
|
}
|
|
2088
|
-
`;q([a({type:String,reflect:!0})],L.prototype,"link",2);q([a({reflect:!0})],L.prototype,"name",2);q([a({reflect:!0})],L.prototype,"value",2);q([a({type:String})],L.prototype,"text",2);q([a({type:String,reflect:!0})],L.prototype,"size",2);q([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);q([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);q([a({type:Boolean,reflect:!0})],L.prototype,"inactive",2);L=q([
|
|
2088
|
+
`;q([a({type:String,reflect:!0})],L.prototype,"link",2);q([a({reflect:!0})],L.prototype,"name",2);q([a({reflect:!0})],L.prototype,"value",2);q([a({type:String})],L.prototype,"text",2);q([a({type:String,reflect:!0})],L.prototype,"size",2);q([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);q([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);q([a({type:Boolean,reflect:!0})],L.prototype,"inactive",2);L=q([b("o-chip")],L);var hi=Object.defineProperty,di=Object.getOwnPropertyDescriptor,Yt=(o,t,e,r)=>{for(var i=r>1?void 0:r?di(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&hi(t,e,i),i};let mt=class extends u{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof L?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`
|
|
2089
2089
|
<slot></slot>
|
|
2090
|
-
`}};
|
|
2090
|
+
`}};mt.styles=v`
|
|
2091
2091
|
:host {
|
|
2092
2092
|
display: flex;
|
|
2093
2093
|
flex-direction: row;
|
|
2094
2094
|
flex-wrap: wrap;
|
|
2095
2095
|
gap: var(--spacing-s);
|
|
2096
2096
|
}
|
|
2097
|
-
`;
|
|
2097
|
+
`;Yt([a({reflect:!0})],mt.prototype,"name",2);Yt([a({reflect:!0})],mt.prototype,"value",2);mt=Yt([b("o-chipset")],mt);var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,M=(o,t,e,r)=>{for(var i=r>1?void 0:r?ui(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&pi(t,e,i),i};const vi=Zt(u);let P=class extends vi{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=N[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${_(o)}</span>`}strikeThroughImg(){const o=$o[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return _(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2098
2098
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2099
2099
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2100
2100
|
${o?l`
|
|
@@ -2194,7 +2194,7 @@
|
|
|
2194
2194
|
}
|
|
2195
2195
|
|
|
2196
2196
|
.button:focus-visible {
|
|
2197
|
-
${
|
|
2197
|
+
${it};
|
|
2198
2198
|
}
|
|
2199
2199
|
|
|
2200
2200
|
span.text + span.text::before {
|
|
@@ -2239,7 +2239,7 @@
|
|
|
2239
2239
|
stroke-linecap: round;
|
|
2240
2240
|
}
|
|
2241
2241
|
}
|
|
2242
|
-
`;M([a({reflect:!0})],P.prototype,"name",2);M([a({reflect:!0})],P.prototype,"value",2);M([a({type:String,reflect:!0})],P.prototype,"type",2);M([a({type:String,reflect:!0})],P.prototype,"href",2);M([a({type:String,reflect:!0,attribute:"data-href"})],P.prototype,"dataHref",2);M([a({type:String})],P.prototype,"text",2);M([a({type:Boolean,reflect:!0})],P.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);M([a({type:Boolean,reflect:!0})],P.prototype,"fullwidth",2);P=M([
|
|
2242
|
+
`;M([a({reflect:!0})],P.prototype,"name",2);M([a({reflect:!0})],P.prototype,"value",2);M([a({type:String,reflect:!0})],P.prototype,"type",2);M([a({type:String,reflect:!0})],P.prototype,"href",2);M([a({type:String,reflect:!0,attribute:"data-href"})],P.prototype,"dataHref",2);M([a({type:String})],P.prototype,"text",2);M([a({type:Boolean,reflect:!0})],P.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);M([a({type:Boolean,reflect:!0})],P.prototype,"fullwidth",2);P=M([b("o-filter-chip")],P);var fi=Object.defineProperty,j=(o,t,e,r)=>{for(var i=void 0,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(t,e,i)||i);return i&&fi(t,e,i),i};const oe=class oe 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(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2243
2243
|
<o-icon-button
|
|
2244
2244
|
@click=${this.onClick}
|
|
2245
2245
|
icon="chevronRight"
|
|
@@ -2275,7 +2275,7 @@
|
|
|
2275
2275
|
</div>
|
|
2276
2276
|
${this.icons}
|
|
2277
2277
|
</button>
|
|
2278
|
-
`}};
|
|
2278
|
+
`}};oe.styles=v`
|
|
2279
2279
|
:host {
|
|
2280
2280
|
display: block;
|
|
2281
2281
|
max-width: 100%;
|
|
@@ -2371,11 +2371,11 @@
|
|
|
2371
2371
|
.fullpointer {
|
|
2372
2372
|
cursor: pointer;
|
|
2373
2373
|
}
|
|
2374
|
-
`;let
|
|
2374
|
+
`;let C=oe;j([a({type:String})],C.prototype,"type");j([a({type:String})],C.prototype,"titleProduct");j([a({type:String})],C.prototype,"volume");j([a({type:String})],C.prototype,"perLiter");j([a({type:String})],C.prototype,"mainPrice");j([a({type:String})],C.prototype,"imageUrl");j([a({type:String})],C.prototype,"altImage");j([a({type:Boolean})],C.prototype,"fullwidth");j([a({type:String})],C.prototype,"tagText");j([a({type:Function})],C.prototype,"onClickTile");customElements.define("mini-tile",C);var bi=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,te=(o,t,e,r)=>{for(var i=r>1?void 0:r?gi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&bi(t,e,i),i};let xt=class extends u{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2375
2375
|
<span class="badge">
|
|
2376
2376
|
${this.text?this.text:l`<slot></slot>`}
|
|
2377
2377
|
</span>
|
|
2378
|
-
`}};
|
|
2378
|
+
`}};xt.styles=v`
|
|
2379
2379
|
:host([variant]) {
|
|
2380
2380
|
--badge-width: 19px;
|
|
2381
2381
|
display: inline-block;
|
|
@@ -2409,10 +2409,10 @@
|
|
|
2409
2409
|
color: var(--text-color);
|
|
2410
2410
|
}
|
|
2411
2411
|
|
|
2412
|
-
`;
|
|
2412
|
+
`;te([a({type:String,reflect:!0})],xt.prototype,"variant",2);te([a({type:String})],xt.prototype,"text",2);xt=te([b("o-badge")],xt);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,I=(o,t,e,r)=>{for(var i=r>1?void 0:r?mi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&yi(t,e,i),i};let $=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 r,i;var o=this;const t=(r=this.renderRoot)==null?void 0:r.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const n=window.getComputedStyle(e),s=parseInt(n.getPropertyValue("line-height").replace("px","")),c=parseInt(n.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=_o[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`
|
|
2413
2413
|
<div class="o-toast">
|
|
2414
2414
|
<div class="o-toast-icon">
|
|
2415
|
-
${
|
|
2415
|
+
${_(t)}
|
|
2416
2416
|
</div>
|
|
2417
2417
|
<div class="o-toast-text">
|
|
2418
2418
|
${this.text}
|
|
@@ -2502,7 +2502,7 @@
|
|
|
2502
2502
|
.o-toast-icon {
|
|
2503
2503
|
height: 16px;
|
|
2504
2504
|
}
|
|
2505
|
-
`;I([a({type:String,reflect:!0})],$.prototype,"icon",2);I([a({type:String,reflect:!0})],$.prototype,"text",2);I([a({type:String,reflect:!0})],$.prototype,"verticalanchor",2);I([a({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);I([a({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);I([a({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);I([a({type:Number,reflect:!0})],$.prototype,"animationduration",2);I([a({type:String,reflect:!0})],$.prototype,"animationaxis",2);I([a({type:Boolean,reflect:!0})],$.prototype,"animated",2);I([a({type:Number,reflect:!0})],$.prototype,"lifeduration",2);I([a({type:Boolean,reflect:!0})],$.prototype,"multiline",2);$=I([
|
|
2505
|
+
`;I([a({type:String,reflect:!0})],$.prototype,"icon",2);I([a({type:String,reflect:!0})],$.prototype,"text",2);I([a({type:String,reflect:!0})],$.prototype,"verticalanchor",2);I([a({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);I([a({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);I([a({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);I([a({type:Number,reflect:!0})],$.prototype,"animationduration",2);I([a({type:String,reflect:!0})],$.prototype,"animationaxis",2);I([a({type:Boolean,reflect:!0})],$.prototype,"animated",2);I([a({type:Number,reflect:!0})],$.prototype,"lifeduration",2);I([a({type:Boolean,reflect:!0})],$.prototype,"multiline",2);$=I([b("o-toast")],$);var xi=Object.defineProperty,wi=Object.getOwnPropertyDescriptor,B=(o,t,e,r)=>{for(var i=r>1?void 0:r?wi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&xi(t,e,i),i};let $i=0,k=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-${++$i}`)}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=_(N.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=_(N.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2506
2506
|
<input
|
|
2507
2507
|
type="checkbox"
|
|
2508
2508
|
id=${this.inputId}
|
|
@@ -2621,7 +2621,7 @@
|
|
|
2621
2621
|
svg path {
|
|
2622
2622
|
stroke: var(--color-border-white);
|
|
2623
2623
|
}
|
|
2624
|
-
`;B([a({type:Boolean,reflect:!0})],k.prototype,"checked",2);B([a({type:Boolean,reflect:!0})],k.prototype,"indeterminate",2);B([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);B([a({type:String,reflect:!0})],k.prototype,"size",2);B([a({type:Boolean})],k.prototype,"showLabel",2);B([a({type:String})],k.prototype,"label",2);B([a({type:String})],k.prototype,"name",2);B([a({type:String})],k.prototype,"value",2);B([a({type:String,reflect:!0})],k.prototype,"inputId",2);B([
|
|
2624
|
+
`;B([a({type:Boolean,reflect:!0})],k.prototype,"checked",2);B([a({type:Boolean,reflect:!0})],k.prototype,"indeterminate",2);B([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);B([a({type:String,reflect:!0})],k.prototype,"size",2);B([a({type:Boolean})],k.prototype,"showLabel",2);B([a({type:String})],k.prototype,"label",2);B([a({type:String})],k.prototype,"name",2);B([a({type:String})],k.prototype,"value",2);B([a({type:String,reflect:!0})],k.prototype,"inputId",2);B([xe("input")],k.prototype,"inputEl",2);k=B([b("o-checkbox")],k);var _i=Object.defineProperty,Ci=Object.getOwnPropertyDescriptor,R=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ci(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&_i(t,e,i),i};let ki=0,O=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-${++ki}`)}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(r=>{r!==this&&(r.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2625
2625
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2626
2626
|
|
|
2627
2627
|
<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}>
|
|
@@ -2718,13 +2718,13 @@
|
|
|
2718
2718
|
width: 0;
|
|
2719
2719
|
height: 0;
|
|
2720
2720
|
}
|
|
2721
|
-
`;R([a({type:Boolean,reflect:!0})],O.prototype,"checked",2);R([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);R([a({type:String,reflect:!0})],O.prototype,"size",2);R([a({type:Boolean})],O.prototype,"showLabel",2);R([a({type:String})],O.prototype,"label",2);R([a({type:String})],O.prototype,"name",2);R([a({type:String})],O.prototype,"value",2);R([a({type:String,reflect:!0})],O.prototype,"inputId",2);R([
|
|
2721
|
+
`;R([a({type:Boolean,reflect:!0})],O.prototype,"checked",2);R([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);R([a({type:String,reflect:!0})],O.prototype,"size",2);R([a({type:Boolean})],O.prototype,"showLabel",2);R([a({type:String})],O.prototype,"label",2);R([a({type:String})],O.prototype,"name",2);R([a({type:String})],O.prototype,"value",2);R([a({type:String,reflect:!0})],O.prototype,"inputId",2);R([xe("input")],O.prototype,"inputEl",2);O=R([b("o-radio")],O);var Si=Object.getOwnPropertyDescriptor,Ai=(o,t,e,r)=>{for(var i=r>1?void 0:r?Si(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let Rt=class extends u{render(){return l`
|
|
2722
2722
|
<nav aria-label="Breadcrumbs">
|
|
2723
2723
|
<ul>
|
|
2724
2724
|
<slot></slot>
|
|
2725
2725
|
</ul>
|
|
2726
2726
|
</nav>
|
|
2727
|
-
`}};
|
|
2727
|
+
`}};Rt.styles=v`
|
|
2728
2728
|
nav {
|
|
2729
2729
|
max-width: 144rem;
|
|
2730
2730
|
margin: auto;
|
|
@@ -2735,7 +2735,7 @@
|
|
|
2735
2735
|
margin: var(--spacing-4-xs);
|
|
2736
2736
|
padding: var(--spacing-4-xs);
|
|
2737
2737
|
}
|
|
2738
|
-
`;
|
|
2738
|
+
`;Rt=Ai([b("o-breadcrumbs")],Rt);var Ei=Object.defineProperty,Li=Object.getOwnPropertyDescriptor,ee=(o,t,e,r)=>{for(var i=r>1?void 0:r?Li(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ei(t,e,i),i};let wt=class extends u{constructor(){super(...arguments),this.href="",this.active=!1}_handleClick(o){(!this.href||this.href==="#")&&o.preventDefault()}render(){return this.active?l`<span aria-current="page"><slot></slot></span>`:l`
|
|
2739
2739
|
<li>
|
|
2740
2740
|
<a
|
|
2741
2741
|
href="${this.href}"
|
|
@@ -2745,7 +2745,7 @@
|
|
|
2745
2745
|
<slot></slot>
|
|
2746
2746
|
</a>
|
|
2747
2747
|
</li>
|
|
2748
|
-
`}};
|
|
2748
|
+
`}};wt.styles=v`
|
|
2749
2749
|
li {
|
|
2750
2750
|
display: inline-block;
|
|
2751
2751
|
}
|
|
@@ -2772,7 +2772,7 @@
|
|
|
2772
2772
|
}
|
|
2773
2773
|
|
|
2774
2774
|
a:focus-visible {
|
|
2775
|
-
${
|
|
2775
|
+
${it};
|
|
2776
2776
|
}
|
|
2777
2777
|
|
|
2778
2778
|
:host(.a--tabfocus) {
|
|
@@ -2788,4 +2788,51 @@
|
|
|
2788
2788
|
content: "";
|
|
2789
2789
|
}
|
|
2790
2790
|
}
|
|
2791
|
-
`;
|
|
2791
|
+
`;ee([a({type:String})],wt.prototype,"href",2);ee([a({type:Boolean,reflect:!0})],wt.prototype,"active",2);wt=ee([b("o-breadcrumb")],wt);var Pi=Object.defineProperty,Oi=Object.getOwnPropertyDescriptor,_t=(o,t,e,r)=>{for(var i=r>1?void 0:r?Oi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Pi(t,e,i),i};let et=class extends u{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt=""}render(){return l`<div class="card">
|
|
2792
|
+
<svg aria-hidden="true">
|
|
2793
|
+
<defs>
|
|
2794
|
+
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
2795
|
+
<path d="M 0.0022883 0.1515313 A 0.6791312 0.4712110 0 0 1 0.9931350 0.1531985 L 0.9931350 0.9969136 L 0.0022883 0.9969136 Z" />
|
|
2796
|
+
</clipPath>
|
|
2797
|
+
</defs>
|
|
2798
|
+
</svg>
|
|
2799
|
+
<img src="${this.imageUrl}" alt="${this.imageAlt}" class="card-img base" loading="lazy" />
|
|
2800
|
+
${this.hoverUrl?l`<img src="${this.hoverUrl}" alt="${this.hoverAlt||this.imageAlt}" class="card-img hover" loading="lazy" />`:""}
|
|
2801
|
+
</div>`}};et.styles=v`
|
|
2802
|
+
:host {
|
|
2803
|
+
.card {
|
|
2804
|
+
position: relative;
|
|
2805
|
+
width: 175px;
|
|
2806
|
+
height: 260px;
|
|
2807
|
+
overflow: hidden;
|
|
2808
|
+
background-color: var(--colors-noir-des-terres-500);
|
|
2809
|
+
clip-path: url(#arch-gift-finder);
|
|
2810
|
+
-webkit-clip-path: url(#arch-gift-finder);
|
|
2811
|
+
|
|
2812
|
+
@media (max-width: 1024px) {
|
|
2813
|
+
width: 100px;
|
|
2814
|
+
height: 153px;
|
|
2815
|
+
}
|
|
2816
|
+
}
|
|
2817
|
+
|
|
2818
|
+
.card-img {
|
|
2819
|
+
position: absolute;
|
|
2820
|
+
top: 0;
|
|
2821
|
+
left: 0;
|
|
2822
|
+
width: 100%;
|
|
2823
|
+
height: 100%;
|
|
2824
|
+
object-fit: cover;
|
|
2825
|
+
transition: opacity 0.3s ease-in-out;
|
|
2826
|
+
background: linear-gradient(180deg, #f9f4ed 0%, #f3f0eb 81.41%, #edeae5 100%);
|
|
2827
|
+
|
|
2828
|
+
&.hover {
|
|
2829
|
+
opacity: 0;
|
|
2830
|
+
z-index: 2;
|
|
2831
|
+
}
|
|
2832
|
+
}
|
|
2833
|
+
|
|
2834
|
+
.card:hover .card-img.hover {
|
|
2835
|
+
opacity: 1;
|
|
2836
|
+
}
|
|
2837
|
+
}
|
|
2838
|
+
`;_t([a({type:String})],et.prototype,"imageUrl",2);_t([a({type:String})],et.prototype,"imageAlt",2);_t([a({type:String})],et.prototype,"hoverUrl",2);_t([a({type:String})],et.prototype,"hoverAlt",2);et=_t([b("o-arch-image")],et);
|