@florid-kit/components 0.9.3 → 0.9.5
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/index.js +332 -122
- package/index.mjs +1130 -781
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -2,36 +2,44 @@
|
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
-
*/const
|
|
5
|
+
*/const $t=globalThis,Mt=$t.ShadowRoot&&($t.ShadyCSS===void 0||$t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Tt=Symbol(),Qt=new WeakMap;let he=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==Tt)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(Mt&&t===void 0){const r=e!==void 0&&e.length===1;r&&(t=Qt.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&Qt.set(e,t))}return t}toString(){return this.cssText}};const ye=o=>new he(typeof o=="string"?o:o+"",void 0,Tt),f=(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 he(e,o,Tt)},me=(o,t)=>{if(Mt)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)}},Yt=Mt?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(const r of t.cssRules)e+=r.cssText;return ye(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:xe,defineProperty:we,getOwnPropertyDescriptor:$e,getOwnPropertyNames:Ce,getOwnPropertySymbols:_e,getPrototypeOf:ke}=Object,W=globalThis,te=W.trustedTypes,Ee=te?te.emptyScript:"",Lt=W.reactiveElementPolyfillSupport,lt=(o,t)=>o,Ct={toAttribute(o,t){switch(t){case Boolean:o=o?Ee: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}},jt=(o,t)=>!xe(o,t),ee={attribute:!0,type:String,converter:Ct,reflect:!1,useDefault:!1,hasChanged:jt};Symbol.metadata??(Symbol.metadata=Symbol("metadata")),W.litPropertyMetadata??(W.litPropertyMetadata=new WeakMap);let it=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=ee){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&&we(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){const{get:i,set:n}=$e(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)??ee}static _$Ei(){if(this.hasOwnProperty(lt("elementProperties")))return;const t=ke(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(lt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(lt("properties"))){const e=this.properties,r=[...Ce(e),..._e(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(Yt(i))}else t!==void 0&&e.push(Yt(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 me(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??jt)(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){}};it.elementStyles=[],it.shadowRootOptions={mode:"open"},it[lt("elementProperties")]=new Map,it[lt("finalized")]=new Map,Lt==null||Lt({ReactiveElement:it}),(W.reactiveElementVersions??(W.reactiveElementVersions=[])).push("2.1.0");/**
|
|
10
10
|
* @license
|
|
11
11
|
* Copyright 2017 Google LLC
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
|
-
*/const
|
|
14
|
-
\f\r]`,
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
13
|
+
*/const ct=globalThis,_t=ct.trustedTypes,oe=_t?_t.createPolicy("lit-html",{createHTML:o=>o}):void 0,de="$lit$",K=`lit$${Math.random().toFixed(9).slice(2)}$`,pe="?"+K,Se=`<${pe}>`,tt=document,dt=()=>tt.createComment(""),pt=o=>o===null||typeof o!="object"&&typeof o!="function",Rt=Array.isArray,Ae=o=>Rt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",It=`[
|
|
14
|
+
\f\r]`,at=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,ie=/-->/g,re=/>/g,J=RegExp(`>|${It}(?:([^\\s"'>=/]+)(${It}*=${It}*(?:[^
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),ne=/'/g,se=/"/g,ue=/^(?:script|style|textarea|title)$/i,Le=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),l=Le(1),G=Symbol.for("lit-noChange"),d=Symbol.for("lit-nothing"),ae=new WeakMap,Q=tt.createTreeWalker(tt,129);function ve(o,t){if(!Rt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return oe!==void 0?oe.createHTML(t):t}const Ie=(o,t)=>{const e=o.length-1,r=[];let i,n=t===2?"<svg>":t===3?"<math>":"",s=at;for(let h=0;h<e;h++){const c=o[h];let b,x,p=-1,k=0;for(;k<c.length&&(s.lastIndex=k,x=s.exec(c),x!==null);)k=s.lastIndex,s===at?x[1]==="!--"?s=ie:x[1]!==void 0?s=re:x[2]!==void 0?(ue.test(x[2])&&(i=RegExp("</"+x[2],"g")),s=J):x[3]!==void 0&&(s=J):s===J?x[0]===">"?(s=i??at,p=-1):x[1]===void 0?p=-2:(p=s.lastIndex-x[2].length,b=x[1],s=x[3]===void 0?J:x[3]==='"'?se:ne):s===se||s===ne?s=J:s===ie||s===re?s=at:(s=J,i=void 0);const z=s===J&&o[h+1].startsWith("/>")?" ":"";n+=s===at?c+Se:p>=0?(r.push(b),c.slice(0,p)+de+c.slice(p)+K+z):c+K+(p===-2?h:z)}return[ve(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]};class ut{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,s=0;const h=t.length-1,c=this.parts,[b,x]=Ie(t,e);if(this.el=ut.createElement(b,r),Q.currentNode=this.el.content,e===2||e===3){const p=this.el.content.firstChild;p.replaceWith(...p.childNodes)}for(;(i=Q.nextNode())!==null&&c.length<h;){if(i.nodeType===1){if(i.hasAttributes())for(const p of i.getAttributeNames())if(p.endsWith(de)){const k=x[s++],z=i.getAttribute(p).split(K),wt=/([.?@])?(.*)/.exec(k);c.push({type:1,index:n,name:wt[2],strings:z,ctor:wt[1]==="."?Oe:wt[1]==="?"?ze:wt[1]==="@"?Be:Et}),i.removeAttribute(p)}else p.startsWith(K)&&(c.push({type:6,index:n}),i.removeAttribute(p));if(ue.test(i.tagName)){const p=i.textContent.split(K),k=p.length-1;if(k>0){i.textContent=_t?_t.emptyScript:"";for(let z=0;z<k;z++)i.append(p[z],dt()),Q.nextNode(),c.push({type:2,index:++n});i.append(p[k],dt())}}}else if(i.nodeType===8)if(i.data===pe)c.push({type:2,index:n});else{let p=-1;for(;(p=i.data.indexOf(K,p+1))!==-1;)c.push({type:7,index:n}),p+=K.length-1}n++}}static createElement(t,e){const r=tt.createElement("template");return r.innerHTML=t,r}}function rt(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=pt(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=rt(o,i._$AS(o,t.values),i,r)),t}class Pe{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 b;c.type===2?b=new mt(n,n.nextSibling,this,t):c.type===1?b=new c.ctor(n,c.name,c.strings,this,t):c.type===6&&(b=new De(n,this,t)),this._$AV.push(b),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 mt{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=rt(this,t,e),pt(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):Ae(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&&pt(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=ut.createElement(ve(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 Pe(i,this),h=s.u(this.options);s.p(e),this.T(h),this._$AH=s}}_$AC(t){let e=ae.get(t.strings);return e===void 0&&ae.set(t.strings,e=new ut(t)),e}k(t){Rt(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 mt(this.O(dt()),this.O(dt()),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 Et{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=rt(this,t,e,0),s=!pt(t)||t!==this._$AH&&t!==G,s&&(this._$AH=t);else{const h=t;let c,b;for(t=n[0],c=0;c<n.length-1;c++)b=rt(this,h[r+c],e,c),b===G&&(b=this._$AH[c]),s||(s=!pt(b)||b!==this._$AH[c]),b===d?t=d:t!==d&&(t+=(b??"")+n[c+1]),this._$AH[c]=b}s&&!i&&this.j(t)}j(t){t===d?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class Oe extends Et{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===d?void 0:t}}class ze extends Et{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==d)}}class Be extends Et{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){if((t=rt(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 De{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){rt(this,t)}}const Pt=ct.litHtmlPolyfillSupport;Pt==null||Pt(ut,mt),(ct.litHtmlVersions??(ct.litHtmlVersions=[])).push("3.3.0");const He=(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 mt(t.insertBefore(dt(),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
|
|
19
|
+
*/const Y=globalThis;let v=class extends it{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=He(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 ce;v._$litElement$=!0,v.finalized=!0,(ce=Y.litElementHydrateSupport)==null||ce.call(Y,{LitElement:v});const Ot=Y.litElementPolyfillSupport;Ot==null||Ot({LitElement:v});(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 m=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 Me={attribute:!0,type:String,converter:Ct,reflect:!1,hasChanged:jt},Te=(o=Me,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"?Te(o,t,e):((r,i,n)=>{const s=i.hasOwnProperty(n);return i.constructor.createProperty(n,r),s?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}/**
|
|
28
28
|
* @license
|
|
29
29
|
* Copyright 2017 Google LLC
|
|
30
30
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
31
|
-
*/function
|
|
31
|
+
*/function et(o){return a({...o,state:!0,attribute:!1})}/**
|
|
32
|
+
* @license
|
|
33
|
+
* Copyright 2017 Google LLC
|
|
34
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
35
|
+
*/const je=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);/**
|
|
36
|
+
* @license
|
|
37
|
+
* Copyright 2017 Google LLC
|
|
38
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
39
|
+
*/function fe(o,t){return(e,r,i)=>{const n=s=>{var h;return((h=s.renderRoot)==null?void 0:h.querySelector(o))??null};return je(e,r,{get(){return n(this)}})}}const xt=f`
|
|
32
40
|
outline: 1px dashed var(--color-border-primary);
|
|
33
41
|
outline-offset: 2px;
|
|
34
|
-
`;
|
|
42
|
+
`;f`
|
|
35
43
|
:host * {
|
|
36
44
|
box-sizing: border-box;
|
|
37
45
|
}
|
|
@@ -39,118 +47,118 @@
|
|
|
39
47
|
* @license
|
|
40
48
|
* Copyright 2023 Google LLC
|
|
41
49
|
* SPDX-License-Identifier: Apache-2.0
|
|
42
|
-
*/const
|
|
50
|
+
*/const Ft=Symbol("internals"),zt=Symbol("privateInternals");function Nt(o){var t;class e extends o{get[(t=Ft,t)](){return this[zt]||(this[zt]=this.attachInternals()),this[zt]}}return e}/**
|
|
43
51
|
* @license
|
|
44
52
|
* Copyright 2023 Google LLC
|
|
45
53
|
* SPDX-License-Identifier: Apache-2.0
|
|
46
|
-
*/function
|
|
54
|
+
*/function Re(o){o.addInitializer(t=>{const e=t;e.addEventListener("click",async r=>{const{type:i,[Ft]: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 Fe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
47
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"/>
|
|
48
56
|
</svg>
|
|
49
|
-
`,
|
|
57
|
+
`,Ne=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
50
58
|
<path d="M16 8L4 0V16L16 8Z" fill="#3F2B2E"/>
|
|
51
59
|
</svg>
|
|
52
|
-
`,
|
|
60
|
+
`,Ue=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
53
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"/>
|
|
54
62
|
</svg>
|
|
55
|
-
`,
|
|
63
|
+
`,Ve=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
56
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"/>
|
|
57
65
|
</svg>
|
|
58
|
-
`,
|
|
66
|
+
`,Ze=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
59
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"/>
|
|
60
68
|
</svg>
|
|
61
|
-
`,
|
|
69
|
+
`,qe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
62
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"/>
|
|
63
71
|
</svg>
|
|
64
|
-
`,
|
|
72
|
+
`,Ke=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
65
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"/>
|
|
66
74
|
</svg>
|
|
67
|
-
`,
|
|
75
|
+
`,We=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
68
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"/>
|
|
69
77
|
</svg>
|
|
70
|
-
`,
|
|
78
|
+
`,Ge=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
71
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"/>
|
|
72
80
|
</svg>
|
|
73
|
-
`,
|
|
81
|
+
`,Xe=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
74
82
|
<path d="M2 2L14 14" stroke="#3F2B2E"/>
|
|
75
83
|
<path d="M14 2L2 14" stroke="#3F2B2E"/>
|
|
76
84
|
</svg>
|
|
77
|
-
`,
|
|
85
|
+
`,Je=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
78
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"/>
|
|
79
87
|
</svg>
|
|
80
|
-
`,
|
|
88
|
+
`,Qe=`<?xml version="1.0" encoding="utf-8"?>
|
|
81
89
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
82
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"
|
|
83
91
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
84
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
|
|
85
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"/>
|
|
86
94
|
</svg>
|
|
87
|
-
`,
|
|
95
|
+
`,Ye=`<?xml version="1.0" encoding="utf-8"?>
|
|
88
96
|
<!-- Generator: $$$/GeneralStr/196=Adobe Illustrator 27.6.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
|
89
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"
|
|
90
98
|
viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
|
91
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"/>
|
|
92
100
|
</svg>
|
|
93
|
-
`,
|
|
101
|
+
`,to=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
94
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"/>
|
|
95
103
|
</svg>
|
|
96
|
-
`,
|
|
104
|
+
`,eo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
97
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"/>
|
|
98
106
|
</svg>
|
|
99
|
-
`,
|
|
107
|
+
`,oo=`<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
100
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"/>
|
|
101
109
|
</svg>
|
|
102
|
-
`,
|
|
110
|
+
`,io=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
103
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"/>
|
|
104
112
|
</svg>
|
|
105
|
-
`,
|
|
113
|
+
`,ro=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
106
114
|
<path d="M12 17.4585L4 6.4585L20 6.4585L12 17.4585Z" fill="#3F2B2E"/>
|
|
107
115
|
</svg>
|
|
108
|
-
`,
|
|
116
|
+
`,no=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
109
117
|
<path d="M12 6.4585L20 17.4585H4L12 6.4585Z" fill="#3F2B2E"/>
|
|
110
118
|
</svg>
|
|
111
|
-
`,
|
|
119
|
+
`,so=`<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
112
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"/>
|
|
113
121
|
</svg>
|
|
114
|
-
`,
|
|
122
|
+
`,ao=`<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
115
123
|
<rect x="1" width="2" height="8" fill="#3F2B2E"/>
|
|
116
124
|
<rect x="5" width="2" height="8" fill="#3F2B2E"/>
|
|
117
125
|
</svg>
|
|
118
|
-
`,
|
|
126
|
+
`,lo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
119
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"/>
|
|
120
128
|
</svg>
|
|
121
|
-
`,
|
|
129
|
+
`,co=`<svg viewBox="0 0 200 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
|
|
122
130
|
<line x1="0" y1="0" x2="200" y2="200" />
|
|
123
|
-
</svg>`,
|
|
131
|
+
</svg>`,ho=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
124
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"/>
|
|
125
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"/>
|
|
126
134
|
</svg>
|
|
127
|
-
`,
|
|
135
|
+
`,po=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
128
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"/>
|
|
129
137
|
</svg>
|
|
130
|
-
`,
|
|
138
|
+
`,uo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
131
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"/>
|
|
132
140
|
</svg>
|
|
133
|
-
`,
|
|
141
|
+
`,vo=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
134
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"/>
|
|
135
143
|
</svg>
|
|
136
|
-
`,
|
|
144
|
+
`,fo=`<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
137
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"/>
|
|
138
146
|
</svg>
|
|
139
|
-
`,
|
|
147
|
+
`,bo=`<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none">
|
|
140
148
|
<path d="M1 4.5415L3 6.5415L9 0.541504" stroke="#FBF9F6" stroke-linecap="round" stroke-linejoin="round"/>
|
|
141
|
-
</svg>`,
|
|
149
|
+
</svg>`,N={wishlist:Fe,playerv:Ne,chevronRight:Ue,chevronLeft:Ve,icoPlus:Qe,icoMinus:Ye,"star-0":Ze,"star-25":qe,"star-50":Ke,"star-75":We,"star-100":Ge,cross:Xe,search:Je,arrowLeft:to,arrowTop:eo,cart:oo,notifyme:io,triangledown:ro,triangleup:no,checkstroke:so,pause:ao,mapDualArrow:lo,swipeDualArrow:ho,backToBag:fo,checkbox:bo},go={strikeDiagonal:co},yo={success:po,error:uo,info:vo};/**
|
|
142
150
|
* @license
|
|
143
151
|
* Copyright 2017 Google LLC
|
|
144
152
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
145
|
-
*/const
|
|
153
|
+
*/const Ut={ATTRIBUTE:1,CHILD:2},Vt=o=>(...t)=>({_$litDirective$:o,values:t});let Zt=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)}};/**
|
|
146
154
|
* @license
|
|
147
155
|
* Copyright 2017 Google LLC
|
|
148
156
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
149
|
-
*/class
|
|
157
|
+
*/class Bt extends Zt{constructor(t){if(super(t),this.it=d,t.type!==Ut.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:[]}}}Bt.directiveName="unsafeHTML",Bt.resultType=1;/**
|
|
150
158
|
* @license
|
|
151
159
|
* Copyright 2017 Google LLC
|
|
152
160
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
153
|
-
*/class
|
|
161
|
+
*/class Dt extends Bt{}Dt.directiveName="unsafeSVG",Dt.resultType=2;const $=Vt(Dt);var mo=Object.defineProperty,xo=Object.getOwnPropertyDescriptor,w=(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&&mo(t,e,i),i};const wo=Nt(v);let g=class extends wo{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[Ft].form}handleClick(o){if(!(o instanceof KeyboardEvent&&!["Enter"," "].includes(o.key))&&this.panelTarget){const t=document.getElementById(this.panelTarget);t!=null&&t.openPanel&&typeof t.openPanel=="function"?(o.preventDefault(),t.openPanel()):console.warn(`[o-button] No side panel with id="${this.panelTarget}" found or it does not have an openPanel method.`)}}render(){return this.href?this.renderLink():this.renderButton()}renderIcon(o){const t=o==="start"?this.startIconModel:this.endIconModel;if(!t)return d;const e=N[t].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`<span class="${o==="start"?"icon-start":"icon-end"}">${$(e)}</span>`}renderButton(){const o=this.text||this.textsecond;return l`
|
|
154
162
|
<button type=${this.type} class="button" ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}>
|
|
155
163
|
${this.startIcon?this.renderIcon("start"):d}
|
|
156
164
|
${o?l`
|
|
@@ -174,7 +182,7 @@
|
|
|
174
182
|
`:l`<slot></slot>`}
|
|
175
183
|
${this.endIcon?this.renderIcon("end"):d}
|
|
176
184
|
</a>
|
|
177
|
-
`}};
|
|
185
|
+
`}};Re(g);g.formAssociated=!0;g.styles=f`
|
|
178
186
|
:host {
|
|
179
187
|
--button-border: transparent;
|
|
180
188
|
--badge-outer-width: 19px;
|
|
@@ -291,7 +299,7 @@
|
|
|
291
299
|
}
|
|
292
300
|
|
|
293
301
|
.button:focus-visible {
|
|
294
|
-
${
|
|
302
|
+
${xt};
|
|
295
303
|
}
|
|
296
304
|
|
|
297
305
|
span.text + span.text::before {
|
|
@@ -375,12 +383,12 @@
|
|
|
375
383
|
transform: translateX(4px);
|
|
376
384
|
}
|
|
377
385
|
//End icon movment on hover
|
|
378
|
-
`;w([a()],
|
|
386
|
+
`;w([a()],g.prototype,"type",2);w([a({reflect:!0})],g.prototype,"value",2);w([a({type:String,reflect:!0})],g.prototype,"variant",2);w([a({type:String})],g.prototype,"text",2);w([a({type:String})],g.prototype,"textsecond",2);w([a({type:Boolean,reflect:!0})],g.prototype,"fullwidth",2);w([a({type:Boolean,reflect:!0})],g.prototype,"disabled",2);w([a({type:String,reflect:!0})],g.prototype,"startIconModel",2);w([a({type:String,reflect:!0})],g.prototype,"endIconModel",2);w([a({type:Boolean,reflect:!0,attribute:"starticon"})],g.prototype,"startIcon",2);w([a({type:Boolean,reflect:!0,attribute:"endicon"})],g.prototype,"endIcon",2);w([a({type:String,attribute:"paneltarget",reflect:!0})],g.prototype,"panelTarget",2);w([a({type:String})],g.prototype,"href",2);w([a({type:String})],g.prototype,"target",2);w([a({type:Boolean,reflect:!0})],g.prototype,"underlined",2);w([a({type:Boolean,reflect:!0})],g.prototype,"withbadge",2);g=w([m("o-button")],g);var $o=Object.defineProperty,Co=Object.getOwnPropertyDescriptor,St=(o,t,e,r)=>{for(var i=r>1?void 0:r?Co(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&&$o(t,e,i),i};let nt=class extends v{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("tabindex","0"),this.setAttribute("role","button"),this.setAttribute("aria-pressed",String(this.status==="filled"))}firstUpdated(){this.addEventListener("click",this.toggleStatus),this.addEventListener("keydown",this.handleKeydown)}handleKeydown(o){(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),this.toggleStatus())}render(){const o=N.wishlist.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"');return l`
|
|
379
387
|
<button type="button" aria-describedby="${this.ariaDescribedBy}" class="wishlist-button">
|
|
380
388
|
<span class="sr-only">${this.label}</span>
|
|
381
|
-
${
|
|
389
|
+
${$(o)}
|
|
382
390
|
</button>
|
|
383
|
-
`}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()}};
|
|
391
|
+
`}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()}};nt.styles=f`
|
|
384
392
|
:host {
|
|
385
393
|
display: inline-flex;
|
|
386
394
|
justify-content: center;
|
|
@@ -445,27 +453,27 @@
|
|
|
445
453
|
width: 0.1rem !important;
|
|
446
454
|
white-space: nowrap !important;
|
|
447
455
|
}
|
|
448
|
-
`;
|
|
456
|
+
`;St([a({type:String,reflect:!0})],nt.prototype,"status",2);St([a({type:String,reflect:!0})],nt.prototype,"ariaDescribedBy",2);St([a({type:String,reflect:!0})],nt.prototype,"label",2);nt=St([m("o-wishlist-button")],nt);/**
|
|
449
457
|
* @license
|
|
450
458
|
* Copyright 2018 Google LLC
|
|
451
459
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
452
|
-
*/const
|
|
460
|
+
*/const E=o=>o??d;var _o=Object.defineProperty,ko=Object.getOwnPropertyDescriptor,T=(o,t,e,r)=>{for(var i=r>1?void 0:r?ko(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&&_o(t,e,i),i};let S=class extends v{constructor(){super(...arguments),this.bgstyle="background-light",this.size="medium",this.status="empty",this.type="button",this.strokewidth="1",this.icon="wishlist",this.disabled=!1,this.showSrLabel=!1,this.srLabel=""}updated(o){super.updated(o),this.style.setProperty("--icon-stroke-width",this.strokewidth)}render(){const o=N[this.icon]??"",t=`icon-${this.icon}`,e=o.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/<path\b/g,'<path part="icon-path"').replace(/<g\b/g,'<g part="icon-group"').replace(/<circle\b/g,'<circle part="icon-circle"'),r=this.showSrLabel?l`<span class="sr-only">${this.srLabel}</span>`:null,i=this.showSrLabel?null:"icon";return l`
|
|
453
461
|
${this.type==="span"?l`
|
|
454
462
|
<span class="icon icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}" ?disabled="${this.disabled}">
|
|
455
|
-
${
|
|
463
|
+
${$(e)}
|
|
456
464
|
</span>
|
|
457
465
|
`:l`
|
|
458
466
|
<button
|
|
459
467
|
type="button"
|
|
460
|
-
aria-label=${
|
|
468
|
+
aria-label=${E(i)}
|
|
461
469
|
class="icon-button ${this.size} ${this.bgstyle} ${this.status} ${t}"
|
|
462
470
|
?disabled="${this.disabled}"
|
|
463
471
|
>
|
|
464
|
-
${
|
|
465
|
-
${
|
|
472
|
+
${$(e)}
|
|
473
|
+
${r}
|
|
466
474
|
</button>
|
|
467
475
|
`}
|
|
468
|
-
`}};
|
|
476
|
+
`}};S.styles=f`
|
|
469
477
|
:host {
|
|
470
478
|
display: inline-flex;
|
|
471
479
|
justify-content: center;
|
|
@@ -670,16 +678,16 @@
|
|
|
670
678
|
}
|
|
671
679
|
|
|
672
680
|
.icon-button:focus-visible {
|
|
673
|
-
${
|
|
681
|
+
${xt}
|
|
674
682
|
}
|
|
675
683
|
|
|
676
684
|
.sr-only {
|
|
677
685
|
display: none;
|
|
678
686
|
}
|
|
679
|
-
`;
|
|
687
|
+
`;T([a({type:String,reflect:!0})],S.prototype,"bgstyle",2);T([a({type:String,reflect:!0})],S.prototype,"size",2);T([a({type:String,reflect:!0})],S.prototype,"status",2);T([a({type:String,reflect:!0})],S.prototype,"type",2);T([a({type:String})],S.prototype,"strokewidth",2);T([a({type:String})],S.prototype,"icon",2);T([a({type:Boolean,reflect:!0})],S.prototype,"disabled",2);T([a({type:Boolean})],S.prototype,"showSrLabel",2);T([a({type:String})],S.prototype,"srLabel",2);S=T([m("o-icon-button")],S);var Eo=Object.defineProperty,So=Object.getOwnPropertyDescriptor,ot=(o,t,e,r)=>{for(var i=r>1?void 0:r?So(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&&Eo(t,e,i),i};let U=class extends v{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`
|
|
680
688
|
<a
|
|
681
689
|
href="${o}"
|
|
682
|
-
target="${
|
|
690
|
+
target="${E(this.target||void 0)}"
|
|
683
691
|
@click="${this._handleClick}"
|
|
684
692
|
>
|
|
685
693
|
${this.endIcon&&this.reverseEndIcon?l`
|
|
@@ -702,7 +710,7 @@
|
|
|
702
710
|
></o-icon-button>
|
|
703
711
|
`:null}
|
|
704
712
|
</a>
|
|
705
|
-
`}};
|
|
713
|
+
`}};U.styles=f`
|
|
706
714
|
:host([template="standard"]) a {
|
|
707
715
|
color: var(--color-content-action-secondary);
|
|
708
716
|
font-size: var(--font-size-200);
|
|
@@ -789,14 +797,14 @@
|
|
|
789
797
|
height: 1px;
|
|
790
798
|
}
|
|
791
799
|
/* End of underline effect */
|
|
792
|
-
`;
|
|
800
|
+
`;ot([a({type:String})],U.prototype,"href",2);ot([a({type:String})],U.prototype,"target",2);ot([a({type:String,reflect:!0})],U.prototype,"template",2);ot([a({type:Boolean,reflect:!0})],U.prototype,"inverse",2);ot([a({type:Boolean,reflect:!0})],U.prototype,"endIcon",2);ot([a({type:Boolean,reflect:!0})],U.prototype,"reverseEndIcon",2);U=ot([m("o-link")],U);var Ao=Object.defineProperty,Lo=Object.getOwnPropertyDescriptor,At=(o,t,e,r)=>{for(var i=r>1?void 0:r?Lo(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&&Ao(t,e,i),i};let st=class extends v{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`
|
|
793
801
|
<div class="rating">
|
|
794
802
|
<div class="stars">
|
|
795
|
-
${o.map(t=>l`<span class="star">${
|
|
803
|
+
${o.map(t=>l`<span class="star">${$(N[t]??"")}</span>`)}
|
|
796
804
|
</div>
|
|
797
805
|
${this.reviewCount!=null&&this.href!=null?l`<o-link template="review" href="${this.href}">${this.reviewCount}</o-link>`:null}
|
|
798
806
|
</div>
|
|
799
|
-
`}};
|
|
807
|
+
`}};st.styles=f`
|
|
800
808
|
svg {
|
|
801
809
|
width: 12px;
|
|
802
810
|
height: 12px;
|
|
@@ -829,15 +837,15 @@
|
|
|
829
837
|
text-decoration: underline;
|
|
830
838
|
cursor: pointer;
|
|
831
839
|
}
|
|
832
|
-
`;
|
|
840
|
+
`;At([a({type:Number})],st.prototype,"rating",2);At([a({type:String})],st.prototype,"reviewCount",2);At([a({type:String})],st.prototype,"href",2);st=At([m("o-rating")],st);/**
|
|
833
841
|
* @license
|
|
834
842
|
* Copyright 2020 Google LLC
|
|
835
843
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
836
|
-
*/const
|
|
844
|
+
*/const Io=o=>o.strings===void 0;/**
|
|
837
845
|
* @license
|
|
838
846
|
* Copyright 2017 Google LLC
|
|
839
847
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
840
|
-
*/const
|
|
848
|
+
*/const ht=(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),ht(i,t);return!0},kt=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)},be=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),zo(t)}};function Po(o){this._$AN!==void 0?(kt(this),this._$AM=o,be(this)):this._$AM=o}function Oo(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++)ht(r[n],!1),kt(r[n]);else r!=null&&(ht(r,!1),kt(r));else ht(this,o)}const zo=o=>{o.type==Ut.CHILD&&(o._$AP??(o._$AP=Oo),o._$AQ??(o._$AQ=Po))};class Bo extends Zt{constructor(){super(...arguments),this._$AN=void 0}_$AT(t,e,r){super._$AT(t,e,r),be(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&&(ht(this,t),kt(this))}setValue(t){if(Io(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 Do extends Bo{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 Ho extends Do{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 Mo extends Ho{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 le=Vt(Mo);var To=Object.defineProperty,jo=Object.getOwnPropertyDescriptor,y=(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=(r?s(t,e,i):s(i))||i);return r&&i&&To(t,e,i),i};let u=class extends v{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.innerFocusedElement=null,this._onOpenDetail=()=>{this.showDetail=!0,this.showHeaderStartIcon=!0},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");if(r){this.showHeaderStartIcon=!1;const i=()=>{this.showDetail=!1,this.isHidingDetail=!1,r.removeEventListener("animationend",i)};r.addEventListener("animationend",i)}else this.showDetail=!1,this.isHidingDetail=!1,this.showHeaderStartIcon=!1;return}this.closePanel()}}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)}trapFocus(o){var i,n,s,h,c,b,x,p,k,z;this.innerFocusedElement=document.activeElement||null,this.innerFocusedElement=((n=(i=this.innerFocusedElement)==null?void 0:i.shadowRoot)==null?void 0:n.activeElement)||this.innerFocusedElement;const t=this.getFocusableElements();if(t.length===0)return;const e=t[0],r=t[t.length-1];o.shiftKey&&this.innerFocusedElement===e?(o.preventDefault(),r.shadowRoot?(c=(h=(s=r.shadowRoot)==null?void 0:s.querySelector(u.focusablesSelector))==null?void 0:h.focus)==null||c.call(h):(b=r.focus)==null||b.call(r)):!o.shiftKey&&this.innerFocusedElement===r&&(o.preventDefault(),e.shadowRoot?(k=(p=(x=e.shadowRoot)==null?void 0:x.querySelector(u.focusablesSelector))==null?void 0:p.focus)==null||k.call(p):(z=e.focus)==null||z.call(e))}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.previousFocusedElement=document.activeElement,this.open=!0,document.body.style.overflow="hidden",document.body.setAttribute("data-side-panel","open"),this.updateComplete.then(()=>{var o,t,e,r;if(this.showHeader){const i=((o=this.shadowRoot)==null?void 0:o.querySelector(".panel .close-btn"))||null,n=((t=i==null?void 0:i.shadowRoot)==null?void 0:t.querySelector("button"))||null;n&&((e=n.focus)==null||e.call(n))}else{const i=this.getFocusableElements()[0];(r=i==null?void 0:i.focus)==null||r.call(i)}}),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0}))}closePanel(){var o,t,e,r,i;this.open=!1,this.showDetail=!1,document.body.style.overflow="",document.body.removeAttribute("data-side-panel"),((o=this.previousFocusedElement)==null?void 0:o.tagName.toLowerCase())==="o-button"?(r=(e=(t=this.previousFocusedElement.shadowRoot)==null?void 0:t.querySelector(".button"))==null?void 0:e.focus)==null||r.call(e):(i=this.previousFocusedElement)==null||i.focus(),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}`)}render(){const o=this.showHeader?l`
|
|
841
849
|
<div class="header">
|
|
842
850
|
${this.showHeaderStartIcon?l`
|
|
843
851
|
<o-icon-button
|
|
@@ -897,7 +905,7 @@
|
|
|
897
905
|
variant="${this.firstButtonVariant}"
|
|
898
906
|
@click=${this.handleFirstClick}
|
|
899
907
|
@keydown=${this.handleFirstClick}
|
|
900
|
-
${
|
|
908
|
+
${le(this.firstButtonProps)}
|
|
901
909
|
>
|
|
902
910
|
${this.firstButtonLabel}
|
|
903
911
|
</o-button>
|
|
@@ -908,7 +916,7 @@
|
|
|
908
916
|
variant="${this.secondButtonVariant}"
|
|
909
917
|
@click=${this.handleSecondClick}
|
|
910
918
|
@keydown=${this.handleSecondClick}
|
|
911
|
-
${
|
|
919
|
+
${le(this.secondButtonProps)}
|
|
912
920
|
>
|
|
913
921
|
${this.secondButtonLabel}
|
|
914
922
|
</o-button>
|
|
@@ -916,7 +924,7 @@
|
|
|
916
924
|
</div>
|
|
917
925
|
`:null}
|
|
918
926
|
</div>
|
|
919
|
-
`}};u.styles=
|
|
927
|
+
`}};u.styles=f`
|
|
920
928
|
:host {
|
|
921
929
|
--z-overlay: 99;
|
|
922
930
|
--z-panel: 100;
|
|
@@ -1020,7 +1028,7 @@
|
|
|
1020
1028
|
.panel:focus-visible,
|
|
1021
1029
|
.close-btn:focus,
|
|
1022
1030
|
.close-btn:focus-visible {
|
|
1023
|
-
${
|
|
1031
|
+
${xt}
|
|
1024
1032
|
}
|
|
1025
1033
|
|
|
1026
1034
|
.content {
|
|
@@ -1104,7 +1112,7 @@
|
|
|
1104
1112
|
.detail-content {
|
|
1105
1113
|
padding: var(--spacing-xl);
|
|
1106
1114
|
}
|
|
1107
|
-
`;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([
|
|
1115
|
+
`;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([m("o-side-panel")],u);var Ro=Object.defineProperty,Fo=Object.getOwnPropertyDescriptor,X=(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&&Ro(t,e,i),i};let M=class extends v{constructor(){super(...arguments),this.thumbnails=[],this.activeIndex=0,this.disabledIndexes=[],this.maxWidth="100%",this.altressource="visual",this.focusedIndex=0,this.playerIconTemplate=l`
|
|
1108
1116
|
<o-icon-button
|
|
1109
1117
|
icon="playerv"
|
|
1110
1118
|
size="xsmall"
|
|
@@ -1113,27 +1121,27 @@
|
|
|
1113
1121
|
status="filled"
|
|
1114
1122
|
strokewidth="0"
|
|
1115
1123
|
></o-icon-button>
|
|
1116
|
-
`}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),
|
|
1124
|
+
`}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`
|
|
1117
1125
|
<ul class="scroll-container" style="max-width: ${this.maxWidth};">
|
|
1118
|
-
${this.thumbnails.map((o,t)=>{const e=this.disabledIndexes.includes(t),
|
|
1126
|
+
${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`
|
|
1119
1127
|
<li class="thumb-wrapper">
|
|
1120
1128
|
<button
|
|
1121
1129
|
class="thumb"
|
|
1122
1130
|
data-index="${t}"
|
|
1123
1131
|
?disabled=${e}
|
|
1124
|
-
aria-current=${
|
|
1132
|
+
aria-current=${r?"true":"false"}
|
|
1125
1133
|
@click=${()=>this.selectThumbnail(t)}
|
|
1126
1134
|
@keydown=${this.handleKeyDown}
|
|
1127
1135
|
@focus=${s=>this.onFocus(s)}
|
|
1128
1136
|
@focusout=${s=>this.onFocusOut(s)}
|
|
1129
1137
|
>
|
|
1130
|
-
<img alt="${
|
|
1138
|
+
<img alt="${n}" src="${o.src}" />
|
|
1131
1139
|
</button>
|
|
1132
1140
|
${i?l`<div class="play-icon-wrapper">${this.playerIconTemplate}</div>`:null}
|
|
1133
1141
|
</li>
|
|
1134
1142
|
`})}
|
|
1135
1143
|
</ul>
|
|
1136
|
-
`}};
|
|
1144
|
+
`}};M.styles=f`
|
|
1137
1145
|
:host {
|
|
1138
1146
|
display: flex;
|
|
1139
1147
|
gap: 5px;
|
|
@@ -1238,9 +1246,9 @@
|
|
|
1238
1246
|
height: 0;
|
|
1239
1247
|
width: 0;
|
|
1240
1248
|
}
|
|
1241
|
-
`;
|
|
1249
|
+
`;X([a({type:Array})],M.prototype,"thumbnails",2);X([a({type:Number})],M.prototype,"activeIndex",2);X([a({type:Array})],M.prototype,"disabledIndexes",2);X([a({type:String})],M.prototype,"maxWidth",2);X([a({type:String})],M.prototype,"altressource",2);X([a({type:Object})],M.prototype,"swiperInstance",2);X([et()],M.prototype,"focusedIndex",2);M=X([m("thumbnail-navigation")],M);var No=Object.defineProperty,Uo=Object.getOwnPropertyDescriptor,qt=(o,t,e,r)=>{for(var i=r>1?void 0:r?Uo(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 vt=class extends v{constructor(){super(...arguments),this.type="",this.bgstyle="background-white"}render(){return l`
|
|
1242
1250
|
<span class="tag ${this.bgstyle}"><slot></slot></span>
|
|
1243
|
-
`}};
|
|
1251
|
+
`}};vt.styles=f`
|
|
1244
1252
|
.tag {
|
|
1245
1253
|
display: inline-block;
|
|
1246
1254
|
padding: var(--spacing-2-xs) var(--spacing-s);
|
|
@@ -1297,12 +1305,12 @@
|
|
|
1297
1305
|
}
|
|
1298
1306
|
}
|
|
1299
1307
|
|
|
1300
|
-
`;
|
|
1308
|
+
`;qt([a({type:String,reflect:!0})],vt.prototype,"type",2);qt([a({type:String,reflect:!0})],vt.prototype,"bgstyle",2);vt=qt([m("o-tag")],vt);var Vo=Object.defineProperty,Zo=Object.getOwnPropertyDescriptor,Kt=(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&&Vo(t,e,i),i};let ft=class extends v{constructor(){super(...arguments),this.type="top",this.text=""}render(){return l`
|
|
1301
1309
|
<div class="tooltip">
|
|
1302
1310
|
<span class="tooltiptext">${this.text}</span>
|
|
1303
1311
|
<slot></slot>
|
|
1304
1312
|
</div>
|
|
1305
|
-
`}};
|
|
1313
|
+
`}};ft.styles=f`
|
|
1306
1314
|
.tooltip {
|
|
1307
1315
|
position: relative;
|
|
1308
1316
|
display: inline-block;
|
|
@@ -1394,7 +1402,7 @@
|
|
|
1394
1402
|
border-color: transparent var(--color-alpha-dark-strongest) transparent transparent;
|
|
1395
1403
|
}
|
|
1396
1404
|
|
|
1397
|
-
`;
|
|
1405
|
+
`;Kt([a({type:String,reflect:!0})],ft.prototype,"type",2);Kt([a({type:String,reflect:!0})],ft.prototype,"text",2);ft=Kt([m("o-tooltip")],ft);var qo=Object.defineProperty,Ko=Object.getOwnPropertyDescriptor,V=(o,t,e,r)=>{for(var i=r>1?void 0:r?Ko(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 B=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>{this._focusActiveOption()})}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(o){this.options.length>0&&(this.options.some(e=>e.value===this.value)||(this.value=this.options[0].value))}render(){const o=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1398
1406
|
<button
|
|
1399
1407
|
role="combobox"
|
|
1400
1408
|
aria-haspopup="listbox"
|
|
@@ -1422,27 +1430,27 @@
|
|
|
1422
1430
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1423
1431
|
style=${`width: ${this.width};`}
|
|
1424
1432
|
>
|
|
1425
|
-
${this.options.map((e,
|
|
1433
|
+
${this.options.map((e,r)=>l`
|
|
1426
1434
|
<li
|
|
1427
|
-
id="option-${
|
|
1435
|
+
id="option-${r}"
|
|
1428
1436
|
role="option"
|
|
1429
1437
|
aria-selected="${e.value===this.value}"
|
|
1430
|
-
tabindex="${
|
|
1431
|
-
class="${
|
|
1438
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1439
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1432
1440
|
@click=${()=>this.selectOption(e)}
|
|
1433
1441
|
>
|
|
1434
1442
|
${e.url?l`
|
|
1435
1443
|
<a href="${e.url}">
|
|
1436
1444
|
<span>${e.label}</span>
|
|
1437
|
-
${e.value===this.value?l`<span class="check">${
|
|
1445
|
+
${e.value===this.value?l`<span class="check">${$(o)}</span>`:null}
|
|
1438
1446
|
</a>`:l`
|
|
1439
1447
|
<span>${e.label}</span>
|
|
1440
|
-
${e.value===this.value?l`<span class="check">${
|
|
1448
|
+
${e.value===this.value?l`<span class="check">${$(o)}</span>`:null}`}
|
|
1441
1449
|
</li>`)}
|
|
1442
1450
|
</ul>`:null}
|
|
1443
1451
|
|
|
1444
1452
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1445
|
-
`}};
|
|
1453
|
+
`}};B.styles=f`
|
|
1446
1454
|
:host {
|
|
1447
1455
|
display: inline-block;
|
|
1448
1456
|
position: relative;
|
|
@@ -1581,7 +1589,7 @@
|
|
|
1581
1589
|
input[type="hidden"] {
|
|
1582
1590
|
display: none;
|
|
1583
1591
|
}
|
|
1584
|
-
`;
|
|
1592
|
+
`;V([a({type:Array,reflect:!0})],B.prototype,"options",2);V([a({type:String,reflect:!0})],B.prototype,"value",2);V([a({type:String,reflect:!0})],B.prototype,"name",2);V([a({type:Boolean,reflect:!0})],B.prototype,"disabled",2);V([a({type:String,reflect:!0})],B.prototype,"width",2);V([et()],B.prototype,"open",2);V([et()],B.prototype,"activeIndex",2);V([et()],B.prototype,"menuWidth",2);B=V([m("o-dropdown")],B);var Wo=Object.getOwnPropertyDescriptor,Go=(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=s(i)||i);return i};let Ht=class extends v{render(){return l` <span class="dots"></span> `}};Ht.styles=f`
|
|
1585
1593
|
:host {
|
|
1586
1594
|
display: flex;
|
|
1587
1595
|
align-items: center;
|
|
@@ -1632,7 +1640,7 @@
|
|
|
1632
1640
|
background-color: var(--color-container-action-primary-pressed);
|
|
1633
1641
|
}
|
|
1634
1642
|
}
|
|
1635
|
-
`;
|
|
1643
|
+
`;Ht=Go([m("o-dots")],Ht);var Xo=Object.defineProperty,Jo=Object.getOwnPropertyDescriptor,j=(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=(r?s(t,e,i):s(i))||i);return r&&i&&Xo(t,e,i),i};let A=class extends v{constructor(){super(...arguments),this.options=[],this.value="",this.name="",this.additionaltext="+X variant(s)",this.disabled=!1,this.width="100%",this.open=!1,this.activeIndex=-1,this.menuWidth="",this._handleOutsideClick=o=>{this.contains(o.target)||(this.open=!1,this.activeIndex=-1)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._handleOutsideClick)}disconnectedCallback(){document.removeEventListener("click",this._handleOutsideClick),super.disconnectedCallback()}toggle(){var o;if(!this.disabled){if(this.open=!this.open,this.activeIndex=this.open?this.options.findIndex(t=>t.value===this.value):-1,this.open&&this.width==="auto"){const t=(o=this.renderRoot)==null?void 0:o.querySelector("button");t&&(this.menuWidth=`${t.getBoundingClientRect().width}px`)}this.open&&this.updateComplete.then(()=>this._focusActiveOption())}}_focusActiveOption(){var t;const o=(t=this.renderRoot)==null?void 0:t.querySelector(`#option-${this.activeIndex}`);o==null||o.focus()}selectOption(o){this.value=o.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,url:o.url}})),this.open=!1,this.activeIndex=-1}handleKeydown(o){if(this.disabled){o.preventDefault();return}if(!this.open){(o.key==="ArrowDown"||o.key==="ArrowUp")&&(o.preventDefault(),this.open=!0,this.activeIndex=this.options.findIndex(t=>t.value===this.value),this.updateComplete.then(()=>this._focusActiveOption()));return}switch(o.key){case"ArrowDown":o.preventDefault(),this.activeIndex=(this.activeIndex+1)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"ArrowUp":o.preventDefault(),this.activeIndex=(this.activeIndex-1+this.options.length)%this.options.length,this.updateComplete.then(()=>this._focusActiveOption());break;case"Home":o.preventDefault(),this.activeIndex=0,this.updateComplete.then(()=>this._focusActiveOption());break;case"End":o.preventDefault(),this.activeIndex=this.options.length-1,this.updateComplete.then(()=>this._focusActiveOption());break;case"Enter":o.preventDefault(),this.activeIndex>=0&&this.selectOption(this.options[this.activeIndex]);break;case"Escape":o.preventDefault(),this.open=!1,this.activeIndex=-1;break}}updated(){this.options.length>0&&(this.options.some(t=>t.value===this.value)||(this.value=this.options[0].value))}render(){const o=N.checkstroke.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"'),t=this.options.find(e=>e.value===this.value);return l`
|
|
1636
1644
|
<button
|
|
1637
1645
|
role="combobox"
|
|
1638
1646
|
aria-haspopup="listbox"
|
|
@@ -1646,7 +1654,7 @@
|
|
|
1646
1654
|
?disabled=${this.disabled}
|
|
1647
1655
|
class="btn-dropdown"
|
|
1648
1656
|
>
|
|
1649
|
-
<img alt="${
|
|
1657
|
+
<img alt="${E(t==null?void 0:t.label)}" src="${E(t==null?void 0:t.imgurl)}" />
|
|
1650
1658
|
<span id="dropdown-label" class="label">
|
|
1651
1659
|
${t?t.label:"Select an option"}
|
|
1652
1660
|
</span>
|
|
@@ -1670,23 +1678,23 @@
|
|
|
1670
1678
|
aria-activedescendant="${this.activeIndex>=0?"option-"+this.activeIndex:""}"
|
|
1671
1679
|
style=${`width: ${this.width};`}
|
|
1672
1680
|
>
|
|
1673
|
-
${this.options.map((e,
|
|
1681
|
+
${this.options.map((e,r)=>l`
|
|
1674
1682
|
<li
|
|
1675
|
-
id="option-${
|
|
1683
|
+
id="option-${r}"
|
|
1676
1684
|
role="option"
|
|
1677
1685
|
aria-selected="${e.value===this.value}"
|
|
1678
1686
|
aria-disabled="${e.disabled?"true":"false"}"
|
|
1679
|
-
tabindex="${
|
|
1680
|
-
class="${
|
|
1687
|
+
tabindex="${r===this.activeIndex?"0":"-1"}"
|
|
1688
|
+
class="${r===this.activeIndex?"active":""} ${e.disabled?"disabled":""}"
|
|
1681
1689
|
@click=${()=>this.selectOption(e)}
|
|
1682
1690
|
>
|
|
1683
|
-
<a href="${
|
|
1684
|
-
<img alt="${
|
|
1691
|
+
<a href="${E(e.url)}">
|
|
1692
|
+
<img alt="${E(e.label)}" src="${E(e.imgurl)}" />
|
|
1685
1693
|
<span class="label">${e.label}</span>
|
|
1686
1694
|
<div class="right">
|
|
1687
|
-
<span class="additional-text">${
|
|
1695
|
+
<span class="additional-text">${E(e.additionaltext)}</span>
|
|
1688
1696
|
${e.value===this.value&&!e.additionaltext?l`
|
|
1689
|
-
<span class="check">${
|
|
1697
|
+
<span class="check">${$(o)}</span>`:null}
|
|
1690
1698
|
</div>
|
|
1691
1699
|
</a>
|
|
1692
1700
|
</li>
|
|
@@ -1694,7 +1702,7 @@
|
|
|
1694
1702
|
</ul>`:null}
|
|
1695
1703
|
|
|
1696
1704
|
<input type="hidden" name="${this.name}" .value="${this.value}" />
|
|
1697
|
-
`}};A.styles=
|
|
1705
|
+
`}};A.styles=f`
|
|
1698
1706
|
:host {
|
|
1699
1707
|
display: inline-block;
|
|
1700
1708
|
position: relative;
|
|
@@ -1869,17 +1877,17 @@
|
|
|
1869
1877
|
input[type="hidden"] {
|
|
1870
1878
|
display: none;
|
|
1871
1879
|
}
|
|
1872
|
-
`;
|
|
1880
|
+
`;j([a({type:Array,reflect:!0})],A.prototype,"options",2);j([a({type:String,reflect:!0})],A.prototype,"value",2);j([a({type:String,reflect:!0})],A.prototype,"name",2);j([a({type:String,reflect:!0})],A.prototype,"additionaltext",2);j([a({type:Boolean,reflect:!0})],A.prototype,"disabled",2);j([a({type:String,reflect:!0})],A.prototype,"width",2);j([et()],A.prototype,"open",2);j([et()],A.prototype,"activeIndex",2);j([et()],A.prototype,"menuWidth",2);A=j([m("o-dropdown-variant")],A);/**
|
|
1873
1881
|
* @license
|
|
1874
1882
|
* Copyright 2018 Google LLC
|
|
1875
1883
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
1876
|
-
*/const
|
|
1877
|
-
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${
|
|
1884
|
+
*/const ge="important",Qo=" !"+ge,Yo=Vt(class extends Zt{constructor(o){var t;if(super(o),o.type!==Ut.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(Qo);r.includes("-")||n?e.setProperty(r,n?i.slice(0,-11):i,n?ge:""):e[r]=i}}return G}});var ti=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,Wt=(o,t,e,r)=>{for(var i=r>1?void 0:r?ei(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&&ti(t,e,i),i};let bt=class extends v{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`
|
|
1885
|
+
${this.option.imgurl?l`<img src="${this.option.imgurl}" alt="${E(this.option.title)}" aria-hidden="true" style=${Yo(t)} />`:""}
|
|
1878
1886
|
<div class="m-reassurance-content">
|
|
1879
|
-
<h3 class="a-reassurance-text">${
|
|
1880
|
-
<p class="a-reassurance-description">${
|
|
1887
|
+
<h3 class="a-reassurance-text">${E(this.option.title)}</h3>
|
|
1888
|
+
<p class="a-reassurance-description">${E(this.option.description)}</p>
|
|
1881
1889
|
</div>
|
|
1882
|
-
`;return o?l`<a href="${
|
|
1890
|
+
`;return o?l`<a href="${E(this.option.url)}" class="reassurance-item clickable">${e}</a>`:l`<div class="reassurance-item">${e}</div>`}};bt.styles=f`
|
|
1883
1891
|
:host {
|
|
1884
1892
|
display: inline-block;
|
|
1885
1893
|
position: relative;
|
|
@@ -1960,7 +1968,7 @@
|
|
|
1960
1968
|
overflow: hidden;
|
|
1961
1969
|
}
|
|
1962
1970
|
}
|
|
1963
|
-
`;
|
|
1971
|
+
`;Wt([a({type:Object,reflect:!0})],bt.prototype,"option",2);Wt([a({type:Number,reflect:!0})],bt.prototype,"imageSize",2);bt=Wt([m("o-reassurance")],bt);var oi=Object.defineProperty,ii=Object.getOwnPropertyDescriptor,Z=(o,t,e,r)=>{for(var i=r>1?void 0:r?ii(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&&oi(t,e,i),i};const ri=Nt(v);let L=class extends ri{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`
|
|
1964
1972
|
<a href="${this.link}" class="o-chip" tabindex="${this.inactive?"-1":"0"}" aria-hidden="${this.inactive?"true":"false"}">
|
|
1965
1973
|
${o?this.text:l`<slot></slot>`}
|
|
1966
1974
|
</a>
|
|
@@ -1969,7 +1977,7 @@
|
|
|
1969
1977
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
1970
1978
|
${o?this.text:l`<slot></slot>`}
|
|
1971
1979
|
</button>
|
|
1972
|
-
`}};
|
|
1980
|
+
`}};L.styles=f`
|
|
1973
1981
|
:host {
|
|
1974
1982
|
cursor: pointer;
|
|
1975
1983
|
display: inline-flex;
|
|
@@ -2045,7 +2053,7 @@
|
|
|
2045
2053
|
}
|
|
2046
2054
|
|
|
2047
2055
|
&:focus-visible {
|
|
2048
|
-
${
|
|
2056
|
+
${xt};
|
|
2049
2057
|
}
|
|
2050
2058
|
}
|
|
2051
2059
|
|
|
@@ -2058,16 +2066,16 @@
|
|
|
2058
2066
|
display: inline-flex;
|
|
2059
2067
|
align-items: center;
|
|
2060
2068
|
}
|
|
2061
|
-
`;
|
|
2069
|
+
`;Z([a({type:String,reflect:!0})],L.prototype,"link",2);Z([a({reflect:!0})],L.prototype,"name",2);Z([a({reflect:!0})],L.prototype,"value",2);Z([a({type:String})],L.prototype,"text",2);Z([a({type:String,reflect:!0})],L.prototype,"size",2);Z([a({type:Boolean,reflect:!0})],L.prototype,"selected",2);Z([a({type:Boolean,reflect:!0})],L.prototype,"fullwidth",2);Z([a({type:Boolean,reflect:!0})],L.prototype,"inactive",2);L=Z([m("o-chip")],L);var ni=Object.defineProperty,si=Object.getOwnPropertyDescriptor,Gt=(o,t,e,r)=>{for(var i=r>1?void 0:r?si(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ni(t,e,i),i};let gt=class extends v{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`
|
|
2062
2070
|
<slot></slot>
|
|
2063
|
-
`}};
|
|
2071
|
+
`}};gt.styles=f`
|
|
2064
2072
|
:host {
|
|
2065
2073
|
display: flex;
|
|
2066
2074
|
flex-direction: row;
|
|
2067
2075
|
flex-wrap: wrap;
|
|
2068
2076
|
gap: var(--spacing-s);
|
|
2069
2077
|
}
|
|
2070
|
-
`;
|
|
2078
|
+
`;Gt([a({reflect:!0})],gt.prototype,"name",2);Gt([a({reflect:!0})],gt.prototype,"value",2);gt=Gt([m("o-chipset")],gt);var ai=Object.defineProperty,li=Object.getOwnPropertyDescriptor,R=(o,t,e,r)=>{for(var i=r>1?void 0:r?li(t,e):t,n=o.length-1,s;n>=0;n--)(s=o[n])&&(i=(r?s(t,e,i):s(i))||i);return r&&i&&ai(t,e,i),i};const ci=Nt(v);let I=class extends ci{constructor(){super(...arguments),this.name="",this.value="",this.type="",this.text="",this.selected=!1,this.disabled=!1,this.fullwidth=!1,this.crossIconName="cross",this.strikethroughImgName="strikeDiagonal"}handleClick(o){if(o instanceof KeyboardEvent&&o.key!=="Enter"&&o.key!==" ")return;this.selected=!this.selected;const t={selected:this.selected},e=new CustomEvent("selected",{detail:t,bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(e),e.defaultPrevented&&o.preventDefault(),this.selected=t.selected}crossIcon(){const o=N[this.crossIconName].replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"').replace(/stroke=[#"'a-z1-9]*/gi,"");return l`<span class="cross-icon">${$(o)}</span>`}strikeThroughImg(){const o=go[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`
|
|
2071
2079
|
<a role="button" tabindex="0" class="button" href=${this.href} ?disabled=${this.disabled} @click=${this.handleClick} @keydown=${this.handleClick}
|
|
2072
2080
|
aria-label=${this.ariaLabel} aria-pressed=${this.selected}>
|
|
2073
2081
|
${o?l`
|
|
@@ -2087,7 +2095,7 @@
|
|
|
2087
2095
|
</button>
|
|
2088
2096
|
`}
|
|
2089
2097
|
${this.disabled?this.strikeThroughImg():d}
|
|
2090
|
-
`}};
|
|
2098
|
+
`}};I.styles=f`
|
|
2091
2099
|
:host {
|
|
2092
2100
|
cursor: pointer;
|
|
2093
2101
|
display: inline-flex;
|
|
@@ -2167,7 +2175,7 @@
|
|
|
2167
2175
|
}
|
|
2168
2176
|
|
|
2169
2177
|
.button:focus-visible {
|
|
2170
|
-
${
|
|
2178
|
+
${xt};
|
|
2171
2179
|
}
|
|
2172
2180
|
|
|
2173
2181
|
span.text + span.text::before {
|
|
@@ -2212,7 +2220,7 @@
|
|
|
2212
2220
|
stroke-linecap: round;
|
|
2213
2221
|
}
|
|
2214
2222
|
}
|
|
2215
|
-
`;
|
|
2223
|
+
`;R([a({reflect:!0})],I.prototype,"name",2);R([a({reflect:!0})],I.prototype,"value",2);R([a({type:String,reflect:!0})],I.prototype,"type",2);R([a({type:String,reflect:!0})],I.prototype,"href",2);R([a({type:String,reflect:!0,attribute:"data-href"})],I.prototype,"dataHref",2);R([a({type:String})],I.prototype,"text",2);R([a({type:Boolean,reflect:!0})],I.prototype,"selected",2);R([a({type:Boolean,reflect:!0})],I.prototype,"disabled",2);R([a({type:Boolean,reflect:!0})],I.prototype,"fullwidth",2);I=R([m("o-filter-chip")],I);var hi=Object.defineProperty,q=(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&&hi(t,e,i),i};const Jt=class Jt extends v{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}onClick(){typeof this.onClickTile=="function"&&this.onClickTile()}get icons(){return this.type==="chevron"?l`
|
|
2216
2224
|
<o-icon-button
|
|
2217
2225
|
@click=${this.onClick}
|
|
2218
2226
|
icon="chevronRight"
|
|
@@ -2244,7 +2252,7 @@
|
|
|
2244
2252
|
</div>
|
|
2245
2253
|
${this.icons}
|
|
2246
2254
|
</div>
|
|
2247
|
-
`}};
|
|
2255
|
+
`}};Jt.styles=f`
|
|
2248
2256
|
:host {
|
|
2249
2257
|
display: block;
|
|
2250
2258
|
max-width: 100%;
|
|
@@ -2331,11 +2339,11 @@
|
|
|
2331
2339
|
.fullpointer {
|
|
2332
2340
|
cursor: pointer;
|
|
2333
2341
|
}
|
|
2334
|
-
`;let
|
|
2342
|
+
`;let P=Jt;q([a({type:String})],P.prototype,"type");q([a({type:String})],P.prototype,"titleProduct");q([a({type:String})],P.prototype,"volume");q([a({type:String})],P.prototype,"perLiter");q([a({type:String})],P.prototype,"mainPrice");q([a({type:String})],P.prototype,"imageUrl");q([a({type:String})],P.prototype,"altImage");q([a({type:Boolean})],P.prototype,"fullwidth");q([a({type:Function})],P.prototype,"onClickTile");customElements.define("mini-tile",P);var di=Object.defineProperty,pi=Object.getOwnPropertyDescriptor,Xt=(o,t,e,r)=>{for(var i=r>1?void 0:r?pi(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&&di(t,e,i),i};let yt=class extends v{constructor(){super(...arguments),this.variant="cart",this.text=""}render(){return l`
|
|
2335
2343
|
<span class="badge">
|
|
2336
2344
|
${this.text?this.text:l`<slot></slot>`}
|
|
2337
2345
|
</span>
|
|
2338
|
-
`}};
|
|
2346
|
+
`}};yt.styles=f`
|
|
2339
2347
|
:host([variant]) {
|
|
2340
2348
|
--badge-width: 19px;
|
|
2341
2349
|
display: inline-block;
|
|
@@ -2369,10 +2377,10 @@
|
|
|
2369
2377
|
color: var(--text-color);
|
|
2370
2378
|
}
|
|
2371
2379
|
|
|
2372
|
-
`;
|
|
2380
|
+
`;Xt([a({type:String,reflect:!0})],yt.prototype,"variant",2);Xt([a({type:String})],yt.prototype,"text",2);yt=Xt([m("o-badge")],yt);var ui=Object.defineProperty,vi=Object.getOwnPropertyDescriptor,D=(o,t,e,r)=>{for(var i=r>1?void 0:r?vi(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&&ui(t,e,i),i};let C=class extends v{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}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()},300)}firstUpdated(){var e;var o=this;const t=(e=this.renderRoot)==null?void 0:e.querySelector("o-icon-button");t!=null&&t.addEventListener("click",function(){o.remove()})}render(){const t=yo[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`
|
|
2373
2381
|
<div class="o-toast">
|
|
2374
2382
|
<div class="o-toast-icon">
|
|
2375
|
-
${
|
|
2383
|
+
${$(t)}
|
|
2376
2384
|
</div>
|
|
2377
2385
|
<div class="o-toast-text">
|
|
2378
2386
|
${this.text}
|
|
@@ -2385,7 +2393,7 @@
|
|
|
2385
2393
|
</o-icon-button>
|
|
2386
2394
|
</div>
|
|
2387
2395
|
</div>
|
|
2388
|
-
`}}
|
|
2396
|
+
`}};C.styles=f`
|
|
2389
2397
|
:host {
|
|
2390
2398
|
--vertical-offset: 24px;
|
|
2391
2399
|
--horizontal-offset: 24px;
|
|
@@ -2453,4 +2461,206 @@
|
|
|
2453
2461
|
.o-toast-icon {
|
|
2454
2462
|
height: 16px;
|
|
2455
2463
|
}
|
|
2456
|
-
`;
|
|
2464
|
+
`;D([a({type:String,reflect:!0})],C.prototype,"icon",2);D([a({type:String,reflect:!0})],C.prototype,"text",2);D([a({type:String,reflect:!0})],C.prototype,"verticalanchor",2);D([a({type:String,reflect:!0})],C.prototype,"horizontalanchor",2);D([a({type:Number,reflect:!0})],C.prototype,"verticaloffset",2);D([a({type:Number,reflect:!0})],C.prototype,"horizontaloffset",2);D([a({type:Number,reflect:!0})],C.prototype,"animationduration",2);D([a({type:String,reflect:!0})],C.prototype,"animationaxis",2);D([a({type:Boolean,reflect:!0})],C.prototype,"animated",2);D([a({type:Number,reflect:!0})],C.prototype,"lifeduration",2);C=D([m("o-toast")],C);var fi=Object.defineProperty,bi=Object.getOwnPropertyDescriptor,H=(o,t,e,r)=>{for(var i=r>1?void 0:r?bi(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&&fi(t,e,i),i};let gi=0,_=class extends v{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-${++gi}`)}toggle(){this.disabled||(this.indeterminate?(this.indeterminate=!1,this.checked=!0):this.checked=!this.checked,this.syncInput(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}syncInput(){this.inputEl&&(this.inputEl.checked=this.checked,this.inputEl.indeterminate=this.indeterminate)}updated(o){this.syncInput()}handleKeyDown(o){this.disabled||(o.key===" "||o.key==="Enter")&&(o.preventDefault(),this.toggle())}render(){const o=$(N.checkbox.replace("<svg",'<svg aria-hidden="true" focusable="false" part="svg"')),t=$(N.icoMinus.replace("<svg",'<svg class="indeterminate" aria-hidden="true" focusable="false" part="svg"'));return l`
|
|
2465
|
+
<input
|
|
2466
|
+
type="checkbox"
|
|
2467
|
+
id=${this.inputId}
|
|
2468
|
+
?checked=${this.checked}
|
|
2469
|
+
?disabled=${this.disabled}
|
|
2470
|
+
name=${this.name}
|
|
2471
|
+
value=${this.value}
|
|
2472
|
+
@change=${e=>{const r=e.target;this.checked=r.checked,this.indeterminate=r.indeterminate,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}}
|
|
2473
|
+
/>
|
|
2474
|
+
|
|
2475
|
+
<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}>
|
|
2476
|
+
<span class="icon"> ${this.indeterminate?t:this.checked?o:null} </span>
|
|
2477
|
+
</div>
|
|
2478
|
+
|
|
2479
|
+
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2480
|
+
`}};_.styles=f`
|
|
2481
|
+
:host {
|
|
2482
|
+
display: inline-flex;
|
|
2483
|
+
align-items: center;
|
|
2484
|
+
gap: var(--spacing-s);
|
|
2485
|
+
cursor: pointer;
|
|
2486
|
+
user-select: none;
|
|
2487
|
+
outline: none;
|
|
2488
|
+
}
|
|
2489
|
+
|
|
2490
|
+
:host([disabled]) {
|
|
2491
|
+
opacity: 0.5;
|
|
2492
|
+
cursor: not-allowed;
|
|
2493
|
+
}
|
|
2494
|
+
|
|
2495
|
+
.box {
|
|
2496
|
+
position: relative;
|
|
2497
|
+
display: inline-flex;
|
|
2498
|
+
align-items: center;
|
|
2499
|
+
justify-content: center;
|
|
2500
|
+
border: 1px solid var(--color-border-secondary);
|
|
2501
|
+
background: var(--color-container-bg-default);
|
|
2502
|
+
border-radius: var(--radius-m);
|
|
2503
|
+
box-sizing: border-box;
|
|
2504
|
+
}
|
|
2505
|
+
|
|
2506
|
+
:host([size="S"]) .box {
|
|
2507
|
+
width: 16px;
|
|
2508
|
+
height: 16px;
|
|
2509
|
+
}
|
|
2510
|
+
:host([size="L"]) .box {
|
|
2511
|
+
width: 24px;
|
|
2512
|
+
height: 24px;
|
|
2513
|
+
border: 2px solid var(--color-border-secondary);
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2516
|
+
:host([checked]) .box,
|
|
2517
|
+
:host([indeterminate]) .box {
|
|
2518
|
+
background: var(--color-container-action-primary-default);
|
|
2519
|
+
border-color: var(--color-border-primary);
|
|
2520
|
+
|
|
2521
|
+
svg {
|
|
2522
|
+
width: 80%;
|
|
2523
|
+
height: 100%;
|
|
2524
|
+
}
|
|
2525
|
+
}
|
|
2526
|
+
|
|
2527
|
+
:host(:focus-visible) .box {
|
|
2528
|
+
box-shadow: 0 0 0 3px var(--color-border-primary);
|
|
2529
|
+
}
|
|
2530
|
+
|
|
2531
|
+
.box:hover:not([aria-disabled="true"]) {
|
|
2532
|
+
box-shadow: 0 0 0 4px #e8dfe3;
|
|
2533
|
+
}
|
|
2534
|
+
.box:active:not([aria-disabled="true"]) {
|
|
2535
|
+
box-shadow: 0 0 0 4px #d6c6cc;
|
|
2536
|
+
}
|
|
2537
|
+
|
|
2538
|
+
.label {
|
|
2539
|
+
color: var(--color-content-action-secondary);
|
|
2540
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2541
|
+
font-size: var(--font-size-100);
|
|
2542
|
+
font-weight: var(--font-weight-400);
|
|
2543
|
+
line-height: var(--line-height-160);
|
|
2544
|
+
letter-spacing: var(--letter-spacing-400);
|
|
2545
|
+
}
|
|
2546
|
+
|
|
2547
|
+
.icon {
|
|
2548
|
+
position: absolute;
|
|
2549
|
+
inset: 0;
|
|
2550
|
+
display: flex;
|
|
2551
|
+
align-items: center;
|
|
2552
|
+
justify-content: center;
|
|
2553
|
+
pointer-events: none;
|
|
2554
|
+
}
|
|
2555
|
+
|
|
2556
|
+
input {
|
|
2557
|
+
position: absolute;
|
|
2558
|
+
opacity: 0;
|
|
2559
|
+
pointer-events: none;
|
|
2560
|
+
width: 0;
|
|
2561
|
+
height: 0;
|
|
2562
|
+
}
|
|
2563
|
+
|
|
2564
|
+
.indeterminate {
|
|
2565
|
+
width: 10px;
|
|
2566
|
+
height: 10px;
|
|
2567
|
+
}
|
|
2568
|
+
|
|
2569
|
+
.indeterminate path {
|
|
2570
|
+
fill: var(--color-border-white);
|
|
2571
|
+
}
|
|
2572
|
+
|
|
2573
|
+
svg path {
|
|
2574
|
+
stroke: var(--color-border-white);
|
|
2575
|
+
}
|
|
2576
|
+
`;H([a({type:Boolean,reflect:!0})],_.prototype,"checked",2);H([a({type:Boolean,reflect:!0})],_.prototype,"indeterminate",2);H([a({type:Boolean,reflect:!0})],_.prototype,"disabled",2);H([a({type:String,reflect:!0})],_.prototype,"size",2);H([a({type:Boolean})],_.prototype,"showLabel",2);H([a({type:String})],_.prototype,"label",2);H([a({type:String})],_.prototype,"name",2);H([a({type:String})],_.prototype,"value",2);H([a({type:String,reflect:!0})],_.prototype,"inputId",2);H([fe("input")],_.prototype,"inputEl",2);_=H([m("o-checkbox")],_);var yi=Object.defineProperty,mi=Object.getOwnPropertyDescriptor,F=(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,O=class extends v{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-${++xi}`)}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`
|
|
2577
|
+
<input type="radio" id=${this.inputId} ?checked=${this.checked} ?disabled=${this.disabled} name=${this.name} value=${this.value} />
|
|
2578
|
+
|
|
2579
|
+
<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}>
|
|
2580
|
+
<span class="dot"></span>
|
|
2581
|
+
</div>
|
|
2582
|
+
|
|
2583
|
+
${this.showLabel?l`<label class="label" for=${this.inputId}>${this.label}</label>`:""}
|
|
2584
|
+
`}};O.styles=f`
|
|
2585
|
+
:host {
|
|
2586
|
+
display: inline-flex;
|
|
2587
|
+
align-items: center;
|
|
2588
|
+
gap: var(--spacing-s);
|
|
2589
|
+
cursor: pointer;
|
|
2590
|
+
user-select: none;
|
|
2591
|
+
outline: none;
|
|
2592
|
+
}
|
|
2593
|
+
|
|
2594
|
+
:host([disabled]) {
|
|
2595
|
+
opacity: 0.5;
|
|
2596
|
+
cursor: not-allowed;
|
|
2597
|
+
}
|
|
2598
|
+
|
|
2599
|
+
.box {
|
|
2600
|
+
position: relative;
|
|
2601
|
+
display: inline-flex;
|
|
2602
|
+
align-items: center;
|
|
2603
|
+
justify-content: center;
|
|
2604
|
+
border: 1px solid #7e7173; /* contour du cercle */
|
|
2605
|
+
background: #fbf9f6; /* fond clair */
|
|
2606
|
+
border-radius: 50%;
|
|
2607
|
+
box-sizing: border-box;
|
|
2608
|
+
transition: box-shadow 0.2s;
|
|
2609
|
+
}
|
|
2610
|
+
|
|
2611
|
+
:host([size="S"]) .box {
|
|
2612
|
+
width: 16px;
|
|
2613
|
+
height: 16px;
|
|
2614
|
+
}
|
|
2615
|
+
:host([size="L"]) .box {
|
|
2616
|
+
width: 24px;
|
|
2617
|
+
height: 24px;
|
|
2618
|
+
border: 2px solid #7e7173;
|
|
2619
|
+
}
|
|
2620
|
+
|
|
2621
|
+
:host(:focus-visible) .box {
|
|
2622
|
+
box-shadow: 0 0 0 3px var(--color-border-primary);
|
|
2623
|
+
}
|
|
2624
|
+
|
|
2625
|
+
.box:hover:not([aria-disabled="true"]) {
|
|
2626
|
+
box-shadow: 0 0 0 4px #e8dfe3;
|
|
2627
|
+
}
|
|
2628
|
+
.box:active:not([aria-disabled="true"]) {
|
|
2629
|
+
box-shadow: 0 0 0 4px #d6c6cc;
|
|
2630
|
+
}
|
|
2631
|
+
|
|
2632
|
+
.label {
|
|
2633
|
+
color: var(--color-content-action-secondary);
|
|
2634
|
+
font-family: var(--font-family-loccitane-sans);
|
|
2635
|
+
font-size: var(--font-size-100);
|
|
2636
|
+
font-weight: var(--font-weight-400);
|
|
2637
|
+
line-height: var(--line-height-160);
|
|
2638
|
+
letter-spacing: var(--letter-spacing-400);
|
|
2639
|
+
}
|
|
2640
|
+
|
|
2641
|
+
.dot {
|
|
2642
|
+
opacity: 0;
|
|
2643
|
+
width: 8px;
|
|
2644
|
+
height: 8px;
|
|
2645
|
+
background-color: #3f2b2e; /* cercle plein foncé */
|
|
2646
|
+
border-radius: 50%;
|
|
2647
|
+
transition: opacity 0.2s;
|
|
2648
|
+
}
|
|
2649
|
+
|
|
2650
|
+
:host([size="L"]) .dot {
|
|
2651
|
+
width: 12px;
|
|
2652
|
+
height: 12px;
|
|
2653
|
+
}
|
|
2654
|
+
|
|
2655
|
+
:host([checked]) .dot {
|
|
2656
|
+
opacity: 1;
|
|
2657
|
+
}
|
|
2658
|
+
|
|
2659
|
+
input {
|
|
2660
|
+
position: absolute;
|
|
2661
|
+
opacity: 0;
|
|
2662
|
+
pointer-events: none;
|
|
2663
|
+
width: 0;
|
|
2664
|
+
height: 0;
|
|
2665
|
+
}
|
|
2666
|
+
`;F([a({type:Boolean,reflect:!0})],O.prototype,"checked",2);F([a({type:Boolean,reflect:!0})],O.prototype,"disabled",2);F([a({type:String,reflect:!0})],O.prototype,"size",2);F([a({type:Boolean})],O.prototype,"showLabel",2);F([a({type:String})],O.prototype,"label",2);F([a({type:String})],O.prototype,"name",2);F([a({type:String})],O.prototype,"value",2);F([a({type:String,reflect:!0})],O.prototype,"inputId",2);F([fe("input")],O.prototype,"inputEl",2);O=F([m("o-radio")],O);
|