@florid-kit/components 0.9.40 → 0.10.0
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/mediumtile.d.ts +31 -0
- package/index.js +324 -142
- package/index.mjs +1196 -937
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const Lt=globalThis,qt=Lt.ShadowRoot&&(Lt.ShadyCSS===void 0||Lt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Zt=Symbol(),le=new WeakMap;let xe=class{constructor(t,e,n){if(this._$cssResult$=!0,n!==Zt)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(qt&&t===void 0){const n=e!==void 0&&e.length===1;n&&(t=le.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),n&&le.set(e,t))}return t}toString(){return this.cssText}};const Ae=o=>new xe(typeof o=="string"?o:o+"",void 0,Zt),f=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((n,i,r)=>n+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[r+1],o[0]);return new xe(e,o,Zt)},Le=(o,t)=>{if(qt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const n=document.createElement("style"),i=Lt.litNonce;i!==void 0&&n.setAttribute("nonce",i),n.textContent=e.cssText,o.appendChild(n)}},ce=qt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const n of t.cssRules)e+=n.cssText;return Ae(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:Pe,defineProperty:Be,getOwnPropertyDescriptor:ze,getOwnPropertyNames:Oe,getOwnPropertySymbols:Ie,getPrototypeOf:De}=Object,J=globalThis,he=J.trustedTypes,Te=he?he.emptyScript:"",Tt=J.reactiveElementPolyfillSupport,vt=(o,t)=>o,Pt={toAttribute(o,t){switch(t){case Boolean:o=o?Te:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},Kt=(o,t)=>!Pe(o,t),de={attribute:!0,type:String,converter:Pt,reflect:!1,useDefault:!1,hasChanged:Kt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),J.litPropertyMetadata??(J.litPropertyMetadata=new WeakMap);let ct=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??(this.l=[])).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=de){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const n=Symbol(),i=this.getPropertyDescriptor(t,n,e);i!==void 0&&Be(this.prototype,t,i)}}static getPropertyDescriptor(t,e,n){const{get:i,set:r}=ze(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const c=i==null?void 0:i.call(this);r==null||r.call(this,s),this.requestUpdate(t,c,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??de}static _$Ei(){if(this.hasOwnProperty(vt("elementProperties")))return;const t=De(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(vt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(vt("properties"))){const e=this.properties,n=[...Oe(e),...Ie(e)];for(const i of n)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[n,i]of e)this.elementProperties.set(n,i)}this._$Eh=new Map;for(const[e,n]of this.elementProperties){const i=this._$Eu(e,n);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const n=new Set(t.flat(1/0).reverse());for(const i of n)e.unshift(ce(i))}else t!==void 0&&e.push(ce(t));return e}static _$Eu(t,e){const n=e.attribute;return n===!1?void 0:typeof n=="string"?n:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const n of e.keys())this.hasOwnProperty(n)&&(t.set(n,this[n]),delete this[n]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Le(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostConnected)==null?void 0:n.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var n;return(n=e.hostDisconnected)==null?void 0:n.call(e)})}attributeChangedCallback(t,e,n){this._$AK(t,n)}_$ET(t,e){var r;const n=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,n);if(i!==void 0&&n.reflect===!0){const s=(((r=n.converter)==null?void 0:r.toAttribute)!==void 0?n.converter:Pt).toAttribute(e,n.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var r,s;const n=this.constructor,i=n._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const c=n.getPropertyOptions(i),h=typeof c.converter=="function"?{fromAttribute:c.converter}:((r=c.converter)==null?void 0:r.fromAttribute)!==void 0?c.converter:Pt;this._$Em=i,this[i]=h.fromAttribute(e,c.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,n){var i;if(t!==void 0){const r=this.constructor,s=this[t];if(n??(n=r.getPropertyOptions(t)),!((n.hasChanged??Kt)(s,e)||n.useDefault&&n.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(r._$Eu(t,n))))return;this.C(t,e,n)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:n,reflect:i,wrapped:r},s){n&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),r!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||n||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var n;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[r,s]of this._$Ep)this[r]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[r,s]of i){const{wrapped:c}=s,h=this[r];c!==!0||this._$AL.has(r)||h===void 0||this.C(r,void 0,s,h)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(n=this._$EO)==null||n.forEach(i=>{var r;return(r=i.hostUpdate)==null?void 0:r.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(n=>{var i;return(i=n.hostUpdated)==null?void 0:i.call(n)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};ct.elementStyles=[],ct.shadowRootOptions={mode:"open"},ct[vt("elementProperties")]=new Map,ct[vt("finalized")]=new Map,Tt==null||Tt({ReactiveElement:ct}),(J.reactiveElementVersions??(J.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const gt=globalThis,Bt=gt.trustedTypes,pe=Bt?Bt.createPolicy("lit-html",{createHTML:o=>o}):void 0,we="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,$e="?"+Y,He=`<${$e}>`,st=document,yt=()=>st.createComment(""),mt=o=>o===null||typeof o!="object"&&typeof o!="function",Wt=Array.isArray,Me=o=>Wt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Ht=`[
|
|
14
|
+
\f\r]`,ft=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ue=/-->/g,fe=/>/g,it=RegExp(`>|${Ht}(?:([^\\s"'>=/]+)(${Ht}*=${Ht}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ve=/'/g,ge=/"/g,ke=/^(?:script|style|textarea|title)$/i,je=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=je(1),Q=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),be=new WeakMap,nt=st.createTreeWalker(st,129);function _e(o,t){if(!Wt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return pe!==void 0?pe.createHTML(t):t}const Fe=(o,t)=>{const e=o.length-1,n=[];let i,r=t===2?"<svg>":t===3?"<math>":"",s=ft;for(let c=0;c<e;c++){const h=o[c];let x,k,v=-1,q=0;for(;q<h.length&&(s.lastIndex=q,k=s.exec(h),k!==null);)q=s.lastIndex,s===ft?k[1]==="!--"?s=ue:k[1]!==void 0?s=fe:k[2]!==void 0?(ke.test(k[2])&&(i=RegExp("</"+k[2],"g")),s=it):k[3]!==void 0&&(s=it):s===it?k[0]===">"?(s=i??ft,v=-1):k[1]===void 0?v=-2:(v=s.lastIndex-k[2].length,x=k[1],s=k[3]===void 0?it:k[3]==='"'?ge:ve):s===ge||s===ve?s=it:s===ue||s===fe?s=ft:(s=it,i=void 0);const X=s===it&&o[c+1].startsWith("/>")?" ":"";r+=s===ft?h+He:v>=0?(n.push(x),h.slice(0,v)+we+h.slice(v)+Y+X):h+Y+(v===-2?c:X)}return[_e(o,r+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),n]};class xt{constructor({strings:t,_$litType$:e},n){let i;this.parts=[];let r=0,s=0;const c=t.length-1,h=this.parts,[x,k]=Fe(t,e);if(this.el=xt.createElement(x,n),nt.currentNode=this.el.content,e===2||e===3){const v=this.el.content.firstChild;v.replaceWith(...v.childNodes)}for(;(i=nt.nextNode())!==null&&h.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(const v of i.getAttributeNames())if(v.endsWith(we)){const q=k[s++],X=i.getAttribute(v).split(Y),At=/([.?@])?(.*)/.exec(q);h.push({type:1,index:r,name:At[2],strings:X,ctor:At[1]==="."?Ue:At[1]==="?"?Ne:At[1]==="@"?Ve:Ot}),i.removeAttribute(v)}else v.startsWith(Y)&&(h.push({type:6,index:r}),i.removeAttribute(v));if(ke.test(i.tagName)){const v=i.textContent.split(Y),q=v.length-1;if(q>0){i.textContent=Bt?Bt.emptyScript:"";for(let X=0;X<q;X++)i.append(v[X],yt()),nt.nextNode(),h.push({type:2,index:++r});i.append(v[q],yt())}}}else if(i.nodeType===8)if(i.data===$e)h.push({type:2,index:r});else{let v=-1;for(;(v=i.data.indexOf(Y,v+1))!==-1;)h.push({type:7,index:r}),v+=Y.length-1}r++}}static createElement(t,e){const n=st.createElement("template");return n.innerHTML=t,n}}function ht(o,t,e=o,n){var s,c;if(t===Q)return t;let i=n!==void 0?(s=e._$Co)==null?void 0:s[n]:e._$Cl;const r=mt(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==r&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),r===void 0?i=void 0:(i=new r(o),i._$AT(o,e,n)),n!==void 0?(e._$Co??(e._$Co=[]))[n]=i:e._$Cl=i),i!==void 0&&(t=ht(o,i._$AS(o,t.values),i,n)),t}class Re{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:n}=this._$AD,i=((t==null?void 0:t.creationScope)??st).importNode(e,!0);nt.currentNode=i;let r=nt.nextNode(),s=0,c=0,h=n[0];for(;h!==void 0;){if(s===h.index){let x;h.type===2?x=new Et(r,r.nextSibling,this,t):h.type===1?x=new h.ctor(r,h.name,h.strings,this,t):h.type===6&&(x=new qe(r,this,t)),this._$AV.push(x),h=n[++c]}s!==(h==null?void 0:h.index)&&(r=nt.nextNode(),s++)}return nt.currentNode=st,i}p(t){let e=0;for(const n of this._$AV)n!==void 0&&(n.strings!==void 0?(n._$AI(t,n,e),e+=n.strings.length-2):n._$AI(t[e])),e++}}class Et{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,n,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=n,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=ht(this,t,e),mt(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==Q&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Me(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==d&&mt(this._$AH)?this._$AA.nextSibling.data=t:this.T(st.createTextNode(t)),this._$AH=t}$(t){var r;const{values:e,_$litType$:n}=t,i=typeof n=="number"?this._$AC(t):(n.el===void 0&&(n.el=xt.createElement(_e(n.h,n.h[0]),this.options)),n);if(((r=this._$AH)==null?void 0:r._$AD)===i)this._$AH.p(e);else{const s=new Re(i,this),c=s.u(this.options);s.p(e),this.T(c),this._$AH=s}}_$AC(t){let e=be.get(t.strings);return e===void 0&&be.set(t.strings,e=new xt(t)),e}k(t){Wt(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let n,i=0;for(const r of t)i===e.length?e.push(n=new Et(this.O(yt()),this.O(yt()),this,this.options)):n=e[i],n._$AI(r),i++;i<e.length&&(this._$AR(n&&n._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var n;for((n=this._$AP)==null?void 0:n.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class Ot{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,n,i,r){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,n.length>2||n[0]!==""||n[1]!==""?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=d}_$AI(t,e=this,n,i){const r=this.strings;let s=!1;if(r===void 0)t=ht(this,t,e,0),s=!mt(t)||t!==this._$AH&&t!==Q,s&&(this._$AH=t);else{const c=t;let h,x;for(t=r[0],h=0;h<r.length-1;h++)x=ht(this,c[n+h],e,h),x===Q&&(x=this._$AH[h]),s||(s=!mt(x)||x!==this._$AH[h]),x===d?t=d:t!==d&&(t+=(x??"")+r[h+1]),this._$AH[h]=x}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Ue extends Ot{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class Ne extends Ot{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Ve extends Ot{constructor(t,e,n,i,r){super(t,e,n,i,r),this.type=5}_$AI(t,e=this){if((t=ht(this,t,e,0)??d)===Q)return;const n=this._$AH,i=t===d&&n!==d||t.capture!==n.capture||t.once!==n.once||t.passive!==n.passive,r=t!==d&&(n===d||i);i&&this.element.removeEventListener(this.name,this,n),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class qe{constructor(t,e,n){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(t){ht(this,t)}}const Mt=gt.litHtmlPolyfillSupport;Mt==null||Mt(xt,Et),(gt.litHtmlVersions??(gt.litHtmlVersions=[])).push("3.3.0");const Ze=(o,t,e)=>{const n=(e==null?void 0:e.renderBefore)??t;let i=n._$litPart$;if(i===void 0){const r=(e==null?void 0:e.renderBefore)??null;n._$litPart$=i=new Et(t.insertBefore(yt(),r),r,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const
|
|
19
|
+
*/const rt=globalThis;let p=class extends ct{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){var e;const t=super.createRenderRoot();return(e=this.renderOptions).renderBefore??(e.renderBefore=t.firstChild),t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=Ze(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return Q}};var me;p._$litElement$=!0,p.finalized=!0,(me=rt.litElementHydrateSupport)==null||me.call(rt,{LitElement:p});const jt=rt.litElementPolyfillSupport;jt==null||jt({LitElement:p});(rt.litElementVersions??(rt.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -24,22 +24,22 @@
|
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Ke={attribute:!0,type:String,converter:Pt,reflect:!1,hasChanged:Kt},We=(o=Ke,t,e)=>{const{kind:n,metadata:i}=e;let r=globalThis.litPropertyMetadata.get(i);if(r===void 0&&globalThis.litPropertyMetadata.set(i,r=new Map),n==="setter"&&((o=Object.create(o)).wrapped=!0),r.set(e.name,o),n==="accessor"){const{name:s}=e;return{set(c){const h=t.get.call(this);t.set.call(this,c),this.requestUpdate(s,h,o)},init(c){return c!==void 0&&this.C(s,void 0,o,c),c}}}if(n==="setter"){const{name:s}=e;return function(c){const h=this[s];t.call(this,c),this.requestUpdate(s,h,o)}}throw Error("Unsupported decorator location: "+n)};function a(o){return(t,e)=>typeof e=="object"?We(o,t,e):((n,i,r)=>{const s=i.hasOwnProperty(r);return i.constructor.createProperty(r,n),s?Object.getOwnPropertyDescriptor(i,r):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function et(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 Ge=(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 Ce(o,t){return(e,n,i)=>{const r=s=>{var c;return((c=s.renderRoot)==null?void 0:c.querySelector(o))??null};return Ge(e,n,{get(){return r(this)}})}}const at=f`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
|
-
`;
|
|
42
|
+
`;f`
|
|
43
43
|
:host * {
|
|
44
44
|
box-sizing: border-box;
|
|
45
45
|
}
|
|
@@ -47,152 +47,152 @@
|
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2023 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: Apache-2.0
|
|
50
|
-
*/const
|
|
50
|
+
*/const Gt=Symbol("internals"),Ft=Symbol("privateInternals");function Xt(o){var t;class e extends o{get[(t=Gt,t)](){return this[Ft]||(this[Ft]=this.attachInternals()),this[Ft]}}return e}/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
54
|
-
*/function
|
|
54
|
+
*/function Xe(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async n=>{const{type:i,[Gt]:r}=e,{form:s}=r;if(!(!s||i==="button")&&(await new Promise(c=>{setTimeout(c)}),!n.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",c=>{Object.defineProperty(c,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),r.setFormValue(e.value),s.requestSubmit()}})})}const Ye=`<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
|
+
`,Je=`<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
|
+
`,Qe=`<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
|
+
`,to=`<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
|
+
`,eo=`<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
|
+
`,oo=`<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
|
+
`,io=`<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
|
+
`,no=`<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
|
+
`,ro=`<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
|
+
`,so=`<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
|
+
`,ao=`<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
|
+
`,lo=`<?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
|
+
`,co=`<?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
|
+
`,ho=`<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
|
+
`,po=`<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
|
+
`,uo=`<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
|
+
`,fo=`<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
|
+
`,vo=`<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
|
+
`,go=`<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
|
+
`,bo=`<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
|
+
`,yo=`<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
|
+
`,mo=`<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
|
+
`,xo=`<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>`,wo=`<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
|
+
`,$o=`<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
|
+
`,ko=`<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
|
+
`,_o=`<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
|
+
`,Co=`<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
|
+
`,So=`<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>`,Eo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
150
150
|
<path d="M4.5 8L11.5 13L11.5 3L4.5 8Z" fill="#3F2B2E"/>
|
|
151
151
|
</svg>
|
|
152
|
-
`,
|
|
152
|
+
`,Ao=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
153
153
|
<path d="M11.5 8L4.5 13L4.5 3L11.5 8Z" fill="#3F2B2E"/>
|
|
154
154
|
</svg>
|
|
155
|
-
`,
|
|
155
|
+
`,Z={wishlist:Ye,playerv:Je,chevronRight:Qe,chevronLeft:to,icoPlus:lo,icoMinus:co,"star-0":eo,"star-25":oo,"star-50":io,"star-75":no,"star-100":ro,cross:so,search:ao,arrowLeft:ho,arrowTop:po,cart:uo,notifyme:fo,triangledown:vo,triangleup:go,checkstroke:bo,pause:yo,mapDualArrow:mo,swipeDualArrow:wo,backToBag:Co,checkbox:So,sliderLeftArrow:Eo,sliderRightArrow:Ao},Lo={strikeDiagonal:xo},Po={success:$o,error:ko,info:_o};/**
|
|
156
156
|
* @license
|
|
157
157
|
* Copyright 2017 Google LLC
|
|
158
158
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
159
|
-
*/const
|
|
159
|
+
*/const Yt={ATTRIBUTE:1,CHILD:2},Jt=o=>(...t)=>({_$litDirective$:o,values:t});let Qt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,n){this._$Ct=t,this._$AM=e,this._$Ci=n}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
160
160
|
* @license
|
|
161
161
|
* Copyright 2017 Google LLC
|
|
162
162
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
163
|
-
*/class
|
|
163
|
+
*/class Rt extends Qt{constructor(t){if(super(t),this.it=d,t.type!==Yt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===Q)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Rt.directiveName="unsafeHTML",Rt.resultType=1;/**
|
|
164
164
|
* @license
|
|
165
165
|
* Copyright 2017 Google LLC
|
|
166
166
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
167
|
-
*/class
|
|
167
|
+
*/class Ut extends Rt{}Ut.directiveName="unsafeSVG",Ut.resultType=2;const C=Jt(Ut);/**
|
|
168
168
|
* @license
|
|
169
169
|
* Copyright 2020 Google LLC
|
|
170
170
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
171
|
-
*/const
|
|
171
|
+
*/const Bo=o=>o.strings===void 0;/**
|
|
172
172
|
* @license
|
|
173
173
|
* Copyright 2017 Google LLC
|
|
174
174
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
175
|
-
*/const
|
|
175
|
+
*/const bt=(o,t)=>{var n;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(n=i._$AO)==null||n.call(i,t,!1),bt(i,t);return!0},zt=o=>{let t,e;do{if((t=o._$AM)===void 0)break;e=t._$AN,e.delete(o),o=t}while((e==null?void 0:e.size)===0)},Se=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),Io(t)}};function zo(o){this._$AN!==void 0?(zt(this),this._$AM=o,Se(this)):this._$AM=o}function Oo(o,t=!1,e=0){const n=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(n))for(let r=e;r<n.length;r++)bt(n[r],!1),zt(n[r]);else n!=null&&(bt(n,!1),zt(n));else bt(this,o)}const Io=o=>{o.type==Yt.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=zo))};class Do extends Qt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,n){super._$AT(t,e,n),Se(this),this.isConnected=t._$AU}_$AO(t,e=!0){var n,i;t!==this.isConnected&&(this.isConnected=t,t?(n=this.reconnected)==null||n.call(this):(i=this.disconnected)==null||i.call(this)),e&&(bt(this,t),zt(this))}setValue(t){if(Bo(this._$Ct))this._$Ct._$AI(t,this);else{const e=[...this._$Ct._$AH];e[this._$Ci]=t,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}}class To extends Do{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var n;this.element!==t.element&&(this.element=t.element),this.host=((n=t.options)===null||n===void 0?void 0:n.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];r!==e[i]&&(n[i]=r)}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&(n[i]=void 0)}}class Ho extends To{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const n=t[e];n!==this.eventData[e]&&this.applyEvent(e,n)}}applyEvent(t,e){const{prevData:n,element:i}=this;this.eventData[t]=e,n[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e)(!t||!(i in t)&&n[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:n}=this;delete this.eventData[t],n.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.removeEventListener(i,this,r)}}reconnected(){const{eventData:t,element:e}=this;for(const n in t){const i=n.slice(1),r=t[n];e.addEventListener(i,this,r)}}}class Mo extends Ho{apply(t){if(!t)return;const{prevData:e,element:n}=this;for(const i in t){const r=t[i];if(r===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=r,this.applyEvent(s,r);break;case".":n[s]=r;break;case"?":r?n.setAttribute(s,""):n.removeAttribute(s);break;default:r!=null?n.setAttribute(i,String(r)):n.removeAttribute(i);break}}}groom(t){const{prevData:e,element:n}=this;if(e)for(const i in e){const r=i.slice(1);if(!t||!(i in t)&&n[r]===e[i])switch(i[0]){case"@":this.groomEvent(r,e[i]);break;case".":n[r]=void 0;break;case"?":n.removeAttribute(r);break;default:n.removeAttribute(i);break}}}}const ye=Jt(Mo);/**
|
|
176
176
|
* @license
|
|
177
177
|
* Copyright 2018 Google LLC
|
|
178
178
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
179
|
-
*/const
|
|
179
|
+
*/const P=o=>o??d;var jo=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,F=(o,t,e,n)=>{for(var i=n>1?void 0:n?Fo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&jo(t,e,i),i};let B=class extends p{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=Z[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),n=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
180
180
|
${this.type==="span"?l`
|
|
181
181
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
182
|
-
${
|
|
182
|
+
${C(e)}
|
|
183
183
|
</span>
|
|
184
184
|
`:l`
|
|
185
185
|
<button
|
|
186
186
|
type="button"
|
|
187
|
-
aria-label=${
|
|
187
|
+
aria-label=${P(i)}
|
|
188
188
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
189
189
|
?disabled="${this.disabled}"
|
|
190
190
|
>
|
|
191
|
-
${
|
|
192
|
-
${
|
|
191
|
+
${C(e)}
|
|
192
|
+
${n}
|
|
193
193
|
</button>
|
|
194
194
|
`}
|
|
195
|
-
`}};
|
|
195
|
+
`}};B.styles=f`
|
|
196
196
|
:host {
|
|
197
197
|
display: inline-flex;
|
|
198
198
|
justify-content: center;
|
|
@@ -397,13 +397,13 @@
|
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
.icon-button:focus-visible {
|
|
400
|
-
${
|
|
400
|
+
${at}
|
|
401
401
|
}
|
|
402
402
|
|
|
403
403
|
.sr-only {
|
|
404
404
|
display: none;
|
|
405
405
|
}
|
|
406
|
-
`;
|
|
406
|
+
`;F([a({type:String,reflect:!0})],B.prototype,"bgstyle",2);F([a({type:String,reflect:!0})],B.prototype,"size",2);F([a({type:String,reflect:!0})],B.prototype,"status",2);F([a({type:String,reflect:!0})],B.prototype,"type",2);F([a({type:String})],B.prototype,"strokewidth",2);F([a({type:String})],B.prototype,"icon",2);F([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);F([a({type:Boolean})],B.prototype,"showSrLabel",2);F([a({type:String})],B.prototype,"srLabel",2);B=F([g("o-icon-button")],B);var Ro=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,b=(o,t,e,n)=>{for(var i=n>1?void 0:n?Uo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ro(t,e,i),i};let u=class extends p{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,n;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(n=this.shadowRoot)==null?void 0:n.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const n=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(n){this.showHeaderStartIcon=!1;const r=()=>{this.showDetail=!1,this.isHidingDetail=!1,n.removeEventListener("animationend",r),i()};n.addEventListener("animationend",r)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}focusFirstInPanel(){var t,e,n;(n=this.getFocusableElements().map(i=>this.resolveFocusable(i)).filter(i=>!!i&&!i.hasAttribute("disabled"))[0]??((t=this.shadowRoot)==null?void 0:t.querySelector(".close-btn"))??((e=this.shadowRoot)==null?void 0:e.querySelector(".panel")))==null||n.focus({preventScroll:!0})}resolveFocusable(o){var e;const t=o.tagName.toLowerCase();return t==="o-icon-button"||t==="o-button"?((e=o.shadowRoot)==null?void 0:e.querySelector("button, .button"))??o:o}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail),this.addEventListener("focusin",o=>{o.composedPath()[0]===this&&this.focusFirstInPanel()})}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var i,r,s,c,h;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(c=(s=((r=t.shadowRoot)==null?void 0:r.querySelector("button"))??t)==null?void 0:s.focus)==null||c.call(s,{preventScroll:!0});const n=(h=this.shadowRoot)==null?void 0:h.querySelector('.panel[role="dialog"]');n&&n.setAttribute("aria-label",this.headerTitle)}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){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 n=this.renderRoot.querySelector(".o-whats-inside--content p");n==null||n.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const r=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const c=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),h=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);r.push(...c,...h)}return r.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){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;if(this.showHeader){const n=(t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"),i=this.resolveFocusable(n);(e=i==null?void 0:i.focus)==null||e.call(i,{preventScroll:!0})}else this.focusFirstInPanel()}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,n,i,r;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=(n=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:n.focus)==null||i.call(n):(r=this.previousFocusedElement)==null||r.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`
|
|
407
407
|
<div tabindex="-1" class="header ${this.showDetail?"detail-view-header":""}">
|
|
408
408
|
${this.showHeaderStartIcon?l`
|
|
409
409
|
<o-icon-button
|
|
@@ -466,7 +466,7 @@
|
|
|
466
466
|
variant="${this.firstButtonVariant}"
|
|
467
467
|
@click=${this.handleFirstClick}
|
|
468
468
|
@keydown=${this.handleFirstClick}
|
|
469
|
-
${
|
|
469
|
+
${ye(this.firstButtonProps)}
|
|
470
470
|
>
|
|
471
471
|
${this.firstButtonLabel}
|
|
472
472
|
</o-button>
|
|
@@ -477,7 +477,7 @@
|
|
|
477
477
|
variant="${this.secondButtonVariant}"
|
|
478
478
|
@click=${this.handleSecondClick}
|
|
479
479
|
@keydown=${this.handleSecondClick}
|
|
480
|
-
${
|
|
480
|
+
${ye(this.secondButtonProps)}
|
|
481
481
|
>
|
|
482
482
|
${this.secondButtonLabel}
|
|
483
483
|
</o-button>
|
|
@@ -486,7 +486,7 @@
|
|
|
486
486
|
`:null}
|
|
487
487
|
</div>
|
|
488
488
|
</div>
|
|
489
|
-
`}};u.styles=
|
|
489
|
+
`}};u.styles=f`
|
|
490
490
|
:host {
|
|
491
491
|
--z-overlay: 99;
|
|
492
492
|
--z-panel: 100;
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
|
|
601
601
|
.panel:focus-visible,
|
|
602
602
|
.close-btn:focus-visible {
|
|
603
|
-
${
|
|
603
|
+
${at}
|
|
604
604
|
}
|
|
605
605
|
|
|
606
606
|
[role="document"] {
|
|
@@ -693,7 +693,7 @@
|
|
|
693
693
|
overflow: auto;
|
|
694
694
|
box-sizing: border-box;
|
|
695
695
|
}
|
|
696
|
-
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";u.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([g("o-side-panel")],u);var
|
|
696
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";u.shadowRootOptions={...p.shadowRootOptions,delegatesFocus:!0};b([a({type:Boolean,reflect:!0})],u.prototype,"open",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);b([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);b([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);b([a({type:String,reflect:!0})],u.prototype,"labelDialog",2);b([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"goBackButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);b([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);b([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);b([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);b([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);b([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);b([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);b([a({type:Boolean})],u.prototype,"showDetail",2);b([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=b([g("o-side-panel")],u);var No=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,$=(o,t,e,n)=>{for(var i=n>1?void 0:n?Vo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&No(t,e,i),i};const qo=Xt(p);let y=class extends qo{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[Gt].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t instanceof u&&(t!=null&&t.openPanel)&&typeof t.openPanel=="function"?(o.preventDefault(),t.openPanel()):console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=Z[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${C(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
697
697
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
698
698
|
${this.startIcon?this.renderIcon("start"):d}
|
|
699
699
|
${o?l`
|
|
@@ -721,7 +721,7 @@
|
|
|
721
721
|
`:l`<slot></slot>`}
|
|
722
722
|
${this.endIcon?this.renderIcon("end"):d}
|
|
723
723
|
</a>
|
|
724
|
-
`}};
|
|
724
|
+
`}};Xe(y);y.formAssociated=!0;y.styles=f`
|
|
725
725
|
:host {
|
|
726
726
|
--button-border: transparent;
|
|
727
727
|
--badge-outer-width: 19px;
|
|
@@ -838,7 +838,7 @@
|
|
|
838
838
|
}
|
|
839
839
|
|
|
840
840
|
.button:focus-visible {
|
|
841
|
-
${
|
|
841
|
+
${at};
|
|
842
842
|
}
|
|
843
843
|
|
|
844
844
|
span.text + span.text::before {
|
|
@@ -922,12 +922,12 @@
|
|
|
922
922
|
transform: translateX(4px);
|
|
923
923
|
}
|
|
924
924
|
//End icon movment on hover
|
|
925
|
-
|
|
925
|
+
`;$([a()],y.prototype,"type",2);$([a()],y.prototype,"value",2);$([a({type:String,reflect:!0})],y.prototype,"variant",2);$([a({type:String})],y.prototype,"text",2);$([a({type:String})],y.prototype,"textsecond",2);$([a({type:Boolean,reflect:!0})],y.prototype,"fullwidth",2);$([a({type:Boolean,reflect:!0})],y.prototype,"disabled",2);$([a({type:String})],y.prototype,"startIconModel",2);$([a({type:String})],y.prototype,"endIconModel",2);$([a({type:Boolean,reflect:!0,attribute:"starticon"})],y.prototype,"startIcon",2);$([a({type:Boolean,reflect:!0,attribute:"endicon"})],y.prototype,"endIcon",2);$([a({type:String,attribute:"paneltarget"})],y.prototype,"panelTarget",2);$([a({type:String})],y.prototype,"href",2);$([a({type:String})],y.prototype,"target",2);$([a({type:Boolean,reflect:!0})],y.prototype,"underlined",2);$([a({type:Boolean,reflect:!0})],y.prototype,"withbadge",2);y=$([g("o-button")],y);var Zo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,It=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ko(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Zo(t,e,i),i};let dt=class extends p{constructor(){super(...arguments),this.status="empty",this.ariaDescribedBy="a-product-name",this.label="Add to wishlist",this.toggleStatus=()=>{this.status=this.status==="empty"?"filled":"empty",this.setAttribute("aria-pressed",String(this.status==="filled")),this.dispatchEvent(new CustomEvent("wishlist-toggle",{detail:{status:this.status},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=Z.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
926
926
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
927
927
|
<span class="sr-only">${this.label}</span>
|
|
928
|
-
${
|
|
928
|
+
${C(o)}
|
|
929
929
|
</button>
|
|
930
|
-
`}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()}};
|
|
930
|
+
`}setStatus(o){this.status=o,this.setAttribute("aria-pressed",String(this.status==="filled")),this.requestUpdate()}setAriaDescribedBy(o){this.ariaDescribedBy=o,this.requestUpdate()}setLabel(o){this.label=o,this.requestUpdate()}};dt.styles=f`
|
|
931
931
|
:host {
|
|
932
932
|
display: inline-flex;
|
|
933
933
|
justify-content: center;
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
}
|
|
958
958
|
|
|
959
959
|
.wishlist-button:focus-visible {
|
|
960
|
-
${
|
|
960
|
+
${at};
|
|
961
961
|
}
|
|
962
962
|
|
|
963
963
|
.wishlist-button:hover svg path {
|
|
@@ -991,10 +991,10 @@
|
|
|
991
991
|
width: 0.1rem !important;
|
|
992
992
|
white-space: nowrap !important;
|
|
993
993
|
}
|
|
994
|
-
`;
|
|
994
|
+
`;It([a({type:String,reflect:!0})],dt.prototype,"status",2);It([a({type:String,reflect:!0})],dt.prototype,"ariaDescribedBy",2);It([a({type:String,reflect:!0})],dt.prototype,"label",2);dt=It([g("o-wishlist-button")],dt);var Wo=Object.defineProperty,Go=Object.getOwnPropertyDescriptor,lt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Go(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Wo(t,e,i),i};let K=class extends p{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`
|
|
995
995
|
<a
|
|
996
996
|
href="${o}"
|
|
997
|
-
target="${
|
|
997
|
+
target="${P(this.target||void 0)}"
|
|
998
998
|
@click="${this._handleClick}"
|
|
999
999
|
>
|
|
1000
1000
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -1017,7 +1017,7 @@
|
|
|
1017
1017
|
></o-icon-button>
|
|
1018
1018
|
`:null}
|
|
1019
1019
|
</a>
|
|
1020
|
-
`}};
|
|
1020
|
+
`}};K.styles=f`
|
|
1021
1021
|
:host([template="standard"]) a {
|
|
1022
1022
|
color: var(--color-content-action-secondary);
|
|
1023
1023
|
font-size: var(--font-size-200);
|
|
@@ -1104,14 +1104,14 @@
|
|
|
1104
1104
|
height: 1px;
|
|
1105
1105
|
}
|
|
1106
1106
|
/* End of underline effect */
|
|
1107
|
-
`;
|
|
1107
|
+
`;lt([a({type:String})],K.prototype,"href",2);lt([a({type:String})],K.prototype,"target",2);lt([a({type:String,reflect:!0})],K.prototype,"template",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"inverse",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"endIcon",2);lt([a({type:Boolean,reflect:!0})],K.prototype,"reverseEndIcon",2);K=lt([g("o-link")],K);var Xo=Object.defineProperty,Yo=Object.getOwnPropertyDescriptor,Dt=(o,t,e,n)=>{for(var i=n>1?void 0:n?Yo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Xo(t,e,i),i};let pt=class extends p{constructor(){super(...arguments),this.rating=0}getStarKeys(){const o=[];for(let t=0;t<5;t++){const e=this.rating-t;let n;e>=1?n=100:e<=0?n=0:n=Math.round(e*100/25)*25,o.push(`star-${n}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
1108
1108
|
<div class="rating">
|
|
1109
1109
|
<div class="stars">
|
|
1110
|
-
${o.map(t=>l`<span class="star">${
|
|
1110
|
+
${o.map(t=>l`<span class="star">${C(Z[t]??"")}</span>`)}
|
|
1111
1111
|
</div>
|
|
1112
1112
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1113
1113
|
</div>
|
|
1114
|
-
`}};
|
|
1114
|
+
`}};pt.styles=f`
|
|
1115
1115
|
svg {
|
|
1116
1116
|
width: 12px;
|
|
1117
1117
|
height: 12px;
|
|
@@ -1144,7 +1144,7 @@
|
|
|
1144
1144
|
text-decoration: underline;
|
|
1145
1145
|
cursor: pointer;
|
|
1146
1146
|
}
|
|
1147
|
-
`;
|
|
1147
|
+
`;Dt([a({type:Number})],pt.prototype,"rating",2);Dt([a({type:String})],pt.prototype,"reviewCount",2);Dt([a({type:String})],pt.prototype,"href",2);pt=Dt([g("o-rating")],pt);var Jo=Object.defineProperty,Qo=Object.getOwnPropertyDescriptor,ot=(o,t,e,n)=>{for(var i=n>1?void 0:n?Qo(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Jo(t,e,i),i};let j=class extends p{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1148
1148
|
<o-icon-button
|
|
1149
1149
|
icon="playerv"
|
|
1150
1150
|
size="xsmall"
|
|
@@ -1153,27 +1153,27 @@
|
|
|
1153
1153
|
status="filled"
|
|
1154
1154
|
strokewidth="0"
|
|
1155
1155
|
></o-icon-button>
|
|
1156
|
-
`}get lastIndex(){return Math.max(0,this.thumbnails.length-1)}handleKeyDown(o){o.key==="ArrowRight"?(o.preventDefault(),this.focusNext()):o.key==="ArrowLeft"?(o.preventDefault(),this.focusPrevious()):o.key==="Enter"||o.key===" "?(o.preventDefault(),this.selectThumbnail(this.focusedIndex)):o.key==="Tab"&&(!o.shiftKey&&this.focusedIndex===this.lastIndex&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"last",direction:"forward"},bubbles:!0,composed:!0})),o.shiftKey&&this.focusedIndex===0&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"first",direction:"backward"},bubbles:!0,composed:!0})))}focusNext(){let o=this.focusedIndex+1;for(;this.disabledIndexes.includes(o)&&o<this.thumbnails.length;)o++;o<this.thumbnails.length&&(this.focusedIndex=o,this.focusThumbnail(o))}focusPrevious(){let o=this.focusedIndex-1;for(;this.disabledIndexes.includes(o)&&o>=0;)o--;o>=0&&(this.focusedIndex=o,this.focusThumbnail(o))}focusThumbnail(o){const t=this.renderRoot.querySelector(`[data-index="${o}"]`);t==null||t.focus()}selectThumbnail(o){this.disabledIndexes.includes(o)||(this.activeIndex=o,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(o),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:o}})))}onFocus(o){const t=o.currentTarget,e=Number(t.dataset.index);this.focusedIndex=e,this.renderRoot.querySelectorAll(".thumb").forEach(i=>{i.classList.remove("a--tabfocus")}),t.classList.add("a--tabfocus"),this.requestUpdate()}onFocusOut(o){const t=o.currentTarget,e=Number(t.dataset.index),
|
|
1156
|
+
`}get lastIndex(){return Math.max(0,this.thumbnails.length-1)}handleKeyDown(o){o.key==="ArrowRight"?(o.preventDefault(),this.focusNext()):o.key==="ArrowLeft"?(o.preventDefault(),this.focusPrevious()):o.key==="Enter"||o.key===" "?(o.preventDefault(),this.selectThumbnail(this.focusedIndex)):o.key==="Tab"&&(!o.shiftKey&&this.focusedIndex===this.lastIndex&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"last",direction:"forward"},bubbles:!0,composed:!0})),o.shiftKey&&this.focusedIndex===0&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"first",direction:"backward"},bubbles:!0,composed:!0})))}focusNext(){let o=this.focusedIndex+1;for(;this.disabledIndexes.includes(o)&&o<this.thumbnails.length;)o++;o<this.thumbnails.length&&(this.focusedIndex=o,this.focusThumbnail(o))}focusPrevious(){let o=this.focusedIndex-1;for(;this.disabledIndexes.includes(o)&&o>=0;)o--;o>=0&&(this.focusedIndex=o,this.focusThumbnail(o))}focusThumbnail(o){const t=this.renderRoot.querySelector(`[data-index="${o}"]`);t==null||t.focus()}selectThumbnail(o){this.disabledIndexes.includes(o)||(this.activeIndex=o,this.swiperInstance&&typeof this.swiperInstance.slideTo=="function"&&this.swiperInstance.slideTo(o),this.dispatchEvent(new CustomEvent("thumbnail-select",{detail:{index:o}})))}onFocus(o){const t=o.currentTarget,e=Number(t.dataset.index);this.focusedIndex=e,this.renderRoot.querySelectorAll(".thumb").forEach(i=>{i.classList.remove("a--tabfocus")}),t.classList.add("a--tabfocus"),this.requestUpdate()}onFocusOut(o){const t=o.currentTarget,e=Number(t.dataset.index),n=o.relatedTarget;(!n||this.shadowRoot&&!this.shadowRoot.contains(n))&&(this.renderRoot.querySelectorAll(".thumb").forEach(s=>s.classList.remove("a--tabfocus")),e===this.lastIndex?this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"last",direction:"unspecified"},bubbles:!0,composed:!0})):e===0&&this.dispatchEvent(new CustomEvent("thumb-exit",{detail:{from:"first",direction:"unspecified"},bubbles:!0,composed:!0})))}render(){return l`
|
|
1157
1157
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1158
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1158
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),n=this.activeIndex===t,i=o.type==="video",r=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
|
|
1159
1159
|
<li class="thumb-wrapper">
|
|
1160
1160
|
<button
|
|
1161
1161
|
class="thumb"
|
|
1162
1162
|
data-index="${t}"
|
|
1163
1163
|
?disabled=${e}
|
|
1164
|
-
aria-current=${
|
|
1164
|
+
aria-current=${n?"true":"false"}
|
|
1165
1165
|
@click=${()=>this.selectThumbnail(t)}
|
|
1166
1166
|
@keydown=${this.handleKeyDown}
|
|
1167
1167
|
@focus=${s=>this.onFocus(s)}
|
|
1168
1168
|
@focusout=${s=>this.onFocusOut(s)}
|
|
1169
1169
|
>
|
|
1170
|
-
<img alt="${
|
|
1170
|
+
<img alt="${r}" src="${o.src}" />
|
|
1171
1171
|
</button>
|
|
1172
1172
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
1173
1173
|
</li>
|
|
1174
1174
|
`})}
|
|
1175
1175
|
</ul>
|
|
1176
|
-
`}};
|
|
1176
|
+
`}};j.styles=f`
|
|
1177
1177
|
:host {
|
|
1178
1178
|
display: flex;
|
|
1179
1179
|
gap: 5px;
|
|
@@ -1278,9 +1278,9 @@
|
|
|
1278
1278
|
height: 0;
|
|
1279
1279
|
width: 0;
|
|
1280
1280
|
}
|
|
1281
|
-
`;
|
|
1281
|
+
`;ot([a({type:Array})],j.prototype,"thumbnails",2);ot([a({type:Number})],j.prototype,"activeIndex",2);ot([a({type:Array})],j.prototype,"disabledIndexes",2);ot([a({type:String})],j.prototype,"maxWidth",2);ot([a({type:String})],j.prototype,"altressource",2);ot([a({type:Object})],j.prototype,"swiperInstance",2);ot([et()],j.prototype,"focusedIndex",2);j=ot([g("thumbnail-navigation")],j);var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,te=(o,t,e,n)=>{for(var i=n>1?void 0:n?ei(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ti(t,e,i),i};let wt=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1282
1282
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1283
|
-
`}};
|
|
1283
|
+
`}};wt.styles=f`
|
|
1284
1284
|
.tag {
|
|
1285
1285
|
display: inline-block;
|
|
1286
1286
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1339,12 +1339,12 @@
|
|
|
1339
1339
|
}
|
|
1340
1340
|
}
|
|
1341
1341
|
|
|
1342
|
-
`;
|
|
1342
|
+
`;te([a({type:String,reflect:!0})],wt.prototype,"type",2);te([a({type:String,reflect:!0})],wt.prototype,"bgstyle",2);wt=te([g("o-tag")],wt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,ee=(o,t,e,n)=>{for(var i=n>1?void 0:n?ii(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&oi(t,e,i),i};let $t=class extends p{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1343
1343
|
<div class="tooltip">
|
|
1344
1344
|
<span class="tooltiptext">${this.text}</span>
|
|
1345
1345
|
<slot></slot>
|
|
1346
1346
|
</div>
|
|
1347
|
-
`}}
|
|
1347
|
+
`}};$t.styles=f`
|
|
1348
1348
|
.tooltip {
|
|
1349
1349
|
position: relative;
|
|
1350
1350
|
display: inline-block;
|
|
@@ -1436,7 +1436,7 @@
|
|
|
1436
1436
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1437
1437
|
}
|
|
1438
1438
|
|
|
1439
|
-
`;
|
|
1439
|
+
`;ee([a({type:String,reflect:!0})],$t.prototype,"type",2);ee([a({type:String,reflect:!0})],$t.prototype,"text",2);$t=ee([g("o-tooltip")],$t);var ni=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,W=(o,t,e,n)=>{for(var i=n>1?void 0:n?ri(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ni(t,e,i),i};let H=class extends p{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=Z.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1440
1440
|
<button
|
|
1441
1441
|
role="combobox"
|
|
1442
1442
|
aria-haspopup="listbox"
|
|
@@ -1464,27 +1464,27 @@
|
|
|
1464
1464
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1465
1465
|
style=${`width: ${this.width};`}
|
|
1466
1466
|
>
|
|
1467
|
-
${this.options.map((e,
|
|
1467
|
+
${this.options.map((e,n)=>l`
|
|
1468
1468
|
<li
|
|
1469
|
-
id="option-${
|
|
1469
|
+
id="option-${n}"
|
|
1470
1470
|
role="option"
|
|
1471
1471
|
aria-selected="${e.value===this.value}"
|
|
1472
|
-
tabindex="${
|
|
1473
|
-
class="${
|
|
1472
|
+
tabindex="${n===this.activeIndex?"0":"-1"}"
|
|
1473
|
+
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1474
1474
|
@click=${()=>this.selectOption(e)}
|
|
1475
1475
|
>
|
|
1476
1476
|
${e.url?l`
|
|
1477
1477
|
<a href="${e.url}">
|
|
1478
1478
|
<span>${e.label}</span>
|
|
1479
|
-
${e.value===this.value?l`<span class="check">${
|
|
1479
|
+
${e.value===this.value?l`<span class="check">${C(o)}</span>`:null}
|
|
1480
1480
|
</a>`:l`
|
|
1481
1481
|
<span>${e.label}</span>
|
|
1482
|
-
${e.value===this.value?l`<span class="check">${
|
|
1482
|
+
${e.value===this.value?l`<span class="check">${C(o)}</span>`:null}`}
|
|
1483
1483
|
</li>`)}
|
|
1484
1484
|
</ul>`:null}
|
|
1485
1485
|
|
|
1486
1486
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1487
|
-
`}};
|
|
1487
|
+
`}};H.styles=f`
|
|
1488
1488
|
:host {
|
|
1489
1489
|
display: inline-block;
|
|
1490
1490
|
position: relative;
|
|
@@ -1623,7 +1623,7 @@
|
|
|
1623
1623
|
input[type="hidden"] {
|
|
1624
1624
|
display: none;
|
|
1625
1625
|
}
|
|
1626
|
-
`;
|
|
1626
|
+
`;W([a({type:Array,reflect:!0})],H.prototype,"options",2);W([a({type:String,reflect:!0})],H.prototype,"value",2);W([a({type:String,reflect:!0})],H.prototype,"name",2);W([a({type:Boolean,reflect:!0})],H.prototype,"disabled",2);W([a({type:String,reflect:!0})],H.prototype,"width",2);W([et()],H.prototype,"open",2);W([et()],H.prototype,"activeIndex",2);W([et()],H.prototype,"menuWidth",2);H=W([g("o-dropdown")],H);var si=Object.getOwnPropertyDescriptor,ai=(o,t,e,n)=>{for(var i=n>1?void 0:n?si(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Nt=class extends p{render(){return l` <span class="dots"></span> `}};Nt.styles=f`
|
|
1627
1627
|
:host {
|
|
1628
1628
|
display: flex;
|
|
1629
1629
|
align-items: center;
|
|
@@ -1674,7 +1674,7 @@
|
|
|
1674
1674
|
background-color: var(--color-container-action-primary-pressed);
|
|
1675
1675
|
}
|
|
1676
1676
|
}
|
|
1677
|
-
`;
|
|
1677
|
+
`;Nt=ai([g("o-dots")],Nt);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,R=(o,t,e,n)=>{for(var i=n>1?void 0:n?ci(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&li(t,e,i),i};let z=class extends p{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=Z.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1678
1678
|
<button
|
|
1679
1679
|
role="combobox"
|
|
1680
1680
|
aria-haspopup="listbox"
|
|
@@ -1688,7 +1688,7 @@
|
|
|
1688
1688
|
?disabled=${this.disabled}
|
|
1689
1689
|
class="btn-dropdown"
|
|
1690
1690
|
>
|
|
1691
|
-
<img alt="${
|
|
1691
|
+
<img alt="${P(t==null?void 0:t.label)}" src="${P(t==null?void 0:t.imgurl)}" />
|
|
1692
1692
|
<span id="dropdown-label" class="label">
|
|
1693
1693
|
${t?t.label:"Select an option"}
|
|
1694
1694
|
</span>
|
|
@@ -1712,23 +1712,23 @@
|
|
|
1712
1712
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1713
1713
|
style=${`width: ${this.width};`}
|
|
1714
1714
|
>
|
|
1715
|
-
${this.options.map((e,
|
|
1715
|
+
${this.options.map((e,n)=>l`
|
|
1716
1716
|
<li
|
|
1717
|
-
id="option-${
|
|
1717
|
+
id="option-${n}"
|
|
1718
1718
|
role="option"
|
|
1719
1719
|
aria-selected="${e.value===this.value}"
|
|
1720
1720
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1721
|
-
tabindex="${
|
|
1722
|
-
class="${
|
|
1721
|
+
tabindex="${n===this.activeIndex?"0":"-1"}"
|
|
1722
|
+
class="${n===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1723
1723
|
@click=${()=>this.selectOption(e)}
|
|
1724
1724
|
>
|
|
1725
|
-
<a href="${
|
|
1726
|
-
<img alt="${
|
|
1725
|
+
<a href="${P(e.url)}">
|
|
1726
|
+
<img alt="${P(e.label)}" src="${P(e.imgurl)}" />
|
|
1727
1727
|
<span class="label">${e.label}</span>
|
|
1728
1728
|
<div class="right">
|
|
1729
|
-
<span class="additional-text">${
|
|
1729
|
+
<span class="additional-text">${P(e.additionaltext)}</span>
|
|
1730
1730
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1731
|
-
<span class="check">${
|
|
1731
|
+
<span class="check">${C(o)}</span>`:null}
|
|
1732
1732
|
</div>
|
|
1733
1733
|
</a>
|
|
1734
1734
|
</li>
|
|
@@ -1736,7 +1736,7 @@
|
|
|
1736
1736
|
</ul>`:null}
|
|
1737
1737
|
|
|
1738
1738
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1739
|
-
`}};
|
|
1739
|
+
`}};z.styles=f`
|
|
1740
1740
|
:host {
|
|
1741
1741
|
display: inline-block;
|
|
1742
1742
|
position: relative;
|
|
@@ -1911,17 +1911,17 @@
|
|
|
1911
1911
|
input[type="hidden"] {
|
|
1912
1912
|
display: none;
|
|
1913
1913
|
}
|
|
1914
|
-
`;
|
|
1914
|
+
`;R([a({type:Array,reflect:!0})],z.prototype,"options",2);R([a({type:String,reflect:!0})],z.prototype,"value",2);R([a({type:String,reflect:!0})],z.prototype,"name",2);R([a({type:String,reflect:!0})],z.prototype,"additionaltext",2);R([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);R([a({type:String,reflect:!0})],z.prototype,"width",2);R([et()],z.prototype,"open",2);R([et()],z.prototype,"activeIndex",2);R([et()],z.prototype,"menuWidth",2);z=R([g("o-dropdown-variant")],z);/**
|
|
1915
1915
|
* @license
|
|
1916
1916
|
* Copyright 2018 Google LLC
|
|
1917
1917
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1918
|
-
*/const
|
|
1919
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1918
|
+
*/const Ee="important",hi=" !"+Ee,di=Jt(class extends Qt{constructor(o){var t;if(super(o),o.type!==Yt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const n=o[e];return n==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${n};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const n of this.ft)t[n]==null&&(this.ft.delete(n),n.includes("-")?e.removeProperty(n):e[n]=null);for(const n in t){const i=t[n];if(i!=null){this.ft.add(n);const r=typeof i=="string"&&i.endsWith(hi);n.includes("-")||r?e.setProperty(n,r?i.slice(0,-11):i,r?Ee:""):e[n]=i}}return Q}});var pi=Object.defineProperty,ui=Object.getOwnPropertyDescriptor,oe=(o,t,e,n)=>{for(var i=n>1?void 0:n?ui(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&pi(t,e,i),i};let kt=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=s=>{const c=document.createElement("textarea");return c.innerHTML=s,c.value},t=this.option&&this.option.clickable,e={width:`${this.imageSize}px`,height:`${this.imageSize}px`},n=this.option&&this.option.title?o(this.option.title):"",i=this.option&&this.option.description?o(this.option.description):"",r=l`
|
|
1919
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${P(n)}" aria-hidden="true" style=${di(e)} />`:""}
|
|
1920
1920
|
<div class="m-reassurance-content">
|
|
1921
|
-
<h3 class="a-reassurance-text">${
|
|
1922
|
-
<p class="a-reassurance-description">${
|
|
1921
|
+
<h3 class="a-reassurance-text">${P(n)}</h3>
|
|
1922
|
+
<p class="a-reassurance-description">${P(i)}</p>
|
|
1923
1923
|
</div>
|
|
1924
|
-
`;return t?l`<a href="${
|
|
1924
|
+
`;return t?l`<a href="${P(this.option.url)}" class="reassurance-item clickable">${r}</a>`:l`<div class="reassurance-item">${r}</div>`}};kt.styles=f`
|
|
1925
1925
|
:host {
|
|
1926
1926
|
display: inline-block;
|
|
1927
1927
|
position: relative;
|
|
@@ -2002,7 +2002,7 @@
|
|
|
2002
2002
|
overflow: hidden;
|
|
2003
2003
|
}
|
|
2004
2004
|
}
|
|
2005
|
-
`;
|
|
2005
|
+
`;oe([a({type:Object,reflect:!0})],kt.prototype,"option",2);oe([a({type:Number,reflect:!0})],kt.prototype,"imageSize",2);kt=oe([g("o-reassurance")],kt);var fi=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,G=(o,t,e,n)=>{for(var i=n>1?void 0:n?vi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&fi(t,e,i),i};const gi=Xt(p);let O=class extends gi{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`
|
|
2006
2006
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
2007
2007
|
${o?this.text:l`<slot></slot>`}
|
|
2008
2008
|
</a>
|
|
@@ -2011,7 +2011,7 @@
|
|
|
2011
2011
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2012
2012
|
${o?this.text:l`<slot></slot>`}
|
|
2013
2013
|
</button>
|
|
2014
|
-
`}};
|
|
2014
|
+
`}};O.styles=f`
|
|
2015
2015
|
:host {
|
|
2016
2016
|
cursor: pointer;
|
|
2017
2017
|
display: inline-flex;
|
|
@@ -2087,7 +2087,7 @@
|
|
|
2087
2087
|
}
|
|
2088
2088
|
|
|
2089
2089
|
&:focus-visible {
|
|
2090
|
-
${
|
|
2090
|
+
${at};
|
|
2091
2091
|
}
|
|
2092
2092
|
}
|
|
2093
2093
|
|
|
@@ -2100,16 +2100,16 @@
|
|
|
2100
2100
|
display: inline-flex;
|
|
2101
2101
|
align-items: center;
|
|
2102
2102
|
}
|
|
2103
|
-
`;
|
|
2103
|
+
`;G([a({type:String,reflect:!0})],O.prototype,"link",2);G([a({reflect:!0})],O.prototype,"name",2);G([a({reflect:!0})],O.prototype,"value",2);G([a({type:String})],O.prototype,"text",2);G([a({type:String,reflect:!0})],O.prototype,"size",2);G([a({type:Boolean,reflect:!0})],O.prototype,"selected",2);G([a({type:Boolean,reflect:!0})],O.prototype,"fullwidth",2);G([a({type:Boolean,reflect:!0})],O.prototype,"inactive",2);O=G([g("o-chip")],O);var bi=Object.defineProperty,yi=Object.getOwnPropertyDescriptor,ie=(o,t,e,n)=>{for(var i=n>1?void 0:n?yi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&bi(t,e,i),i};let _t=class extends p{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof O?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2104
2104
|
<slot></slot>
|
|
2105
|
-
`}}
|
|
2105
|
+
`}};_t.styles=f`
|
|
2106
2106
|
:host {
|
|
2107
2107
|
display: flex;
|
|
2108
2108
|
flex-direction: row;
|
|
2109
2109
|
flex-wrap: wrap;
|
|
2110
2110
|
gap: var(--spacing-s);
|
|
2111
2111
|
}
|
|
2112
|
-
`;
|
|
2112
|
+
`;ie([a({reflect:!0})],_t.prototype,"name",2);ie([a({reflect:!0})],_t.prototype,"value",2);_t=ie([g("o-chipset")],_t);var mi=Object.defineProperty,xi=Object.getOwnPropertyDescriptor,U=(o,t,e,n)=>{for(var i=n>1?void 0:n?xi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&mi(t,e,i),i};const wi=Xt(p);let I=class extends wi{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=Z[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${C(o)}</span>`}strikeThroughImg(){const o=Lo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return C(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2113
2113
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2114
2114
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2115
2115
|
${o?l`
|
|
@@ -2129,7 +2129,7 @@
|
|
|
2129
2129
|
</button>
|
|
2130
2130
|
`}
|
|
2131
2131
|
${this.disabled?this.strikeThroughImg():d}
|
|
2132
|
-
`}};
|
|
2132
|
+
`}};I.styles=f`
|
|
2133
2133
|
:host {
|
|
2134
2134
|
cursor: pointer;
|
|
2135
2135
|
display: inline-flex;
|
|
@@ -2209,7 +2209,7 @@
|
|
|
2209
2209
|
}
|
|
2210
2210
|
|
|
2211
2211
|
.button:focus-visible {
|
|
2212
|
-
${
|
|
2212
|
+
${at};
|
|
2213
2213
|
}
|
|
2214
2214
|
|
|
2215
2215
|
span.text + span.text::before {
|
|
@@ -2254,7 +2254,7 @@
|
|
|
2254
2254
|
stroke-linecap: round;
|
|
2255
2255
|
}
|
|
2256
2256
|
}
|
|
2257
|
-
`;
|
|
2257
|
+
`;U([a({reflect:!0})],I.prototype,"name",2);U([a({reflect:!0})],I.prototype,"value",2);U([a({type:String,reflect:!0})],I.prototype,"type",2);U([a({type:String,reflect:!0})],I.prototype,"href",2);U([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);U([a({type:String})],I.prototype,"text",2);U([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);U([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);U([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=U([g("o-filter-chip")],I);var $i=Object.defineProperty,N=(o,t,e,n)=>{for(var i=void 0,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(t,e,i)||i);return i&&$i(t,e,i),i};const se=class se extends p{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`
|
|
2258
2258
|
<o-icon-button
|
|
2259
2259
|
@click=${this.onClick}
|
|
2260
2260
|
icon="chevronRight"
|
|
@@ -2290,7 +2290,7 @@
|
|
|
2290
2290
|
</div>
|
|
2291
2291
|
${this.icons}
|
|
2292
2292
|
</button>
|
|
2293
|
-
`}};
|
|
2293
|
+
`}};se.styles=f`
|
|
2294
2294
|
:host {
|
|
2295
2295
|
display: block;
|
|
2296
2296
|
max-width: 100%;
|
|
@@ -2386,11 +2386,11 @@
|
|
|
2386
2386
|
.fullpointer {
|
|
2387
2387
|
cursor: pointer;
|
|
2388
2388
|
}
|
|
2389
|
-
`;let
|
|
2389
|
+
`;let E=se;N([a({type:String})],E.prototype,"type");N([a({type:String})],E.prototype,"titleProduct");N([a({type:String})],E.prototype,"volume");N([a({type:String})],E.prototype,"perLiter");N([a({type:String})],E.prototype,"mainPrice");N([a({type:String})],E.prototype,"imageUrl");N([a({type:String})],E.prototype,"altImage");N([a({type:Boolean})],E.prototype,"fullwidth");N([a({type:String})],E.prototype,"tagText");N([a({type:Function})],E.prototype,"onClickTile");customElements.define("mini-tile",E);var ki=Object.defineProperty,_i=Object.getOwnPropertyDescriptor,ne=(o,t,e,n)=>{for(var i=n>1?void 0:n?_i(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&ki(t,e,i),i};let Ct=class extends p{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2390
2390
|
<span class="badge">
|
|
2391
2391
|
${this.text?this.text:l`<slot></slot>`}
|
|
2392
2392
|
</span>
|
|
2393
|
-
`}};
|
|
2393
|
+
`}};Ct.styles=f`
|
|
2394
2394
|
:host([variant]) {
|
|
2395
2395
|
--badge-width: 19px;
|
|
2396
2396
|
display: inline-block;
|
|
@@ -2424,10 +2424,10 @@
|
|
|
2424
2424
|
color: var(--text-color);
|
|
2425
2425
|
}
|
|
2426
2426
|
|
|
2427
|
-
`;
|
|
2427
|
+
`;ne([a({type:String,reflect:!0})],Ct.prototype,"variant",2);ne([a({type:String})],Ct.prototype,"text",2);Ct=ne([g("o-badge")],Ct);var Ci=Object.defineProperty,Si=Object.getOwnPropertyDescriptor,T=(o,t,e,n)=>{for(var i=n>1?void 0:n?Si(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ci(t,e,i),i};let S=class extends p{constructor(){super(...arguments),this.icon="info",this.text="Sample text",this.verticalanchor="top",this.horizontalanchor="right",this.verticaloffset=24,this.horizontaloffset=24,this.animationduration=500,this.animationaxis="horizontal",this.animated=!0,this.lifeduration=5e3,this.multiline=!1}attributeChangedCallback(o,t,e){super.attributeChangedCallback(o,t,e),o=="verticaloffset"&&this.style.setProperty("--vertical-offset",e+"px"),o=="horizontaloffset"&&this.style.setProperty("--horizontal-offset",e+"px"),o=="animationduration"&&this.style.setProperty("--animation-duration",e+"ms")}selfCloseAfterDelay(){var o=this;setTimeout(function(){o.animated=!0,o.selfClose()},this.lifeduration)}selfClose(){var o=this;setTimeout(function(){o.remove()},this.animationduration+200)}connectedCallback(){var o=this;super.connectedCallback(),setTimeout(()=>{o.animated=!1,this.selfCloseAfterDelay()},600)}firstUpdated(){var n,i;var o=this;const t=(n=this.renderRoot)==null?void 0:n.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const r=window.getComputedStyle(e),s=parseInt(r.getPropertyValue("line-height").replace("px","")),c=parseInt(r.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(c)&&c>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=Po[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`
|
|
2428
2428
|
<div class="o-toast">
|
|
2429
2429
|
<div class="o-toast-icon">
|
|
2430
|
-
${
|
|
2430
|
+
${C(t)}
|
|
2431
2431
|
</div>
|
|
2432
2432
|
<div class="o-toast-text">
|
|
2433
2433
|
${this.text}
|
|
@@ -2440,7 +2440,7 @@
|
|
|
2440
2440
|
</o-icon-button>
|
|
2441
2441
|
</div>
|
|
2442
2442
|
</div>
|
|
2443
|
-
`}};
|
|
2443
|
+
`}};S.styles=f`
|
|
2444
2444
|
:host {
|
|
2445
2445
|
--vertical-offset: 24px;
|
|
2446
2446
|
--horizontal-offset: 24px;
|
|
@@ -2517,7 +2517,7 @@
|
|
|
2517
2517
|
.o-toast-icon {
|
|
2518
2518
|
height: 16px;
|
|
2519
2519
|
}
|
|
2520
|
-
`;
|
|
2520
|
+
`;T([a({type:String,reflect:!0})],S.prototype,"icon",2);T([a({type:String,reflect:!0})],S.prototype,"text",2);T([a({type:String,reflect:!0})],S.prototype,"verticalanchor",2);T([a({type:String,reflect:!0})],S.prototype,"horizontalanchor",2);T([a({type:Number,reflect:!0})],S.prototype,"verticaloffset",2);T([a({type:Number,reflect:!0})],S.prototype,"horizontaloffset",2);T([a({type:Number,reflect:!0})],S.prototype,"animationduration",2);T([a({type:String,reflect:!0})],S.prototype,"animationaxis",2);T([a({type:Boolean,reflect:!0})],S.prototype,"animated",2);T([a({type:Number,reflect:!0})],S.prototype,"lifeduration",2);T([a({type:Boolean,reflect:!0})],S.prototype,"multiline",2);S=T([g("o-toast")],S);var Ei=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,M=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ai(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ei(t,e,i),i};let Li=0,A=class extends p{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-${++Li}`)}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=C(Z.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=C(Z.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2521
2521
|
<input
|
|
2522
2522
|
type="checkbox"
|
|
2523
2523
|
id=${this.inputId}
|
|
@@ -2525,7 +2525,7 @@
|
|
|
2525
2525
|
?disabled=${this.disabled}
|
|
2526
2526
|
name=${this.name}
|
|
2527
2527
|
value=${this.value}
|
|
2528
|
-
@change=${e=>{const
|
|
2528
|
+
@change=${e=>{const n=e.target;this.checked=n.checked,this.indeterminate=n.indeterminate,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}}
|
|
2529
2529
|
/>
|
|
2530
2530
|
|
|
2531
2531
|
<div class="box" role="checkbox" tabindex=${this.disabled?-1:0} aria-checked=${this.indeterminate?"mixed":String(this.checked)} aria-disabled=${String(this.disabled)} @click=${this.toggle} @keydown=${this.handleKeyDown}>
|
|
@@ -2533,7 +2533,7 @@
|
|
|
2533
2533
|
</div>
|
|
2534
2534
|
|
|
2535
2535
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2536
|
-
`}};
|
|
2536
|
+
`}};A.styles=f`
|
|
2537
2537
|
:host {
|
|
2538
2538
|
display: inline-flex;
|
|
2539
2539
|
align-items: center;
|
|
@@ -2636,7 +2636,7 @@
|
|
|
2636
2636
|
svg path {
|
|
2637
2637
|
stroke: var(--color-border-white);
|
|
2638
2638
|
}
|
|
2639
|
-
`;
|
|
2639
|
+
`;M([a({type:Boolean,reflect:!0})],A.prototype,"checked",2);M([a({type:Boolean,reflect:!0})],A.prototype,"indeterminate",2);M([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);M([a({type:String,reflect:!0})],A.prototype,"size",2);M([a({type:Boolean})],A.prototype,"showLabel",2);M([a({type:String})],A.prototype,"label",2);M([a({type:String})],A.prototype,"name",2);M([a({type:String})],A.prototype,"value",2);M([a({type:String,reflect:!0})],A.prototype,"inputId",2);M([Ce("input")],A.prototype,"inputEl",2);A=M([g("o-checkbox")],A);var Pi=Object.defineProperty,Bi=Object.getOwnPropertyDescriptor,V=(o,t,e,n)=>{for(var i=n>1?void 0:n?Bi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Pi(t,e,i),i};let zi=0,D=class extends p{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-${++zi}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(o){if(o.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(n=>{n!==this&&(n.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2640
2640
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2641
2641
|
|
|
2642
2642
|
<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}>
|
|
@@ -2644,7 +2644,7 @@
|
|
|
2644
2644
|
</div>
|
|
2645
2645
|
|
|
2646
2646
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2647
|
-
`}};
|
|
2647
|
+
`}};D.styles=f`
|
|
2648
2648
|
:host {
|
|
2649
2649
|
display: inline-flex;
|
|
2650
2650
|
align-items: center;
|
|
@@ -2733,13 +2733,13 @@
|
|
|
2733
2733
|
width: 0;
|
|
2734
2734
|
height: 0;
|
|
2735
2735
|
}
|
|
2736
|
-
`;
|
|
2736
|
+
`;V([a({type:Boolean,reflect:!0})],D.prototype,"checked",2);V([a({type:Boolean,reflect:!0})],D.prototype,"disabled",2);V([a({type:String,reflect:!0})],D.prototype,"size",2);V([a({type:Boolean})],D.prototype,"showLabel",2);V([a({type:String})],D.prototype,"label",2);V([a({type:String})],D.prototype,"name",2);V([a({type:String})],D.prototype,"value",2);V([a({type:String,reflect:!0})],D.prototype,"inputId",2);V([Ce("input")],D.prototype,"inputEl",2);D=V([g("o-radio")],D);var Oi=Object.getOwnPropertyDescriptor,Ii=(o,t,e,n)=>{for(var i=n>1?void 0:n?Oi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=s(i)||i);return i};let Vt=class extends p{render(){return l`
|
|
2737
2737
|
<nav aria-label="Breadcrumbs">
|
|
2738
2738
|
<ul>
|
|
2739
2739
|
<slot></slot>
|
|
2740
2740
|
</ul>
|
|
2741
2741
|
</nav>
|
|
2742
|
-
`}};
|
|
2742
|
+
`}};Vt.styles=f`
|
|
2743
2743
|
nav {
|
|
2744
2744
|
max-width: 144rem;
|
|
2745
2745
|
margin: auto;
|
|
@@ -2750,7 +2750,7 @@
|
|
|
2750
2750
|
margin: var(--spacing-4-xs);
|
|
2751
2751
|
padding: var(--spacing-4-xs);
|
|
2752
2752
|
}
|
|
2753
|
-
`;
|
|
2753
|
+
`;Vt=Ii([g("o-breadcrumbs")],Vt);var Di=Object.defineProperty,Ti=Object.getOwnPropertyDescriptor,re=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ti(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Di(t,e,i),i};let St=class extends p{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`
|
|
2754
2754
|
<li>
|
|
2755
2755
|
<a
|
|
2756
2756
|
href="${this.href}"
|
|
@@ -2760,7 +2760,7 @@
|
|
|
2760
2760
|
<slot></slot>
|
|
2761
2761
|
</a>
|
|
2762
2762
|
</li>
|
|
2763
|
-
`}};
|
|
2763
|
+
`}};St.styles=f`
|
|
2764
2764
|
:host(:not([active]))::after {
|
|
2765
2765
|
content: "/";
|
|
2766
2766
|
margin: 0 0.5rem;
|
|
@@ -2793,13 +2793,13 @@
|
|
|
2793
2793
|
}
|
|
2794
2794
|
|
|
2795
2795
|
a:focus-visible {
|
|
2796
|
-
${
|
|
2796
|
+
${at};
|
|
2797
2797
|
}
|
|
2798
2798
|
|
|
2799
2799
|
:host(.a--tabfocus) {
|
|
2800
2800
|
outline: none !important;
|
|
2801
2801
|
}
|
|
2802
|
-
`;
|
|
2802
|
+
`;re([a({type:String})],St.prototype,"href",2);re([a({type:Boolean,reflect:!0})],St.prototype,"active",2);St=re([g("o-breadcrumb")],St);var Hi=Object.defineProperty,Mi=Object.getOwnPropertyDescriptor,ut=(o,t,e,n)=>{for(var i=n>1?void 0:n?Mi(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Hi(t,e,i),i};let tt=class extends p{constructor(){super(...arguments),this.imageUrl="",this.imageAlt="",this.hoverUrl="",this.hoverAlt="",this.dimmed=!1}render(){return l`<div class="card">
|
|
2803
2803
|
<svg aria-hidden="true">
|
|
2804
2804
|
<defs>
|
|
2805
2805
|
<clipPath id="arch-gift-finder" clipPathUnits="objectBoundingBox">
|
|
@@ -2810,7 +2810,7 @@
|
|
|
2810
2810
|
<img src="${this.imageUrl}" alt="${this.imageAlt}" class="card-img base" loading="lazy" />
|
|
2811
2811
|
${this.hoverUrl?l`<img src="${this.hoverUrl}" alt="${this.hoverAlt||this.imageAlt}" class="card-img hover" loading="lazy" />`:""}
|
|
2812
2812
|
<div class="overlay" part="overlay"></div>
|
|
2813
|
-
</div>`}};
|
|
2813
|
+
</div>`}};tt.styles=f`
|
|
2814
2814
|
:host {
|
|
2815
2815
|
--card-width : 175px;
|
|
2816
2816
|
--card-height : 260px;
|
|
@@ -2869,7 +2869,7 @@
|
|
|
2869
2869
|
:host([dimmed]) .overlay {
|
|
2870
2870
|
opacity: var(--overlay-opacity, 1);
|
|
2871
2871
|
}
|
|
2872
|
-
`;
|
|
2872
|
+
`;ut([a({type:String})],tt.prototype,"imageUrl",2);ut([a({type:String})],tt.prototype,"imageAlt",2);ut([a({type:String})],tt.prototype,"hoverUrl",2);ut([a({type:String})],tt.prototype,"hoverAlt",2);ut([a({type:Boolean,reflect:!0})],tt.prototype,"dimmed",2);tt=ut([g("o-arch-image")],tt);const ji=`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
2873
2873
|
<svg
|
|
2874
2874
|
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
|
2875
2875
|
xmlns:cc="http://creativecommons.org/ns#"
|
|
@@ -2949,7 +2949,7 @@
|
|
|
2949
2949
|
d="m 1237.15,72.3984 c -3.61,1.5625 -7.64,0.6211 -10.76,-1.5898 -3.47,-2.4688 -6.01,-6.207 -8.42,-9.6484 l -2.61,-3.7305 c -3.58,-5.1094 -9.55,-13.6992 -12.29,-16.1094 -5.74,-5.1289 -9.34,-6.6094 -53,-6.6094 -33.15,0 -37.81,0.9883 -43.8,4.1602 -5.52,2.7891 -7.77,10.7773 -7.77,13.6484 0,3.3594 -0.2,14.711 -0.45,28.7422 -0.39,22.6093 -0.93,52.2383 -0.93,66.5083 v 2.082 c 61.53,-0.032 57.15,-0.524 65,-2.762 2.14,-0.75 4.31,-3.918 6.04,-9.07 0,0 1.62,-4.02 1.63,-4.032 1.32,-3.277 2.66,-6.867 5.45,-9.207 3.1,-2.609 8.34,-2.961 11.82,-0.832 2.53,1.551 4.41,4.86 5.34,7.641 1.18,3.469 1.06,7.031 0.47,10.601 -0.42,2.528 -1.65,14.649 -0.88,22.661 0.36,3.359 0.91,7.339 1.4,11.039 0.81,5.937 1.45,11.25 1.45,13.039 0,10.769 -6.83,13.64 -10.87,13.64 -7.45,0 -10.98,-7.148 -12.29,-9.8 -5.17,-10.34 -7.99,-12.258 -8.92,-12.77 -1.75,-1.09 -4.81,-1.93 -26.44,-1.93 h -39.2 v 107.52 c 0,4.422 0.17,7.101 0.34,8.738 15.96,0.774 76.93,0.524 87.71,-1.476 3.62,-0.602 9.08,-1.5 17.68,-21.911 1.36,-3.211 3.03,-6.711 5.7,-9.043 3,-2.609 7.9,-3.558 11.48,-1.648 3.15,1.672 4.77,5.262 5.42,8.621 0.48,2.52 0.57,5.379 0.02,7.899 -1.68,7.71 -2.32,17.339 -2.74,23.718 l -0.42,5.41 c -1.6,9.993 -5.84,15.063 -12.6,15.063 -1.95,0 -3.97,-0.121 -6.59,-0.27 -4.29,-0.261 -10.36,-0.652 -21.14,-0.652 -8.99,0 -29.44,-0.219 -50.5,-0.437 -22.25,-0.231 -45.19,-0.493 -55.89,-0.493 -7.8,0 -14.28,0.411 -20.23,0.77 -5.38,0.32 -10.33,0.621 -15.39,0.621 -8.85,0 -15.02,-4.461 -15.02,-10.859 0,-3.692 1.73,-10.231 13.17,-12.532 11.25,-2.488 15.05,-3.339 15.05,-28.168 0,-97.863 -0.47,-142.242 -2.32,-215.7808 -0.34,-15.5196 -5.21,-19.0821 -18.87,-21.3594 C 1027,30.8984 1016.62,29 1016.62,19.6719 c 0,-1.9727 0.81,-11.80081 16.89,-11.80081 1.95,0 6.58,0.3086 12.45,0.71875 9.5,0.67969 22.45,1.60156 31.94,1.60156 17.71,0 38.65,-0.41015 60.92,-0.83984 25.46,-0.49218 52.62,-1.01172 78.73,-1.01172 4,0 9.62,1.69926 13.67,9.76956 2.26,4.4687 4.54,12.8906 7.15,22.6094 1.18,4.4218 2.39,8.9531 3.55,12.8203 0.89,2.9804 1.73,5.9726 1.57,9.1211 -0.2,3.9804 -2.49,7.9804 -6.34,9.7382" /><path
|
|
2950
2950
|
id="path52"
|
|
2951
2951
|
style="fill:#3F2B2E;fill-opacity:1;fill-rule:nonzero;stroke:none"
|
|
2952
|
-
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var
|
|
2952
|
+
d="m 1647.15,320.5 c -2.07,0 -4.94,-0.199 -8.49,-0.469 -8.68,-0.64 -23.5,-1.062 -37.41,-0.172 -20.4,1.282 -32.01,-0.589 -32.01,-10.687 0,-8.66 8.46,-10.781 15.19,-12.461 11.42,-2.949 17.17,-4.422 17.17,-27.402 l 0.93,-77.731 c 0.5,-38.668 1.03,-80.199 1.26,-103.4296 -51.33,57.4726 -160.86,181.7736 -188.51,217.5116 -6.78,8.68 -10.53,13.449 -17.38,13.449 -9.28,0 -20.13,0.743 -29.55,1.379 -7.55,0.5 -14.21,0.934 -18.55,0.934 -12.43,0 -18.72,-3.953 -18.72,-11.781 0,-10.34 10.9,-11.911 15.93,-12.621 10.36,-1.731 14.33,-3.668 18.82,-7.11 2.1,-1.629 5.01,-3.879 5.01,-26.988 0,-29.461 -3.75,-186.1837 -5.06,-201.8126 -2.12,-24.4688 -4.58,-25.168 -18.72,-29.1485 -6.17,-1.6718 -14.6,-3.9609 -14.6,-12.7421 0,-5.1797 2.84,-11.34771 16.4,-11.34771 1.21,0 3.75,0.23829 7.15,0.61719 11.38,1.22266 33.32,1.64062 46.82,0.3125 25.84,-2.53125 30.46,3.93752 30.46,10.41802 0,9.3593 -9.18,11.8515 -14.53,13.3203 -8.73,2.4922 -15.61,6.5195 -17.27,10.1992 -3.05,6.5234 -4.31,16.8515 -4.31,35.6719 0,10.1093 0.37,54.9488 0.74,98.9808 0.25,28.839 0.47,57.359 0.59,75.558 25.28,-29.508 56.38,-65.5 86.72,-100.609 49.5,-57.2697 96.26,-111.3712 113.23,-132.09 l 1.93,-2.3516 c 3.93,-4.8203 7.75,-9.97652 12.34,-14.19918 3.35,-3.089845 8.47,-4.83985 12.86,-2.871095 3.52,1.570315 5.52,5.300785 6.26,8.941405 0.88,4.26177 0.44,8.69927 0.28,13.01177 -0.59,15.3281 -0.42,31.5898 -0.25,52.0703 0.12,12.1172 0.25,25.7184 0.25,41.4684 0,49.141 1.03,147.141 2.98,161.66 1.58,10.52 2.25,14.879 14.31,18.891 l 2.09,0.75 c 4.07,1.41 11.6,4.027 11.6,12.02 0,4.949 -2.76,10.859 -15.96,10.859" /></g></g></svg>`;var Fi=Object.defineProperty,Ri=Object.getOwnPropertyDescriptor,L=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ri(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Fi(t,e,i),i};const ae=class ae extends p{constructor(){super(...arguments),this.ispagedesigner=!1,this._classPopin="",this.open=!1,this.background="",this.backgroundUrl="",this.closeOnEsc=!0,this.closeOnBackdrop=!0,this.lockScroll=!0,this.variant="fullscreen",this.maxWidth="640px",this.showBackButton=!1,this.contrast=!1,this._labelId=`title-${Math.random().toString(36).slice(2)}`,this._onBackdropClick=t=>{var n;if(!this.open||!this.closeOnBackdrop)return;const e=t.composedPath()[0];(n=e==null?void 0:e.classList)!=null&&n.contains("backdrop")&&this._requestClose("backdrop")}}get classPopin(){return this.ispagedesigner?"pagedesigner-popin "+this._classPopin:this._classPopin}set classPopin(t){this._classPopin=t}connectedCallback(){super.connectedCallback(),this._onKeydown=this._onKeydown.bind(this),document.addEventListener("keydown",this._onKeydown)}disconnectedCallback(){document.removeEventListener("keydown",this._onKeydown),super.disconnectedCallback()}updated(t){if(t.has("background")||t.has("backgroundUrl")){let e="";this.background&&this.background.trim()?e=this.background.trim():this.backgroundUrl&&this.backgroundUrl.trim()&&(e=`url('${this.backgroundUrl.trim()}') center/cover no-repeat`),this.style.setProperty("--_bg",e)}if(t.has("open")&&this.lockScroll){const e=document==null?void 0:document.body;e&&(e.style.overflow=this.open?"hidden":""),this.open?this.updateComplete.then(()=>{var i;(i=this.renderRoot.querySelector("[data-close-btn]")??this.renderRoot.querySelector('[role="dialog"]'))==null||i.focus(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}}_onKeydown(t){this.open&&this.closeOnEsc&&t.key==="Escape"&&(t.preventDefault(),this._requestClose("esc"))}_onBackClick(){this.dispatchEvent(new CustomEvent("back",{bubbles:!0,composed:!0}))}_requestClose(t){const e=new CustomEvent("request-close",{bubbles:!0,composed:!0,detail:{reason:t}});this.dispatchEvent(e),e.defaultPrevented||(this.open=!1)}_renderCloseButton(){return customElements.get("o-icon-button")?l`
|
|
2953
2953
|
<o-icon-button
|
|
2954
2954
|
data-close-btn
|
|
2955
2955
|
icon="cross"
|
|
@@ -2992,7 +2992,7 @@
|
|
|
2992
2992
|
<header part="header">
|
|
2993
2993
|
${this.showBackButton?this._renderBackButton():null}
|
|
2994
2994
|
<div class="brand">
|
|
2995
|
-
<span slot="logo${this.contrast?"-contrast":""}">${
|
|
2995
|
+
<span slot="logo${this.contrast?"-contrast":""}">${C(ji)}</span>
|
|
2996
2996
|
</div>
|
|
2997
2997
|
<div part="close${this.contrast?"-contrast":""}">${this._renderCloseButton()}</div>
|
|
2998
2998
|
</header>
|
|
@@ -3001,7 +3001,7 @@
|
|
|
3001
3001
|
</main>
|
|
3002
3002
|
</section>
|
|
3003
3003
|
</div>
|
|
3004
|
-
`}};
|
|
3004
|
+
`}};ae.styles=f`
|
|
3005
3005
|
:host {
|
|
3006
3006
|
position: fixed;
|
|
3007
3007
|
inset: 0;
|
|
@@ -3110,4 +3110,186 @@
|
|
|
3110
3110
|
from { transform: translateY(10px) scale(.98); opacity: 0; }
|
|
3111
3111
|
to { transform: translateY(0) scale(1); opacity: 1; }
|
|
3112
3112
|
}
|
|
3113
|
-
`;let
|
|
3113
|
+
`;let _=ae;L([a({type:Boolean,reflect:!0})],_.prototype,"ispagedesigner",2);L([a({type:String,reflect:!0})],_.prototype,"classPopin",1);L([a({type:Boolean,reflect:!0})],_.prototype,"open",2);L([a({type:String,reflect:!0})],_.prototype,"background",2);L([a({type:String,attribute:"background-url",reflect:!0})],_.prototype,"backgroundUrl",2);L([a({type:Boolean,attribute:"close-on-esc"})],_.prototype,"closeOnEsc",2);L([a({type:Boolean,attribute:"close-on-backdrop"})],_.prototype,"closeOnBackdrop",2);L([a({type:Boolean,attribute:"lock-scroll"})],_.prototype,"lockScroll",2);L([a({type:String,reflect:!0})],_.prototype,"variant",2);L([a({type:String,attribute:"max-width"})],_.prototype,"maxWidth",2);L([a({type:Boolean,reflect:!0})],_.prototype,"showBackButton",2);L([a({type:Boolean,reflect:!0})],_.prototype,"contrast",2);L([et()],_.prototype,"_labelId",2);customElements.define("o-popin",_);var Ui=Object.defineProperty,Ni=Object.getOwnPropertyDescriptor,w=(o,t,e,n)=>{for(var i=n>1?void 0:n?Ni(t,e):t,r=o.length-1,s;r>=0;r--)(s=o[r])&&(i=(n?s(t,e,i):s(i))||i);return n&&i&&Ui(t,e,i),i};let m=class extends p{constructor(){super(...arguments),this.type="cart | notifyme",this.titleProduct="",this.descriptionProduct="",this.volume="",this.perLiter="",this.mainPrice="",this.salesPercentage="",this.oldPrice="",this.imageUrl="https://placehold.co/112x140",this.outOfStock=!1,this.altImage="",this.fullwidth=!1,this.current=!1,this.showIcon=!0,this.tagText=""}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}onClickIcons(){typeof this.onClickIcon=="function"&&this.onClickIcon()}get icons(){return this.showIcon?l`
|
|
3114
|
+
<o-icon-button
|
|
3115
|
+
@click=${this.onClickIcons}
|
|
3116
|
+
icon=${this.type==="notifyme"?"notifyme":"cart"}
|
|
3117
|
+
size="small"
|
|
3118
|
+
bgstyle="background-contrast"
|
|
3119
|
+
type="span"
|
|
3120
|
+
status="empty"
|
|
3121
|
+
strokewidth="0"
|
|
3122
|
+
class=${this.type==="notifyme"?"js-availability-notify-details-routine":"add-to-bag"}
|
|
3123
|
+
></o-icon-button>
|
|
3124
|
+
`:""}render(){return l`
|
|
3125
|
+
<button type="button"
|
|
3126
|
+
class="tile fullpointer ${this.fullwidth?"fullwidth":""} ${this.current?"current":""}" @click=${this.onClick}>
|
|
3127
|
+
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
3128
|
+
<div class="info">
|
|
3129
|
+
${this.tagText?l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>`:""}
|
|
3130
|
+
${this.outOfStock?l`<o-tag type="nostock" role="status" aria-live="polite">Out of stock</o-tag>`:""}
|
|
3131
|
+
<div class="title-volume">
|
|
3132
|
+
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
3133
|
+
${this.volume?l`<span class="volume-info">${this.volume}</span>`:""}
|
|
3134
|
+
</div>
|
|
3135
|
+
${this.descriptionProduct?l`<div class="description">${this.descriptionProduct}</div>`:""}
|
|
3136
|
+
${this.salesPercentage&&this.oldPrice?l`<div class="discount-info"><o-tag bgstyle="background-emphasis">${this.salesPercentage}</o-tag> <span class="old-price">${this.oldPrice}</span></div>`:""}
|
|
3137
|
+
<div class="details">
|
|
3138
|
+
<div>
|
|
3139
|
+
${this.mainPrice?l`<span class="main-price">${this.mainPrice}</span>`:""}
|
|
3140
|
+
${this.perLiter?l`<span class="per-liter">${this.perLiter}</span>`:""}
|
|
3141
|
+
</div>
|
|
3142
|
+
${this.icons}
|
|
3143
|
+
</div>
|
|
3144
|
+
</div>
|
|
3145
|
+
|
|
3146
|
+
</button>
|
|
3147
|
+
`}};m.styles=f`
|
|
3148
|
+
:host {
|
|
3149
|
+
display: block;
|
|
3150
|
+
max-width: 100%;
|
|
3151
|
+
}
|
|
3152
|
+
|
|
3153
|
+
.tile {
|
|
3154
|
+
display: flex;
|
|
3155
|
+
column-gap: var(--spacing-l);
|
|
3156
|
+
align-items: flex-start;
|
|
3157
|
+
justify-content: space-between;
|
|
3158
|
+
border-radius: var(--radius-m);
|
|
3159
|
+
background: var(--color-container-bg-white);
|
|
3160
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
|
|
3161
|
+
font-family: var(--font-family-loccitane-sans);
|
|
3162
|
+
width: 343px;
|
|
3163
|
+
max-width: 343px;
|
|
3164
|
+
padding: var(--spacing-l);
|
|
3165
|
+
margin: 0;
|
|
3166
|
+
border: 0 none;
|
|
3167
|
+
box-sizing: content-box;
|
|
3168
|
+
|
|
3169
|
+
&.current {
|
|
3170
|
+
border: var(--border-m, 1px) solid var(--color-border-secondary, #7E7173);
|
|
3171
|
+
}
|
|
3172
|
+
|
|
3173
|
+
&:hover {
|
|
3174
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
|
3175
|
+
}
|
|
3176
|
+
|
|
3177
|
+
&:active {
|
|
3178
|
+
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.32);
|
|
3179
|
+
}
|
|
3180
|
+
}
|
|
3181
|
+
|
|
3182
|
+
.tile.fullwidth {
|
|
3183
|
+
width: 100%;
|
|
3184
|
+
max-width: 100%;
|
|
3185
|
+
}
|
|
3186
|
+
|
|
3187
|
+
.tile img {
|
|
3188
|
+
object-fit: cover;
|
|
3189
|
+
width: 112px;
|
|
3190
|
+
height: 140px;
|
|
3191
|
+
background: linear-gradient(to bottom, #F9F5F0, #F7F2EA);
|
|
3192
|
+
}
|
|
3193
|
+
|
|
3194
|
+
.info {
|
|
3195
|
+
flex-grow: 1;
|
|
3196
|
+
display: flex;
|
|
3197
|
+
flex-direction: column;
|
|
3198
|
+
justify-content: space-between;
|
|
3199
|
+
row-gap: var(--spacing-s);
|
|
3200
|
+
min-height: 140px;
|
|
3201
|
+
|
|
3202
|
+
has(o-tag), has(.discount-info) {
|
|
3203
|
+
justify-content: flex-start;
|
|
3204
|
+
}
|
|
3205
|
+
}
|
|
3206
|
+
|
|
3207
|
+
.info .title {
|
|
3208
|
+
font-family: var(--font-family-loccitane-serif);
|
|
3209
|
+
font-size: var(--font-size-150);
|
|
3210
|
+
font-weight: var(--font-weight-400);
|
|
3211
|
+
color: var(--colors-noir-des-terres-500);
|
|
3212
|
+
line-height: var(--line-height-160);
|
|
3213
|
+
letter-spacing: var(--letter-spacing-100);
|
|
3214
|
+
text-align: left;
|
|
3215
|
+
}
|
|
3216
|
+
|
|
3217
|
+
.info .description {
|
|
3218
|
+
color: var(--color-content-description, #7E7173);
|
|
3219
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3220
|
+
font-size: var(--font-size-150, 14px);
|
|
3221
|
+
font-weight: var(--font-weight-400, 400);
|
|
3222
|
+
line-height: var(--line-height-200, 20px);
|
|
3223
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
3224
|
+
text-align: left;
|
|
3225
|
+
display: -webkit-box;
|
|
3226
|
+
-webkit-line-clamp: 2;
|
|
3227
|
+
-webkit-box-orient: vertical;
|
|
3228
|
+
overflow: hidden;
|
|
3229
|
+
}
|
|
3230
|
+
|
|
3231
|
+
.info .details {
|
|
3232
|
+
display: flex;
|
|
3233
|
+
align-items: center;
|
|
3234
|
+
justify-content: space-between;
|
|
3235
|
+
}
|
|
3236
|
+
|
|
3237
|
+
.info .discount-info {
|
|
3238
|
+
display: flex;
|
|
3239
|
+
align-items: center;
|
|
3240
|
+
column-gap: var(--spacing-xs);
|
|
3241
|
+
|
|
3242
|
+
.old-price {
|
|
3243
|
+
color: var(--color-content-description, #7E7173);
|
|
3244
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3245
|
+
font-size: var(--font-size-100, 12px);
|
|
3246
|
+
font-style: normal;
|
|
3247
|
+
font-weight: var(--font-weight-400, 400);
|
|
3248
|
+
line-height: var(--line-height-160, 16px); /* 133.333% */
|
|
3249
|
+
letter-spacing: var(--letter-spacing-000, 0);
|
|
3250
|
+
text-decoration-line: line-through;
|
|
3251
|
+
}
|
|
3252
|
+
|
|
3253
|
+
}
|
|
3254
|
+
|
|
3255
|
+
.info .volume-info {
|
|
3256
|
+
color: var(--color-content-description, #7E7173);
|
|
3257
|
+
font-family: var(--font-family-loccitane-sans, LOccitaneSans);
|
|
3258
|
+
font-size: var(--font-size-100, 12px);
|
|
3259
|
+
font-style: normal;
|
|
3260
|
+
font-weight: var(--font-weight-400, 400);
|
|
3261
|
+
line-height: var(--line-height-160, 16px);
|
|
3262
|
+
text-align: left;
|
|
3263
|
+
letter-spacing: var(--letter-spacing-400, 0.64px);
|
|
3264
|
+
}
|
|
3265
|
+
|
|
3266
|
+
.info o-tag {
|
|
3267
|
+
display: flex;
|
|
3268
|
+
}
|
|
3269
|
+
|
|
3270
|
+
.title-volume {
|
|
3271
|
+
display: flex;
|
|
3272
|
+
align-items: flex-start;
|
|
3273
|
+
flex-direction: column;
|
|
3274
|
+
row-gap: var(--spacing-2-xs);
|
|
3275
|
+
}
|
|
3276
|
+
|
|
3277
|
+
.main-price {
|
|
3278
|
+
font-family: var(--font-family-loccitane-sans);
|
|
3279
|
+
color: var(--colors-noir-des-terres-500);
|
|
3280
|
+
font-size: var(--font-size-100);
|
|
3281
|
+
padding: 0 var(--spacing-xs) 0 0;
|
|
3282
|
+
font-weight: var(--font-weight-400);
|
|
3283
|
+
}
|
|
3284
|
+
|
|
3285
|
+
.per-liter {
|
|
3286
|
+
font-size: var(--font-size-100);
|
|
3287
|
+
color: var(--color-content-description);
|
|
3288
|
+
letter-spacing: var(--letter-spacing-absolute);
|
|
3289
|
+
line-height: var(--line-height-160);
|
|
3290
|
+
}
|
|
3291
|
+
|
|
3292
|
+
.fullpointer {
|
|
3293
|
+
cursor: pointer;
|
|
3294
|
+
}
|
|
3295
|
+
`;w([a({type:String})],m.prototype,"type",2);w([a({type:String})],m.prototype,"titleProduct",2);w([a({type:String})],m.prototype,"descriptionProduct",2);w([a({type:String})],m.prototype,"volume",2);w([a({type:String})],m.prototype,"perLiter",2);w([a({type:String})],m.prototype,"mainPrice",2);w([a({type:String})],m.prototype,"salesPercentage",2);w([a({type:String})],m.prototype,"oldPrice",2);w([a({type:String})],m.prototype,"imageUrl",2);w([a({type:Boolean})],m.prototype,"outOfStock",2);w([a({type:String})],m.prototype,"altImage",2);w([a({type:Boolean})],m.prototype,"fullwidth",2);w([a({type:Boolean})],m.prototype,"current",2);w([a({type:Boolean})],m.prototype,"showIcon",2);w([a({type:String})],m.prototype,"tagText",2);w([a({type:Function})],m.prototype,"onClickTile",2);w([a({type:Function})],m.prototype,"onClickIcon",2);m=w([g("o-medium-tile")],m);
|