@florid-kit/components 0.9.18 → 0.9.20
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/breadcrumb.d.ts +9 -0
- package/components/breadcrumbs.d.ts +6 -0
- package/components/minitile.d.ts +1 -0
- package/index.js +205 -129
- package/index.mjs +945 -826
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const _t=globalThis,jt=_t.ShadowRoot&&(_t.ShadyCSS===void 0||_t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Rt=Symbol(),ee=new WeakMap;let ue=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Rt)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(jt&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=ee.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&ee.set(e,t))}return t}toString(){return this.cssText}};const we=o=>new ue(typeof o=="string"?o:o+"",void 0,Rt),v=(o,...t)=>{const e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(s=>{if(s._$cssResult$===!0)return s.cssText;if(typeof s=="number")return s;throw Error("Value passed to 'css' function must be a 'css' function result: "+s+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[n+1],o[0]);return new ue(e,o,Rt)},$e=(o,t)=>{if(jt)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const e of t){const r=document.createElement("style"),i=_t.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},oe=jt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return we(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:_e,defineProperty:Ce,getOwnPropertyDescriptor:ke,getOwnPropertyNames:Se,getOwnPropertySymbols:Ae,getPrototypeOf:Ee}=Object,W=globalThis,ie=W.trustedTypes,Le=ie?ie.emptyScript:"",Pt=W.reactiveElementPolyfillSupport,ct=(o,t)=>o,Ct={toAttribute(o,t){switch(t){case Boolean:o=o?Le: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}},Nt=(o,t)=>!_e(o,t),re={attribute:!0,type:String,converter:Ct,reflect:!1,useDefault:!1,hasChanged:Nt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let rt=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=re){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&Ce(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=ke(this.prototype,t)??{get(){return this[e]},set(s){this[e]=s}};return{get:i,set(s){const h=i==null?void 0:i.call(this);n==null||n.call(this,s),this.requestUpdate(t,h,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??re}static _$Ei(){if(this.hasOwnProperty(ct("elementProperties")))return;const t=Ee(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(ct("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(ct("properties"))){const e=this.properties,r=[...Se(e),...Ae(e)];for(const i of r)this.createProperty(i,e[i])}const t=this[Symbol.metadata];if(t!==null){const e=litPropertyMetadata.get(t);if(e!==void 0)for(const[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(const[e,r]of this.elementProperties){const i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const r=new Set(t.flat(1/0).reverse());for(const i of r)e.unshift(oe(i))}else t!==void 0&&e.push(oe(t));return e}static _$Eu(t,e){const r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e;(this._$EO??(this._$EO=new Set)).add(t),this.renderRoot!==void 0&&this.isConnected&&((e=t.hostConnected)==null||e.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return $e(t,this.constructor.elementStyles),t}connectedCallback(){var t;this.renderRoot??(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostConnected)==null?void 0:r.call(e)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$ET(t,e){var n;const r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){const s=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:Ct).toAttribute(e,r.type);this._$Em=t,s==null?this.removeAttribute(i):this.setAttribute(i,s),this._$Em=null}}_$AK(t,e){var n,s;const r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){const h=r.getPropertyOptions(i),c=typeof h.converter=="function"?{fromAttribute:h.converter}:((n=h.converter)==null?void 0:n.fromAttribute)!==void 0?h.converter:Ct;this._$Em=i,this[i]=c.fromAttribute(e,h.type)??((s=this._$Ej)==null?void 0:s.get(i))??null,this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){const n=this.constructor,s=this[t];if(r??(r=n.getPropertyOptions(t)),!((r.hasChanged??Nt)(s,e)||r.useDefault&&r.reflect&&s===((i=this._$Ej)==null?void 0:i.get(t))&&!this.hasAttribute(n._$Eu(t,r))))return;this.C(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$EP())}C(t,e,{useDefault:r,reflect:i,wrapped:n},s){r&&!(this._$Ej??(this._$Ej=new Map)).has(t)&&(this._$Ej.set(t,s??e??this[t]),n!==!0||s!==void 0)||(this._$AL.has(t)||(this.hasUpdated||r||(e=void 0),this._$AL.set(t,e)),i===!0&&this._$Em!==t&&(this._$Eq??(this._$Eq=new Set)).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r;if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??(this.renderRoot=this.createRenderRoot()),this._$Ep){for(const[n,s]of this._$Ep)this[n]=s;this._$Ep=void 0}const i=this.constructor.elementProperties;if(i.size>0)for(const[n,s]of i){const{wrapped:h}=s,c=this[n];h!==!0||this._$AL.has(n)||c===void 0||this.C(n,void 0,s,c)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(r=this._$EO)==null||r.forEach(i=>{var n;return(n=i.hostUpdate)==null?void 0:n.call(i)}),this.update(e)):this._$EM()}catch(i){throw t=!1,this._$EM(),i}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&(this._$Eq=this._$Eq.forEach(e=>this._$ET(e,this[e]))),this._$EM()}updated(t){}firstUpdated(t){}};rt.elementStyles=[],rt.shadowRootOptions={mode:"open"},rt[ct("elementProperties")]=new Map,rt[ct("finalized")]=new Map,Pt==null||Pt({ReactiveElement:rt}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const ht=globalThis,
|
|
14
|
-
\f\r]`,lt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const ht=globalThis,kt=ht.trustedTypes,ne=kt?kt.createPolicy("lit-html",{createHTML:o=>o}):void 0,ve="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,fe="?"+K,Pe=`<${fe}>`,tt=document,pt=()=>tt.createComment(""),ut=o=>o===null||typeof o!="object"&&typeof o!="function",Ft=Array.isArray,Oe=o=>Ft(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",Ot=`[
|
|
14
|
+
\f\r]`,lt=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,se=/-->/g,ae=/>/g,J=RegExp(`>|${Ot}(?:([^\\s"'>=/]+)(${Ot}*=${Ot}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),le=/'/g,ce=/"/g,be=/^(?:script|style|textarea|title)$/i,Ie=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Ie(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),he=new WeakMap,Q=tt.createTreeWalker(tt,129);function ge(o,t){if(!Ft(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return ne!==void 0?ne.createHTML(t):t}const ze=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=lt;for(let h=0;h<e;h++){const c=o[h];let m,w,f=-1,N=0;for(;N<c.length&&(s.lastIndex=N,w=s.exec(c),w!==null);)N=s.lastIndex,s===lt?w[1]==="!--"?s=se:w[1]!==void 0?s=ae:w[2]!==void 0?(be.test(w[2])&&(i=RegExp("</"+w[2],"g")),s=J):w[3]!==void 0&&(s=J):s===J?w[0]===">"?(s=i??lt,f=-1):w[1]===void 0?f=-2:(f=s.lastIndex-w[2].length,m=w[1],s=w[3]===void 0?J:w[3]==='"'?ce:le):s===ce||s===le?s=J:s===se||s===ae?s=lt:(s=J,i=void 0);const Z=s===J&&o[h+1].startsWith("/>")?" ":"";n+=s===lt?c+Pe:f>=0?(r.push(m),c.slice(0,f)+ve+c.slice(f)+K+Z):c+K+(f===-2?h:Z)}return[ge(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class vt{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const h=t.length-1,c=this.parts,[m,w]=ze(t,e);if(this.el=vt.createElement(m,r),Q.currentNode=this.el.content,e===2||e===3){const f=this.el.content.firstChild;f.replaceWith(...f.childNodes)}for(;(i=Q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const f of i.getAttributeNames())if(f.endsWith(ve)){const N=w[s++],Z=i.getAttribute(f).split(K),$t=/([.?@])?(.*)/.exec(N);c.push({type:1,index:n,name:$t[2],strings:Z,ctor:$t[1]==="."?De:$t[1]==="?"?He:$t[1]==="@"?Te:At}),i.removeAttribute(f)}else f.startsWith(K)&&(c.push({type:6,index:n}),i.removeAttribute(f));if(be.test(i.tagName)){const f=i.textContent.split(K),N=f.length-1;if(N>0){i.textContent=kt?kt.emptyScript:"";for(let Z=0;Z<N;Z++)i.append(f[Z],pt()),Q.nextNode(),c.push({type:2,index:++n});i.append(f[N],pt())}}}else if(i.nodeType===8)if(i.data===fe)c.push({type:2,index:n});else{let f=-1;for(;(f=i.data.indexOf(K,f+1))!==-1;)c.push({type:7,index:n}),f+=K.length-1}n++}}static createElement(t,e){const r=tt.createElement("template");return r.innerHTML=t,r}}function nt(o,t,e=o,r){var s,h;if(t===G)return t;let i=r!==void 0?(s=e._$Co)==null?void 0:s[r]:e._$Cl;const n=ut(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((h=i==null?void 0:i._$AO)==null||h.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?(e._$Co??(e._$Co=[]))[r]=i:e._$Cl=i),i!==void 0&&(t=nt(o,i._$AS(o,t.values),i,r)),t}class Be{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:r}=this._$AD,i=((t==null?void 0:t.creationScope)??tt).importNode(e,!0);Q.currentNode=i;let n=Q.nextNode(),s=0,h=0,c=r[0];for(;c!==void 0;){if(s===c.index){let m;c.type===2?m=new wt(n,n.nextSibling,this,t):c.type===1?m=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(m=new Me(n,this,t)),this._$AV.push(m),c=r[++h]}s!==(c==null?void 0:c.index)&&(n=Q.nextNode(),s++)}return Q.currentNode=tt,i}p(t){let e=0;for(const r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}}class wt{get _$AU(){var t;return((t=this._$AM)==null?void 0:t._$AU)??this._$Cv}constructor(t,e,r,i){this.type=2,this._$AH=d,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this._$Cv=(i==null?void 0:i.isConnected)??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=nt(this,t,e),ut(t)?t===d||t==null||t===""?(this._$AH!==d&&this._$AR(),this._$AH=d):t!==this._$AH&&t!==G&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):Oe(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&&ut(this._$AH)?this._$AA.nextSibling.data=t:this.T(tt.createTextNode(t)),this._$AH=t}$(t){var n;const{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=vt.createElement(ge(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{const s=new Be(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=he.get(t.strings);return e===void 0&&he.set(t.strings,e=new vt(t)),e}k(t){Ft(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let r,i=0;for(const n of t)i===e.length?e.push(r=new wt(this.O(pt()),this.O(pt()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){const i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this._$Cv=t,(e=this._$AP)==null||e.call(this,t))}}class At{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=d,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=d}_$AI(t,e=this,r,i){const n=this.strings;let s=!1;if(n===void 0)t=nt(this,t,e,0),s=!ut(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const h=t;let c,m;for(t=n[0],c=0;c<n.length-1;c++)m=nt(this,h[r+c],e,c),m===G&&(m=this._$AH[c]),s||(s=!ut(m)||m!==this._$AH[c]),m===d?t=d:t!==d&&(t+=(m??"")+n[c+1]),this._$AH[c]=m}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class De extends At{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class He extends At{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Te extends At{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=nt(this,t,e,0)??d)===G)return;const r=this._$AH,i=t===d&&r!==d||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==d&&(r===d||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e;typeof this._$AH=="function"?this._$AH.call(((e=this.options)==null?void 0:e.host)??this.element,t):this._$AH.handleEvent(t)}}class Me{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){nt(this,t)}}const It=ht.litHtmlPolyfillSupport;It==null||It(vt,wt),(ht.litHtmlVersions??(ht.litHtmlVersions=[])).push("3.3.0");const je=(o,t,e)=>{const r=(e==null?void 0:e.renderBefore)??t;let i=r._$litPart$;if(i===void 0){const n=(e==null?void 0:e.renderBefore)??null;r._$litPart$=i=new wt(t.insertBefore(pt(),n),n,void 0,e??{})}return i._$AI(o),i};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
19
|
-
*/const Y=globalThis;let
|
|
19
|
+
*/const Y=globalThis;let p=class extends rt{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=je(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this._$Do)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this._$Do)==null||t.setConnected(!1)}render(){return G}};var pe;p._$litElement$=!0,p.finalized=!0,(pe=Y.litElementHydrateSupport)==null||pe.call(Y,{LitElement:p});const zt=Y.litElementPolyfillSupport;zt==null||zt({LitElement:p});(Y.litElementVersions??(Y.litElementVersions=[])).push("4.2.0");/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2017 Google LLC
|
|
22
22
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
-
*/const
|
|
23
|
+
*/const b=o=>(t,e)=>{e!==void 0?e.addInitializer(()=>{customElements.define(o,t)}):customElements.define(o,t)};/**
|
|
24
24
|
* @license
|
|
25
25
|
* Copyright 2017 Google LLC
|
|
26
26
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
27
|
-
*/const
|
|
27
|
+
*/const Re={attribute:!0,type:String,converter:Ct,reflect:!1,hasChanged:Nt},Ne=(o=Re,t,e)=>{const{kind:r,metadata:i}=e;let n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),r==="setter"&&((o=Object.create(o)).wrapped=!0),n.set(e.name,o),r==="accessor"){const{name:s}=e;return{set(h){const c=t.get.call(this);t.set.call(this,h),this.requestUpdate(s,c,o)},init(h){return h!==void 0&&this.C(s,void 0,o,h),h}}}if(r==="setter"){const{name:s}=e;return function(h){const c=this[s];t.call(this,h),this.requestUpdate(s,c,o)}}throw Error("Unsupported decorator location: "+r)};function a(o){return(t,e)=>typeof e=="object"?Ne(o,t,e):((r,i,n)=>{const s=i.hasOwnProperty(n);return i.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -32,14 +32,14 @@
|
|
|
32
32
|
* @license
|
|
33
33
|
* Copyright 2017 Google LLC
|
|
34
34
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
-
*/const
|
|
35
|
+
*/const Fe=(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 ye(o,t){return(e,r,i)=>{const n=s=>{var h;return((h=s.renderRoot)==null?void 0:h.querySelector(o))??null};return Fe(e,r,{get(){return n(this)}})}}const ot=v`
|
|
40
40
|
outline: 1px dashed var(--color-border-primary);
|
|
41
41
|
outline-offset: 2px;
|
|
42
|
-
`;
|
|
42
|
+
`;v`
|
|
43
43
|
:host * {
|
|
44
44
|
box-sizing: border-box;
|
|
45
45
|
}
|
|
@@ -47,146 +47,146 @@
|
|
|
47
47
|
* @license
|
|
48
48
|
* Copyright 2023 Google LLC
|
|
49
49
|
* SPDX-License-Identifier: Apache-2.0
|
|
50
|
-
*/const
|
|
50
|
+
*/const Ut=Symbol("internals"),Bt=Symbol("privateInternals");function Vt(o){var t;class e extends o{get[(t=Ut,t)](){return this[Bt]||(this[Bt]=this.attachInternals()),this[Bt]}}return e}/**
|
|
51
51
|
* @license
|
|
52
52
|
* Copyright 2023 Google LLC
|
|
53
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
54
|
-
*/function
|
|
54
|
+
*/function Ue(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[Ut]:n}=e,{form:s}=n;if(!(!s||i==="button")&&(await new Promise(h=>{setTimeout(h)}),!r.defaultPrevented)){if(i==="reset"){s.reset();return}s.addEventListener("submit",h=>{Object.defineProperty(h,"submitter",{configurable:!0,enumerable:!0,get:()=>e})},{capture:!0,once:!0}),n.setFormValue(e.value),s.requestSubmit()}})})}const Ve=`<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
|
+
`,qe=`<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
|
+
`,Ze=`<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
|
+
`,Ke=`<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
|
+
`,We=`<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
|
+
`,Ge=`<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
|
+
`,Xe=`<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
|
+
`,Je=`<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
|
+
`,Qe=`<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
|
+
`,Ye=`<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
|
+
`,to=`<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
|
+
`,eo=`<?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
|
+
`,oo=`<?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
|
+
`,io=`<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
|
+
`,ro=`<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
|
+
`,no=`<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
|
+
`,so=`<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
|
+
`,ao=`<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
|
+
`,lo=`<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
|
+
`,co=`<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
|
+
`,ho=`<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
|
+
`,po=`<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
|
+
`,uo=`<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>`,vo=`<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
|
+
`,fo=`<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
|
+
`,bo=`<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
|
+
`,go=`<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
|
+
`,yo=`<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
|
+
`,mo=`<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>`,F={wishlist:Ve,playerv:qe,chevronRight:Ze,chevronLeft:Ke,icoPlus:eo,icoMinus:oo,"star-0":We,"star-25":Ge,"star-50":Xe,"star-75":Je,"star-100":Qe,cross:Ye,search:to,arrowLeft:io,arrowTop:ro,cart:no,notifyme:so,triangledown:ao,triangleup:lo,checkstroke:co,pause:ho,mapDualArrow:po,swipeDualArrow:vo,backToBag:yo,checkbox:mo},xo={strikeDiagonal:uo},wo={success:fo,error:bo,info:go};/**
|
|
150
150
|
* @license
|
|
151
151
|
* Copyright 2017 Google LLC
|
|
152
152
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
153
|
-
*/const
|
|
153
|
+
*/const qt={ATTRIBUTE:1,CHILD:2},Zt=o=>(...t)=>({_$litDirective$:o,values:t});let Kt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this._$Ct=t,this._$AM=e,this._$Ci=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};/**
|
|
154
154
|
* @license
|
|
155
155
|
* Copyright 2017 Google LLC
|
|
156
156
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
157
|
-
*/class
|
|
157
|
+
*/class Dt extends Kt{constructor(t){if(super(t),this.it=d,t.type!==qt.CHILD)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===d||t==null)return this._t=void 0,this.it=t;if(t===G)return t;if(typeof t!="string")throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const e=[t];return e.raw=e,this._t={_$litType$:this.constructor.resultType,strings:e,values:[]}}}Dt.directiveName="unsafeHTML",Dt.resultType=1;/**
|
|
158
158
|
* @license
|
|
159
159
|
* Copyright 2017 Google LLC
|
|
160
160
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
161
|
-
*/class
|
|
161
|
+
*/class Ht extends Dt{}Ht.directiveName="unsafeSVG",Ht.resultType=2;const _=Zt(Ht);/**
|
|
162
162
|
* @license
|
|
163
163
|
* Copyright 2020 Google LLC
|
|
164
164
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
165
|
-
*/const
|
|
165
|
+
*/const $o=o=>o.strings===void 0;/**
|
|
166
166
|
* @license
|
|
167
167
|
* Copyright 2017 Google LLC
|
|
168
168
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
169
|
-
*/const dt=(o,t)=>{var
|
|
169
|
+
*/const dt=(o,t)=>{var r;const e=o._$AN;if(e===void 0)return!1;for(const i of e)(r=i._$AO)==null||r.call(i,t,!1),dt(i,t);return!0},St=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)},me=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),ko(t)}};function _o(o){this._$AN!==void 0?(St(this),this._$AM=o,me(this)):this._$AM=o}function Co(o,t=!1,e=0){const r=this._$AH,i=this._$AN;if(i!==void 0&&i.size!==0)if(t)if(Array.isArray(r))for(let n=e;n<r.length;n++)dt(r[n],!1),St(r[n]);else r!=null&&(dt(r,!1),St(r));else dt(this,o)}const ko=o=>{o.type==qt.CHILD&&(o._$AP??(o._$AP=Co),o._$AQ??(o._$AQ=_o))};class So extends Kt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),me(this),this.isConnected=t._$AU}_$AO(t,e=!0){var r,i;t!==this.isConnected&&(this.isConnected=t,t?(r=this.reconnected)==null||r.call(this):(i=this.disconnected)==null||i.call(this)),e&&(dt(this,t),St(this))}setValue(t){if($o(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 Ao extends So{constructor(){super(...arguments),this.prevData={}}render(t){return d}update(t,[e]){var r;this.element!==t.element&&(this.element=t.element),this.host=((r=t.options)===null||r===void 0?void 0:r.host)||this.element,this.apply(e),this.groom(e),this.prevData={...e}}apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];n!==e[i]&&(r[i]=n)}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&(r[i]=void 0)}}class Eo extends Ao{constructor(){super(...arguments),this.eventData={}}apply(t){if(t)for(const e in t){const r=t[e];r!==this.eventData[e]&&this.applyEvent(e,r)}}applyEvent(t,e){const{prevData:r,element:i}=this;this.eventData[t]=e,r[t]&&i.removeEventListener(t,this,e),i.addEventListener(t,this,e)}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e)(!t||!(i in t)&&r[i]===e[i])&&this.groomEvent(i,e[i])}groomEvent(t,e){const{element:r}=this;delete this.eventData[t],r.removeEventListener(t,this,e)}handleEvent(t){const e=this.eventData[t.type];typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}disconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.removeEventListener(i,this,n)}}reconnected(){const{eventData:t,element:e}=this;for(const r in t){const i=r.slice(1),n=t[r];e.addEventListener(i,this,n)}}}class Lo extends Eo{apply(t){if(!t)return;const{prevData:e,element:r}=this;for(const i in t){const n=t[i];if(n===e[i])continue;const s=i.slice(1);switch(i[0]){case"@":this.eventData[s]=n,this.applyEvent(s,n);break;case".":r[s]=n;break;case"?":n?r.setAttribute(s,""):r.removeAttribute(s);break;default:n!=null?r.setAttribute(i,String(n)):r.removeAttribute(i);break}}}groom(t){const{prevData:e,element:r}=this;if(e)for(const i in e){const n=i.slice(1);if(!t||!(i in t)&&r[n]===e[i])switch(i[0]){case"@":this.groomEvent(n,e[i]);break;case".":r[n]=void 0;break;case"?":r.removeAttribute(n);break;default:r.removeAttribute(i);break}}}}const de=Zt(Lo);/**
|
|
170
170
|
* @license
|
|
171
171
|
* Copyright 2018 Google LLC
|
|
172
172
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
173
|
-
*/const
|
|
173
|
+
*/const S=o=>o??d;var Po=Object.defineProperty,Oo=Object.getOwnPropertyDescriptor,H=(o,t,e,r)=>{for(var i=r>1?void 0:r?Oo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Po(t,e,i),i};let A=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=F[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
174
174
|
${this.type==="span"?l`
|
|
175
175
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
176
|
-
${
|
|
176
|
+
${_(e)}
|
|
177
177
|
</span>
|
|
178
178
|
`:l`
|
|
179
179
|
<button
|
|
180
180
|
type="button"
|
|
181
|
-
aria-label=${
|
|
181
|
+
aria-label=${S(i)}
|
|
182
182
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
183
183
|
?disabled="${this.disabled}"
|
|
184
184
|
>
|
|
185
|
-
${
|
|
186
|
-
${
|
|
185
|
+
${_(e)}
|
|
186
|
+
${r}
|
|
187
187
|
</button>
|
|
188
188
|
`}
|
|
189
|
-
`}};
|
|
189
|
+
`}};A.styles=v`
|
|
190
190
|
:host {
|
|
191
191
|
display: inline-flex;
|
|
192
192
|
justify-content: center;
|
|
@@ -391,13 +391,13 @@
|
|
|
391
391
|
}
|
|
392
392
|
|
|
393
393
|
.icon-button:focus-visible {
|
|
394
|
-
${
|
|
394
|
+
${ot}
|
|
395
395
|
}
|
|
396
396
|
|
|
397
397
|
.sr-only {
|
|
398
398
|
display: none;
|
|
399
399
|
}
|
|
400
|
-
`;H([a({type:String,reflect:!0})],
|
|
400
|
+
`;H([a({type:String,reflect:!0})],A.prototype,"bgstyle",2);H([a({type:String,reflect:!0})],A.prototype,"size",2);H([a({type:String,reflect:!0})],A.prototype,"status",2);H([a({type:String,reflect:!0})],A.prototype,"type",2);H([a({type:String})],A.prototype,"strokewidth",2);H([a({type:String})],A.prototype,"icon",2);H([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);H([a({type:Boolean})],A.prototype,"showSrLabel",2);H([a({type:String})],A.prototype,"srLabel",2);A=H([b("o-icon-button")],A);var Io=Object.defineProperty,zo=Object.getOwnPropertyDescriptor,y=(o,t,e,r)=>{for(var i=r>1?void 0:r?zo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Io(t,e,i),i};let 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.closeButtonLabel="Close the modal",this.firstButtonLabel="Close",this.firstButtonVariant="primary",this.firstButtonProps={},this.onFirstButtonClickClose=!1,this.secondButtonLabel="",this.secondButtonVariant="secondary",this.secondButtonProps={},this.onSecondButtonClickClose=!1,this.disablePortal=!1,this.zIndex=99,this.initialized=!1,this.showDetail=!1,this.isHidingDetail=!1,this.previousFocusedElement=null,this._onOpenDetail=async o=>{var e,r;const t=((e=o.detail)==null?void 0:e.origin)??document.activeElement;if(this._detailOriginEl=t,this._detailOriginClass=(t==null?void 0:t.className)??"",this.showDetail=!0,this.showHeaderStartIcon=!0,await this.updateComplete,this._detailOriginClass){const i=(r=this.shadowRoot)==null?void 0:r.querySelector(".detail-view");i&&i.setAttribute("fromelement",this._detailOriginClass)}this._setPriceTabindex(),await this.focusDetailReturnBtn()},this._detailOriginEl=null,this._detailOriginClass="",this.handleKeyDown=o=>{this.open&&(o.key==="Escape"?this.closePanel():o.key==="Tab"&&this.trapFocus(o))},this.handleClosePanel=o=>{if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;o.preventDefault(),o.stopPropagation();const t=o.currentTarget,e=(t==null?void 0:t.getAttribute("data-role"))==="back";if(this.showDetail&&e){this.isHidingDetail=!0;const r=this.renderRoot.querySelector(".content"),i=async()=>{this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1,await this.updateComplete,this._restoreFocusToOrigin()};if(r){this.showHeaderStartIcon=!1;const n=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",n),i()};r.addEventListener("animationend",n)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()},this._onDetailSlotChange=o=>{const r=o.target.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll("img")))[0];r==null||r.setAttribute("tabindex","0")}}connectedCallback(){super.connectedCallback(),!this.disablePortal&&this.parentElement!==document.body&&document.body.appendChild(this),this.addEventListener("keydown",this.handleKeyDown),this.updateComplete.then(()=>{this.initialized=!0}),this.addEventListener("open-detail",this._onOpenDetail)}disconnectedCallback(){document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback(),this.removeEventListener("open-detail",this._onOpenDetail)}async focusDetailReturnBtn(){var r,i,n,s;await this.updateComplete;const o=this.getDeepActiveElement(document);if(o&&o!==document.body)try{o.blur()}catch{}await new Promise(requestAnimationFrame);const t=(r=this.shadowRoot)==null?void 0:r.querySelector(".detail-view .return-btn");if(!t)return;t.updateComplete&&await t.updateComplete,(s=(n=((i=t.shadowRoot)==null?void 0:i.querySelector("button"))??t)==null?void 0:n.focus)==null||s.call(n,{preventScroll:!0})}_setPriceTabindex(){var r;const o=(r=this.shadowRoot)==null?void 0:r.querySelector('slot[name="detail"]');if(!o)return;const e=o.assignedElements({flatten:!0}).flatMap(i=>Array.from(i.querySelectorAll(".m-product-price-standard")));for(const i of e)i.hasAttribute("tabindex")||i.setAttribute("tabindex","0")}_restoreFocusToOrigin(){var t,e;const o=this._detailOriginEl;!o||!document.contains(o)||((e=(t=document.activeElement)==null?void 0:t.blur)==null||e.call(t),requestAnimationFrame(()=>{var i;o.classList.add("a--tabfocus"),(((i=o.shadowRoot)==null?void 0:i.querySelector('button, .button, [tabindex]:not([tabindex="-1"])'))??null??o).focus({preventScroll:!0})}))}getDeepActiveElement(o=this.shadowRoot){let t=o.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}trapFocus(o){if(o.key!=="Tab")return;const t=this.getDeepActiveElement(),e=this.renderRoot.querySelector(".close-btn");if(!o.shiftKey&&e&&e.contains(t)){o.preventDefault();const r=this.renderRoot.querySelector(".o-whats-inside--content p");r==null||r.focus()}}getFocusableElements(){const o=this.renderRoot.querySelector(".panel");if(!o)return[];function t(i){return!(i.disabled||i.hasAttribute("disabled")||i.hasAttribute("tabindex")&&i.getAttribute("tabindex")==="-1")}function e(i){var s;const n=[i.matches(u.focusablesSelector)?i:[]];if(!["o-icon-button","o-button"].includes(i.tagName.toLowerCase())){const h=Array.from(i instanceof HTMLSlotElement?i.assignedElements({flatten:!0}):[]).filter(t).flatMap(e),c=Array.from(((s=i.shadowRoot)==null?void 0:s.querySelectorAll("*"))||[]).filter(t).flatMap(e);n.push(...h,...c)}return n.flat()}return Array.from(o.querySelectorAll("*")).filter(t).flatMap(e)}openPanel(){this.removeAttribute("hidden"),this.getBoundingClientRect(),this.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open");const o=this.renderRoot.querySelector(".panel");o&&o.setAttribute("aria-modal","true"),this.updateComplete.then(()=>{var t,e,r,i;if(this.showHeader){const n=((t=this.shadowRoot)==null?void 0:t.querySelector(".panel .close-btn"))||null,s=((e=n==null?void 0:n.shadowRoot)==null?void 0:e.querySelector("button"))||null;s&&((r=s.focus)==null||r.call(s))}else{const n=this.getFocusableElements()[0];(i=n==null?void 0:n.focus)==null||i.call(n)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var t,e,r,i,n;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((t=this.previousFocusedElement)==null?void 0:t.tagName.toLowerCase())==="o-button"?(i=(r=(e=this.previousFocusedElement.shadowRoot)==null?void 0:e.querySelector(".button"))==null?void 0:r.focus)==null||i.call(r):(n=this.previousFocusedElement)==null||n.focus();const o=this.renderRoot.querySelector(".panel");o&&o.removeAttribute("aria-modal"),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}handleFirstClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onFirstButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("firstbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"first",target:o.target}})))}handleSecondClick(o){o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" "||(o.preventDefault(),o.stopPropagation(),this.onSecondButtonClickClose&&this.closePanel(),this.dispatchEvent(new CustomEvent("secondbuttonclick",{bubbles:!0,composed:!0,cancelable:!0,detail:{button:"second",target:o.target}})))}updated(){this.style.setProperty("--z-overlay",`${this.zIndex||99}`),this.style.setProperty("--z-panel",`${this.zIndex?this.zIndex+1:99}`),this.open||setTimeout(()=>{this.setAttribute("hidden","hidden")},500)}render(){const o=this.showHeader?l`
|
|
401
401
|
<div tabindex="-1" class="header">
|
|
402
402
|
${this.showHeaderStartIcon?l`
|
|
403
403
|
<o-icon-button
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
variant="${this.firstButtonVariant}"
|
|
462
462
|
@click=${this.handleFirstClick}
|
|
463
463
|
@keydown=${this.handleFirstClick}
|
|
464
|
-
${
|
|
464
|
+
${de(this.firstButtonProps)}
|
|
465
465
|
>
|
|
466
466
|
${this.firstButtonLabel}
|
|
467
467
|
</o-button>
|
|
@@ -472,7 +472,7 @@
|
|
|
472
472
|
variant="${this.secondButtonVariant}"
|
|
473
473
|
@click=${this.handleSecondClick}
|
|
474
474
|
@keydown=${this.handleSecondClick}
|
|
475
|
-
${
|
|
475
|
+
${de(this.secondButtonProps)}
|
|
476
476
|
>
|
|
477
477
|
${this.secondButtonLabel}
|
|
478
478
|
</o-button>
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
`:null}
|
|
482
482
|
</div>
|
|
483
483
|
</div>
|
|
484
|
-
`}};
|
|
484
|
+
`}};u.styles=v`
|
|
485
485
|
:host {
|
|
486
486
|
--z-overlay: 99;
|
|
487
487
|
--z-panel: 100;
|
|
@@ -583,7 +583,7 @@
|
|
|
583
583
|
|
|
584
584
|
.panel:focus-visible,
|
|
585
585
|
.close-btn:focus-visible {
|
|
586
|
-
${
|
|
586
|
+
${ot}
|
|
587
587
|
}
|
|
588
588
|
|
|
589
589
|
[role="document"] {
|
|
@@ -670,7 +670,7 @@
|
|
|
670
670
|
.detail-content {
|
|
671
671
|
padding: var(--spacing-xl);
|
|
672
672
|
}
|
|
673
|
-
`;
|
|
673
|
+
`;u.focusablesSelector='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), o-icon-button, o-button';u.focusablesCustomElementsSelector="o-icon-button, o-button";y([a({type:Boolean,reflect:!0})],u.prototype,"open",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeader",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showFooter",2);y([a({type:Boolean,reflect:!0})],u.prototype,"showHeaderStartIcon",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitle",2);y([a({type:String,reflect:!0})],u.prototype,"headerTitleClassName",2);y([a({type:String,reflect:!0})],u.prototype,"closeButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"firstButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"firstButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onFirstButtonClickClose",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonLabel",2);y([a({type:String,reflect:!0})],u.prototype,"secondButtonVariant",2);y([a({type:Object,reflect:!0})],u.prototype,"secondButtonProps",2);y([a({type:Boolean,reflect:!0})],u.prototype,"onSecondButtonClickClose",2);y([a({type:Boolean,reflect:!0})],u.prototype,"disablePortal",2);y([a({type:Number,reflect:!0})],u.prototype,"zIndex",2);y([a({type:Boolean,reflect:!0})],u.prototype,"initialized",2);y([a({type:Boolean})],u.prototype,"showDetail",2);y([a({type:Boolean})],u.prototype,"isHidingDetail",2);u=y([b("o-side-panel")],u);var Bo=Object.defineProperty,Do=Object.getOwnPropertyDescriptor,x=(o,t,e,r)=>{for(var i=r>1?void 0:r?Do(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Bo(t,e,i),i};const Ho=Vt(p);let g=class extends Ho{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[Ut].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=F[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${_(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
674
674
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
675
675
|
${this.startIcon?this.renderIcon("start"):d}
|
|
676
676
|
${o?l`
|
|
@@ -698,7 +698,7 @@
|
|
|
698
698
|
`:l`<slot></slot>`}
|
|
699
699
|
${this.endIcon?this.renderIcon("end"):d}
|
|
700
700
|
</a>
|
|
701
|
-
`}};
|
|
701
|
+
`}};Ue(g);g.formAssociated=!0;g.styles=v`
|
|
702
702
|
:host {
|
|
703
703
|
--button-border: transparent;
|
|
704
704
|
--badge-outer-width: 19px;
|
|
@@ -815,7 +815,7 @@
|
|
|
815
815
|
}
|
|
816
816
|
|
|
817
817
|
.button:focus-visible {
|
|
818
|
-
${
|
|
818
|
+
${ot};
|
|
819
819
|
}
|
|
820
820
|
|
|
821
821
|
span.text + span.text::before {
|
|
@@ -899,12 +899,12 @@
|
|
|
899
899
|
transform: translateX(4px);
|
|
900
900
|
}
|
|
901
901
|
//End icon movment on hover
|
|
902
|
-
`;x([a()],
|
|
902
|
+
`;x([a()],g.prototype,"type",2);x([a()],g.prototype,"value",2);x([a({type:String,reflect:!0})],g.prototype,"variant",2);x([a({type:String})],g.prototype,"text",2);x([a({type:String})],g.prototype,"textsecond",2);x([a({type:Boolean,reflect:!0})],g.prototype,"fullwidth",2);x([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2);x([a({type:String})],g.prototype,"startIconModel",2);x([a({type:String})],g.prototype,"endIconModel",2);x([a({type:Boolean,reflect:!0,attribute:"starticon"})],g.prototype,"startIcon",2);x([a({type:Boolean,reflect:!0,attribute:"endicon"})],g.prototype,"endIcon",2);x([a({type:String,attribute:"paneltarget"})],g.prototype,"panelTarget",2);x([a({type:String})],g.prototype,"href",2);x([a({type:String})],g.prototype,"target",2);x([a({type:Boolean,reflect:!0})],g.prototype,"underlined",2);x([a({type:Boolean,reflect:!0})],g.prototype,"withbadge",2);g=x([b("o-button")],g);var To=Object.defineProperty,Mo=Object.getOwnPropertyDescriptor,Et=(o,t,e,r)=>{for(var i=r>1?void 0:r?Mo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&To(t,e,i),i};let st=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=F.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
903
903
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
904
904
|
<span class="sr-only">${this.label}</span>
|
|
905
|
-
${
|
|
905
|
+
${_(o)}
|
|
906
906
|
</button>
|
|
907
|
-
`}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()}};
|
|
907
|
+
`}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()}};st.styles=v`
|
|
908
908
|
:host {
|
|
909
909
|
display: inline-flex;
|
|
910
910
|
justify-content: center;
|
|
@@ -934,7 +934,7 @@
|
|
|
934
934
|
}
|
|
935
935
|
|
|
936
936
|
.wishlist-button:focus-visible {
|
|
937
|
-
${
|
|
937
|
+
${ot};
|
|
938
938
|
}
|
|
939
939
|
|
|
940
940
|
.wishlist-button:hover svg path {
|
|
@@ -968,10 +968,10 @@
|
|
|
968
968
|
width: 0.1rem !important;
|
|
969
969
|
white-space: nowrap !important;
|
|
970
970
|
}
|
|
971
|
-
`;
|
|
971
|
+
`;Et([a({type:String,reflect:!0})],st.prototype,"status",2);Et([a({type:String,reflect:!0})],st.prototype,"ariaDescribedBy",2);Et([a({type:String,reflect:!0})],st.prototype,"label",2);st=Et([b("o-wishlist-button")],st);var jo=Object.defineProperty,Ro=Object.getOwnPropertyDescriptor,it=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ro(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&jo(t,e,i),i};let U=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()}render(){const o=this.href||"#";return l`
|
|
972
972
|
<a
|
|
973
973
|
href="${o}"
|
|
974
|
-
target="${
|
|
974
|
+
target="${S(this.target||void 0)}"
|
|
975
975
|
@click="${this._handleClick}"
|
|
976
976
|
>
|
|
977
977
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -994,7 +994,7 @@
|
|
|
994
994
|
></o-icon-button>
|
|
995
995
|
`:null}
|
|
996
996
|
</a>
|
|
997
|
-
`}};
|
|
997
|
+
`}};U.styles=v`
|
|
998
998
|
:host([template="standard"]) a {
|
|
999
999
|
color: var(--color-content-action-secondary);
|
|
1000
1000
|
font-size: var(--font-size-200);
|
|
@@ -1081,14 +1081,14 @@
|
|
|
1081
1081
|
height: 1px;
|
|
1082
1082
|
}
|
|
1083
1083
|
/* End of underline effect */
|
|
1084
|
-
`;
|
|
1084
|
+
`;it([a({type:String})],U.prototype,"href",2);it([a({type:String})],U.prototype,"target",2);it([a({type:String,reflect:!0})],U.prototype,"template",2);it([a({type:Boolean,reflect:!0})],U.prototype,"inverse",2);it([a({type:Boolean,reflect:!0})],U.prototype,"endIcon",2);it([a({type:Boolean,reflect:!0})],U.prototype,"reverseEndIcon",2);U=it([b("o-link")],U);var No=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,Lt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Fo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&No(t,e,i),i};let at=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 r;e>=1?r=100:e<=0?r=0:r=Math.round(e*100/25)*25,o.push(`star-${r}`)}return o}render(){const o=this.getStarKeys();return l`
|
|
1085
1085
|
<div class="rating">
|
|
1086
1086
|
<div class="stars">
|
|
1087
|
-
${o.map(t=>l`<span class="star">${
|
|
1087
|
+
${o.map(t=>l`<span class="star">${_(F[t]??"")}</span>`)}
|
|
1088
1088
|
</div>
|
|
1089
1089
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
1090
1090
|
</div>
|
|
1091
|
-
`}};
|
|
1091
|
+
`}};at.styles=v`
|
|
1092
1092
|
svg {
|
|
1093
1093
|
width: 12px;
|
|
1094
1094
|
height: 12px;
|
|
@@ -1121,7 +1121,7 @@
|
|
|
1121
1121
|
text-decoration: underline;
|
|
1122
1122
|
cursor: pointer;
|
|
1123
1123
|
}
|
|
1124
|
-
`;
|
|
1124
|
+
`;Lt([a({type:Number})],at.prototype,"rating",2);Lt([a({type:String})],at.prototype,"reviewCount",2);Lt([a({type:String})],at.prototype,"href",2);at=Lt([b("o-rating")],at);var Uo=Object.defineProperty,Vo=Object.getOwnPropertyDescriptor,X=(o,t,e,r)=>{for(var i=r>1?void 0:r?Vo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Uo(t,e,i),i};let D=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`
|
|
1125
1125
|
<o-icon-button
|
|
1126
1126
|
icon="playerv"
|
|
1127
1127
|
size="xsmall"
|
|
@@ -1130,27 +1130,27 @@
|
|
|
1130
1130
|
status="filled"
|
|
1131
1131
|
strokewidth="0"
|
|
1132
1132
|
></o-icon-button>
|
|
1133
|
-
`}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),
|
|
1133
|
+
`}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),r=o.relatedTarget;(!r||this.shadowRoot&&!this.shadowRoot.contains(r))&&(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`
|
|
1134
1134
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1135
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1135
|
+
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),r=this.activeIndex===t,i=o.type==="video",n=i?`video ${t}`:`${this.altressource} ${t+1}`;return l`
|
|
1136
1136
|
<li class="thumb-wrapper">
|
|
1137
1137
|
<button
|
|
1138
1138
|
class="thumb"
|
|
1139
1139
|
data-index="${t}"
|
|
1140
1140
|
?disabled=${e}
|
|
1141
|
-
aria-current=${
|
|
1141
|
+
aria-current=${r?"true":"false"}
|
|
1142
1142
|
@click=${()=>this.selectThumbnail(t)}
|
|
1143
1143
|
@keydown=${this.handleKeyDown}
|
|
1144
1144
|
@focus=${s=>this.onFocus(s)}
|
|
1145
1145
|
@focusout=${s=>this.onFocusOut(s)}
|
|
1146
1146
|
>
|
|
1147
|
-
<img alt="${
|
|
1147
|
+
<img alt="${n}" src="${o.src}" />
|
|
1148
1148
|
</button>
|
|
1149
1149
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
1150
1150
|
</li>
|
|
1151
1151
|
`})}
|
|
1152
1152
|
</ul>
|
|
1153
|
-
`}};D.styles=
|
|
1153
|
+
`}};D.styles=v`
|
|
1154
1154
|
:host {
|
|
1155
1155
|
display: flex;
|
|
1156
1156
|
gap: 5px;
|
|
@@ -1255,9 +1255,9 @@
|
|
|
1255
1255
|
height: 0;
|
|
1256
1256
|
width: 0;
|
|
1257
1257
|
}
|
|
1258
|
-
`;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([et()],D.prototype,"focusedIndex",2);D=X([
|
|
1258
|
+
`;X([a({type:Array})],D.prototype,"thumbnails",2);X([a({type:Number})],D.prototype,"activeIndex",2);X([a({type:Array})],D.prototype,"disabledIndexes",2);X([a({type:String})],D.prototype,"maxWidth",2);X([a({type:String})],D.prototype,"altressource",2);X([a({type:Object})],D.prototype,"swiperInstance",2);X([et()],D.prototype,"focusedIndex",2);D=X([b("thumbnail-navigation")],D);var qo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,Wt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Zo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&qo(t,e,i),i};let ft=class extends p{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1259
1259
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1260
|
-
`}};ft.styles=
|
|
1260
|
+
`}};ft.styles=v`
|
|
1261
1261
|
.tag {
|
|
1262
1262
|
display: inline-block;
|
|
1263
1263
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1314,12 +1314,12 @@
|
|
|
1314
1314
|
}
|
|
1315
1315
|
}
|
|
1316
1316
|
|
|
1317
|
-
`;
|
|
1317
|
+
`;Wt([a({type:String,reflect:!0})],ft.prototype,"type",2);Wt([a({type:String,reflect:!0})],ft.prototype,"bgstyle",2);ft=Wt([b("o-tag")],ft);var Ko=Object.defineProperty,Wo=Object.getOwnPropertyDescriptor,Gt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Wo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Ko(t,e,i),i};let bt=class extends p{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1318
1318
|
<div class="tooltip">
|
|
1319
1319
|
<span class="tooltiptext">${this.text}</span>
|
|
1320
1320
|
<slot></slot>
|
|
1321
1321
|
</div>
|
|
1322
|
-
`}};bt.styles=
|
|
1322
|
+
`}};bt.styles=v`
|
|
1323
1323
|
.tooltip {
|
|
1324
1324
|
position: relative;
|
|
1325
1325
|
display: inline-block;
|
|
@@ -1411,7 +1411,7 @@
|
|
|
1411
1411
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1412
1412
|
}
|
|
1413
1413
|
|
|
1414
|
-
`;
|
|
1414
|
+
`;Gt([a({type:String,reflect:!0})],bt.prototype,"type",2);Gt([a({type:String,reflect:!0})],bt.prototype,"text",2);bt=Gt([b("o-tooltip")],bt);var Go=Object.defineProperty,Xo=Object.getOwnPropertyDescriptor,V=(o,t,e,r)=>{for(var i=r>1?void 0:r?Xo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Go(t,e,i),i};let z=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=F.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1415
1415
|
<button
|
|
1416
1416
|
role="combobox"
|
|
1417
1417
|
aria-haspopup="listbox"
|
|
@@ -1439,27 +1439,27 @@
|
|
|
1439
1439
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1440
1440
|
style=${`width: ${this.width};`}
|
|
1441
1441
|
>
|
|
1442
|
-
${this.options.map((e,
|
|
1442
|
+
${this.options.map((e,r)=>l`
|
|
1443
1443
|
<li
|
|
1444
|
-
id="option-${
|
|
1444
|
+
id="option-${r}"
|
|
1445
1445
|
role="option"
|
|
1446
1446
|
aria-selected="${e.value===this.value}"
|
|
1447
|
-
tabindex="${
|
|
1448
|
-
class="${
|
|
1447
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1448
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1449
1449
|
@click=${()=>this.selectOption(e)}
|
|
1450
1450
|
>
|
|
1451
1451
|
${e.url?l`
|
|
1452
1452
|
<a href="${e.url}">
|
|
1453
1453
|
<span>${e.label}</span>
|
|
1454
|
-
${e.value===this.value?l`<span class="check">${
|
|
1454
|
+
${e.value===this.value?l`<span class="check">${_(o)}</span>`:null}
|
|
1455
1455
|
</a>`:l`
|
|
1456
1456
|
<span>${e.label}</span>
|
|
1457
|
-
${e.value===this.value?l`<span class="check">${
|
|
1457
|
+
${e.value===this.value?l`<span class="check">${_(o)}</span>`:null}`}
|
|
1458
1458
|
</li>`)}
|
|
1459
1459
|
</ul>`:null}
|
|
1460
1460
|
|
|
1461
1461
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1462
|
-
`}};z.styles=
|
|
1462
|
+
`}};z.styles=v`
|
|
1463
1463
|
:host {
|
|
1464
1464
|
display: inline-block;
|
|
1465
1465
|
position: relative;
|
|
@@ -1598,7 +1598,7 @@
|
|
|
1598
1598
|
input[type="hidden"] {
|
|
1599
1599
|
display: none;
|
|
1600
1600
|
}
|
|
1601
|
-
`;
|
|
1601
|
+
`;V([a({type:Array,reflect:!0})],z.prototype,"options",2);V([a({type:String,reflect:!0})],z.prototype,"value",2);V([a({type:String,reflect:!0})],z.prototype,"name",2);V([a({type:Boolean,reflect:!0})],z.prototype,"disabled",2);V([a({type:String,reflect:!0})],z.prototype,"width",2);V([et()],z.prototype,"open",2);V([et()],z.prototype,"activeIndex",2);V([et()],z.prototype,"menuWidth",2);z=V([b("o-dropdown")],z);var Jo=Object.getOwnPropertyDescriptor,Qo=(o,t,e,r)=>{for(var i=r>1?void 0:r?Jo(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let Tt=class extends p{render(){return l` <span class="dots"></span> `}};Tt.styles=v`
|
|
1602
1602
|
:host {
|
|
1603
1603
|
display: flex;
|
|
1604
1604
|
align-items: center;
|
|
@@ -1649,7 +1649,7 @@
|
|
|
1649
1649
|
background-color: var(--color-container-action-primary-pressed);
|
|
1650
1650
|
}
|
|
1651
1651
|
}
|
|
1652
|
-
`;
|
|
1652
|
+
`;Tt=Qo([b("o-dots")],Tt);var Yo=Object.defineProperty,ti=Object.getOwnPropertyDescriptor,T=(o,t,e,r)=>{for(var i=r>1?void 0:r?ti(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Yo(t,e,i),i};let E=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=F.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1653
1653
|
<button
|
|
1654
1654
|
role="combobox"
|
|
1655
1655
|
aria-haspopup="listbox"
|
|
@@ -1663,7 +1663,7 @@
|
|
|
1663
1663
|
?disabled=${this.disabled}
|
|
1664
1664
|
class="btn-dropdown"
|
|
1665
1665
|
>
|
|
1666
|
-
<img alt="${
|
|
1666
|
+
<img alt="${S(t==null?void 0:t.label)}" src="${S(t==null?void 0:t.imgurl)}" />
|
|
1667
1667
|
<span id="dropdown-label" class="label">
|
|
1668
1668
|
${t?t.label:"Select an option"}
|
|
1669
1669
|
</span>
|
|
@@ -1687,23 +1687,23 @@
|
|
|
1687
1687
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1688
1688
|
style=${`width: ${this.width};`}
|
|
1689
1689
|
>
|
|
1690
|
-
${this.options.map((e,
|
|
1690
|
+
${this.options.map((e,r)=>l`
|
|
1691
1691
|
<li
|
|
1692
|
-
id="option-${
|
|
1692
|
+
id="option-${r}"
|
|
1693
1693
|
role="option"
|
|
1694
1694
|
aria-selected="${e.value===this.value}"
|
|
1695
1695
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1696
|
-
tabindex="${
|
|
1697
|
-
class="${
|
|
1696
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1697
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1698
1698
|
@click=${()=>this.selectOption(e)}
|
|
1699
1699
|
>
|
|
1700
|
-
<a href="${
|
|
1701
|
-
<img alt="${
|
|
1700
|
+
<a href="${S(e.url)}">
|
|
1701
|
+
<img alt="${S(e.label)}" src="${S(e.imgurl)}" />
|
|
1702
1702
|
<span class="label">${e.label}</span>
|
|
1703
1703
|
<div class="right">
|
|
1704
|
-
<span class="additional-text">${
|
|
1704
|
+
<span class="additional-text">${S(e.additionaltext)}</span>
|
|
1705
1705
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1706
|
-
<span class="check">${
|
|
1706
|
+
<span class="check">${_(o)}</span>`:null}
|
|
1707
1707
|
</div>
|
|
1708
1708
|
</a>
|
|
1709
1709
|
</li>
|
|
@@ -1711,7 +1711,7 @@
|
|
|
1711
1711
|
</ul>`:null}
|
|
1712
1712
|
|
|
1713
1713
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1714
|
-
`}};
|
|
1714
|
+
`}};E.styles=v`
|
|
1715
1715
|
:host {
|
|
1716
1716
|
display: inline-block;
|
|
1717
1717
|
position: relative;
|
|
@@ -1886,17 +1886,17 @@
|
|
|
1886
1886
|
input[type="hidden"] {
|
|
1887
1887
|
display: none;
|
|
1888
1888
|
}
|
|
1889
|
-
`;
|
|
1889
|
+
`;T([a({type:Array,reflect:!0})],E.prototype,"options",2);T([a({type:String,reflect:!0})],E.prototype,"value",2);T([a({type:String,reflect:!0})],E.prototype,"name",2);T([a({type:String,reflect:!0})],E.prototype,"additionaltext",2);T([a({type:Boolean,reflect:!0})],E.prototype,"disabled",2);T([a({type:String,reflect:!0})],E.prototype,"width",2);T([et()],E.prototype,"open",2);T([et()],E.prototype,"activeIndex",2);T([et()],E.prototype,"menuWidth",2);E=T([b("o-dropdown-variant")],E);/**
|
|
1890
1890
|
* @license
|
|
1891
1891
|
* Copyright 2018 Google LLC
|
|
1892
1892
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1893
|
-
*/const
|
|
1894
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1893
|
+
*/const xe="important",ei=" !"+xe,oi=Zt(class extends Kt{constructor(o){var t;if(super(o),o.type!==qt.ATTRIBUTE||o.name!=="style"||((t=o.strings)==null?void 0:t.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(o){return Object.keys(o).reduce((t,e)=>{const r=o[e];return r==null?t:t+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(o,[t]){const{style:e}=o.element;if(this.ft===void 0)return this.ft=new Set(Object.keys(t)),this.render(t);for(const r of this.ft)t[r]==null&&(this.ft.delete(r),r.includes("-")?e.removeProperty(r):e[r]=null);for(const r in t){const i=t[r];if(i!=null){this.ft.add(r);const n=typeof i=="string"&&i.endsWith(ei);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?xe:""):e[r]=i}}return G}});var ii=Object.defineProperty,ri=Object.getOwnPropertyDescriptor,Xt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ri(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ii(t,e,i),i};let gt=class extends p{constructor(){super(...arguments),this.option={},this.imageSize=64}render(){const o=this.option.clickable,t={width:`${this.imageSize}px`,height:`${this.imageSize}px`},e=l`
|
|
1894
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${S(this.option.title)}" aria-hidden="true" style=${oi(t)} />`:""}
|
|
1895
1895
|
<div class="m-reassurance-content">
|
|
1896
|
-
<h3 class="a-reassurance-text">${
|
|
1897
|
-
<p class="a-reassurance-description">${
|
|
1896
|
+
<h3 class="a-reassurance-text">${S(this.option.title)}</h3>
|
|
1897
|
+
<p class="a-reassurance-description">${S(this.option.description)}</p>
|
|
1898
1898
|
</div>
|
|
1899
|
-
`;return o?l`<a href="${
|
|
1899
|
+
`;return o?l`<a href="${S(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};gt.styles=v`
|
|
1900
1900
|
:host {
|
|
1901
1901
|
display: inline-block;
|
|
1902
1902
|
position: relative;
|
|
@@ -1977,7 +1977,7 @@
|
|
|
1977
1977
|
overflow: hidden;
|
|
1978
1978
|
}
|
|
1979
1979
|
}
|
|
1980
|
-
`;
|
|
1980
|
+
`;Xt([a({type:Object,reflect:!0})],gt.prototype,"option",2);Xt([a({type:Number,reflect:!0})],gt.prototype,"imageSize",2);gt=Xt([b("o-reassurance")],gt);var ni=Object.defineProperty,si=Object.getOwnPropertyDescriptor,q=(o,t,e,r)=>{for(var i=r>1?void 0:r?si(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ni(t,e,i),i};const ai=Vt(p);let L=class extends ai{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`
|
|
1981
1981
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1982
1982
|
${o?this.text:l`<slot></slot>`}
|
|
1983
1983
|
</a>
|
|
@@ -1986,7 +1986,7 @@
|
|
|
1986
1986
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1987
1987
|
${o?this.text:l`<slot></slot>`}
|
|
1988
1988
|
</button>
|
|
1989
|
-
`}};
|
|
1989
|
+
`}};L.styles=v`
|
|
1990
1990
|
:host {
|
|
1991
1991
|
cursor: pointer;
|
|
1992
1992
|
display: inline-flex;
|
|
@@ -2062,7 +2062,7 @@
|
|
|
2062
2062
|
}
|
|
2063
2063
|
|
|
2064
2064
|
&:focus-visible {
|
|
2065
|
-
${
|
|
2065
|
+
${ot};
|
|
2066
2066
|
}
|
|
2067
2067
|
}
|
|
2068
2068
|
|
|
@@ -2075,16 +2075,16 @@
|
|
|
2075
2075
|
display: inline-flex;
|
|
2076
2076
|
align-items: center;
|
|
2077
2077
|
}
|
|
2078
|
-
`;
|
|
2078
|
+
`;q([a({type:String,reflect:!0})],L.prototype,"link",2);q([a({reflect:!0})],L.prototype,"name",2);q([a({reflect:!0})],L.prototype,"value",2);q([a({type:String})],L.prototype,"text",2);q([a({type:String,reflect:!0})],L.prototype,"size",2);q([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);q([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);q([a({type:Boolean,reflect:!0})],L.prototype,"inactive",2);L=q([b("o-chip")],L);var li=Object.defineProperty,ci=Object.getOwnPropertyDescriptor,Jt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ci(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&li(t,e,i),i};let yt=class extends p{constructor(){super(),this.name="",this.value="",this.addEventListener("selected",this.onChipSelected)}onChipSelected(o){const t=o.target instanceof L?o.target:null;t!=null&&t.link||(this.name=(t==null?void 0:t.name)||"",this.value=(t==null?void 0:t.value)||"",this.querySelectorAll("o-chip").forEach(e=>{e!==t&&(e.selected=!1)}))}render(){return l`
|
|
2079
2079
|
<slot></slot>
|
|
2080
|
-
`}};yt.styles=
|
|
2080
|
+
`}};yt.styles=v`
|
|
2081
2081
|
:host {
|
|
2082
2082
|
display: flex;
|
|
2083
2083
|
flex-direction: row;
|
|
2084
2084
|
flex-wrap: wrap;
|
|
2085
2085
|
gap: var(--spacing-s);
|
|
2086
2086
|
}
|
|
2087
|
-
`;
|
|
2087
|
+
`;Jt([a({reflect:!0})],yt.prototype,"name",2);Jt([a({reflect:!0})],yt.prototype,"value",2);yt=Jt([b("o-chipset")],yt);var hi=Object.defineProperty,di=Object.getOwnPropertyDescriptor,M=(o,t,e,r)=>{for(var i=r>1?void 0:r?di(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&hi(t,e,i),i};const pi=Vt(p);let P=class extends pi{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=F[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${_(o)}</span>`}strikeThroughImg(){const o=xo[this.strikethroughImgName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="strikethrough"').replace(/stroke=[#"'a-z1-9]*/gi,"");return _(o)}render(){const o=this.text;return l`${this.type==="link"?l`
|
|
2088
2088
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2089
2089
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2090
2090
|
${o?l`
|
|
@@ -2104,7 +2104,7 @@
|
|
|
2104
2104
|
</button>
|
|
2105
2105
|
`}
|
|
2106
2106
|
${this.disabled?this.strikeThroughImg():d}
|
|
2107
|
-
`}};
|
|
2107
|
+
`}};P.styles=v`
|
|
2108
2108
|
:host {
|
|
2109
2109
|
cursor: pointer;
|
|
2110
2110
|
display: inline-flex;
|
|
@@ -2184,7 +2184,7 @@
|
|
|
2184
2184
|
}
|
|
2185
2185
|
|
|
2186
2186
|
.button:focus-visible {
|
|
2187
|
-
${
|
|
2187
|
+
${ot};
|
|
2188
2188
|
}
|
|
2189
2189
|
|
|
2190
2190
|
span.text + span.text::before {
|
|
@@ -2229,7 +2229,7 @@
|
|
|
2229
2229
|
stroke-linecap: round;
|
|
2230
2230
|
}
|
|
2231
2231
|
}
|
|
2232
|
-
`;
|
|
2232
|
+
`;M([a({reflect:!0})],P.prototype,"name",2);M([a({reflect:!0})],P.prototype,"value",2);M([a({type:String,reflect:!0})],P.prototype,"type",2);M([a({type:String,reflect:!0})],P.prototype,"href",2);M([a({type:String,reflect:!0,attribute:"data-href"})],P.prototype,"dataHref",2);M([a({type:String})],P.prototype,"text",2);M([a({type:Boolean,reflect:!0})],P.prototype,"selected",2);M([a({type:Boolean,reflect:!0})],P.prototype,"disabled",2);M([a({type:Boolean,reflect:!0})],P.prototype,"fullwidth",2);P=M([b("o-filter-chip")],P);var ui=Object.defineProperty,j=(o,t,e,r)=>{for(var i=void 0,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(t,e,i)||i);return i&&ui(t,e,i),i};const te=class te 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`
|
|
2233
2233
|
<o-icon-button
|
|
2234
2234
|
@click=${this.onClick}
|
|
2235
2235
|
icon="chevronRight"
|
|
@@ -2255,6 +2255,7 @@
|
|
|
2255
2255
|
class="tile ${this.fullwidth?"fullwidth":""} ${this.type==="chevron"?"fullpointer":""}" @click=${this.onClick}>
|
|
2256
2256
|
${this.imageUrl?l`<img src="${this.imageUrl}" alt="${this.altImage||""}" />`:""}
|
|
2257
2257
|
<div class="info">
|
|
2258
|
+
${this.tagText?l`<o-tag bgstyle="background-emphasis">${this.tagText}</o-tag>`:""}
|
|
2258
2259
|
${this.titleProduct?l`<div class="title">${this.titleProduct}</div>`:""}
|
|
2259
2260
|
<div class="details">
|
|
2260
2261
|
${this.volume?l`<span class="volume-info">${this.volume}</span>`:""}
|
|
@@ -2264,7 +2265,7 @@
|
|
|
2264
2265
|
</div>
|
|
2265
2266
|
${this.icons}
|
|
2266
2267
|
</button>
|
|
2267
|
-
`}};
|
|
2268
|
+
`}};te.styles=v`
|
|
2268
2269
|
:host {
|
|
2269
2270
|
display: block;
|
|
2270
2271
|
max-width: 100%;
|
|
@@ -2337,6 +2338,11 @@
|
|
|
2337
2338
|
}
|
|
2338
2339
|
}
|
|
2339
2340
|
|
|
2341
|
+
.info o-tag {
|
|
2342
|
+
margin-bottom: var(--spacing-xs);
|
|
2343
|
+
display: flex;
|
|
2344
|
+
}
|
|
2345
|
+
|
|
2340
2346
|
.main-price {
|
|
2341
2347
|
font-family: var(--font-family-loccitane-sans);
|
|
2342
2348
|
color: var(--colors-noir-des-terres-500);
|
|
@@ -2355,11 +2361,11 @@
|
|
|
2355
2361
|
.fullpointer {
|
|
2356
2362
|
cursor: pointer;
|
|
2357
2363
|
}
|
|
2358
|
-
`;let
|
|
2364
|
+
`;let C=te;j([a({type:String})],C.prototype,"type");j([a({type:String})],C.prototype,"titleProduct");j([a({type:String})],C.prototype,"volume");j([a({type:String})],C.prototype,"perLiter");j([a({type:String})],C.prototype,"mainPrice");j([a({type:String})],C.prototype,"imageUrl");j([a({type:String})],C.prototype,"altImage");j([a({type:Boolean})],C.prototype,"fullwidth");j([a({type:String})],C.prototype,"tagText");j([a({type:Function})],C.prototype,"onClickTile");customElements.define("mini-tile",C);var vi=Object.defineProperty,fi=Object.getOwnPropertyDescriptor,Qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?fi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&vi(t,e,i),i};let mt=class extends p{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2359
2365
|
<span class="badge">
|
|
2360
2366
|
${this.text?this.text:l`<slot></slot>`}
|
|
2361
2367
|
</span>
|
|
2362
|
-
`}};mt.styles=
|
|
2368
|
+
`}};mt.styles=v`
|
|
2363
2369
|
:host([variant]) {
|
|
2364
2370
|
--badge-width: 19px;
|
|
2365
2371
|
display: inline-block;
|
|
@@ -2393,10 +2399,10 @@
|
|
|
2393
2399
|
color: var(--text-color);
|
|
2394
2400
|
}
|
|
2395
2401
|
|
|
2396
|
-
`;
|
|
2402
|
+
`;Qt([a({type:String,reflect:!0})],mt.prototype,"variant",2);Qt([a({type:String})],mt.prototype,"text",2);mt=Qt([b("o-badge")],mt);var bi=Object.defineProperty,gi=Object.getOwnPropertyDescriptor,I=(o,t,e,r)=>{for(var i=r>1?void 0:r?gi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&bi(t,e,i),i};let $=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 r,i;var o=this;const t=(r=this.renderRoot)==null?void 0:r.querySelector("o-icon-button"),e=(i=this.renderRoot)==null?void 0:i.querySelector(".o-toast-text");if(e!=null){const n=window.getComputedStyle(e),s=parseInt(n.getPropertyValue("line-height").replace("px","")),h=parseInt(n.getPropertyValue("height").replace("px",""));!isNaN(s)&&!isNaN(h)&&h>s&&(this.multiline=!0)}t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=wo[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`
|
|
2397
2403
|
<div class="o-toast">
|
|
2398
2404
|
<div class="o-toast-icon">
|
|
2399
|
-
${
|
|
2405
|
+
${_(t)}
|
|
2400
2406
|
</div>
|
|
2401
2407
|
<div class="o-toast-text">
|
|
2402
2408
|
${this.text}
|
|
@@ -2409,7 +2415,7 @@
|
|
|
2409
2415
|
</o-icon-button>
|
|
2410
2416
|
</div>
|
|
2411
2417
|
</div>
|
|
2412
|
-
`}};$.styles=
|
|
2418
|
+
`}};$.styles=v`
|
|
2413
2419
|
:host {
|
|
2414
2420
|
--vertical-offset: 24px;
|
|
2415
2421
|
--horizontal-offset: 24px;
|
|
@@ -2486,7 +2492,7 @@
|
|
|
2486
2492
|
.o-toast-icon {
|
|
2487
2493
|
height: 16px;
|
|
2488
2494
|
}
|
|
2489
|
-
`;
|
|
2495
|
+
`;I([a({type:String,reflect:!0})],$.prototype,"icon",2);I([a({type:String,reflect:!0})],$.prototype,"text",2);I([a({type:String,reflect:!0})],$.prototype,"verticalanchor",2);I([a({type:String,reflect:!0})],$.prototype,"horizontalanchor",2);I([a({type:Number,reflect:!0})],$.prototype,"verticaloffset",2);I([a({type:Number,reflect:!0})],$.prototype,"horizontaloffset",2);I([a({type:Number,reflect:!0})],$.prototype,"animationduration",2);I([a({type:String,reflect:!0})],$.prototype,"animationaxis",2);I([a({type:Boolean,reflect:!0})],$.prototype,"animated",2);I([a({type:Number,reflect:!0})],$.prototype,"lifeduration",2);I([a({type:Boolean,reflect:!0})],$.prototype,"multiline",2);$=I([b("o-toast")],$);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,B=(o,t,e,r)=>{for(var i=r>1?void 0:r?mi(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&yi(t,e,i),i};let xi=0,k=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-${++xi}`)}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=_(F.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=_(F.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2490
2496
|
<input
|
|
2491
2497
|
type="checkbox"
|
|
2492
2498
|
id=${this.inputId}
|
|
@@ -2494,7 +2500,7 @@
|
|
|
2494
2500
|
?disabled=${this.disabled}
|
|
2495
2501
|
name=${this.name}
|
|
2496
2502
|
value=${this.value}
|
|
2497
|
-
@change=${e=>{const
|
|
2503
|
+
@change=${e=>{const r=e.target;this.checked=r.checked,this.indeterminate=r.indeterminate,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}}
|
|
2498
2504
|
/>
|
|
2499
2505
|
|
|
2500
2506
|
<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}>
|
|
@@ -2502,7 +2508,7 @@
|
|
|
2502
2508
|
</div>
|
|
2503
2509
|
|
|
2504
2510
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2505
|
-
`}};
|
|
2511
|
+
`}};k.styles=v`
|
|
2506
2512
|
:host {
|
|
2507
2513
|
display: inline-flex;
|
|
2508
2514
|
align-items: center;
|
|
@@ -2605,7 +2611,7 @@
|
|
|
2605
2611
|
svg path {
|
|
2606
2612
|
stroke: var(--color-border-white);
|
|
2607
2613
|
}
|
|
2608
|
-
`;B([a({type:Boolean,reflect:!0})],
|
|
2614
|
+
`;B([a({type:Boolean,reflect:!0})],k.prototype,"checked",2);B([a({type:Boolean,reflect:!0})],k.prototype,"indeterminate",2);B([a({type:Boolean,reflect:!0})],k.prototype,"disabled",2);B([a({type:String,reflect:!0})],k.prototype,"size",2);B([a({type:Boolean})],k.prototype,"showLabel",2);B([a({type:String})],k.prototype,"label",2);B([a({type:String})],k.prototype,"name",2);B([a({type:String})],k.prototype,"value",2);B([a({type:String,reflect:!0})],k.prototype,"inputId",2);B([ye("input")],k.prototype,"inputEl",2);k=B([b("o-checkbox")],k);var wi=Object.defineProperty,$i=Object.getOwnPropertyDescriptor,R=(o,t,e,r)=>{for(var i=r>1?void 0:r?$i(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&wi(t,e,i),i};let _i=0,O=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-${++_i}`)}handleClick(){this.disabled||this.checked||(this.checked=!0,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked)}updated(o){if(o.has("checked")&&this.checked){const t=this.parentElement;t&&Array.from(t.querySelectorAll(`o-radio[name="${this.name}"]`)).forEach(r=>{r!==this&&(r.checked=!1)})}this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.handleClick())}render(){return l`
|
|
2609
2615
|
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2610
2616
|
|
|
2611
2617
|
<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}>
|
|
@@ -2613,7 +2619,7 @@
|
|
|
2613
2619
|
</div>
|
|
2614
2620
|
|
|
2615
2621
|
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2616
|
-
`}};
|
|
2622
|
+
`}};O.styles=v`
|
|
2617
2623
|
:host {
|
|
2618
2624
|
display: inline-flex;
|
|
2619
2625
|
align-items: center;
|
|
@@ -2702,4 +2708,74 @@
|
|
|
2702
2708
|
width: 0;
|
|
2703
2709
|
height: 0;
|
|
2704
2710
|
}
|
|
2705
|
-
`;
|
|
2711
|
+
`;R([a({type:Boolean,reflect:!0})],O.prototype,"checked",2);R([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);R([a({type:String,reflect:!0})],O.prototype,"size",2);R([a({type:Boolean})],O.prototype,"showLabel",2);R([a({type:String})],O.prototype,"label",2);R([a({type:String})],O.prototype,"name",2);R([a({type:String})],O.prototype,"value",2);R([a({type:String,reflect:!0})],O.prototype,"inputId",2);R([ye("input")],O.prototype,"inputEl",2);O=R([b("o-radio")],O);var Ci=Object.getOwnPropertyDescriptor,ki=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ci(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=s(i)||i);return i};let Mt=class extends p{render(){return l`
|
|
2712
|
+
<nav aria-label="Breadcrumbs">
|
|
2713
|
+
<ul>
|
|
2714
|
+
<slot></slot>
|
|
2715
|
+
</ul>
|
|
2716
|
+
</nav>
|
|
2717
|
+
`}};Mt.styles=v`
|
|
2718
|
+
nav {
|
|
2719
|
+
max-width: 144rem;
|
|
2720
|
+
margin: auto;
|
|
2721
|
+
padding: var(--spacing-3-xl) var(--spacing-xl);
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
ul {
|
|
2725
|
+
margin: var(--spacing-4-xs);
|
|
2726
|
+
padding: var(--spacing-4-xs);
|
|
2727
|
+
}
|
|
2728
|
+
`;Mt=ki([b("o-breadcrumbs")],Mt);var Si=Object.defineProperty,Ai=Object.getOwnPropertyDescriptor,Yt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ai(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&Si(t,e,i),i};let xt=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`
|
|
2729
|
+
<li>
|
|
2730
|
+
<a
|
|
2731
|
+
href="${this.href}"
|
|
2732
|
+
@click="${this._handleClick}"
|
|
2733
|
+
@keydown="${this._handleClick}"
|
|
2734
|
+
>
|
|
2735
|
+
<slot></slot>
|
|
2736
|
+
</a>
|
|
2737
|
+
</li>
|
|
2738
|
+
`}};xt.styles=v`
|
|
2739
|
+
li {
|
|
2740
|
+
display: inline-block;
|
|
2741
|
+
}
|
|
2742
|
+
|
|
2743
|
+
li::after {
|
|
2744
|
+
content: "/";
|
|
2745
|
+
margin: var(--spacing-4-xs) var(--spacing-2-xs);
|
|
2746
|
+
color: var(--color-content-description);
|
|
2747
|
+
}
|
|
2748
|
+
|
|
2749
|
+
a, span {
|
|
2750
|
+
color: var(--color-content-description);
|
|
2751
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2752
|
+
font-size: var(--font-size-100);
|
|
2753
|
+
font-weight: var(--font-weight-400);
|
|
2754
|
+
line-height: var(--line-height-160);
|
|
2755
|
+
letter-spacing: var(--letter-spacing-400);
|
|
2756
|
+
text-decoration: none;
|
|
2757
|
+
}
|
|
2758
|
+
|
|
2759
|
+
a:hover {
|
|
2760
|
+
text-decoration: underline;
|
|
2761
|
+
text-underline-offset: var(--spacing-2-xs);
|
|
2762
|
+
}
|
|
2763
|
+
|
|
2764
|
+
a:focus-visible {
|
|
2765
|
+
${ot};
|
|
2766
|
+
}
|
|
2767
|
+
|
|
2768
|
+
:host(.a--tabfocus) {
|
|
2769
|
+
outline: none !important;
|
|
2770
|
+
}
|
|
2771
|
+
|
|
2772
|
+
:host([active]) {
|
|
2773
|
+
span {
|
|
2774
|
+
color: var(--color-content-body);
|
|
2775
|
+
}
|
|
2776
|
+
|
|
2777
|
+
li::after {
|
|
2778
|
+
content: "";
|
|
2779
|
+
}
|
|
2780
|
+
}
|
|
2781
|
+
`;Yt([a({type:String})],xt.prototype,"href",2);Yt([a({type:Boolean,reflect:!0})],xt.prototype,"active",2);xt=Yt([b("o-breadcrumb")],xt);
|